@import url(https://fonts.googleapis.com/css?family=Lora:400,700,400italic,700italic);
/*
*   CSS file with Bootstrap grid classes for screens bigger than 1600px. Just add this file after the Bootstrap CSS file and you will be able to juse col-xl, col-xl-push, hidden-xl, etc.
*
*   Author: Marc van Nieuwenhuijzen
*   Company: WebVakman
*   Site: WebVakman.nl
*
*/
@media (min-width: 1200px) and (max-width: 1599px) {
  .hidden-lg {
    display: none !important;
  }
}
.visible-xl-block, .visible-xl-inline, .visible-xl-inline-block, .visible-xl {
  display: none !important;
}

@media (min-width: 1600px) {
  .container {
    width: 1570px;
  }
  .col-xl-1, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-10, .col-xl-11 {
    float: left;
  }
  .col-xl-12 {
    float: left;
    width: 100%;
  }
  .col-xl-11 {
    width: 91.66666667%;
  }
  .col-xl-10 {
    width: 83.33333333%;
  }
  .col-xl-9 {
    width: 75%;
  }
  .col-xl-8 {
    width: 66.66666667%;
  }
  .col-xl-7 {
    width: 58.33333333%;
  }
  .col-xl-6 {
    width: 50%;
  }
  .col-xl-5 {
    width: 41.66666667%;
  }
  .col-xl-4 {
    width: 33.33333333%;
  }
  .col-xl-3 {
    width: 25%;
  }
  .col-xl-2 {
    width: 16.66666667%;
  }
  .col-xl-1 {
    width: 8.33333333%;
  }
  .col-xl-pull-12 {
    right: 100%;
  }
  .col-xl-pull-11 {
    right: 91.66666667%;
  }
  .col-xl-pull-10 {
    right: 83.33333333%;
  }
  .col-xl-pull-9 {
    right: 75%;
  }
  .col-xl-pull-8 {
    right: 66.66666667%;
  }
  .col-xl-pull-7 {
    right: 58.33333333%;
  }
  .col-xl-pull-6 {
    right: 50%;
  }
  .col-xl-pull-5 {
    right: 41.66666667%;
  }
  .col-xl-pull-4 {
    right: 33.33333333%;
  }
  .col-xl-pull-3 {
    right: 25%;
  }
  .col-xl-pull-2 {
    right: 16.66666667%;
  }
  .col-xl-pull-1 {
    right: 8.33333333%;
  }
  .col-xl-pull-0 {
    right: auto;
  }
  .col-xl-push-12 {
    left: 100%;
  }
  .col-xl-push-11 {
    left: 91.66666667%;
  }
  .col-xl-push-10 {
    left: 83.33333333%;
  }
  .col-xl-push-9 {
    left: 75%;
  }
  .col-xl-push-8 {
    left: 66.66666667%;
  }
  .col-xl-push-7 {
    left: 58.33333333%;
  }
  .col-xl-push-6 {
    left: 50%;
  }
  .col-xl-push-5 {
    left: 41.66666667%;
  }
  .col-xl-push-4 {
    left: 33.33333333%;
  }
  .col-xl-push-3 {
    left: 25%;
  }
  .col-xl-push-2 {
    left: 16.66666667%;
  }
  .col-xl-push-1 {
    left: 8.33333333%;
  }
  .col-xl-push-0 {
    left: auto;
  }
  .col-xl-offset-12 {
    margin-left: 100%;
  }
  .col-xl-offset-11 {
    margin-left: 91.66666667%;
  }
  .col-xl-offset-10 {
    margin-left: 83.33333333%;
  }
  .col-xl-offset-9 {
    margin-left: 75%;
  }
  .col-xl-offset-8 {
    margin-left: 66.66666667%;
  }
  .col-xl-offset-7 {
    margin-left: 58.33333333%;
  }
  .col-xl-offset-6 {
    margin-left: 50%;
  }
  .col-xl-offset-5 {
    margin-left: 41.66666667%;
  }
  .col-xl-offset-4 {
    margin-left: 33.33333333%;
  }
  .col-xl-offset-3 {
    margin-left: 25%;
  }
  .col-xl-offset-2 {
    margin-left: 16.66666667%;
  }
  .col-xl-offset-1 {
    margin-left: 8.33333333%;
  }
  .col-xl-offset-0 {
    margin-left: 0;
  }
  .visible-xl {
    display: block !important;
  }
  table.visible-xl {
    display: table;
  }
  tr.visible-xl {
    display: table-row !important;
  }
  th.visible-xl, td.visible-xl {
    display: table-cell !important;
  }
  .visible-xl-block {
    display: block !important;
  }
  .visible-xl-inline {
    display: inline !important;
  }
  .visible-xl-inline-block {
    display: inline-block !important;
  }
  .hidden-xl {
    display: none !important;
  }
}
/* FONTS */
/* COLORS */
/* BORDERS */
.text-align-right {
  text-align: right;
}

.no-margin {
  margin: 0 !important;
}

.margin-top-negative-50 {
  margin-top: -50px !important;
}

.margin-top-5 {
  margin-top: 5px !important;
}

.margin-top-10 {
  margin-top: 10px !important;
}

.margin-top-15 {
  margin-top: 15px !important;
}

.margin-top-20 {
  margin-top: 20px !important;
}

.margin-top-25 {
  margin-top: 25px !important;
}

.margin-top-30 {
  margin-top: 30px !important;
}

.margin-top-40 {
  margin-top: 40px !important;
}

.margin-top-45 {
  margin-top: 45px !important;
}

.margin-top-50 {
  margin-top: 50px !important;
}

.margin-top-60 {
  margin-top: 60px !important;
}

.margin-top-70 {
  margin-top: 70px !important;
}

.margin-top-75 {
  margin-top: 75px !important;
}

.margin-top-80 {
  margin-top: 80px !important;
}

.margin-top-100 {
  margin-top: 100px !important;
}

.margin-bottom-10 {
  margin-bottom: 10px !important;
}

.margin-bottom-20 {
  margin-bottom: 20px !important;
}

.margin-bottom-25 {
  margin-bottom: 25px !important;
}

.margin-bottom-30 {
  margin-bottom: 30px !important;
}

.margin-bottom-40 {
  margin-bottom: 40px !important;
}

.margin-bottom-50 {
  margin-bottom: 50px !important;
}

.margin-bottom-60 {
  margin-bottom: 60px !important;
}

.margin-bottom-70 {
  margin-bottom: 70px !important;
}

.margin-bottom-75 {
  margin-bottom: 75px !important;
}

.margin-bottom-80 {
  margin-bottom: 80px !important;
}

.margin-bottom-100 {
  margin-bottom: 100px !important;
}

.margin-left-10 {
  margin-left: 10px !important;
}

.margin-left-20 {
  margin-left: 20px !important;
}

.margin-left-25 {
  margin-left: 25px !important;
}

.margin-left-30 {
  margin-left: 30px !important;
}

.margin-left-40 {
  margin-left: 40px !important;
}

.margin-left-50 {
  margin-left: 50px !important;
}

.margin-left-60 {
  margin-left: 60px !important;
}

.margin-left-70 {
  margin-left: 70px !important;
}

.margin-left-75 {
  margin-left: 75px !important;
}

.margin-left-80 {
  margin-left: 80px !important;
}

.margin-left-100 {
  margin-left: 100px !important;
}

.no-margin-right {
  margin-right: 0 !important;
}

.margin-right-10 {
  margin-right: 10px !important;
}

.margin-right-20 {
  margin-right: 20px !important;
}

.margin-right-25 {
  margin-right: 25px !important;
}

.margin-right-30 {
  margin-right: 30px !important;
}

.margin-right-40 {
  margin-right: 40px !important;
}

.margin-right-50 {
  margin-right: 50px !important;
}

.margin-right-60 {
  margin-right: 60px !important;
}

.margin-right-70 {
  margin-right: 70px !important;
}

.margin-right-75 {
  margin-right: 75px !important;
}

.margin-right-80 {
  margin-right: 80px !important;
}

.margin-right-100 {
  margin-right: 100px !important;
}

.margin-10 {
  margin: 10px !important;
}

.margin-20 {
  margin: 20px !important;
}

.margin-25 {
  margin: 25px !important;
}

.margin-30 {
  margin: 30px !important;
}

.margin-40 {
  margin: 40px !important;
}

.margin-50 {
  margin: 50px !important;
}

.margin-60 {
  margin: 60px !important;
}

.margin-70 {
  margin: 70px !important;
}

.margin-75 {
  margin: 75px !important;
}

.margin-80 {
  margin: 80px !important;
}

.margin-100 {
  margin: 100px !important;
}

.minus-content-padding-margin {
  margin: 0 -10px !important;
}
.minus-content-padding-margin .row {
  padding: 0 20px;
}

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

.padding-top-0 {
  padding-top: 0 !important;
}

.padding-top-10 {
  padding-top: 10px !important;
}

.padding-top-20 {
  padding-top: 20px !important;
}

.padding-top-25 {
  padding-top: 25px !important;
}

.padding-top-30 {
  padding-top: 30px !important;
}

.padding-top-40 {
  padding-top: 40px !important;
}

.padding-top-50 {
  padding-top: 50px !important;
}

.padding-top-60 {
  padding-top: 60px !important;
}

.padding-top-70 {
  padding-top: 70px !important;
}

.padding-top-75 {
  padding-top: 75px !important;
}

.padding-top-80 {
  padding-top: 80px !important;
}

.padding-top-100 {
  padding-top: 100px !important;
}

.padding-bottom-0 {
  padding-bottom: 0;
}

.padding-bottom-10 {
  padding-bottom: 10px !important;
}

.padding-bottom-15 {
  padding-bottom: 15px !important;
}

.padding-bottom-20 {
  padding-bottom: 20px !important;
}

.padding-bottom-25 {
  padding-bottom: 25px !important;
}

.padding-bottom-30 {
  padding-bottom: 30px !important;
}

.padding-bottom-40 {
  padding-bottom: 40px !important;
}

.padding-bottom-50 {
  padding-bottom: 50px !important;
}

.padding-bottom-60 {
  padding-bottom: 60px !important;
}

.padding-bottom-70 {
  padding-bottom: 70px !important;
}

.padding-bottom-75 {
  padding-bottom: 75px !important;
}

.padding-bottom-80 {
  padding-bottom: 80px !important;
}

.padding-bottom-100 {
  padding-bottom: 100px !important;
}

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

.padding-left-10 {
  padding-left: 10px !important;
}

.padding-left-20 {
  padding-left: 20px !important;
}

.padding-left-25 {
  padding-left: 25px !important;
}

.padding-left-30 {
  padding-left: 30px !important;
}

.padding-left-40 {
  padding-left: 40px !important;
}

.padding-left-50 {
  padding-left: 50px !important;
}

.padding-left-60 {
  padding-left: 60px !important;
}

.padding-left-70 {
  padding-left: 70px !important;
}

.padding-left-75 {
  padding-left: 75px !important;
}

.padding-left-80 {
  padding-left: 80px !important;
}

.padding-left-100 {
  padding-left: 100px !important;
}

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

.padding-right-10 {
  padding-right: 10px !important;
}

.padding-right-20 {
  padding-right: 20px !important;
}

.padding-right-25 {
  padding-right: 25px !important;
}

.padding-right-30 {
  padding-right: 30px !important;
}

.padding-right-40 {
  padding-right: 40px !important;
}

.padding-right-50 {
  padding-right: 50px !important;
}

.padding-right-60 {
  padding-right: 60px !important;
}

.padding-right-70 {
  padding-right: 70px !important;
}

.padding-right-75 {
  padding-right: 75px !important;
}

.padding-right-80 {
  padding-right: 80px !important;
}

.padding-right-100 {
  padding-right: 100px !important;
}

.padding-10 {
  padding: 10px !important;
}

.padding-15 {
  padding: 15px !important;
}

.padding-20 {
  padding: 20px !important;
}

.padding-25 {
  padding: 25px !important;
}

.padding-30 {
  padding: 30px !important;
}

.padding-40 {
  padding: 40px !important;
}

.padding-50 {
  padding: 50px !important;
}

.padding-60 {
  padding: 60px !important;
}

.padding-70 {
  padding: 70px !important;
}

.padding-75 {
  padding: 75px !important;
}

.padding-80 {
  padding: 80px !important;
}

.padding-100 {
  padding: 100px !important;
}

.width-full {
  width: 100% !important;
}

.margin-zero {
  margin: 0 !important;
}

/*  filename: ej.widgets.core.css starts after line: 3759 */
/*  filename: ej.theme.css */
/*-----------------------OLAP Definition-----------------*/
/*-----------------------SymbolPalette Definition-----------------*/
/*Theme Color*/
.e-grid.e-rtl .e-indentcell {
  border-left-color: #c4c4c4;
}

.e-grid.e-rtl .e-headercell,
.e-grid.e-rtl .e-grouptopleftcell {
  border-right-color: #c4c4c4;
  border-bottom-color: #c4c4c4;
}

.e-grid.e-rtl .e-movablecontent,
.e-grid.e-rtl .e-movableheader {
  border-right-color: #169dd8;
}

/*..........................Skin css...........................*/
.e-grid {
  border-color: #c4c4c4;
  color: #6d6d6d;
  border-top: none;
}

.e-grid .e-icon {
  color: #797979;
}

.e-grid .e-icon.e-animatebutton {
  color: white;
}

.e-grid .e-toolbar .e-hover .e-icon,
.e-grid .e-headercell.e-hover .e-icon {
  color: white;
}

.e-grid .e-gridpopup .e-content {
  background-color: white;
  border-color: #c4c4c4;
}

.e-grid .e-gridpopup span:hover,
.e-grid .e-gridpopup .e-spanclicked {
  border-color: #797979;
}

.e-grid .e-gridpopup .e-downtail:before,
.e-grid .e-gridpopup .e-downtail {
  border-top-color: #c4c4c4;
}

.e-grid .e-gridpopup .e-downtail:after {
  border-top-color: white;
}

.e-grid .e-gridcontent,
.e-grid .e-form-container {
  background-color: white;
}

.e-grid .e-groupdroparea {
  background-color: #2382c3;
  /* Old browsers */
  border-top-color: #c4c4c4;
  color: white;
}

.e-grid .e-cloneproperties {
  color: white;
  background-color: #2382c3;
  /* Old browsers */
  border-color: #c4c4c4;
}

.e-grid .e-groupcaption,
.e-grid .e-groupcaptionsummary {
  background-color: #f6f7f7;
  border-color: #c4c4c4;
}

.e-grid .e-headercell-hover,
.e-grid .e-groupheadercell:hover {
  color: white;
}

.e-grid .e-groupheadercell {
  color: #5c5c5c;
  border-color: #c4c4c4;
}

.e-grid .e-alt_row {
  background: #f6f7f7;
}

.e-grid .e-inlineform-titlebar {
  border-color: #c4c4c4;
  background-color: #f7f7f7;
}

.e-grid .e-indentcell,
.e-grid .e-recordpluscollapse,
.e-grid .e-recordplusexpand {
  border-color: #c4c4c4;
  background-color: #f6f7f7;
}

.e-grid .e-detailcell,
.e-grid .e-detailrowcollapse,
.e-grid .e-detailrowexpand,
.e-grid tr.e-editedrow td.e-rowcell {
  border-top-color: #c4c4c4;
}

.e-grid .e-detailindentcell {
  border-right-color: #c4c4c4;
}

.e-grid td.e-active,
.e-grid .e-form-titlebar {
  background-color: #2382c3;
  color: white;
}

.e-grid .e-inlineform-titlebar {
  font-size: 14px;
  color: #5c5c5c;
}

.e-grid .e-recordpluscollapse > div,
.e-grid .e-detailrowcollapse > div {
  background-color: transparent;
}

.e-grid .e-headercell,
.e-grid .e-grouptopleftcell {
  background: white;
  /* Old browsers */
  border-top-color: #c4c4c4;
  border-left-color: #c4c4c4;
  border-bottom-color: #169dd8;
}

.e-grid .e-grid-icon {
  background: white;
  /* Old browsers */
}

.e-grid .e-gridheader {
  color: #5c5c5c;
  border-bottom-color: #169dd8;
  border-top-color: #c4c4c4;
}

.e-grid .e-headercontent {
  border-right-color: #c4c4c4;
}

.e-grid.e-rtl .e-headercontent {
  border-left-color: #c4c4c4;
}

.e-grid .e-editcell,
.e-grid .e-form-container,
.e-grid .e-externalformedit,
.e-grid .e-tabletd,
.e-grid .e-rowcell {
  border-color: #c4c4c4;
}

.e-grid .e-form-togglebtn:hover {
  background: #5eabde;
  /* Old browsers */
}

.e-grid .e-form-toggle-icon {
  color: white;
}

.e-grid .e-filterbarcell,
.e-grid .e-filterbarcelldisabled {
  border-color: #c4c4c4;
  background-color: white;
  background-image: none;
}

.e-grid .e-grid-filterstatusbar,
.e-grid .e-grid-filterstatusbarbottom {
  background-color: #2382c3;
  /* Old browsers */
  border-color: #c4c4c4;
}

.e-grid .e-grid-filterstatusbar .e-msgdiv,
.e-grid .e-grid-filterstatusbarbottom .e-msgdiv {
  color: white;
}

.e-grid .e-groupdroparea.e-hover {
  background: #5eabde;
  /* Old browsers */
}

.e-grid tr.e-hover {
  background-color: #5eabde;
  color: white;
}

.e-grid .e-scrollcss {
  background: white;
  /* Old browsers */
}

.e-grid .e-headercell-hover,
.e-grid .e-filtercell:hover,
.e-grid .e-groupheadercell:hover {
  background: #5eabde;
  /* Old browsers */
}

.e-grid .e-reorderindicate {
  border-right-color: #2382c3;
}

.e-grid div.e-field-validation-error {
  background-color: #fffe91;
  color: #cd0a0a;
}

.e-grid div.e-error .e-toparrow {
  border-bottom-color: #fffe92;
}

.e-ejinputtext {
  border: 1px solid #bbbcbb;
  outline: none;
  background-color: white;
  color: #5c5c5c;
  vertical-align: baseline;
}

.e-ejinputtext:focus {
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
}

.e-grid .e-summaryrow {
  background-color: white;
  border-color: #c4c4c4;
}

.e-grid .e-reSizeColbg {
  border-left-color: #c4c4c4;
}

.e-grid .e-headercell-hover .e-ascending,
.e-grid .e-groupheadercell:hover .e-ascending,
.e-grid .e-headercell-hover .e-filtericon,
.e-grid .e-headercell-hover .e-descending,
.e-grid .e-headercell-hover .e-togglegroupbutton,
.e-grid .e-groupheadercell:hover .e-descending,
.e-grid .e-groupheadercell:hover .e-togglegroupbutton,
.e-grid .e-groupheadercell:hover .e-ungroupbutton {
  background-color: transparent;
  color: white;
}

.e-grid .e-headercellactive,
.e-grid .e-headercellactive span,
.e-grid .e-headercellactive div {
  color: white;
}

.e-grid .e-headercellactive {
  background-color: #2382c3;
  /* Old browsers */
}

.e-grid .e-movablecontent,
.e-grid .e-movableheader {
  border-left-color: #169dd8;
}

.e-grid .e-frozeny {
  border-bottom-color: #169dd8 !important;
}

.e-grid .e-dialog .e-header .e-icon {
  color: white;
}

.e-grid form .e-select:hover .e-icon,
.e-grid form .e-select:hover .e-icon {
  color: white;
}

/*-----------------------OLAP Definition-----------------*/
/*-----------------------SymbolPalette Definition-----------------*/
/*---------------------------------Schedule Theme--------------------------------*/
.e-schedule,
.e-schedule.e-scheduleouter {
  border: 1px solid #bbbcbb;
  color: #5c5c5c;
  background-color: white;
}

.e-schedule .icon-AddGrad:before {
  color: #2382c3;
}

e-schedule .e-datedisplay {
  color: #5c5c5c;
}

.e-schedule .e-commonviewbutton {
  background: #ecedee;
  /* Old browsers */
  color: #5c5c5c;
  border: 1px solid #bbbcbb;
  border-right: none;
}

.e-schedule .e-singleview {
  border-right: 1px solid #bbbcbb;
}

.e-schedule.e-rtl .e-firstview,
.e-schedule .e-lastview {
  border: 1px solid #bbbcbb;
}

.e-schedule .e-dateheader,
.e-schedule .e-emptytd {
  border-bottom: 3px solid #169dd8;
}

.e-schedule .e-dateheader,
.e-schedule .e-emptyalldaytd {
  border-bottom: 1px solid #bbbcbb;
}

.e-schedule .e-leftindent {
  border-bottom: 1px solid #bbbcbb;
}

.e-scheduledialog .e-quickstartendtime {
  border-bottom: 1px solid #bbbcbb;
}

.e-schedule .e-workcells {
  border-bottom: 1px solid #bbbcbb;
  border-left: 1px solid #bbbcbb;
  background: #f6f7f7;
}

.e-schedule .e-monthcells {
  border-bottom: 1px solid #bbbcbb;
  border-left: 1px solid #bbbcbb;
  background: #f6f7f7;
}

.e-schedule .e-alternatecells,
.e-schedule .e-ampmstyle {
  border-bottom: 1px dotted #c1c1c1;
}

.e-schedule .e-appointresizer-top,
.e-schedule .e-appointresizer-bottom,
.e-schedule .e-appointresizer-left,
.e-schedule .e-appointresizer-right {
  color: white;
}

.e-schedule .e-monthcellhighlight {
  background: white;
}

.e-schedule .e-businesshighlightworkcells {
  background: white;
}

.e-schedule .e-scheduleheader {
  background: #ecedee;
  /* Old browsers */
}

.e-schedule .e-next,
.e-schedule .e-prev {
  background: #ecedee;
  /* Old browsers */
  border: 1px solid #bbbcbb;
  border-bottom: transparent;
}

.e-schedule .e-scheduleheader > td {
  border-bottom: 1px solid #bbbcbb;
}

.e-schedule .e-headerbackcolor,
.e-schedule .e-timecells {
  border-bottom: 1px solid #bbbcbb;
}

.e-schedule .e-mousehover {
  background-color: #dbdbdb;
}

.e-schedule .e-highlightcurrenttimeline {
  background-color: #1c6da3;
}

.e-schedule .e-currenttime {
  background-color: #1c6da3;
  color: white;
}

.e-schedule .e-timeidicatorcircle {
  color: #1c6da3;
}

.e-scheduledialog .e-recuredit {
  color: #5eabde;
}

.e-schedule .e-alldaycells {
  border-left: 1px solid #bbbcbb;
  border-bottom: 1px solid #bbbcbb;
}

.e-schedule .e-headerresourcecells {
  border-bottom: 1px solid #bbbcbb;
}

.e-schedule .e-resourcecells {
  border-left: 1px solid #bbbcbb;
  border-bottom: 1px solid #bbbcbb;
}

.e-schedule .e-headercells {
  border-left: 1px solid #bbbcbb;
  border-bottom: 3px solid #169dd8;
}

.e-schedule .e-monthdateshighlight {
  color: #d0d0d1 !important;
}

.e-schedule .e-monthcurrenttime {
  border: 1px solid #aaaaaa;
  background: #1c6da3;
  color: white;
}

.e-schedule.e-rtl .e-monthleftindent,
.e-schedule.e-rtl .e-monthleftcells,
.e-schedule.e-rtl .e-settingsindent,
.e-schedule.e-rtl .e-leftindent {
  border-left: 1px solid #bbbcbb;
}

.e-schedule.e-rtl .e-workcells {
  border-left: medium none;
  border-right: 1px solid #bbbcbb;
}

.e-schedule .e-activeview {
  background-color: #2382c3;
  color: white;
  border-color: #2382c3;
}

.e-schedule .e-monthleftcells,
.e-schedule .e-settingsindent {
  border-bottom: 3px solid #169dd8;
}

.e-draggableAppointment,
.e-schedule .e-monthappointment,
.e-schedule .e-alldayappointment,
.e-schedule .e-appointment {
  background-color: #2382c3;
  color: white;
  border: 1px solid #57a8e1;
}

.e-schedule .e-selectedAppointment {
  border: 2px solid black;
}

.e-schedule .e-selectedCell {
  background-color: #dbdbdb;
}

.e-scheduledialog .e-detailedapp,
.e-scheduledialog .e-editevents,
.e-scheduledialog .e-textdetailcolor {
  color: #2382c3;
}

.e-scheduledialog .e-recurtitle {
  border-bottom: 1px solid #bbbcbb;
}

.e-scheduledialog .e-dialogheader {
  color: #5c5c5c !important;
  background: white !important;
  border-width: 0 0 1px !important;
  border-style: solid !important;
  border-color: #bbbcbb !important;
  font-weight: bold !important;
}

.e-scheduledialog .e-dialog-icon:hover {
  background: none repeat scroll 0 0 transparent !important;
}

/* Tooltip arrow image */
.e-scheduledialog .e-outerarrowline {
  border-color: #bbbcbb transparent;
  -o-border-image: none;
     border-image: none;
  border-style: solid;
  border-width: 9px 9px 0;
  left: 0;
  position: absolute;
  top: 0;
}

.e-scheduledialog .e-innerarrow {
  border-color: white transparent;
  -o-border-image: none;
     border-image: none;
  border-style: solid;
  border-width: 8px 8px 0;
  left: 1px;
  position: absolute;
  top: 0;
}

.e-draggableAppointment {
  box-shadow: 5px 5px 5px #aaaaaa;
}

/*-----------------------Schedule Theme End -----------------------------*/
/*-----------------------OLAP Definition-----------------*/
/*-----------------------SymbolPalette Definition-----------------*/
.e-grid.e-rtl .e-nextpage,
.e-grid.e-rtl .e-nextpagedisabled {
  border-left-color: #c4c4c4;
}

.e-pager,
.e-grid .e-pagerstatusbar {
  background-color: #ecedee;
  border-color: #c4c4c4;
  color: #6d6d6d;
}

.e-pager .e-icon {
  color: #797979;
}

.e-pager .e-icon:hover {
  color: white;
}

.e-pager .e-spacing {
  color: #6d6d6d;
}

.e-pager .e-numericitem:hover {
  background: #5eabde;
  /* Old browsers */
  color: white;
}

.e-pager .e-numericitem {
  background: #ecedee;
  border-right-color: #c4c4c4;
}

.e-pager .e-prevpagedisabled,
.e-pager .e-prevpage,
.e-pager .e-nextpage,
.e-pager .e-nextpagedisabled,
.e-pager .e-lastpagedisabled,
.e-pager .e-lastpage,
.e-pager .e-firstpage,
.e-pager .e-firstpagedisabled {
  background-color: #ecedee;
}

.e-pager .e-nextpage:Hover,
.e-pager .e-lastpage:Hover,
.e-pager .e-firstpage:Hover,
.e-pager .e-prevpage:Hover {
  background-color: #5eabde;
}

.e-pager .e-pagercontainer {
  background-color: #ecedee;
  border-color: #c4c4c4;
}

.e-pager .e-firstpage,
.e-pager .e-prevpage,
.e-pager .e-firstpagedisabled,
.e-pager .e-prevpagedisabled,
.e-pager .e-nextpage,
.e-pager .e-lastpage,
.e-pager .e-nextpagedisabled,
.e-pager .e-lastpagedisabled {
  border-right-color: #c4c4c4;
}

.e-pager .e-currentitem,
.e-pager .e-currentitem:hover {
  background-color: #2382c3;
  /* Old browsers */
  color: white;
}

/*-----------------------OLAP Definition-----------------*/
/*-----------------------SymbolPalette Definition-----------------*/
/*------------------------------------- scrollbar -------------------------------------------*/
.e-scroller .e-vscroll,
.e-scroller .e-hscroll,
.e-scroller .e-vhandlespace {
  background-color: #ecedee;
}

.e-scroller .e-vscroll,
.e-scroller .e-hscroll {
  border-style: none;
}

.e-scroller .e-active {
  background-color: #2382c3;
}

.e-scroller .e-vhandle,
.e-scroller .e-hhandle {
  background: #ecedee;
  /* Old browsers */
  border: 1px solid #c4c4c4;
  transition: top 0.1s linear 0s, left 0.1s linear 0s;
}

.e-scroller .e-vhandle:hover,
.e-scroller .e-hhandle:hover {
  background: #5eabde;
  /* Old browsers */
  cursor: default;
}

.e-scroller .e-button {
  color: #797979;
}

.e-scroller .e-button:hover {
  background: #5eabde;
  /* Old browsers */
  color: white;
}

/*-----------------------OLAP Definition-----------------*/
/*-----------------------SymbolPalette Definition-----------------*/
/*Theme Color*/
.e-acrdn {
  font-family: Segoe UI;
}

.e-acrdn .e-content {
  border-color: #bbbcbb;
  background-color: white;
  color: #5c5c5c;
  font-size: 14px;
}

.e-acrdn .e-select:hover {
  background: #5eabde;
  /* Old browsers */
}

.e-acrdn .e-select:hover a {
  color: white;
}

.e-acrdn .e-select:hover {
  color: white;
}

.e-acrdn .e-select,
.e-acrdn .e-disable.e-select:hover,
.e-acrdn .e-disable.e-select:hover a {
  background: #ecedee;
  /* Old browsers */
  color: #5c5c5c;
}

.e-acrdn .e-select {
  border-color: #bbbcbb;
  font-weight: normal;
  font-size: 16px;
  font-family: Segoe UI;
}

.e-acrdn .e-select a {
  color: #5c5c5c;
}

.e-acrdn .e-select:first-child {
  border-top-color: #bbbcbb;
}

.e-acrdn .e-active,
.e-acrdn .e-disable.e-active.e-select:hover a,
.e-acrdn .e-disable.e-active.e-select:hover {
  background: #2382c3;
  /* Old browsers */
  color: white;
}

.e-acrdn .e-active {
  border-color: #2382c3;
  font-weight: normal;
  border-bottom: medium none;
}

.e-acrdn .e-active a {
  color: white;
}

.e-acrdn .e-content.e-load {
  background-image: url(images/ajax-loader.gif);
  background-position: center;
  background-repeat: no-repeat;
}

/*-----------------------OLAP Definition-----------------*/
/*-----------------------SymbolPalette Definition-----------------*/
/*------------------------------------- autocomplete -------------------------------------------*/
.e-atc .e-in-wrap,
.e-atc .e-input,
.e-atc-popup,
.e-atc .e-options {
  background-color: white;
  border-color: #bbbcbb;
  color: #5c5c5c;
  font-family: Segoe UI;
  font-size: 14px;
  font-weight: normal;
}

.e-atc .e-options.e-active {
  background: #5eabde;
  /* Old browsers */
  color: white;
}

.e-atc .e-boxes {
  background-color: white;
}

.e-atc.e-focus {
  box-shadow: 0 0 2px rgba(0, 0, 0, 0.2);
}

.e-atc-popup .e-category {
  border-bottom: 1px solid #bbbcbb;
}

.e-atc-popup .e-hover {
  background: #5eabde;
  /* Old browsers */
  color: white;
}

.e-atc .e-select:hover {
  background: #5eabde;
  /* Old browsers */
  color: white;
}

.e-atc .e-select,
.e-atc.e-rtl .e-select {
  border-color: #bbbcbb;
  background: #ecedee;
  /* Old browsers */
  color: #797979;
}

.e-atc .e-input.e-load {
  background-image: url(images/ajax-loader.gif);
}

/*-----------------------OLAP Definition-----------------*/
/*-----------------------SymbolPalette Definition-----------------*/
/*------------------------------------- Button -------------------------------------------*/
.e-btn,
.e-tbtn,
.e-split-btn {
  font-family: Segoe UI;
  font-weight: normal;
  font-size: 14px;
}

.e-btn.e-select:focus {
  box-shadow: 0 0 2px rgba(0, 0, 0, 0.2);
}

.e-btn.e-select,
.e-btn.e-disable.e-select:hover,
.e-tbtn.e-disable {
  background: #ecedee;
  /* Old browsers */
  color: #5c5c5c;
  border-color: #bbbcbb;
}

.e-btn.e-select:hover {
  background: #5eabde;
  /* Old browsers */
  border-color: #5eabde;
  color: white;
}

.e-btn.e-select:active,
.e-tbtn.e-active {
  background: #2382c3;
  /* Old browsers */
  border-color: #2382c3;
  color: white;
}

.e-drp-btn.e-select,
.e-btn.e-select .e-icon {
  color: #797979;
}

.e-drp-btn.e-select:hover,
.e-btn.e-select:hover .e-icon {
  color: white;
}

.e-drp-btn.e-select:active,
.e-btn.e-select:active .e-icon {
  color: white;
}

/*------------------------------------- Common -------------------------------------------*/
.ejinputtext {
  background-color: white;
  border: 1px solid #bbbcbb;
  color: #5c5c5c;
  outline: medium none;
}

/*-----------------------OLAP Definition-----------------*/
/*-----------------------SymbolPalette Definition-----------------*/
/*------------DatePicker themes -------------*/
.e-datewidget .e-in-wrap {
  border-color: #bbbcbb;
}

.e-datewidget.e-focus,
.e-datewidget .e-input.e-focus {
  box-shadow: 0 0 2px rgba(0, 0, 0, 0.2);
}

.e-datewidget .e-select,
.e-datewidget.e-rtl .e-select,
.e-datewidget .e-disable.e-select:hover {
  background: #ecedee;
  /* Old browsers */
  border-color: #bbbcbb;
  color: #797979;
}

.e-datewidget .e-select:hover {
  background: #5eabde;
  /* Old browsers */
  color: white;
}

.e-datewidget .e-select.e-active {
  background: #2382c3;
  /* Old browsers */
}

.e-datewidget .e-input {
  background-color: white;
  color: #5c5c5c;
}

.e-datepicker table td.other-month,
.e-datepicker .e-allyear-first,
.e-datepicker .e-allyear-last,
.e-datepicker .e-year-first,
.e-datepicker .e-year-last {
  color: #1b95cf;
}

.e-datepicker table td.e-dp-weekend {
  color: #cd0a0a;
}

.e-datepicker.e-calendar {
  border-color: #bbbcbb;
  background-color: white;
}

.e-datepicker .e-header,
.e-datetime-popup .e-timecontainer .e-header {
  background: #1b95cf;
  /* Old browsers */
  color: white;
  font-size: 16px;
  font-weight: normal;
}

.e-datepicker .e-footer {
  color: #5c5c5c;
  border: 1px solid transparent;
}

.e-datepicker .e-footer:hover {
  background: #5eabde;
  /* Old browsers */
  color: white;
  border: 1px solid #5eabde;
}

.e-datepicker .e-text {
  color: white;
}

.e-datepicker .e-week-header,
.e-datepicker .e-week-header:hover {
  background: #ecedee;
  /* Old browsers */
  color: #5c5c5c;
  border-bottom: 1px solid transparent;
}

.e-datepicker table td:hover,
.e-datepicker .current-month.e-state-default.e-special-day:hover {
  background: #5eabde;
  /* Old browsers */
  color: white;
  border-color: #5eabde;
  border-radius: 4px;
  box-shadow: 0 0 0 transparent inset;
}

.e-datepicker .e-datepicker-days .e-selected-days {
  background: #2382c3;
  /* Old browsers */
  border-radius: 0px;
  box-shadow: 0 0 0 transparent inset;
  /*For flicker issue */
  color: white;
}

.e-work-week .e-week-day,
.e-selected-week,
.e-selected-month {
  background-color: #ecedee;
  color: #5c5c5c;
}

.e-datepicker .e-state-hover {
  box-shadow: 0 0 6px #bbbcbb inset;
}

.e-datepicker .e-header .e-icon {
  color: white;
}

.e-datepicker .e-left-arrow:hover,
.e-datepicker .e-right-arrow:hover {
  background-color: #5eabde;
  border-radius: 4px 4px 4px 4px;
}

.e-datepicker .e-state-default {
  color: #5c5c5c;
  font-weight: normal;
}

.e-datepicker .today {
  background-color: #ecedee;
  color: #5c5c5c;
  box-shadow: 0 0 0 transparent inset;
  border-radius: 4px;
}

.e-datepicker .other-month.e-active {
  background: none;
}

.e-datepicker .e-active {
  background: #2382c3;
  /* Old browsers */
  border-radius: 4px;
  box-shadow: 0 0 0 transparent inset;
  /*For flicker issue */
  color: white;
}

.e-datepicker table td.other-month:hover,
.e-datepicker .e-allyear-first:hover,
.e-datepicker .e-allyear-last:hover,
.e-datepicker .e-year-first:hover,
.e-datepicker .e-year-last:hover {
  color: #d0d0d1;
  background-color: transparent;
}

/*-----------------------OLAP Definition-----------------*/
/*-----------------------SymbolPalette Definition-----------------*/
/*------------------------------------- DateTimePicker -------------------------------------------*/
.e-datetime-wrap .e-input,
.e-datetime-popup {
  background-color: white;
  font-family: Segoe UI;
  font-weight: normal;
  color: #5c5c5c;
}

.e-datetime-wrap .e-in-wrap,
.e-datetime-popup,
.e-datetime-popup .e-timecontainer .e-header {
  border-color: #bbbcbb;
}

.e-datetime-wrap.e-focus,
.e-datetime-popup .e-focus {
  box-shadow: 0 0 2px rgba(0, 0, 0, 0.2);
}

.e-datetime-wrap .e-select,
.e-datetime-wrap.e-rtl .e-select,
.e-datetime-wrap .e-disable.e-select:hover {
  background: #ecedee;
  /* Old browsers */
  border-color: #bbbcbb;
  color: #797979;
}

.e-datetime-wrap .e-select:hover {
  background: #5eabde;
  /* Old browsers */
  color: white;
}

.e-datetime-popup .e-dt-button:hover {
  background: #5eabde;
  /* Old browsers */
  color: white;
}

.e-datetime-popup .e-dt-button {
  background: #ecedee;
  /* Old browsers */
  border: 1px solid #bbbcbb;
  color: #5c5c5c;
}

/*-----------------------OLAP Definition-----------------*/
/*-----------------------SymbolPalette Definition-----------------*/
.svg-rotate {
  cursor: url("../common-images/Rotate.cur"), default;
}

.sf-d-menuitem {
  background-image: url("../common-images/diagram_context.png");
  background-repeat: no-repeat;
  height: 25px;
  width: 25px;
}

.sf-d-menuitem.hover {
  background-image: url("../common-images/diagram_context1.png");
}

.sf-d-menuitem.cut {
  background-position: 2px -226px;
}

.sf-d-menuitem.copy {
  background-position: 2px -205px;
}

.sf-d-menuitem.paste {
  background-position: 2px -182px;
}

.sf-d-menuitem.undo {
  background-position: 2px -141px;
}

.sf-d-menuitem.redo {
  background-position: 2px -161px;
}

.sf-d-menuitem.selectAll {
  background-position: 2px -121px;
}

.sf-d-menuitem.group {
  background-position: 2px -17px;
}

.sf-d-menuitem.ungroup {
  background-position: 2px 4px;
}

.sf-d-menuitem.bringToFront {
  background-position: 2px -101px;
}

.sf-d-menuitem.sendToBack {
  background-position: 2px -80px;
}

.sf-d-menuitem.moveForward {
  background-position: 2px -58px;
}

.sf-d-menuitem.sendBackward {
  background-position: 2px -38px;
}

.sf-d-menuitem.grouping {
  background-image: none;
}

.sf-d-menuitem.order {
  background-image: none;
}

.e-diagram-tooltip-default {
  width: 200px;
  background-color: #f7eebc;
  border: 1px solid #ddb654;
  z-index: 100000;
  position: absolute;
  text-align: center;
  border-radius: 3px 3px;
  pointer-events: none;
}

.e-diagram-tooltipLabel-default {
  font-weight: normal;
  pointer-events: none;
  white-space: pre;
}

.e-datavisualization-diagram {
  overflow: hidden;
  outline: none;
  display: block;
}

.e-datavisualization-diagram svg {
  position: absolute;
}

.e-datavisualization-diagram .drawing {
  position: relative;
}

.e-datavisualization-diagram .edit {
  position: absolute;
  word-wrap: break-word;
  white-space: pre-wrap;
}

.e-datavisualization-diagram .edit textarea {
  width: 100%;
  height: 100%;
  overflow: hidden;
  border: 1px dashed #99ccff;
  outline: none;
  resize: none;
  padding: 2px;
}

.e-scroller .e-vhandlespace,
.e-scroller .e-hhandlespace {
  position: relative;
  background-color: #ecedee;
}

/*-----------------------OLAP Definition-----------------*/
/*-----------------------SymbolPalette Definition-----------------*/
.e-dialog.e-dialog-wrap {
  border-color: #bbbcbb;
  background: white;
  font-family: Segoe UI;
}

.e-dialog .e-dialog-icon:hover {
  background: #5eabde;
  /* Old browsers */
  -o-border-image: initial;
     border-image: initial;
}

.e-dialog .e-header {
  background: #1b95cf;
  /* Old browsers */
  border: 1px solid #1b95cf;
  color: white;
  font-weight: normal;
  border-bottom: medium none;
  font-size: 16px;
  overflow: hidden;
}

.e-dialog.e-widget-content {
  background: white;
  color: #5c5c5c;
  font-size: 14px;
}

.e-dialog.e-widget-content.e-load {
  background-image: url(images/ajax-loader.gif);
  background-position: center;
  background-repeat: no-repeat;
}

/*-----------------------OLAP Definition-----------------*/
/*-----------------------SymbolPalette Definition-----------------*/
/*------------------------------------- dropdownlist -------------------------------------------*/
.e-ddl .e-input,
.e-ddl-popup,
.e-ddl .e-options {
  background-color: white;
  color: #5c5c5c;
  font-family: Segoe UI;
  font-size: 14px;
  font-weight: normal;
}

.e-ddl .e-in-wrap,
.e-ddl-popup,
.e-ddl .e-options {
  border-color: #bbbcbb;
}

.e-ddl .e-options.e-active {
  background-color: #2382c3;
  color: white;
}

.e-ddl .e-boxes {
  background-color: white;
}

.e-ddl.e-focus {
  box-shadow: 0 0 2px rgba(0, 0, 0, 0.2);
}

.e-ddl .e-input.e-watermark {
  color: #d0d0d1 !important;
  font-style: italic;
}

.e-ddl-popup .e-hover {
  background: #5eabde;
  /* Old browsers */
  color: white;
}

.e-ddl .e-select:hover,
.e-ddl.e-rtl .e-select:hover {
  background: #5eabde;
  /* Old browsers */
  color: white;
}

.e-ddl-popup .e-active {
  background: #2382c3;
  /* Old browsers */
  color: white;
}

.e-ddl .e-select,
.e-ddl.e-rtl .e-select,
.e-ddl .e-disable.e-select:hover {
  background: #ecedee;
  /* Old browsers */
  color: #797979;
  border-color: #bbbcbb;
}

.e-ddl-popup div > ul .e-ghead {
  border-bottom: 2px solid #bbbcbb;
  display: block;
  font-weight: 600;
  margin: 2px 2px 2px 4%;
  position: relative;
}

.e-ddl .e-select.e-load {
  background-image: url(images/ajax-loader.gif);
  background-position: center center;
  background-repeat: no-repeat;
}

/*-----------------------OLAP Definition-----------------*/
/*-----------------------SymbolPalette Definition-----------------*/
/* ------- editor less ----------- */
.e-numeric,
.e-percent,
.e-currency,
.e-mask {
  background-color: white;
}

.e-numeric .e-in-wrap,
.e-percent .e-in-wrap,
.e-currency .e-in-wrap,
.e-mask .e-in-wrap {
  border-color: #bbbcbb;
}

.e-numeric .e-input,
.e-percent .e-input,
.e-currency .e-input,
.e-mask .e-input {
  color: #5c5c5c;
  background-color: white;
}

.e-numeric.e-focus,
.e-percent.e-focus,
.e-currency.e-focus,
.e-mask.e-focus {
  box-shadow: 0 0 2px rgba(0, 0, 0, 0.2);
}

.e-numeric .e-input.e-error,
.e-percent .e-input.e-error,
.e-currency .e-input.e-error,
.e-mask.e-error {
  color: #cd0a0a;
}

.e-numeric .e-watermark,
.e-percent .e-watermark,
.e-currency .e-watermark,
.e-mask .e-watermark {
  color: #d0d0d1;
}

.e-mask .e-error {
  color: #cd0a0a;
}

.e-numeric .e-select,
.e-numeric.e-rtl .e-select,
.e-numeric .e-disable.e-select:hover,
.e-percent .e-select,
.e-percent.e-rtl .e-select,
.e-percent .e-disable.e-select:hover,
.e-currency .e-select,
.e-currency.e-rtl .e-select,
.e-currency .e-disable.e-select:hover {
  background: #ecedee;
  /* Old browsers */
  color: #797979;
  border-color: #bbbcbb;
}

.e-numeric .e-select:hover,
.e-percent .e-select:hover,
.e-currency .e-select:hover {
  background: #5eabde;
  /* Old browsers */
  color: white;
}

.e-numeric .e-select .e-spin-up.e-active,
.e-numeric .e-select .e-spin-down.e-active,
.e-percent .e-select .e-spin-up.e-active,
.e-percent .e-select .e-spin-down.e-active,
.e-currency .e-select .e-spin-up.e-active,
.e-currency .e-select .e-spin-down.e-active {
  background: #2382c3;
  /* Old browsers */
}

.e-numeric .e-icon .e-arrow,
.e-percent .e-icon .e-arrow,
.e-currency .e-icon .e-arrow {
  border: 0 none transparent;
}

/*-----------------------OLAP Definition-----------------*/
/*-----------------------SymbolPalette Definition-----------------*/
/* ------- menu less ----------- */
.e-menu.e-separator.e-horizontal > .e-list {
  border-right-color: #bbbcbb;
}

/*---------------------theming----------------------------------*/
.e-menu.e-horizontal .e-list > a,
.e-menu.e-horizontal .e-list > span,
.e-menu.e-vertical .e-list > a,
.e-menu.e-vertical .e-list > span,
.e-menu.e-context .e-list > a,
.e-menu.e-context .e-list > span,
.e-menu-res-wrap .e-menu-res-in-wrap .e-res-title {
  color: #5c5c5c;
}

.e-menu,
.e-menu-res-wrap .e-in-wrap.e-menu-res-in-wrap {
  background: #ecedee;
  /* Old browsers */
  border-color: #bbbcbb;
}

.e-menu-res-wrap .e-menu-res-in-wrap .e-icon.e-check-wrap:hover {
  background-color: #5eabde;
}

.e-menu-res-wrap .e-menu-res-in-wrap .e-icon.e-check-wrap:hover {
  background: #5eabde;
  /* Old browsers */
  color: white;
}

.e-menu.e-vertical > li.e-separator:hover {
  border: 0px none transparent;
}

.e-menu.e-horizontal .e-list > ul {
  background: #ecedee;
  /* Old browsers */
  filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
  border-color: #bbbcbb;
}

.e-menu.e-horizontal > .e-list > ul:after {
  border-color: transparent transparent #ecedee;
  border-style: solid;
}

.e-menu.e-horizontal .e-list:hover,
.e-menu.e-vertical .e-list:hover,
.e-menu.e-context .e-list:hover {
  background: #5eabde;
  /* Old browsers */
}

.e-menu.e-horizontal .e-list:hover > a,
.e-menu.e-horizontal .e-list:hover > span,
.e-menu.e-vertical .e-list:hover > a,
.e-menu.e-vertical .e-list:hover > span,
.e-menu.e-context .e-list:hover > a,
.e-menu.e-context .e-list:hover > span {
  color: white;
}

.e-menu.e-horizontal .e-list > ul li.e-separator,
.e-menu.e-vertical .e-list > ul li.e-separator,
.e-menu.e-context .e-list > ul li.e-separator,
.e-menu.e-vertical > li.e-separator,
.e-menu.e-context > li.e-separator {
  background-color: #bbbcbb;
  /* border background color is for separator */
}

.e-menu.e-horizontal .e-list > ul li.e-separator:hover,
.e-menu.e-vertical .e-list > ul li.e-separator:hover,
.e-menu.e-context .e-list > ul li.e-separator:hover,
.e-menu.e-context > li.e-separator:hover {
  border: 0px solid transparent;
}

.e-menu.e-separator.e-rtl.e-horizontal > .e-list {
  border-left-color: #bbbcbb;
}

.e-menu.e-rtl.e-separator.e-rtl.e-horizontal > .e-list {
  border-right-color: #bbbcbb;
}

/*-------------------vertical-theming----------------------------------*/
.e-menu.e-vertical {
  background: #ecedee;
  /* Old browsers */
  color: #5c5c5c;
  border-color: #bbbcbb;
}

.e-menu.e-vertical .e-list > ul {
  background: #ecedee;
  /* Old browsers */
  border-color: #bbbcbb;
}

/*-------------------context-theming----------------------------------*/
.e-menu.e-context {
  background: #ecedee;
  /* Old browsers */
  border-color: #bbbcbb;
}

.e-menu.e-context .e-list > ul {
  background: #ecedee;
  /* Old browsers */
  border-color: #bbbcbb;
}

/*----------------------------------- disabled items ----------------------------------*/
.e-menu.e-horizontal .e-list.e-disable-item,
.e-menu.e-vertical .e-list.e-disable-item,
.e-menu.e-context .e-list.e-disable-item {
  background-color: transparent;
}

.e-menu.e-horizontal .e-list.e-disable-item > *,
.e-menu.e-vertical .e-list.e-disable-item > *,
.e-menu.e-context .e-list.e-disable-item > * {
  filter: alpha(opacity=40);
  opacity: 0.4;
}

.e-menu.e-horizontal .e-list.e-disable-item a:hover,
.e-menu.e-horizontal .e-list.e-disable-item span:hover,
.e-menu.e-horizontal .e-list.e-disable-item:hover,
.e-menu.e-vertical .e-list.e-disable-item a:hover,
.e-menu.e-vertical .e-list.e-disable-item span:hover,
.e-menu.e-vertical .e-list.e-disable-item:hover,
.e-menu.e-context .e-list.e-disable-item a:hover,
.e-menu.e-context .e-list.e-disable-item span:hover,
.e-menu.e-context .e-list.e-disable-item:hover {
  background-color: transparent;
  background-image: none;
  color: #5c5c5c;
}

.e-menu.e-horizontal .e-mhover,
.e-menu.e-context .e-mhover,
.e-menu.e-horizontal .e-mhover > a,
.e-menu.e-horizontal .e-mhover > span,
.e-menu.e-context .e-mhover > a,
.e-menu.e-context .e-mhover > span,
.e-menu.e-horizontal .e-mfocused,
.e-menu.e-context .e-mfocused,
.e-menu.e-horizontal .e-mfocused > a,
.e-menu.e-horizontal .e-mfocused > span,
.e-menu.e-context .e-mfocused > a,
.e-menu.e-context .e-mfocused > span {
  background: #5eabde;
  /* Old browsers */
  color: white;
}

/*-----------------------OLAP Definition-----------------*/
/*-----------------------SymbolPalette Definition-----------------*/
.e-progressbar {
  background-color: white;
  border-color: #bbbcbb;
  color: #5c5c5c;
}

.e-progressbar .e-progress {
  background: #1b95cf;
  /* Old browsers */
}

/*-----------------------OLAP Definition-----------------*/
/*-----------------------SymbolPalette Definition-----------------*/
/*------------Rating themes -------------*/
.e-rating.e-horizontal .e-shape,
.e-rating.e-vertical .e-shape,
.e-rating.e-horizontal .e-shape-list,
.e-rating.e-vertical .e-shape-list,
.e-rating.e-horizontal .e-reset,
.e-rating.e-vertical .e-reset {
  background: url(images/rating-star.png) no-repeat;
  height: 16px;
  width: 16px;
}

.e-rating .e-shape.inactive {
  background-position: 0 -174px;
}

.e-rating .e-shape.active {
  background-position: 0 -60px;
}

.e-rating .e-shape.selected {
  background-position: 0 -60px;
}

.e-rating.e-horizontal .e-reset:hover,
.e-rating.e-vertical .e-reset:hover {
  background-position: 0 -30px;
}

.e-rating.e-horizontal .e-reset,
.e-rating.e-vertical .e-reset {
  background-position: 0 0;
  margin-left: 2px;
}

.e-rating.e-horizontal .e-shape-list,
.e-rating.e-vertical .e-shape-list {
  background-position: 0 -174px;
}

.e-tooltip {
  background-color: #1b95cf;
  border: 2px solid #1b95cf;
  color: white;
}

/*-----------------------OLAP Definition-----------------*/
/*-----------------------SymbolPalette Definition-----------------*/
/*------------------------------------- Rotator -------------------------------------------*/
.e-rotator-wrap .e-in-wrap .e-single,
.e-rotator-wrap .e-thumb .e-thumb-items li,
.e-rotator-wrap .e-in-wrap.e-multiple {
  border-color: #bbbcbb;
}

.e-rotator-wrap .e-thumb .e-thumb-items li:hover {
  border-color: #5eabde;
}

.e-rotator-wrap .e-thumb .e-thumb-items li.e-active {
  border-color: #2382c3;
}

.e-rotator-wrap .e-thumb .e-thumb-items li.e-thumbhover {
  border-color: #5eabde;
}

.e-rotator-wrap .e-inner .e-caption {
  background-color: white;
  color: #5c5c5c;
}

.e-rotator-wrap .e-pager-wrap .e-bullet > li:hover {
  border-color: #5eabde;
  background-color: #5eabde;
}

.e-rotator-wrap .e-pager-wrap .e-bullet > li.e-active {
  border-color: #2382c3;
  background-color: #2382c3;
}

.e-rotator-wrap .e-pager-wrap .e-bullet > li {
  background-color: #ecedee;
  border-color: #bbbcbb;
}

/*-----------------------OLAP Definition-----------------*/
/*-----------------------SymbolPalette Definition-----------------*/
/*------------------------------------- slider -------------------------------------------*/
.e-slider.e-widget {
  background-color: white;
  border-color: #bbbcbb;
}

.e-tooltip {
  background: #1b95cf;
  /* Old browsers */
  border-color: #1b95cf;
  color: white;
}

.e-slider .e-handle.e-select {
  background-color: #ecedee;
  border-color: #bbbcbb;
}

.e-slider .e-handle.e-hover {
  background-color: #ecedee;
  border-color: #bbbcbb;
}

.e-slider .e-handle.e-focus {
  box-shadow: 0 0 2px rgba(0, 0, 0, 0.2);
}

.e-slider .e-range {
  background: #1b95cf;
  /* Old browsers */
}

.e-scale .e-tick {
  background-image: url(images/dot.png);
}

/*-----------------------OLAP Definition-----------------*/
/*-----------------------SymbolPalette Definition-----------------*/
/*------------------------------------- splitter -------------------------------------------*/
.e-splitter {
  border-color: #bbbcbb;
}

.e-splitter .e-pane {
  background-color: white;
  color: #5c5c5c;
}

.e-splitter .e-splitbar.e-shadowbar.e-end-indicaton,
.e-splitter .e-splitbar .e-end-indicaton {
  background-color: #fef1ec;
}

.e-splitter .e-splitbar.e-shadowbar {
  background: #2382c3;
  /* Old browsers */
}

.e-splitter .e-splitbar {
  background-color: white;
  border-color: #bbbcbb;
}

.e-splitter .e-splitbar .e-icon {
  color: #797979;
}

.e-splitter .e-splitbar:hover .e-icon,
.e-splitter .e-splitbar.e-hover .e-icon {
  color: white;
}

.e-splitter .e-splitbar:hover:not(.e-shadowbar),
.e-splitter .e-splitbar.e-hover {
  background-color: rgba(0, 0, 0, 0.2);
}

/*-----------------------OLAP Definition-----------------*/
/*-----------------------SymbolPalette Definition-----------------*/
.e-datavisualization-symbolpalette {
  border: 1px solid #bbbcbb;
  outline: transparent none 0px;
  text-decoration: none;
  font-family: Segoe UI;
  font-size: 14px;
}

.e-datavisualization-symbolpalette .e-scanvas {
  border: 0px solid transparent;
}

.e-datavisualization-symbolpalette .e-header {
  display: table;
  border: 0px solid transparent;
  border-bottom-width: 1px;
  border-bottom-color: #bbbcbb;
  outline: transparent none 0px;
  cursor: pointer;
  color: #5c5c5c;
  position: relative;
  width: 100%;
  background: white;
  background: #ecedee;
  /* Old browsers */
}

.e-datavisualization-symbolpalette .e-header-text {
  display: table-cell;
  vertical-align: middle;
  padding-left: 1em;
  width: 100%;
}

.e-datavisualization-symbolpalette .e-header-arrow {
  border: 0px solid transparent;
  height: 16px;
  width: 16px;
  right: 14px;
  position: absolute;
  display: inline-block;
  vertical-align: middle;
  font-size: 17px;
  top: 10px;
}

.e-datavisualization-symbolpalette .e-header-arrow.expanded:before {
  content: "\e631";
}

.e-datavisualization-symbolpalette .e-header-arrow.collapsed:before {
  content: "\e62f";
}

.e-datavisualization-symbolpalette .e-header-arrow.expanded.selected:before,
.e-datavisualization-symbolpalette .e-header-arrow.expanded.hover:before {
  content: "\e631";
}

.e-datavisualization-symbolpalette .e-header-arrow.collapsed.selected:before,
.e-datavisualization-symbolpalette .e-header-arrow.collapsed.hover:beforess {
  content: "\e62f";
}

.e-datavisualization-symbolpalette .e-header.collapsed.selected,
.e-datavisualization-symbolpalette .e-header.expanded.selected {
  background: #2382c3;
  /* Old browsers */
  color: white;
}

.e-datavisualization-symbolpalette .e-header.collapsed.hover,
.e-datavisualization-symbolpalette .e-header.expanded.hover {
  background: #5eabde;
  /* Old browsers */
  color: white;
}

.e-datavisualization-symbolpalette .e-scontent {
  display: block;
  border: 0px solid transparent;
  outline-style: none;
  padding: 0.5em;
  border-bottom-width: 1px;
  border-bottom-color: #bbbcbb;
  background: transparent;
  overflow: auto;
}

.e-datavisualization-symbolpalette .e-anchor {
  overflow: hidden;
  padding: 1px;
  border: 1px solid transparent;
  display: inline-block;
  text-decoration: none !important;
  color: #787878;
  font-size: 11px;
  font-family: Segoe UI;
  text-align: center;
  outline: transparent none 0px;
  background: transparent;
  width: 100%;
}

.e-datavisualization-symbolpalette .e-paletteItem {
  border: 2px solid transparent;
  float: left;
  padding-right: 4px;
  padding-top: 4px;
  margin: 1px;
  overflow: visible;
}

.e-datavisualization-symbolpalette .e-paletteItem.hover {
  background: rgba(35, 130, 195, 0.4);
}

.e-datavisualization-symbolpalette .e-paletteItem.selected {
  background: rgba(35, 130, 195, 0.4);
}

.e-datavisualization-symbolpalette .e-text-container {
  white-space: nowrap;
  color: black;
  overflow: hidden;
}

.e-datavisualization-symbolpalette .e-svg-container {
  display: block;
  position: relative;
  border: 0px solid transparent;
}

.e-datavisualization-symbolpalette .e-svg-container svg {
  display: inline;
}

[draggable=true] {
  -khtml-user-drag: element;
  -webkit-user-drag: element;
  -khtml-user-select: none;
  -webkit-user-select: none;
}

.svg.foreignObject {
  top: 0px;
  left: 0px;
  position: absolute;
  border: 0px solid transparent;
  display: block;
}

/*-----------------------OLAP Definition-----------------*/
/*-----------------------SymbolPalette Definition-----------------*/
/*Theme Color*/
.e-tab {
  font-family: Segoe UI;
}

.e-tab .e-header,
.e-tab .e-left,
.e-tab .e-right {
  background: #1b95cf;
  /* Old browsers */
  border-bottom: 1px solid #1b95cf;
}

.e-tab .e-left li,
.e-tab .e-right li {
  border-bottom: 1px solid #bbbcbb;
}

.e-tab.e-vertical {
  background: white;
  border: 1px solid #bbbcbb;
}

.e-tab .e-header > .e-item:hover,
.e-tab .e-left > .e-item:hover,
.e-tab .e-right > .e-item:hover {
  background: #5eabde;
  /* Old browsers */
  color: white;
  -o-border-image: initial;
     border-image: initial;
}

.e-tab .e-content {
  border-color: #bbbcbb;
  background: white;
  color: #5c5c5c;
  font-size: 14px;
}

.e-tab .e-header > .e-select,
.e-tab .e-header > .e-active,
.e-tab .e-left > .e-active,
.e-tab .e-right > .e-active,
.e-tab .e-left > .e-select,
.e-tab .e-right > .e-select {
  background: #1b95cf;
  /* Old browsers */
  border-color: #bbbcbb;
  color: white;
  font-weight: normal;
  font-size: 16px;
}

.e-tab .e-header > .e-select a,
.e-tab .e-left > .e-select a,
.e-tab .e-right > .e-select a {
  color: white;
}

.e-tab .e-header > .e-active,
.e-tab .e-header > .e-active:hover,
.e-tab .e-left > .e-active,
.e-tab .e-left > .e-active:hover,
.e-tab .e-right > .e-active,
.e-tab .e-right > .e-active:hover {
  background: white;
  border-color: #bbbcbb;
  color: #5c5c5c;
}

.e-tab .e-header > .e-active a,
.e-tab .e-left > .e-active a,
.e-tab .e-right > .e-active a {
  color: #5c5c5c;
}

.e-tab .e-load {
  background-image: url(images/ajax-loader.gif);
  background-position: center;
  background-repeat: no-repeat;
}

/*-----------------------OLAP Definition-----------------*/
/*-----------------------SymbolPalette Definition-----------------*/
/*------------------------------------- tagcloud -------------------------------------------*/
.e-tagcloud {
  background-color: white;
  border-color: #bbbcbb;
}

.e-tagcloud .e-title {
  background: #1b95cf;
  /* Old browsers */
  color: white;
  font-size: 16px;
  font-weight: normal;
}

.e-tagcloud .e-load {
  background-image: url(images/ajax-loader.gif);
  background-position: center center;
  background-repeat: no-repeat;
}

.e-tagcloud .e-tagitems .e-txt {
  color: #5c5c5c;
}

.e-tagcloud .e-tagitems .e-txt.hover {
  color: #1b95cf;
}

/*-----------------------OLAP Definition-----------------*/
/*-----------------------SymbolPalette Definition-----------------*/
/*------------------------------------- TimeEditor -------------------------------------------*/
.e-timewidget .e-input,
.e-time-popup {
  background-color: white;
  font-family: Segoe UI;
  font-weight: normal;
  color: #5c5c5c;
}

.e-timewidget .e-in-wrap,
.e-time-popup {
  border-color: #bbbcbb;
}

.e-timewidget.e-focus {
  box-shadow: 0 0 2px rgba(0, 0, 0, 0.2);
}

.e-timewidget .e-select,
.e-timewidget.e-rtl .e-select,
.e-timewidget .e-disable.e-select:hover {
  background: #ecedee;
  /* Old browsers */
  border-color: #bbbcbb;
  color: #5c5c5c;
}

.e-timewidget .e-select:hover,
.e-time-popup .e-hover {
  background: #5eabde;
  /* Old browsers */
  color: white;
}

.e-time-popup .e-active {
  background: #2382c3;
  /* Old browsers */
  color: white;
}

/*-----------------------OLAP Definition-----------------*/
/*-----------------------SymbolPalette Definition-----------------*/
/*------------------------------------- ToolBar -------------------------------------------*/
.e-toolbar {
  font-family: Segoe UI;
  font-weight: normal;
  font-size: 14px;
}

.e-toolbar.e-focus {
  box-shadow: 0 0 2px rgba(0, 0, 0, 0.2);
}

.e-toolbar .e-horizontal.e-separator,
.e-toolbar .e-horizontal .e-separator {
  border-right: 1px solid #bbbcbb;
  border-left: none;
}

.e-toolbar .e-vertical.e-separator,
.e-toolbar .e-vertical .e-separator {
  border-bottom: 1px solid #bbbcbb;
  border-top: none;
}

.e-toolbar.e-rtl .e-horizontal.e-separator,
.e-toolbar.e-rtl .e-horizontal .e-separator {
  border-left: 1px solid #bbbcbb;
  border-right: none;
}

.e-toolbar.e-rtl .e-vertical.e-separator,
.e-toolbar.e-rtl .e-vertical .e-separator {
  border-top: 1px solid #bbbcbb;
  border-bottom: none;
}

/*(~"@{skin}.e-toolbar"), (~"@{skin}.e-toolbar .e-vertical")
{
    color: @content-font-color;
	.default-gradient();
	background-repeat:no-repeat;
}*/
.e-toolbar {
  color: #5c5c5c;
  background: #ecedee;
  /* Old browsers */
  background-repeat: no-repeat;
  border-color: #bbbcbb;
}

.e-toolbar .e-horizontal .e-hover,
.e-toolbar .e-vertical .e-hover {
  background: #5eabde;
  /* Old browsers */
  border-color: #5eabde;
  color: white;
}

.e-toolbar .e-horizontal .e-active,
.e-toolbar .e-vertical .e-active {
  background: #2382c3;
  /* Old browsers */
  border-color: #2382c3;
  color: white;
}

/*-----------------------OLAP Definition-----------------*/
/*-----------------------SymbolPalette Definition-----------------*/
/*Theme Color*/
.e-treeview {
  font-family: Segoe UI;
}

.e-treeview .e-text {
  color: #5c5c5c;
}

.e-treeview .e-active {
  background: #2382c3;
  /* Old browsers */
  color: white;
  border: 1px solid transparent;
  -o-border-image: initial;
     border-image: initial;
}

.e-treeview .e-node-hover {
  background: #5eabde;
  /* Old browsers */
  color: white;
  border: 1px solid #5eabde;
  -o-border-image: initial;
     border-image: initial;
  cursor: pointer;
}

.e-treeview .e-sibling {
  background: url(images/drop-sibling.png);
  background-repeat: no-repeat;
  width: 80px;
  height: 5px;
  position: absolute;
}

.e-treeview .e-node-disable {
  filter: alpha(opacity=40);
  opacity: 0.4;
}

.e-treeview .e-plus.e-load,
.e-treeview.e-rtl .e-plus.e-load {
  background-image: url(images/ajax-loader.gif);
  background-position: right center;
  background-repeat: no-repeat;
}

/*-----------------------OLAP Definition-----------------*/
/*-----------------------SymbolPalette Definition-----------------*/
/*------------------------------------- Upload Box -------------------------------------------*/
.e-uploadbox .e-inputbtn,
.e-uploadbox .e-file-name-txt {
  font-family: Segoe UI;
  font-weight: normal;
  font-size: 14px;
}

.e-uploadbox .e-select,
.e-uploadbox.e-disable .e-select:hover {
  background: #ecedee;
  /* Old browsers */
  color: #5c5c5c;
  border-color: #bbbcbb;
}

.e-uploadbox .e-uploadbtn.e-select,
.e-uploadbox .e-uploadclosebtn.e-select,
.e-uploadbox.e-disable .e-uploadbtn.e-select:hover,
.e-uploadbox.e-disable .e-uploadclosebtn.e-select:hover {
  background: #1b95cf;
  /* Old browsers */
  color: white;
  border-color: #1b95cf;
}

.e-uploadbox .e-select:hover,
.e-uploadbox .e-uploadbtn.e-select:hover,
.e-uploadbox .e-uploadclosebtn.e-select:hover {
  background: #5eabde;
  /* Old browsers */
  border-color: #5eabde;
  color: white;
}

.e-uploadbox .e-select .e-inputbtn,
.e-uploadbox.e-disable .e-select .e-inputbtn {
  color: #5c5c5c;
}

.e-uploadbox .e-select:hover .e-inputbtn {
  color: white;
}

.e-uploadbox .e-file-name-txt {
  color: #5c5c5c;
}

.e-uploadbox .e-file-list .e-file-status-failed {
  color: #cd0a0a;
}

.e-uploadbox .e-file-list .e-file-status-success {
  color: #5c5c5c;
}

.e-uploadbox .e-file-progress-status {
  background: #2382c3;
  /* Old browsers */
}

.e-uploadbox .e-file-list {
  background-color: white;
  color: #5c5c5c;
}

.e-uploadbox .e-ul li:nth-child(odd) .e-file-list {
  background-color: white;
  border-bottom: 1px solid #c4c4c4;
}

.e-uploadbox .e-ul li:nth-child(even) .e-file-list,
.e-uploadbox .e-head-content {
  background-color: #f6f7f7;
  border-bottom: 1px solid #c4c4c4;
}

.e-uploadbox .e-file-upload {
  background-color: #f6f7f7;
}

.e-uploadbox .e-file-progress-bar {
  border: 1px solid #bbbcbb;
}

/*Icons */
.e-uploadbox .e-file-list .e-file-percentage-success {
  background-color: #39b54a;
  color: white;
  border-radius: 10px;
}

.e-uploadbox .e-file-list .e-file-percentage-failed {
  background-color: red;
  color: white;
  border-radius: 10px;
}

.e-uploadbox .e-dialog .e-header {
  color: white;
  font-size: 23px;
  font-weight: normal;
}

.e-uploadbox .e-ul li:nth-child(odd) .e-file-list .e-action-perform {
  background-color: white;
  color: #797979;
}

.e-uploadbox .e-ul li:nth-child(even) .e-file-list .e-action-perform {
  background-color: #f6f7f7;
  color: #797979;
}

.e-uploadbox .e-ul li:nth-child(even) .e-file-list .e-action-perform:hover,
.e-uploadbox .e-ul li:nth-child(odd) .e-file-list .e-action-perform:hover {
  background: #5eabde;
  /* Old browsers */
  color: white;
}

/*-----------------------OLAP Definition-----------------*/
/*-----------------------SymbolPalette Definition-----------------*/
/*Theme Color*/
/*---------------- RTE Theme CSS----------------------*/
.e-rte {
  font-family: Segoe UI;
}

.e-rte-wrapper {
  border: 1px solid #bbbcbb;
  background: white;
  color: #5c5c5c;
  font-size: 14px;
}

.e-inputtext {
  border: 1px solid #bbbcbb;
  outline: none;
  background-color: white;
  color: #5c5c5c;
  vertical-align: baseline;
}

/*----------------------- Toolbar Class-------------------------- */
.e-rte .e-horizontal.e-separator,
.e-rte .e-toolbarspan ul:last-child {
  border-right: 1px dotted #bbbcbb;
}

.e-rte .customtable-group:hover {
  background: #5eabde;
  /* Old browsers */
  color: white;
}

.e-rte .e-toolbarspan {
  border: none;
  border-bottom: 1px solid #bbbcbb;
}

.e-dialog .e-fieldseparate {
  border-color: #bbbcbb;
}

.e-rte .e-rte-footer {
  border-top: 1px solid #bbbcbb;
  background: #ecedee;
  /* Old browsers */
}

.e-rte-colorpalette.e-menu > li:hover {
  background: none;
}

.e-rte-table-picker {
  background: #ecedee !important;
  /* Old browsers */
}

.e-rte-tablecell {
  border-color: #bbbcbb;
}

.e-rte-tablecell.e-default {
  background: white;
}

.e-rte-tablecell.e-active {
  background: #5eabde;
  /* Old browsers */
  border-color: #5eabde;
}

.e-toolbar .e-rte-format .e-hover,
.e-toolbar .e-rte-fontgroup .e-hover {
  background-color: transparent;
  border-color: transparent;
  background-image: none;
}

.e-rte .e-rte-resize {
  height: 5px;
  cursor: se-resize;
}

.e-rte .e-rte-htmltaginfo,
.e-rte .e-rte-wordcount {
  font-family: Segoe UI;
  font-size: 14px;
  color: #5c5c5c;
  cursor: default;
}

.e-rte .e-rte-footericon,
.e-rte .e-rte-wordcount {
  border-right: 1px solid #bbbcbb;
}

.e-rte-colorpalette {
  padding: 5px !important;
  width: auto !important;
}

.e-error {
  color: #cd0a0a;
}

/*---------------- RTE Theme End------------------*/
/*-----------------------OLAP Definition-----------------*/
/*-----------------------SymbolPalette Definition-----------------*/
/*------------------------------------- MetroLight Skin -------------------------------------------*/
.e-waitpopup-pane .e-image {
  background-color: white;
  background-image: url(images/waitingpopup.gif);
}

.e-waitpopup-pane {
  background-color: #aaaaaa;
  color: white;
}

/*-----------------------OLAP Definition-----------------*/
/*-----------------------SymbolPalette Definition-----------------*/
.e-chkbox-wrap.e-focus div > span {
  box-shadow: 0 0 2px rgba(0, 0, 0, 0.2);
}

.e-chkbox-wrap div > span {
  border-color: #bbbcbb;
  background-color: white;
}

.e-chkbox-wrap .e-chk-image {
  background-image: url(images/checkedtick.png);
  background-repeat: no-repeat;
  background-position: 0 -50px;
}

.e-chkbox-wrap .e-chk-image.e-chk-indetericon {
  background-image: url("images/gradient.png");
  background-repeat: repeat;
  background-position: 0;
}

.e-chkbox-wrap .e-chkbox-small .e-chk-act .e-chk-image.e-chk-activeicon {
  background-position: -1px -21px;
}

.e-chkbox-wrap .e-chkbox-medium .e-chk-act .e-chk-image.e-chk-activeicon {
  background-position: 2px 2px;
}

.e-chkbox-wrap .e-text {
  font-family: Segoe UI;
  font-size: 12px;
}

/*-----------------------OLAP Definition-----------------*/
/*-----------------------SymbolPalette Definition-----------------*/
/*Theme Color*/
.e-radiobtn-wrap > span {
  background-color: white;
  background-image: none;
  border-color: #bbbcbb;
}

.e-radiobtn-wrap.e-focus > span {
  box-shadow: 0 0 2px rgba(0, 0, 0, 0.2);
}

.e-radiobtn-wrap .e-rad-select {
  background: none repeat scroll 0 0 transparent;
}

.e-radiobtn-wrap .e-rad-active {
  background: url("images/gradient.png") repeat scroll 0 0 #2382c3;
}

.e-radiobtn-wrap .e-text {
  font-family: Segoe UI;
  font-size: 12px;
}

/*-----------------------OLAP Definition-----------------*/
/*-----------------------SymbolPalette Definition-----------------*/
.e-innerIncrement:hover {
  background-image: url(../common-images/maps/Zoom-In_hover.png);
}

.e-legendLabelContent {
  color: #6d6d6d;
}

.e-map {
  color: #6d6d6d;
  background-color: white;
  border-color: #c4c4c4;
}

.map-contribution {
  border-color: #dbdbde;
  right: 0;
  bottom: 0;
  font-family: sans-serif;
  font-weight: normal;
  position: absolute;
  background-color: rgba(255, 255, 255, 0.7);
  font-size: 10px;
  padding: 2px 4px;
  z-index: 1000;
  border-style: solid;
  border-width: 1px;
}

.sliderParent {
  height: 150px;
  width: 10px;
  margin-top: -197px;
  margin-left: 34px;
}

.e-innerIncrement {
  background-image: url(../common-images/maps/Zoom-In.png);
  height: 25px;
  width: 25px;
}

.e-map-navigation {
  width: 90px;
  height: 350px;
  position: absolute;
  z-index: 2;
}

.e-innerDecrement:hover {
  background-image: url(../common-images/maps/Zoom-Out_hover.png);
}

.e-innerDecrement {
  background-image: url(../common-images/maps/Zoom-Out.png);
  height: 25px;
  width: 25px;
}

.nav-dec-Vert {
  margin-top: 190px;
  margin-left: 27px;
}

.nav-inc-Vert {
  margin-top: 40px;
  margin-left: 27px;
}

.nav-dec-Horz {
  margin-top: -24px;
  margin-left: 94px;
}

.nav-inc-Horz {
  margin-top: -29px;
  margin-left: 300px;
}

.e-radialTop {
  height: 20px;
  margin-left: 15px;
  width: 52px;
}

.e-arrowUp:hover {
  background-image: url(../common-images/maps/Arrow_Top_hover.png);
}

.e-arrowUp {
  background-image: url(../common-images/maps/Arrow_Top.png);
  height: 20px;
  width: 52px;
}

.e-radialLeft {
  height: 52px;
  width: 20px;
  margin-top: -4px;
}

.e-radialRight {
  margin-left: 61px;
  margin-top: -53px;
  height: 52px;
  width: 20px;
}

.e-arrowLeft:hover {
  background-image: url(../common-images/maps/Arrow_Left_hover.png);
}

.e-arrowLeft {
  background-image: url(../common-images/maps/Arrow_Left.png);
  height: 52px;
  width: 20px;
}

.e-radialBottom {
  height: 20px;
  margin-left: 15px;
  margin-top: -6px;
  width: 52px;
}

.e-arrowRight:hover {
  background-image: url(../common-images/maps/Arrow_Right_hover.png);
}

.e-arrowRight {
  background-image: url(../common-images/maps/Arrow_Right.png);
  height: 52px;
  width: 20px;
}

.e-arrowDown:hover {
  background-image: url(../common-images/maps/Arrow_Bootom_hover.png);
}

.e-arrowDown {
  background-image: url(../common-images/maps/Arrow_Bootom.png);
  height: 20px;
  width: 52px;
}

.e-home-bg {
  height: 30px;
  width: 30px;
  margin-top: -55px;
  margin-left: 25px;
}

.e-map-home:hover {
  background-image: url(../common-images/maps/Home_hover.png);
}

.e-map-home {
  background-image: url(../common-images/maps/Home.png);
  height: 30px;
  width: 30px;
}

.defaultToolTip {
  border: 1px solid #404041;
  box-shadow: 0 5px 5px rgba(0, 0, 0, 0.2);
  border-radius: 4px;
  margin-right: 25px;
  min-width: 30px;
  height: 20px;
  padding-top: 9px;
  padding-right: 10px;
  padding-left: 10px;
  width: auto;
  opacity: 0.85;
  background: white;
}

.defaultToolTip:before {
  position: absolute;
  display: inline-block;
  border-top: 7px solid transparent;
  border-right: 7px solid #404041;
  border-bottom: 7px solid transparent;
  background: transparent;
  opacity: 0.85;
  left: 4px;
  top: -16px;
  content: "";
}

.defaultToolTip:after {
  position: absolute;
  display: inline-block;
  border-top: 7px solid transparent;
  border-right: 7px solid white;
  border-bottom: 7px solid transparent;
  left: 6px;
  top: -16px;
  content: "";
}

/*-----------------------OLAP Definition-----------------*/
/*-----------------------SymbolPalette Definition-----------------*/
.e-olapgrid table {
  font: 12px Segoe UI !important;
  color: #565656;
  border-collapse: collapse;
  background-color: White;
  cursor: default;
}

.e-olapgrid th,
.e-olapgrid td {
  padding: 0 2px 0 3px;
  border: solid 1px;
  border-color: #bbbcbb;
  white-space: nowrap;
  height: 25px;
  font-weight: normal;
}

.e-olapgrid .value {
  background-color: White;
  text-align: right !important;
  padding: 6px 6px 6px 16px;
}

.e-olapgrid .summary {
  background-color: #ccedff;
  color: #565656;
  white-space: nowrap;
  text-align: left;
  font-weight: bold;
}

.e-olapgrid .colheader,
.e-olapgrid .rowheader {
  font-weight: bold;
  color: #5c5c5c;
  background: white;
  background-repeat: repeat;
  padding: 6px 16px 6px 2px;
  text-align: left;
  font-style: normal;
}

.e-olapgrid .colheader:hover,
.e-olapgrid .rowheader:hover {
  font-weight: bold;
  color: white;
  background: #5eabde;
  background-repeat: repeat;
  padding: 6px 16px 6px 2px;
  text-align: left;
  font-style: normal;
}

.e-olapgrid .e-rtl .colheader,
.e-olapgrid .e-rtl .colheader:hover,
.e-olapgrid .e-rtl .rowheader,
.e-olapgrid .e-rtl .rowheader:hover {
  padding: 6px 0px 6px 24px;
}

.e-olapgrid .expand,
.e-olapgrid .collapse {
  width: 23px;
  height: 17px;
  display: inline-block;
  cursor: pointer;
}

.e-olapgrid .expand:before {
  content: "\e6a3";
  display: inline-block;
  float: left;
  font-size: 7px;
  margin-left: 9px;
  margin-top: 5px;
}

.e-olapgrid .e-rtl .expand:before {
  content: "\e699";
  font-size: 23px;
  margin-top: -3px;
}

.e-olapgrid .e-rtl .collapse:before {
  margin-left: 0px;
}

.e-olapgrid .collapse:before {
  content: "\e6a0";
  display: inline-block;
  float: left;
  font-size: 6px;
  margin-left: 7px;
  margin-top: 5px;
}

.e-olapgrid .kpiiconvalue {
  height: 20px;
  background-position: center;
  background-repeat: no-repeat;
}

.e-olapgrid .kpiuparrow {
  background-image: url("../common-images/olapkpi/up-arrow.png");
}

.e-olapgrid .kpirightarrow {
  background-image: url("../common-images/olapkpi/right-arrow.png");
}

.e-olapgrid .kpidownarrow {
  background-image: url("../common-images/olapkpi/down-arrow.png");
  background-position: center center;
}

.e-olapgrid .kpidiamond {
  background-image: url("../common-images/olapkpi/diamond.png");
  background-position: center center;
}

.e-olapgrid .kpitriangle {
  background-image: url("../common-images/olapkpi/triangle.png");
  background-position: center center;
}

.e-olapgrid .kpicircle {
  background-image: url("../common-images/olapkpi/circle.png");
  background-position: center center;
}

.e-olapgrid .kpiredroad {
  background-image: url("../common-images/olapkpi/red.png");
  background-position: center center;
}

.e-olapgrid .kpigreenroad {
  background-image: url("../common-images/olapkpi/green.png");
  background-position: center center;
}

.e-olapgrid .kpiallcolor {
  background-image: url("../common-images/olapkpi/three-color.png");
  background-position: center center;
}

.e-olapgrid .hyperlinkValueCell {
  color: #0026ff;
  text-decoration: underline;
  cursor: pointer;
}

.e-olapgrid .hyperlinkHeaderCell {
  text-decoration: underline;
  cursor: pointer;
}

.e-olapgrid .vScrollPanel {
  background-color: #efefef;
  width: 8px;
  margin-left: 8px;
  display: inline-block;
}

.e-olapgrid .hScrollPanel {
  background-color: #efefef;
  height: 8px;
  margin-top: 4px;
}

.e-olapgrid .vScrollThumb {
  width: 6px;
  position: relative;
  top: 1px;
  left: 1px;
  background-color: #cacaca;
}

.e-olapgrid .hScrollThumb {
  height: 6px;
  position: relative;
  left: 1px;
  top: 1px;
  background-color: #cacaca;
}

.e-olapgrid .categPageIndicator,
.e-olapgrid .seriesPageIndicator {
  width: auto;
  background-color: #efefef;
  border: thin solid gray;
  color: #5b5b5b;
  padding: 5px;
  position: absolute;
}

.e-olapgrid .vScrollThumb:hover,
.e-olapgrid .hScrollThumb:hover {
  background-color: #909090;
}

.e-olapgrid .inActive {
  display: none;
}

.e-olapgrid .dragging {
  background-color: #5e5e5e !important;
}

.e-olapgrid .virtualScrollGrid,
.e-olapgrid .virtualScrollElement {
  border: none;
  padding: 0px;
}

.progressContainer {
  width: 360px;
  height: 70px;
  border-radius: 10px;
  position: absolute;
  background-color: white;
  box-shadow: 0 0 5px 1px #c4c4c4;
  color: #5c5c5c;
}

.progressBar {
  width: 300px;
  height: 16px;
  top: 25px;
  left: 30px;
  position: absolute;
}

.progressText {
  width: 350px;
  height: 20px;
  top: 0px;
  left: 30px;
  fontSize: 16px;
  position: absolute;
}

/*-----------------------OLAP Definition-----------------*/
/*-----------------------SymbolPalette Definition-----------------*/
.e-olapclient {
  border: 1px solid #bbbcbb;
  background-color: White;
  color: #5c5c5c;
}

.e-olapclient .outerTable {
  font: normal 12px Segoe UI;
  border-collapse: collapse;
}

.e-olapclient .titleText {
  height: 50px;
  width: inherit;
  color: white;
  background: #5eabde;
  display: inline-block;
  font: normal 20px Segoe UI;
  line-height: 48px;
}

.e-olapclient .newReportImg:before {
  content: "\e6b3";
  font-size: 20px;
  margin-left: -1px;
}

.e-olapclient .addReportImg:before {
  content: "\e6a1";
  font-size: 20px;
  margin-left: -1px;
}

.e-olapclient .removeReportImg:before {
  content: "\e6cf";
  font-size: 20px;
  margin-left: -1px;
}

.e-olapclient .renameReportImg:before {
  content: "\e6d0";
  font-size: 20px;
  margin-left: -1px;
}

.e-olapclient .saveReportImg:before {
  content: "\e6b7";
  font-size: 20px;
  margin-left: -1px;
}

.e-olapclient .loadReportImg:before {
  content: "\e6ce";
  font-size: 20px;
  margin-left: -1px;
}

.e-olapclient .excelExportImg:before {
  content: "\e6d4";
  font-size: 20px;
  margin-left: 1px;
}

.e-olapclient .newReportImg,
.e-olapclient .addReportImg,
.e-olapclient .removeReportImg,
.e-olapclient .renameReportImg,
.e-olapclient .saveReportImg,
.e-olapclient .loadReportImg,
.e-olapclient .maximizedView,
.e-olapclient .excelExportImg,
.e-olapclient .rowSortFilterImg,
.e-olapclient .colSortFilterImg,
.e-olapclient .toggleExpandButton,
.e-olapclient .toggleCollapseButton,
.e-olapclient .dimensionCDB,
.e-olapclient .folderCDB,
.e-olapclient .hierarchyCDB,
.e-olapclient .attributeCDB,
.e-olapclient .chartCDB,
.e-olapclient .namedSetCDB,
.e-olapclient .level0,
.e-olapclient .level1,
.e-olapclient .level2,
.e-olapclient .level3,
.e-olapclient .level4,
.e-olapclient .level5,
.e-olapclient .level6,
.e-olapclient .level7,
.e-olapclient .level8,
.e-olapclient .level9,
.e-olapclient .level10,
.e-olapclient .checkAll,
.e-olapclient .unCheckAll {
  color: #777777;
}

.e-olapclient .maximizedView:before {
  content: "\e660";
  font-size: 21px;
  margin-left: 0;
}

.e-olapclient .colSortFilterImg:before {
  content: "\e6f9";
  font-size: 32px;
  margin-left: -4px;
  margin-top: -5px;
}

.e-olapclient .rowSortFilterImg:before {
  content: "\e6f8";
  font-size: 29px;
  margin-left: -3px;
  margin-top: -4px;
}

.e-olapclient .chartPanel {
  height: 0;
  width: 800px;
  margin: 5px 7px 7px;
}

.e-olapclient .clientTab {
  margin-left: 7px;
  margin-top: 6px;
  font: bold 12px Segoe UI;
}

.e-olapclient .toggleExpandButton,
.e-olapclient .toggleCollapseButton {
  background-repeat: no-repeat;
  height: 17px;
  width: 21px;
  cursor: pointer;
}

.e-olapclient .toggleExpandButton {
  float: right;
  background-position: center -20px;
  margin: 5px;
}

.e-olapclient .toggleCollapseButton {
  background-position: 6px 0px;
  position: relative;
  top: -211px;
}

.e-olapclient .toggleExpandButton:hover,
.e-olapclient .toggleCollapseButton:hover {
  color: #b3b3b3;
}

.e-olapclient .toggleCollapseButton:before {
  content: "\e674";
  font-size: 20px;
}

.e-olapclient .toggleExpandButton:before {
  content: "\e671";
  font-size: 20px;
  margin-right: 7px;
  margin-top: -5px;
}

.e-olapclient .toggleText {
  background-position: center 0px;
  background-repeat: no-repeat;
  height: 140px;
  width: 30px;
}

.e-olapclient .splitBtn {
  margin: 7px 0 0 6px;
}

.e-olapclient .csHeader {
  font: normal 14px Segoe UI;
  margin: 8px 0 8px 3px;
}

.e-olapclient .cdbHeader,
.e-olapclient .axisHeader {
  border: 1px solid #bbbcbb;
  color: white;
  background: #5eabde;
  font-weight: bold;
  line-height: 28px;
}

.e-olapclient .cubeTable {
  border-collapse: collapse;
  margin: 0 5px 3px 5px;
}

.e-olapclient .cdbHeader {
  border-bottom: 0px;
}

.e-olapclient .axisHeader {
  border-top: 0px;
}

.e-olapclient .reportToolbar {
  border-color: #bbbcbb !important;
}

.e-olapclient .cubeBrowser {
  border: 1px solid #bbbcbb !important;
}

.e-olapclient .cubeName {
  padding: 7px 0 0 6px;
  font: normal 14px Segoe UI;
}

.e-olapclient .categoricalAxis,
.e-olapclient .rowAxis,
.e-olapclient .slicerAxis {
  border: 1px solid #bbbcbb;
  margin-top: 3px;
  background-color: #f9f9f9;
}

.e-olapclient .dropIndicator {
  margin-top: 0px !important;
  border-top: 3px dashed #c1272d;
}

.e-olapclient .targetAxis {
  background-color: #ccedff !important;
  color: #565656 !important;
}

.e-olapclient .controlPanelTD {
  border-left: 1px solid #bbbcbb;
}

.e-olapclient .connectImg,
.e-olapclient .newReportImg,
.e-olapclient .addReportImg,
.e-olapclient .removeReportImg,
.e-olapclient .renameReportImg,
.e-olapclient .saveReportImg,
.e-olapclient .loadReportImg,
.e-olapclient .maximizedView,
.e-olapclient .excelExportImg,
.e-olapclient .rowSortFilterImg,
.e-olapclient .colSortFilterImg,
.e-olapclient .connectImg:hover,
.e-olapclient .newReportImg:hover,
.e-olapclient .addReportImg:hover,
.e-olapclient .removeReportImg:hover,
.e-olapclient .renameReportImg:hover,
.e-olapclient .saveReportImg:hover,
.e-olapclient .loadReportImg:hover,
.e-olapclient .excelExportImg:hover,
.e-olapclient .rowSortFilterImg:hover,
.e-olapclient .colSortFilterImg:hover {
  background-repeat: no-repeat;
  margin: 4px;
  cursor: default;
  display: inline-block;
  height: 20px;
  width: 20px;
}

.e-olapclient .connectImg:hover,
.e-olapclient .newReportImg:hover,
.e-olapclient .addReportImg:hover,
.e-olapclient .removeReportImg:hover,
.e-olapclient .renameReportImg:hover,
.e-olapclient .saveReportImg:hover,
.e-olapclient .loadReportImg:hover,
.e-olapclient .excelExportImg:hover,
.e-olapclient .maximizedView:hover,
.e-olapclient .rowSortFilterImg:hover,
.e-olapclient .colSortFilterImg:hover {
  cursor: pointer;
  color: white;
}

.e-olapclient .reportList {
  float: left;
  margin: 6px auto auto 10px;
}

.e-olapclient .sortReportTbl {
  margin: 4px 4px 18px;
  width: 100%;
}

.e-olapclient .sortingDlg,
.e-olapclient .filteringDlg {
  font: bold 12px Segoe UI !important;
  border-color: #bbbcbb !important;
}

.e-olapclient .sortDisable,
.e-olapclient .radioBtnDesc,
.e-olapclient .preserveHrchy,
.e-olapclient .filterLbl,
.e-olapclient .conditionLbl {
  vertical-align: middle;
}

.e-olapclient .sortEnable,
.e-olapclient .radioBtnAsc {
  vertical-align: text-bottom;
}

.e-olapclient .radioBtnAsc,
.e-olapclient .radioBtnDesc,
.e-olapclient .measuresList,
.e-olapclient .sortEnable,
.e-olapclient .sortDisable,
.e-olapclient .filter,
.e-olapclient .filterCondition,
.e-olapclient .filterMeasureListLbl,
.e-olapclient .filterDisable,
.e-olapclient .filterEnable,
.e-olapclient .chkBoxColumn {
  margin-top: 15px;
}

.e-olapclient .sortDisable,
.e-olapclient .radioBtnDesc {
  margin-bottom: 15px;
}

.e-olapclient .filterFrmDiv,
.e-olapclient .filterToDiv,
.e-olapclient .filterBtw {
  float: left;
}

.e-olapclient .filterLbl {
  margin-top: -12px;
}

.e-olapclient .sortingDlg,
.e-olapclient .filteringDlg {
  margin-top: -1px !important;
}

.e-olapclient .filterFrmDiv,
.e-olapclient .filterBtw,
.e-olapclient .filterToDiv {
  margin-bottom: -7px;
  margin-top: 10px !important;
}

.e-olapclient .conditionLbl,
.e-olapclient .filterMeasureListLbl {
  margin-bottom: 14px;
  margin-top: 10px !important;
}

.e-olapclient .filterBtw,
.e-olapclient filterToDiv {
  margin-left: 4px;
}

.e-olapclient .sortDisableLbl,
.e-olapclient .sortEnableLbl,
.e-olapclient .radioBtnAscLbl,
.e-olapclient .radioBtnDescLbl,
.e-olapclient .preserveHrchyLbl,
.e-olapclient .filterDisableLbl {
  margin-left: 4px;
}

.e-olapclient .e-dialog-scroller {
  height: auto !important;
}

.e-olapclient .filterDisableLbl {
  vertical-align: text-bottom;
}

.e-olapclient .filterBtw {
  margin-left: 12px;
}

.e-olapclient .filterToDiv {
  margin-left: 8px;
}

.e-olapclient .borderFilterSortDlg {
  border: 1px solid #bfbfbf;
  margin-bottom: 13px;
  margin-top: 2px;
  width: 100%;
}

.e-olapclient .filterMeasureListLbl,
.e-olapclient .conditionLbl,
.e-olapclient .filterValueLbl {
  margin-bottom: 15px;
}

.e-olapclient .orderLbl,
.e-olapclient .sortingLbl {
  margin-top: -23px;
  position: absolute;
}

.e-olapclient .filterValueLbl {
  margin-top: -5px !important;
  position: absolute;
}

.e-olapclient .sortDisableLbl,
.e-olapclient .sortEnableLbl,
.e-olapclient .radioBtnAscLbl,
.e-olapclient .radioBtnDescLbl,
.e-olapclient .filterDisableLbl {
  margin-top: 13px;
  position: absolute;
}

.e-olapclient .preserveHrchyLbl {
  margin-top: 2px;
  position: absolute;
}

.e-olapclient .e-olapclient .filterLbl {
  margin-top: -40px;
}

.e-olapclient .measureListLbl {
  margin-top: 3px;
}

.e-olapclient .dimensionCDB,
.e-olapclient .folderCDB,
.e-olapclient .hierarchyCDB,
.e-olapclient .attributeCDB,
.e-olapclient .chartCDB,
.e-olapclient .namedSetCDB,
.e-olapclient .level0,
.e-olapclient .level1,
.e-olapclient .level2,
.e-olapclient .level3,
.e-olapclient .level4,
.e-olapclient .level5,
.e-olapclient .level6,
.e-olapclient .level7,
.e-olapclient .level8,
.e-olapclient .level9,
.e-olapclient .level10 {
  height: 16px;
  width: 16px;
  display: inline-block;
  vertical-align: text-top;
}

.e-olapclient .attributeCDB:before {
  content: "\e6e4";
  font-size: 18px;
}

.e-olapclient .folderCDB:before {
  content: "\e6e1";
  font-size: 18px;
}

.e-olapclient .dimensionCDB:before {
  content: "\e704";
  font-size: 15px;
}

.e-olapclient .hierarchyCDB:before {
  content: "\e6e0";
  font-size: 18px;
}

.e-olapclient .chartCDB:before {
  content: "\e6e3";
  font-size: 15px;
}

.e-olapclient .namedSetCDB:before {
  content: "\e6de";
  font-size: 18px;
}

.e-olapclient .level0:before {
  content: "\e6f3";
  font-size: 19px;
}

.e-olapclient .level1:before {
  content: "\e6f3";
  font-size: 18px;
}

.e-olapclient .level2:before {
  content: "\e6ec";
  font-size: 17px;
}

.e-olapclient .level3:before {
  content: "\e6eb";
  font-size: 17px;
}

.e-olapclient .level4:before {
  content: "\e6ea";
  font-size: 18px;
}

.e-olapclient .level5:before {
  content: "\e6e9";
  font-size: 17px;
}

.e-olapclient .level6:before {
  content: "\e6e8";
  font-size: 17px;
}

.e-olapclient .level7:before {
  content: "\e6e7";
  font-size: 17px;
}

.e-olapclient .level8:before {
  content: "\e6e6";
  font-size: 17px;
}

.e-olapclient .level9:before {
  content: "\e6e5";
  font-size: 17px;
}

.e-olapclient .level10:before {
  content: "\e6f2";
  font-size: 17px;
}

.e-olapclient .dialogOKBtn,
.e-olapclient .dialogCancelBtn {
  width: 69px;
  margin-left: 10px;
}

.e-olapclient .dialogOKBtn {
  margin-left: 83px;
}

.e-olapclient .editorPara {
  margin: 0 0 7px;
}

.e-olapclient .dialogPara {
  margin-top: 15px;
}

.e-olapclient .loadReportTbl {
  margin: 10px 0px 20px 0px;
}

.e-olapclient .loadReportTd {
  width: 100px;
}

.e-olapclient .dialogInput {
  float: right;
  margin-top: -31px;
}

.e-olapclient .checkAll,
.e-olapclient .unCheckAll {
  display: inline-block;
  height: 15px;
  width: 16px;
  cursor: pointer;
}

.e-olapclient .checkAll:before {
  content: "\e6db";
  font-size: 16px;
}

.e-olapclient .unCheckAll:before {
  content: "\e6da";
  font-size: 16px;
}

.e-olapclient .unCheckAll {
  margin-left: 5px;
}

.e-olapclient .memberEditorDiv {
  height: 256px;
  margin-top: 5px;
  border: 1px solid #bbbcbb;
}

.e-olapclient .removeSplitBtn,
.e-olapclient .removeMeasure {
  background-repeat: no-repeat;
  height: 11px;
  padding-left: 10px;
  width: 11px;
  color: white;
}

.e-olapclient .removeSplitBtn:before {
  content: "\e681";
  font-size: 13px;
  margin-left: -6px;
  margin-top: 2px;
}

.e-olapclient .removeSplitBtn:hover {
  cursor: pointer;
}

.e-olapclient .removeSplitBtn {
  background-color: #c1272d;
  border: 1px solid #bbbcbb;
  display: none;
  float: none;
  margin: 0 !important;
  padding-bottom: 7px;
  padding-right: 0;
  position: absolute;
}

.e-olapclient .removeMeasure {
  background-position: 0 -1835px !important;
  margin: 4px;
}

.e-olapclient .removeMeasure:before {
  content: "\e681";
  font-size: 13px;
  display: inline-block;
}

.e-olapclient .measureEditor {
  margin: 3px 5px 0px 5px;
}

.e-olapclient .measureEditor:hover {
  color: white;
  background: #5eabde;
  cursor: pointer;
}

.e-olapclient .nodetext {
  font-size: inherit !important;
}

.e-olapclient .e-dialog {
  font: bold 12px Segoe UI !important;
  opacity: 1 !important;
}

.e-olapclient .e-corner-all {
  border-radius: 0px !important;
}

.e-olapclient .e-button {
  font-size: 12px !important;
}

.e-olapclient .e-treeview {
  background-color: White;
}

.e-olapclient .e-treeview ul {
  margin: 0;
}

.e-olapclient .e-treeview,
.e-olapclient .e-text {
  font-size: 12px;
}

.e-olapclient .e-tab,
.e-olapclient .e-header {
  width: auto;
}

.e-olapclient .e-tab,
.e-olapclient .e-active-content {
  padding: 0;
}

.e-olapclient .e-tab,
.e-olapclient .e-content {
  border-width: 0;
}

.e-olapclient .e-toolbar {
  border-width: 1px 0;
}

.e-olapclient .e-input {
  line-height: normal !important;
}

.e-olapclient .e-progress-txt {
  top: -2px !important;
}

.clientProgressContainer {
  width: 385px;
  height: 140px;
  font-size: 14px;
  border-radius: 10px;
  position: absolute;
  background-color: white;
  box-shadow: 0 0 5px 1px #c4c4c4;
  color: #5c5c5c;
}

.clientProgressBar {
  width: 320px;
  height: 16px;
  top: 65px;
  left: 30px;
  position: absolute;
}

.clientProgressText {
  width: 379px;
  padding: 8px 0px 0px 6px;
  height: 30px;
  top: 0px;
  left: 0px;
  position: absolute;
  border-radius: 10px 10px 0px 0px;
  background-color: #c4c4c4;
  box-shadow: 0px 0px 2px 1px #c4c4c4;
}

.maximumView {
  background-color: White;
  z-index: 1000;
  margin: 2% 4%;
  margin-top: 2%;
  padding: 20px;
  position: fixed;
}

.fullScreenView {
  position: absolute;
  top: 0;
  background-color: #aaaaaa;
  z-index: 1000;
}

.winCloseBtn:before {
  content: "\e69e";
  position: absolute;
  cursor: pointer;
  top: 10px;
  right: 0;
  height: 24px;
  width: 24px;
}

.winCloseBtn {
  color: gray;
}

.winCloseBtn:hover {
  color: red;
  cursor: pointer;
}

/*-----------------------OLAP Definition-----------------*/
/*-----------------------SymbolPalette Definition-----------------*/
.e-olapchart {
  font: normal 12px Segoe UI;
  border: 1px solid #bbbcbb;
  background-color: White;
  color: #5c5c5c;
}

.e-olapchart .expandMenu {
  min-height: 50px;
}

.e-olapchart .menuList {
  list-style-type: none;
  padding: 4px 15px 4px 15px;
}

.e-olapchart .menuList:hover {
  list-style-type: none;
  color: white;
  background: #5eabde;
  cursor: pointer;
}

.e-olapchart .e-dialog,
.e-olapchart .e-wrapper,
.e-olapchart .e-shadow {
  min-height: 50px;
}

.e-olapchart .e-dialog,
.e-olapchart .e-content {
  padding: 0;
  min-width: 150px;
}

.progressContainer {
  width: 360px;
  height: 70px;
  border-radius: 10px;
  position: absolute;
  background-color: white;
  box-shadow: 0 0 5px 1px #c4c4c4;
  color: #5c5c5c;
}

.progressBar {
  width: 300px;
  height: 16px;
  top: 25px;
  left: 30px;
  position: absolute;
}

.progressText {
  width: 350px;
  height: 20px;
  top: 0px;
  left: 30px;
  fontSize: 16px;
  position: absolute;
}

/*-----------------------OLAP Definition-----------------*/
/*-----------------------SymbolPalette Definition-----------------*/
.e-olapgauge .kpiiconvalue {
  height: 24px;
  width: 20px;
  background-position: center;
  background-repeat: no-repeat;
}

.e-olapgauge .wrapLayout {
  list-style-type: none;
  height: auto;
  width: auto;
}

.e-olapgauge .wrapLayout li {
  float: left;
  display: inline-block;
  margin: 2px;
}

.e-olapgauge-tooltip {
  background-color: white;
  border: 2px solid #bbbcbb;
}

.e-olapgauge-tooltip {
  pointer-events: none;
  opacity: 0;
  display: inline-block;
  position: absolute;
  padding: 10px 20px;
  color: #565656;
  border-radius: 15px;
  margin-top: 20px;
  text-align: left;
  font: 12px Segoe UI;
  font-stretch: condensed;
  text-decoration: none;
  line-height: 20px;
}

.e-olapgauge-tooltip,
.e-olapgauge-active {
  opacity: 1;
  margin-top: 5px;
  -webkit-transition: all 0.2s ease;
  -moz-transition: all 0.2s ease;
  -ms-transition: all 0.2s ease;
  -o-transition: all 0.2s ease;
}

.e-olapgauge .kpiuparrow {
  background-image: url("../common-images/olapkpi/up-arrow.png");
}

.e-olapgauge .kpirightarrow {
  background-image: url("../common-images/olapkpi/right-arrow.png");
}

.e-olapgauge .kpidownarrow {
  background-image: url("../common-images/olapkpi/down-arrow.png");
}

.e-olapgauge .kpidiamond {
  background-image: url("../common-images/olapkpi/diamond.png");
}

.e-olapgauge .kpitriangle {
  background-image: url("../common-images/olapkpi/triangle.png");
}

.e-olapgauge .kpicircle {
  background-image: url("../common-images/olapkpi/circle.png");
}

.e-olapgauge .kpiredroad {
  background-image: url("../common-images/olapkpi/red.png");
}

.e-olapgauge .kpigreenroad {
  background-image: url("../common-images/olapkpi/green.png");
}

.e-olapgauge .kpiallcolor {
  background-image: url("../common-images/olapkpi/three-color.png");
}

/*-----------------------OLAP Definition-----------------*/
/*-----------------------SymbolPalette Definition-----------------*/
.e-olappager .pagerTextBox {
  display: inline-block;
  height: 18px;
  width: 35px;
  color: gray;
}

.e-olappager .movePrevious,
.e-olappager .moveNext,
.e-olappager .moveFirst,
.e-olappager .moveLast {
  display: inline-block;
  width: 18px;
  height: 18px;
  position: relative;
  top: 1px;
  cursor: pointer;
}

.e-olappager .moveFirst:before {
  content: "\e62a";
  font-size: 14px;
  margin-left: 5px;
}

.e-olappager .moveLast:before {
  content: "\e62c";
  font-size: 14px;
  margin-left: 5px;
}

.e-olappager .movePrevious:before {
  content: "\e665";
  font-size: 14px;
  margin-left: 5px;
}

.e-olappager .moveNext:before {
  content: "\e67e";
  font-size: 14px;
  margin-left: 5px;
}

.e-olappager .categPageCount,
.e-olappager .seriesPageCount {
  padding: 0px 0px 0px 5px;
}

.e-olappager .pagerDiv {
  margin: 3px;
  padding: 7px;
  color: gray;
}

.e-olappager .pagerLabel {
  display: inline-block;
  margin-left: 5px;
  margin-right: 5px;
}

.e-olappager .disabled {
  opacity: 0.4;
  cursor: default !important;
}

.e-olappager .olapPager {
  overflow: auto;
}

/*-----------------------OLAP Definition-----------------*/
/*-----------------------SymbolPalette Definition-----------------*/
/*Theme Color*/
.e-gantt .e-gantttoolbar {
  background-color: white !important;
  border-color: #c3c3c3 !important;
}

.e-gantt .e-toolbaricons {
  color: #868686;
}

.e-gantt .e-splitter {
  border-color: #c3c3c3 !important;
}

.e-gantt .e-dialog .e-header {
  background: white !important;
  color: #525152 !important;
}

.e-gantt .e-dialog .e-titlebar {
  border-bottom-color: #5ea9dc !important;
  background-color: white !important;
}

.e-gantt .e-dialog-wrap.e-dialog {
  border-color: #99999a !important;
  background: white !important;
}

.e-gantt .e-chkbox-wrap .e-chk-image {
  background-image: url(images/checkedtick.png) !important;
}

.e-contextmenu,
.e-innerContextmenu {
  background-color: white !important;
  border-color: #d3d3d4 !important;
  color: #282928;
}

.e-contextmenu-mouseover {
  background: rgba(215, 233, 246, 0.6);
}

.e-gantt .e-dialog .e-dialog-content {
  background-color: white;
}

.e-gantt .e-splitter .e-splitbar {
  background-color: white !important;
}

#Task.e-menuitem > div.e-icon:before,
#Add.e-menuitem > div.e-icon:before,
#Indent.e-menuitem > div.e-icon:before,
#Outdent.e-menuitem > div.e-icon:before,
#Delete.e-menuitem > div.e-icon:before {
  color: #868686 !important;
}

#Task.e-menuitem > div.e-icon:hover,
#Add.e-menuitem > div.e-icon:hover,
#Indent.e-menuitem > div.e-icon:hover,
#Outdent.e-menuitem > div.e-icon:hover,
#Delete.e-menuitem > div.e-icon:hover {
  color: white !important;
}

.e-gantt .e-dialog-icon:hover {
  background: none !important;
  color: rgba(0, 0, 0, 0.4);
}

.e-gantt .e-field.e-ejinputtext,
.e-gantt .e-dialog input.e-input,
.e-gantt .e-numeric .e-input,
.e-gantt .e-numeric,
.e-gantt .e-numeric .e-in-wrap,
.e-gantt .e-datewidget .e-in-wrap,
.e-gantt .e-ddl .e-in-wrap,
.e-gantt .e-datewidget .e-input {
  background-color: white;
  border-color: #c3c3c3;
}

.e-search.e-tooltxt.e-hover {
  color: white !important;
}

.e-gantt .e-tooltxt.e-hover > span {
  color: white;
}

.e-gantt .e-ddl .e-select,
.e-gantt .e-numeric .e-select,
.e-gantt .e-datewidget .e-select,
.e-gantt .e-btn.e-select {
  border-color: #c3c3c3;
}

.e-gantt .e-gantt-add:before {
  content: "\e6fe";
}

.e-gantt .e-gantt-edit:before {
  content: "\e705";
}

.e-gantt .e-gantt-delete:before {
  content: "\e706";
}

.e-gantt .e-gantt-save:before {
  content: "\e6fc";
}

.e-gantt .e-gantt-cancel:before {
  content: "\e708";
}

.e-gantt .e-gantt-indent:before {
  content: "\e702";
}

.e-gantt .e-gantt-outdent:before {
  content: "\e6fd";
}

.e-gantt .e-gantt-expandall:before {
  content: "\e703";
}

.e-gantt .e-gantt-collapseall:before {
  content: "\e707";
}

#Add.e-menuitem > div.e-icon:before {
  content: "\e6fe";
}

#Indent.e-menuitem > div.e-icon:before {
  content: "\e702";
}

#Outdent.e-menuitem > div.e-icon:before {
  content: "\e6fd";
}

#Delete.e-menuitem > div.e-icon:before {
  content: "\e706";
}

.e-gantt .e-splitter .e-splitbar.e-h-bar:before {
  content: "\e6fa";
}

.e-gantt .e-editValue .e-treegrid .e-headercell {
  border-bottom-color: #c3c3c3 !important;
  background-color: #ecedee !important;
}

/*-----------------------OLAP Definition-----------------*/
/*-----------------------SymbolPalette Definition-----------------*/
.e-treegrid .e-extendcolumn {
  background-color: white;
}

.e-treegrid .e-headercelldiv {
  color: #282928;
}

.e-treegrid {
  border-color: #c3c3c3;
  color: #282928;
}

.e-treegrid .e-gridcontent {
  background-color: white;
  border-color: #c3c3c3;
}

.e-treegrid .e-borderbox {
  border-bottom-color: white;
}

.e-treegrid .e-editcell,
.e-treegrid .e-rowcell {
  border-color: #c3c3c3;
}

.e-treegrid .e-alt-row {
  background: #f8fafb;
}

.e-treegrid .e-selectionbackground {
  background: rgba(215, 233, 246, 0.6);
  color: #231f20;
}

.e-treegrid .e-tabletd {
  border-color: #c3c3c3;
}

.e-treegrid .e-headercell {
  background: white;
  border-top-color: #c3c3c3 !important;
  border-left-color: #c3c3c3 !important;
  border-bottom-color: #5ea9dc !important;
}

.e-treegrid .e-grid-icon {
  background: white;
}

.e-treegrid .e-gridheader {
  color: #282928;
  border-bottom-color: #5ea9dc;
  border-top-color: #c3c3c3;
  border-left-color: #c3c3c3;
  border-right-color: #c3c3c3;
}

.e-treegrid .e-headercontent {
  border-right-color: #c3c3c3;
}

.e-treegrid .e-ejinputtext {
  border-color: #c3c3c3 !important;
  background-color: white;
  color: #282928;
}

.e-treegrid .e-ejinputtext:focus {
  box-shadow: #c3c3c3 !important;
}

.e-treegrid .e-reSizeColbg {
  border-left-color: #c3c3c3 !important;
}

.e-treegrid .e-gridheadercontainer {
  border-right-color: #c3c3c3;
}

.e-treegrid .e-treegridexpand:before,
.e-treegrid .e-treegridcollapse:before {
  color: #939292;
}

/*-----------------------OLAP Definition-----------------*/
/*-----------------------SymbolPalette Definition-----------------*/
.e-ganttchart .e-ganttviewerbodyContianer {
  background-color: white;
}

.e-ganttchart .e-headercell-weekend,
.e-ganttchart .e-weekends {
  background-color: #f8fafb !important;
}

.e-ganttchart-core {
  background: white;
}

.e-ganttchart .e-borderbox {
  border-bottom-color: white;
}

.e-ganttchart .e-schedule-day-headercell,
.e-ganttchart .e-schedule-week-headercell {
  color: #282928;
  border-color: #c3c3c3 !important;
}

.e-ganttchart .e-ganttviewerheaderContainer {
  background-color: white;
  color: #282928;
  border-bottom-color: #5ea9dc !important;
}

.e-ganttchart .milestone-top {
  border-bottom-color: #1b1b1b !important;
}

.e-ganttchart .milestone-bottom {
  border-top-color: #1b1b1b !important;
}

.e-ganttchart .e-taskbarname {
  color: #282928;
}

.e-ganttchart .connectorline-rightarrow {
  border-left-color: #1c1c1c !important;
}

.e-ganttchart .connectorline-leftarrow {
  border-right-color: #1c1c1c !important;
}

.e-tooltipgantt,
.e-progressbartooltip,
.e-editingtooltip {
  background-color: whitesmoke;
  color: #7d7e7d;
  border-color: #d3d3d4;
}

.e-ganttchart .e-tooltiptaskname {
  color: #7d7e7d;
}

.e-ganttchart .e-gantt-mouseclick {
  background: rgba(215, 233, 246, 0.6);
}

.e-ganttchart .e-progresshandle {
  background: #b2b3b5;
}

.e-ganttchart .e-progresshandleafter {
  border-bottom-color: #b2b3b5;
}

.e-ganttchart .e-gantt-parenttaskbar-progress,
.e-ganttchart .e-gantt-parenttaskbar-innerdiv {
  border-color: #353535;
}

.e-ganttchart .e-gantt-childtaskbar-progress,
.e-ganttchart .e-gantt-childtaskbar {
  border-color: #1d71a0;
}

.e-ganttchart .e-chartcell {
  border-bottom-color: transparent;
}

.e-ganttchart .e-gantt-mouseclick .e-chartcell .e-resourceinfo,
.e-ganttchart .e-gantt-mouseclick .e-chartcell .e-tasknameContainer .e-taskbarname {
  color: #231f20;
}

.e-ganttchart .e-gantt-parenttaskbar-progress {
  background-color: #1c1c1c;
}

.e-ganttchart .e-gantt-parenttaskbar-innerdiv {
  background-color: #757575;
}

.e-ganttchart .e-gantt-childtaskbar-progress {
  background-color: #5ea9dc;
}

.e-ganttchart .e-gantt-childtaskbar {
  background-color: #8bc4c8;
}

.e-ganttchart .e-line {
  background-color: #1c1c1c;
}

.e-ganttchart .gripper:before {
  color: rgba(0, 0, 0, 0.3);
}

.e-ganttchart .e-ganttgridlines {
  border-bottom-color: #e9e9e9;
}

/*  filename: ej.widgets.core.css */
/*Definition*/
/*--------------------------------- common core -------------------------*/
.e-disable {
  opacity: 0.35;
  filter: alpha(opacity=35);
  background-image: none;
}

.e-corner-all {
  border-radius: 4px 4px 4px 4px;
}

.e-corner-top,
.e-corner-left {
  border-top-left-radius: 4px;
}

.e-corner-top,
.e-corner-right {
  border-top-right-radius: 4px;
}

.e-corner-bottom,
.e-corner-left {
  -moz-border-radius-topleft: 4px;
  border-bottom-left-radius: 4px;
}

.e-corner-bottom,
.e-corner-right {
  -moz-border-radius-topright: 4px;
  border-bottom-right-radius: 4px;
}

.e-input,
.e-tooltip,
.e-btn,
.e-time-popup,
.e-datepicker.e-calendar,
.e-menu,
.e-uploadbox .e-file-name-txt,
.e-uploadbox .e-selectpart,
.e-uploadbox .e-uploadbtn,
.e-waitpopup-pane .e-text,
.e-tagcloud,
.e-toolbar,
.e-progressbar,
.e-scale .e-tick .tick-value,
.e-datetime-popup .e-dt-button,
.e-grid,
.e-ejinputtext,
.e-pager {
  font-family: Segoe UI;
  font-size: 13px;
}

.e-menu,
input.e-input,
input[type=text].e-input,
.e-mask,
.e-ul,
.e-btn div,
.e-tbtn.e-chkbx-hidden,
.e-datepicker table,
.e-datepicker table th,
.e-datepicker table td,
.e-menu.e-horizontal > .e-list,
.e-menu.e-vertical > li.e-separator,
.e-menu.e-context > li.e-separator,
.e-tab .e-header,
.e-uploadbox .e-action-perform,
.e-uploadbox .uploaddialog.e-dialog.e-dialog-content,
.e-tagcloud .e-load,
.e-scale,
.e-select {
  margin: 0;
  padding: 0;
  outline: 0 none;
  line-height: normal;
}

.e-btn,
.e-btn div,
.e-datepicker .e-header .e-next,
.e-datepicker .e-header .e-prev,
.e-datepicker .e-header .e-text,
.e-menu > .e-list > a > img,
.e-menu > .e-list > span > img,
.e-menu > .e-list > a > div,
.e-menu > .e-list > span > div,
.e-menu > .e-list > a > span,
.e-menu > .e-list > span > span,
.e-menu .e-list > a span.e-icon,
.e-menu .e-list > span span.e-icon,
.e-menu.e-horizontal > .e-list,
.e-menu.e-vertical,
.e-menu.e-context,
.e-chkbox-wrap,
.e-radiobtn-wrap,
.e-chkbox-wrap div,
.e-chkbox-wrap .e-text,
.e-radiobtn-wrap .e-text,
.e-tab .e-header,
.e-tab .e-header li,
.e-tab .e-header li a,
.e-dialog .e-dialog-icon,
.e-dialog .e-icon,
.e-uploadbox .e-selectpart,
.e-uploadbox .e-file-list,
.e-treeview .e-text,
.e-tagcloud .e-cloud,
.e-tagcloud .e-list,
.e-tagcloud .e-cloud .e-tagitems,
.e-h-scale .e-tick,
.e-grid .e-groupheadercell,
.e-grid .e-groupheadercell:hover,
.e-pager,
.e-pager .e-disableditem,
.e-grid div.e-parentmsgbar,
.e-grid .e-toolbaricons,
.e-pager .e-pagercontainer {
  display: inline-block;
}

.e-ul {
  list-style-type: none;
}

input.e-input,
input[type=text].e-input {
  text-indent: 10px;
  border: medium none;
  height: 100%;
  width: 100%;
  display: block;
  line-height: 30px;
}

.e-in-wrap {
  display: block;
  height: 100%;
  position: relative;
  overflow: hidden;
  border: 1px solid;
}

.e-rtl {
  direction: rtl;
}

.e-widget,
.e-map,
.e-chart,
.e-grid {
  touch-action: none;
}

.e-widget,
.e-widget [class^=e-],
.e-widget [class*=" e-"] {
  /* Safari/Chrome, other WebKit */
  /* Firefox, other Gecko */
  box-sizing: content-box;
  /* Opera/IE 8+ */
}

.e-widget.e-box,
.e-widget .e-box,
.e-widget button.e-btn,
button.e-btn.e-widget {
  /* Safari/Chrome, other WebKit */
  /* Firefox, other Gecko */
  box-sizing: border-box;
  /* Opera/IE 8+ */
}

.e-shadow {
  box-shadow: 0 0 9px rgba(0, 0, 0, 0.4);
}

.e-overlay {
  background-color: gray;
  opacity: 0.5;
  filter: alpha(opacity=50);
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 100;
}

.e-tooltip {
  font-weight: 600;
  height: auto;
  padding: 2px;
  position: absolute;
  width: auto;
  min-width: 10px;
  text-align: center;
  z-index: 10000;
  border: 1px solid;
}

.e-input::-webkit-input-placeholder {
  font-style: italic;
}

.e-input::-moz-placeholder {
  font-style: italic;
}

.e-input:-moz-placeholder {
  font-style: italic;
}

.e-input:-ms-input-placeholder {
  font-style: italic;
}

.e-input.e-watermark {
  font-style: italic;
}

/*--------------------------------- Button - common core -------------------------*/
.e-btn {
  cursor: pointer;
  overflow: hidden;
  text-align: center;
  text-decoration: none;
  border: medium none;
}

.e-btn.e-select {
  border: 1px solid;
}

.e-btn,
.e-btn div {
  vertical-align: middle;
  border-spacing: 0;
}

.e-btn .e-icon,
.e-split-btn-div .e-icon {
  display: table-cell;
  padding: 4px 3px;
  visibility: visible;
}

.e-btn.e-txt {
  padding: 0.1em 0.4em 0.3em;
}

.e-btn .e-btntxt {
  width: auto;
  cursor: default;
  display: table-cell;
  vertical-align: middle;
  line-height: normal;
  padding: 2px;
}

.e-btn.e-btn-mini {
  height: 28px;
  width: 63px;
  font-size: 12px;
}

.e-btn.e-btn-small {
  height: 32px;
  width: 89px;
  font-size: 13px;
}

.e-btn.e-btn-medium {
  height: 36px;
  width: 113px;
  font-size: 14px;
}

.e-btn.e-btn-large {
  height: 40px;
  width: 130px;
  font-size: 15px;
}

/*---------------------------------Toggle Button - common core -------------------------*/
.e-tbtn-wrap {
  display: block;
}

.e-tbtn.e-chkbx-hidden {
  border: 0 none;
  height: 1px;
  margin: -1px;
  overflow: hidden;
  position: absolute;
  width: 1px;
  opacity: 0;
}

.e-tbtn-wrap label {
  cursor: pointer;
  display: block;
  font-weight: normal;
  margin-bottom: 0;
}

/*--------------------------------- Split Button - common core -------------------------*/
.e-split {
  display: block;
  position: relative;
  margin: 0;
  overflow: hidden;
}

.e-split.e-btnrtl {
  padding: 0;
}

.e-split-btn,
.e-split-btn.e-left-btn {
  height: 100%;
}

.e-split-btn.e-btn-txt {
  width: 24px;
  height: 100%;
}

.e-split-btn.e-left-btn {
  width: 100%;
}

.e-split-btn.e-rht-btn {
  width: 24px;
  height: 100%;
}

.e-split-btn.e-drp-btn {
  float: left;
  position: absolute;
}

.e-split-btn-div .e-icon {
  height: 12px;
  width: 12px;
  font-size: 10px;
}

.e-split .e-in-wrap {
  border: none;
}

.e-split .e-padding {
  padding: 0 24px 0 0;
}

.e-split.e-rtl .e-padding {
  padding: 0 0 0 24px;
}

/*--------------------------------- editor core ------------------*/
.e-numeric,
.e-percent,
.e-currency,
.e-mask,
.e-atc,
.e-ddl,
.e-datewidget,
.e-timewidget,
.e-datetime-wrap {
  display: block;
  overflow: hidden;
  width: 143px;
  height: 30px;
}

.e-numeric .e-spin,
.e-percent .e-spin,
.e-currency .e-spin {
  position: absolute;
  right: 0;
  border: 0 none;
  cursor: pointer;
}

.e-numeric .e-spin-up,
.e-numeric .e-spin-down,
.e-percent .e-spin-up,
.e-percent .e-spin-down,
.e-currency .e-spin-up,
.e-currency .e-spin-down {
  display: block;
  height: 50%;
  width: 100%;
}

.e-numeric .e-spin-up,
.e-percent .e-spin-up,
.e-currency .e-spin-up {
  top: 0;
}

.e-numeric .e-spin-down,
.e-percent .e-spin-down,
.e-currency .e-spin-down {
  bottom: 0;
}

.e-numeric .e-padding,
.e-percent .e-padding,
.e-currency .e-padding,
.e-atc .e-padding,
.e-datewidget .e-padding,
.e-ddl .e-in-wrap,
.e-timewidget .e-padding,
.e-datetime-wrap .e-padding {
  padding: 0 24px 0 0;
}

.e-numeric .e-icon,
.e-percent .e-icon,
.e-currency .e-icon,
.e-timewidget .e-icon,
.e-datewidget .e-icon,
.e-atc .e-icon,
.e-ddl .e-icon,
.e-datetime-wrap .e-icon {
  display: block;
  width: 100%;
  position: absolute;
  top: 50%;
}

.e-numeric .e-icon,
.e-percent .e-icon,
.e-currency .e-icon {
  height: 8px;
  margin-top: -4px;
  font-size: 10px;
}

.e-numeric .e-select,
.e-percent .e-select,
.e-currency .e-select,
.e-mask .e-select,
.e-atc .e-select,
.e-ddl .e-select,
.e-datewidget .e-select,
.e-timewidget .e-select,
.e-datetime-wrap .e-select {
  cursor: pointer;
  display: block;
  position: absolute;
  top: 0;
  right: 0;
  width: 23px;
  height: 100%;
  text-align: left;
  border-left: 1px solid;
}

.e-numeric.e-rtl .e-select,
.e-percent.e-rtl .e-select,
.e-currency.e-rtl .e-select,
.e-mask.e-rtl .e-select,
.e-atc.e-rtl .e-select,
.e-ddl.e-rtl .e-select,
.e-datewidget.e-rtl .e-select,
.e-timewidget.e-rtl .e-select,
.e-datetime-wrap.e-rtl .e-select {
  border-right: 1px solid;
  border-left: none;
}

/*-------editor RTL core-------------*/
.e-numeric.e-rtl .e-in-wrap.e-padding,
.e-percent.e-rtl .e-in-wrap.e-padding,
.e-currency.e-rtl .e-in-wrap.e-padding,
.e-atc.e-rtl .e-padding,
.e-ddl.e-rtl .e-in-wrap,
.e-datewidget.e-rtl .e-in-wrap.e-padding,
.e-timewidget.e-rtl .e-padding,
.e-datetime-wrap.e-rtl .e-padding {
  padding: 0 0 0 24px;
}

/*--------------------------------- autocomplete core -------------------------*/
.e-atc-popup,
.e-ddl-popup,
.e-time-popup,
.e-datetime-popup {
  cursor: default;
  overflow: auto;
  position: absolute;
  border: 1px solid;
  outline: 0 none;
}

.e-atc-popup .e-hilight-txt {
  font-weight: bold;
}

.e-atc-popup ul li.e-category {
  font-weight: bold;
}

.e-atc-popup.e-rtl ul li.e-category {
  margin: 0 10px 0 0;
  padding: 5px 0 5px 5px;
}

.e-atc-popup ul li,
.e-ddl-popup div > ul li {
  padding: 5px 5px 5px 10px;
}

.e-atc-popup.e-rtl ul li {
  padding: 5px 10px 5px 5px;
}

.e-atc .e-input.e-load {
  background-position: right center;
  background-repeat: no-repeat;
}

.e-atc .e-rtl .e-input.e-load {
  background-position: left center;
}

.e-atc .e-icon {
  height: 14px;
  margin-top: -7px;
}

/*---autocomplete boxmodel ----*/
.e-atc .e-options,
.e-ddl .e-options {
  border: 1px solid;
  border-radius: 4px;
  cursor: default;
  display: inline-block;
  float: left;
  margin: 2px 0 2px 2px;
  padding: 0 19px 3px 4px;
  position: relative;
}

.e-atc.e-rtl .e-options,
.e-ddl.e-rtl .e-options {
  margin: 2px 2px 2px 0;
  padding: 0 4px 3px 19px;
  float: right;
}

.e-atc .e-visual-mode.e-input {
  display: inline-block;
  max-width: 99%;
  text-indent: 0;
  float: left;
  height: 28px;
  margin: 0 0 0 2px;
}

.e-atc.e-rtl .e-visual-mode.e-input {
  float: right;
  margin: 0 2px 0 0;
}

.e-atc .e-options .e-icon.e-close,
.e-ddl .e-options .e-icon.e-close {
  font-size: 10px;
  cursor: pointer;
  height: 10px;
  margin-top: -5px;
  right: 4px;
  width: 10px;
  opacity: 0.75;
}

.e-atc .e-options .e-icon.e-close:hover,
.e-ddl .e-options .e-icon.e-close:hover {
  opacity: 1;
}

.e-atc.e-rtl .e-options .e-icon.e-close,
.e-ddl.e-rtl .e-options .e-icon.e-close {
  left: 4px;
  right: auto;
}

/*--------------------------------- dropdownlist core -------------------------*/
.e-ddl .e-input {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.e-acrdn,
.e-tab,
.e-ddl,
.e-dialog {
  outline: 0 none;
}

.e-ddl.e-rtl .e-in-wrap .e-select {
  border-left: 0 none;
  text-align: right;
}

.e-ddl-popup div > ul li {
  padding: 5px;
  vertical-align: middle;
}

.e-ddl .e-in-wrap .e-select.e-load {
  background-position: center center;
  background-repeat: no-repeat;
  opacity: 0.35;
  filter: alphaa(opacity=35);
}

.e-ddl-popup div > ul li .e-align {
  float: left;
  vertical-align: middle;
}

.e-ddl-popup.e-rtl div > ul li .e-align {
  float: right;
}

.e-ddl-popup div > ul li .e-chkbox-wrap {
  padding-right: 10px;
}

.e-ejinputtext {
  padding-right: 4px;
  text-indent: 10px;
}

/*--------------------------------- Timepicker - common core -------------------------*/
.e-timewidget .e-input {
  letter-spacing: 1px;
}

.e-timewidget .e-icon,
.e-ddl .e-icon {
  font-size: 12px;
  height: 12px;
  margin-top: -6px;
}

.e-datewidget .e-icon,
.e-datetime-wrap .e-icon {
  font-size: 21px;
  height: 21px;
  margin-top: -11px;
}

/* Timepicker - popup window */
.e-time-popup {
  font-weight: normal;
  letter-spacing: 1px;
}

.e-time-popup ul li {
  padding: 2px 2px 2px 10px;
}

.e-time-popup.e-rtl ul li {
  padding: 2px 10px 2px 2px;
}

/*-------DatePicker Core ----------*/
.e-datepicker .e-datepicker-months td,
.e-datepicker .e-datepicker-years td,
.e-datepicker .e-datepicker-allyears td {
  height: 45px;
}

.e-datepicker .e-datepicker-months,
.e-datepicker .e-datepicker-years,
.e-datepicker .e-datepicker-allyears {
  width: 100%;
}

.e-datepicker.e-calendar {
  overflow: hidden;
  border: 1px solid;
}

.e-datepicker.e-calendar .e-header,
.e-datetime-popup .e-timecontainer .e-header {
  text-align: center;
  height: 30px;
  line-height: 29px;
}

.e-datepicker .e-header .e-next,
.e-datepicker .e-header .e-prev {
  cursor: pointer;
  position: relative;
  top: 2px;
}

.e-datepicker .e-week-header {
  height: 35px;
}

.e-datepicker .e-icon {
  height: 18px;
  width: 18px;
}

.e-datepicker .e-header .e-icon:before {
  top: 2px;
  left: 2px;
  position: absolute;
}

.e-datepicker .e-datepicker-days .e-state-default {
  height: 26px;
  border: 0 none;
}

.e-datepicker .e-icon.e-left-arrow {
  float: left;
}

.e-datepicker .e-icon.e-right-arrow {
  float: right;
}

.e-datepicker .e-icon.e-right-arrow:before {
  left: 4px;
}

.e-datepicker.e-rtl .e-header .e-next {
  right: -10px;
}

.e-datepicker .e-header .e-next {
  right: 5px;
}

.e-datepicker.e-rtl .e-header .e-prev {
  left: -10px;
}

.e-datepicker .e-header .e-prev {
  left: 5px;
}

.e-datepicker .e-header .e-text {
  cursor: pointer;
  text-align: center;
  width: 83%;
}

.e-datepicker .e-footer {
  text-align: center;
  cursor: pointer;
  padding: 3px;
  margin: 3px 0px 0px;
}

.e-datepicker .e-hide-date {
  opacity: 0.34;
}

.e-datepicker table {
  border-collapse: collapse;
  border-style: none;
  position: relative;
  table-layout: fixed;
  *table-layout: auto;
  text-align: center;
  width: 100%;
}

.e-datepicker table th {
  cursor: default;
  font-weight: normal;
  text-align: center;
  background: transparent;
  border: 0 none;
}

.e-datepicker table td {
  cursor: pointer;
  border: medium none;
  vertical-align: middle;
  text-align: center;
}

.e-datepicker .e-dp-viewdays .e-current-month:hover {
  border-radius: 4px;
}

.e-rtl .e-select {
  right: auto;
  left: 0;
}

.e-datepicker.e-icons table .e-datepicker-days td,
.e-datepicker.e-icons table th {
  text-align: right;
  padding-right: 10px;
}

.flag .e-image,
.e-special-day .e-image {
  display: inline-block;
  margin-right: 3px;
  vertical-align: text-top;
}

.e-datepicker.e-calendar {
  width: 18em;
}

.e-datepicker.e-calendar.e-headerlong {
  width: 35em;
}

.e-datepicker table .e-datepicker-days td.e-state-default.e-week-end {
  font-weight: bold;
}

.e-selected-week,
.e-selected-month {
  border-radius: 4px;
}

/*--------------------------------- menu - common core ------------------*/
.e-menu {
  font-size: 0;
  display: block;
  width: auto;
  height: auto;
  font-weight: normal;
  border: 1px solid;
}

.e-menu * {
  list-style-image: none;
  list-style-position: outside;
  list-style-type: none;
}

.e-menu * a:focus {
  outline: none;
}

* .e-menu > .e-list > ul,
* .e-menu > .e-list > ul .e-list > ul {
  left: 102%;
  top: -0.8px;
}

.e-menu > .e-list {
  border: 0 none;
  position: relative;
  text-align: left;
  cursor: pointer;
}

.e-menu .e-list > ul {
  position: absolute;
  visibility: inherit;
  padding: 1px;
  margin: 0;
  left: -1px;
  z-index: 1000;
  display: none;
}

* .e-menu .e-list > ul .e-list {
  border: 0 none;
  float: none;
  position: relative;
  line-height: normal;
  cursor: pointer;
}

.e-menu .e-list > a,
.e-menu .e-list > span {
  text-decoration: none;
  display: block;
  border: 0px none;
  min-height: 18px;
  width: auto;
  height: auto;
  position: relative;
  font-size: 13px;
}

.e-menu .e-list > a,
.e-menu .e-list > span {
  padding: 3px 18px 3px 28px;
  height: inherit;
  white-space: nowrap;
}

.e-menu .e-list > ul li.e-separator {
  height: 1px;
  margin: 2px 0 2px 18%;
  position: relative;
  *margin: -7% 0 0 18%;
  border: 0px none;
}

.e-menu li.e-list > a > img,
.e-menu li.e-list > span > img,
.e-menu li.e-list > a > div,
.e-menu li.e-list > span > div,
.e-menu li.e-list > a > span,
.e-menu li.e-list > span > span {
  left: 2px;
  top: 25%;
  margin: 0 4px 0 0;
  position: absolute;
  vertical-align: middle;
  border: 0 none;
}

.e-menu .e-list > a span.e-icon.e-arrows,
.e-menu .e-list > span span.e-icon.e-arrows {
  left: auto;
  position: absolute;
  right: -4px;
  top: 35%;
  font-size: 10px;
}

.e-menu-res-wrap .e-check-wrap .e-chkbox-wrap {
  opacity: 0;
  width: 100%;
  height: 100%;
}

.e-menu-res-wrap {
  display: none;
  height: 32px;
  overflow: hidden;
}

.e-menu-res-wrap .e-menu-res-in-wrap {
  box-sizing: border-box;
}

.e-menu-res-wrap .e-menu-res-in-wrap .e-check-wrap .e-res-icon,
.e-menu-res-wrap .e-menu-res-in-wrap .e-check-wrap {
  cursor: pointer;
  display: block;
  height: 100%;
  position: absolute;
  right: 0;
  text-align: left;
  top: 0;
  margin: 0px;
  width: 30px;
}

.e-menu-res-wrap .e-menu-res-in-wrap .e-check-wrap {
  border-left: 1px solid #aaaaaa;
  background-position: 3px 7px;
  background-repeat: no-repeat;
}

.e-menu-res-wrap .e-menu-res-in-wrap .e-res-title {
  height: 100%;
  font-family: "Segoe UI";
  font-size: 13px;
}

.e-menu-res-wrap .e-in-wrap.e-menu-res-in-wrap {
  padding: 5px 30px 5px 5px;
}

/*-------RTL menu core ----------*/
.e-menu.e-rtl,
.e-menu.e-rtl > .e-list {
  text-align: right;
}

.e-menu.e-rtl .e-list > ul li.e-separator {
  margin: 2px 18% 2px 0;
}

.e-menu.e-rtl .e-list > a > img,
.e-menu.e-rtl .e-list > span > img,
.e-menu.e-rtl .e-list > a > div,
.e-menu.e-rtl .e-list > span > div,
.e-menu.e-rtl .e-list > a > span,
.e-menu.e-rtl .e-list > span > span {
  margin: 0 0 0 4px;
}

.e-menu.e-rtl .e-list > a span.e-icon,
.e-menu.e-rtl .e-list > span span.e-icon {
  left: -2px;
  margin-left: 5px;
  right: auto;
}

.e-menu.e-rtl.e-separator.e-horizontal > .e-list {
  border-left: 1px solid;
}

/*-----------horizontal menu core -------------*/
.e-menu.e-horizontal > .e-list > a,
.e-menu.e-horizontal > .e-list > span {
  padding: 0 8px;
  height: 100%;
  line-height: 32px;
}

.e-menu.e-horizontal .e-list > ul {
  border: 1px solid;
}

.e-menu.e-horizontal .e-list > ul li.e-list > a,
.e-menu.e-horizontal .e-list > ul li.e-list > span,
.e-menu.e-vertical .e-list > a,
.e-menu.e-vertical .e-list > span {
  display: block;
}

.e-menu.e-horizontal > .e-list .e-arrow-space {
  padding-right: 24px;
}

.e-menu.e-horizontal > .e-list > ul:after {
  border-width: 10px;
  content: "";
  height: 0;
  left: 22px;
  position: absolute;
  top: -18px;
  width: 0;
}

.e-menu.e-horizontal > .e-list > a > img,
.e-menu.e-horizontal > .e-list > span > img,
.e-menu.e-horizontal > .e-list > a > div,
.e-menu.e-horizontal > .e-list > span > div,
.e-menu.e-horizontal > .e-list > a > span,
.e-menu.e-horizontal > .e-list > span > span {
  left: 2px;
  top: -2px;
  margin: 0 4px 0 0;
  position: relative;
  vertical-align: middle;
  border: 0px none;
}

.e-menu.e-rtl.e-horizontal > .e-list .e-arrow-space {
  padding-left: 24px;
  padding-right: 4px;
}

.e-menu.e-rtl .e-list > ul li.e-list .e-arrow-space {
  padding-right: 28px;
}

.e-menu.e-horizontal > .e-list,
.e-menu.e-separator.e-horizontal > li:last-child,
.e-menu.e-rtl.e-horizontal > .e-list,
.e-menu.e-rtl.e-separator.e-horizontal > li:last-child {
  border: 0 none;
}

.e-menu.e-separator.e-horizontal > .e-list {
  border-right: 1px solid;
}

.e-menu.e-separator.e-rtl.e-horizontal > .e-list {
  border-right: 0 none;
  border-left: 1px solid;
}

.e-menu.e-rtl.e-vertical .e-list > ul li.e-list > a,
.e-menu.e-rtl.e-vertical .e-list > ul li.e-list > span,
.e-menu.e-rtl.e-horizontal .e-list > ul li.e-list > a,
.e-menu.e-rtl.horizontal .e-list > ul li.e-list > span {
  padding: 3px 28px 3px 18px;
}

/*----------------------- vertical menu core --------------------------*/
.e-menu.e-vertical > .e-list > a,
.e-menu.e-vertical > .e-list > span {
  padding: 0 28px;
  zoom: 1;
}

.e-menu.e-vertical {
  width: 150px;
  border: 1px solid;
}

.e-menu.e-vertical .e-list {
  line-height: 27px;
}

.e-menu.e-vertical .e-list > ul {
  margin: -0.8px 0 0 0;
  top: 0;
  left: 102%;
  border: 1px solid;
}

.e-menu.e-vertical .e-list > ul .e-list {
  line-height: 21px;
}

.e-menu.e-vertical > li.e-separator,
.e-menu.e-context > li.e-separator {
  height: 1px;
  width: 100%;
  border: 0px none;
}

.e-menu.e-vertical > .e-list > img {
  position: absolute;
}

.e-menu.e-vertical > .e-list > a > img,
.e-menu.e-vertical > .e-list > span > img,
.e-menu.e-vertical > .e-list > a > div,
.e-menu.e-vertical > .e-list > span > div,
.e-menu.e-vertical > .e-list > a > span,
.e-menu.e-vertical > .e-list > span > span,
.e-menu.e-context > .e-list > a > img,
.e-menu.e-context > .e-list > span > img,
.e-menu.e-context > .e-list > a > div,
.e-menu.e-context > .e-list > span > div,
.e-menu.e-context > .e-list > a > span,
.e-menu.e-context > .e-list > span > span {
  left: 2px;
  margin: 0 4px 0 0;
  position: absolute;
  vertical-align: middle;
  border: 0px none;
}

/*------------------------ context menu core --------------------*/
.e-menu.e-context > .e-list > a,
.e-menu.e-context > .e-list > span {
  display: block;
  padding: 1px 18px 1px 28px;
  font-size: 13px;
}

.e-menu.e-context li.e-list > ul li.e-list > a,
.e-menu.e-context li.e-list > ul li.e-list > span {
  padding: 1px 18px 1px 28px;
  height: inherit;
  white-space: nowrap;
}

.e-menu.e-context {
  position: absolute;
  padding: 1px;
  z-index: 9998;
  width: 150px;
  border: 1px solid;
  font-size: 13px;
}

.e-menu.e-context .e-list > ul .e-list,
.e-menu.e-context .e-list {
  line-height: 27px;
}

.e-menu.e-context .e-list > ul {
  margin: -0.8px 0 0 0;
  top: 0;
  left: 102%;
  line-height: 23px;
  border: 1px solid;
}

.e-menu.e-context > .e-list > a > img,
.e-menu.e-context > .e-list > a > div,
.e-menu.e-context > .e-list > a > span {
  float: left;
}

.e-menu.e-rtl.e-context > li.e-separator {
  margin: 2px 30px 2px 2px;
}

.e-menu.e-context.e-rtl > .e-list > a,
.e-menu.e-context.e-rtl > .e-list > span {
  padding: 1px 28px 1px 18px;
}

.e-menu.e-rtl.e-context li.e-list > ul li.e-list > a,
.e-menu.e-rtl.e-context li.e-list > ul li.e-list > span {
  padding: 1px 28px 1px 18px;
}

/*--------------------------------- Accordion - common core ------------------*/
.e-acrdn > .e-select > .e-icon {
  border: 0 none transparent;
  display: block;
  height: 16px;
  width: 16px;
  margin-left: -5px;
  margin-right: 6px;
  margin-top: 5px;
  cursor: pointer;
  float: left;
}

.e-acrdn .e-select:first-child {
  border-top: 1px solid;
}

.e-acrdn > .e-select {
  padding: 0.5em;
  padding-left: 1em;
  line-height: 23px;
  border-style: none solid solid;
  border-width: 1px;
}

.e-acrdn .e-select a {
  text-decoration: none;
  border-bottom-width: 0;
  outline: 0 none;
}

.e-acrdn .e-content {
  padding: 1em 1.4em;
  text-align: justify;
  position: relative;
  border: 1px solid;
}

.e-acrdn.e-rtl .e-icon {
  float: right;
  margin-left: 5px;
}

/*--------------------------------- CheckBox - common core -------------------------*/
.e-chkbox-wrap,
.e-radiobtn-wrap {
  outline: 0 none;
}

.e-chkbox-wrap .e-text,
.e-radiobtn-wrap .e-text {
  padding: 2px 2px 2px 5px;
  text-align: left;
  top: 0px;
  cursor: pointer;
}

.e-chkbox-wrap .e-checkbox {
  display: none;
  z-index: 1;
  text-align: left;
  top: 2px;
}

.e-chkbox-wrap div > span,
.e-radiobtn-wrap > span {
  display: block;
  cursor: pointer;
  z-index: 2;
  position: relative;
  border: 1px solid;
}

.e-chkbox-wrap .e-chkbox-small > span {
  height: 13px;
  width: 13px;
  top: 3px;
}

.e-chkbox-wrap .e-chkbox-medium > span {
  height: 19px;
  width: 19px;
  top: 6px;
}

.e-chkbox-wrap .e-chk-image {
  height: 100%;
  position: absolute;
  width: 100%;
}

.e-chkbox-wrap .e-chkbox-small .e-chk-indetericon {
  margin-left: 2px;
  margin-top: 2px;
}

.e-chkbox-wrap .e-chkbox-medium .e-chk-indetericon {
  margin-left: 5px;
  margin-top: 5px;
}

.e-chkbox-wrap .e-chk-image.e-chk-indetericon {
  width: 9px;
  height: 9px;
}

/*---------------------------------------RadioButton--------------------------------------------*/
.e-radiobtn-wrap .e-radiobtn {
  display: none;
  z-index: 1;
  text-align: left;
}

.e-radiobtn-wrap > span .e-rad-icon {
  margin-left: 4px;
  position: absolute;
  top: 4px;
  left: 0px;
}

.e-radiobtn-wrap .e-radmedium {
  height: 15px;
  width: 15px;
  border-radius: 15px;
  -moz-border-radius: 15px;
  -webkit-border-radius: 15px;
}

.e-radiobtn-wrap .e-radmedium .e-rad-icon {
  height: 7px;
  width: 7px;
  border-radius: 7px;
  -moz-border-radius: 7px;
  -webkit-border-radius: 7px;
  left: 0px;
  top: 4px;
}

.e-radiobtn-wrap .e-radsmaller {
  height: 13px;
  width: 13px;
  border-radius: 13px;
  -moz-border-radius: 13px;
  -webkit-border-radius: 13px;
}

.e-radiobtn-wrap .e-radsmaller .e-rad-icon {
  height: 5px;
  width: 5px;
  border-radius: 5px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
}

/*--------------------------------- Tab - common core ------------------*/
.e-tab .e-bottom-line,
.e-tab .e-top-line,
.e-tab .e-activetop,
.e-tab .e-activebottom {
  border: 1px solid;
}

.e-tab .e-bottom-line,
.e-tab .e-top-line {
  margin: 0 -5px -1px 0;
}

.e-tab .e-bottom-line,
.e-tab .e-activebottom,
.e-tab .e-left > .e-active,
.e-tab .e-left > .e-active:hover,
.e-tab .e-right > .e-active,
.e-tab .e-right > .e-active:hover {
  border-bottom: 0 none;
}

.e-tab .e-top-line,
.e-tab .e-activetop {
  border-top: 0 none;
}

.e-tab .e-header {
  width: 100%;
}

.e-tab .e-header li {
  border-right: 1px solid;
  line-height: normal;
  list-style: none outside none;
}

.e-tab .e-header li a {
  text-decoration: none;
  border-bottom-width: 0;
  padding: 0.6em 0.9em;
  outline: 0 none;
}

.e-tab .e-header li.e-tab-active {
  margin-bottom: 0;
  padding-bottom: 1px;
}

.e-tab .e-content-item {
  display: none;
}

.e-tab .e-active-content {
  padding: 1em 1.4em;
  text-align: justify;
}

.e-tab .e-tab-active {
  font-weight: bold;
}

.e-tab .e-header .e-icon {
  float: right;
  height: 16px;
  width: 16px;
  margin-top: 11px;
  cursor: pointer;
  padding: 3px;
  background-color: transparent;
  background-image: none;
}

.e-tab.e-rtl .e-header > .e-item:first-child {
  margin-right: 0;
}

.e-tab.e-rtl .e-icon,
.e-tab .e-left,
.e-tab.e-vertical .e-right .e-icon {
  float: left;
}

.e-tab .e-left,
.e-tab .e-right {
  line-height: normal;
  list-style: none outside none;
  margin: 0;
  text-align: left;
  padding: 0;
  width: 165px;
}

.e-tab.e-vertical .e-right .e-icon {
  margin-left: 2px;
}

.e-tab.e-vertical .e-left .e-icon {
  margin-right: 2px;
}

.e-tab .e-right,
.e-tab.e-vertical .e-left .e-icon {
  float: right;
}

.e-tab .e-left li a,
.e-tab .e-right li a {
  display: block;
  outline: 0 none;
  padding: 16px 5px;
  text-decoration: none;
  margin-left: 5px;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.e-tab.e-vertical .e-icon.e-delete {
  background-position: -445px -24px;
  margin-top: 2px;
}

.e-tab.e-vertical,
.e-tab.e-vertical .e-active-content,
.e-tab .e-left li a,
.e-tab .e-right li a {
  overflow: hidden;
}

.e-tab.e-vertical .e-icon.e-reload {
  background-position: -82px 0;
  margin-top: 2px;
}

.e-tab .e-left .e-icon,
.e-tab .e-right .e-icon {
  background-image: none;
}

/*--------------------------------- Dialog - common core ------------------*/
.e-dialog.e-dialog-wrap {
  border: 1px solid;
}

.e-dialog .e-titlebar {
  padding: 0.7em;
  position: relative;
}

.e-dialog .e-draggable {
  cursor: move;
}

.e-dialog .e-dialog-icon {
  cursor: pointer;
  padding: 1px;
  right: 5px;
  top: 50%;
  float: right;
  height: 20px;
  width: 20px;
}

.e-dialog .e-widget-content {
  position: relative;
  border: 0;
  padding: 0.5em 1em;
  background: none;
  overflow: hidden;
  -o-border-image: initial;
     border-image: initial;
}

.e-dialog .e-resizable {
  bottom: 0;
  cursor: se-resize;
  display: block;
  height: 16px;
  position: absolute;
  right: 0;
  width: 16px;
}

.e-dialog.e-rtl .e-dialog-icon {
  float: left;
}

.e-dialog .e-icon {
  height: 20px;
  width: 20px;
}

/*--------------------------------- Splitter - common core -------------------------*/
.e-h-arrow,
.e-v-arrow {
  display: block;
  z-index: 10002;
}

.e-v-arrow.v-forward {
  margin-left: -9px;
  top: -3px;
}

.e-v-arrow.v-backward {
  top: -2px;
}

.e-h-arrow.h-forward {
  left: -3px;
  margin-top: -9px;
}

.e-h-arrow.h-backward {
  left: -2px;
}

.e-splitter .e-splitbar.e-resize.e-shadowbar {
  position: absolute;
  z-index: 10002;
  border-style: dotted;
}

.e-splitter {
  border-collapse: collapse;
  position: relative;
  overflow: hidden;
  height: 100%;
  width: 100%;
  border: 1px solid;
}

/* Splitter Divider bar */
.e-splitter .e-splitbar {
  border-style: solid;
  display: block;
  float: left;
  position: relative;
  outline: 0 none;
  overflow: hidden;
}

.e-pane.e-splitter {
  border: none !important;
}

.e-splitter .e-splitbar.e-h-bar.e-resize {
  cursor: e-resize;
}

.e-splitter .e-splitbar.e-v-bar.e-resize {
  cursor: n-resize;
}

.e-splitter .e-splitbar.e-h-bar {
  border-style: solid;
  border-width: 0 1px;
  height: 100%;
  vertical-align: middle;
  width: 7px;
}

.e-splitter .e-splitbar.e-v-bar {
  border-style: solid;
  border-width: 1px 0;
  height: 7px;
  vertical-align: middle;
  width: 100%;
}

/* Splitter Divider bar Arrow */
.e-splitter .e-splitbar .e-v-arrow,
.e-splitter .e-splitbar .e-h-arrow {
  cursor: pointer;
  position: absolute;
}

.e-splitter .e-splitbar .e-v-arrow {
  float: left;
  height: 7px;
  width: 10px;
  left: 50%;
}

.e-splitter .e-splitbar .e-h-arrow {
  height: 10px;
  width: 10px;
  top: 50%;
}

/* Splitter Pane */
.e-splitter .e-pane {
  border: none;
  cursor: default;
  float: left;
  position: relative;
}

.e-splitter .e-pane.collapsed {
  overflow: hidden;
}

.e-splitter .e-h-pane {
  height: 100%;
  overflow-y: auto;
}

.e-splitter .e-v-pane {
  width: 100%;
  overflow-x: auto;
}

/*--------------------------------- Upload Box - common core -------------------------*/
/*RTL*/
.e-uploadbox.e-rtl .e-uploadbtn {
  margin-right: 10px;
}

.e-uploadbox .e-selectpart {
  overflow: hidden;
  position: relative;
  width: auto;
}

.e-uploadbox .e-inputbtn {
  background-color: transparent;
  border: 1px solid transparent;
}

.e-uploadbox .e-uploadinput {
  display: block;
  cursor: pointer;
  filter: alpha(opacity=0);
  opacity: 0;
  position: absolute;
  right: 0;
  top: 0px;
  height: 34px;
}

.e-uploadbox .e-ul {
  width: 100%;
}

.e-uploadbox .e-file-list {
  height: 58px;
  text-align: center;
  text-indent: 3px;
  position: relative;
  top: 5px;
}

.e-uploadbox .e-file-list .file-status {
  float: left;
  min-width: 77px;
  padding-right: 0;
  padding-top: 5px;
  text-align: right;
}

.e-uploadbox .e-file-list .e-file-view {
  height: 85%;
  padding: 0px 5px;
}

.e-uploadbox .e-file-list .e-file-percentage {
  float: left;
  padding-left: 0;
  padding-right: 0;
  padding-top: 15px;
  width: 140px;
  font-size: 10px;
}

.e-uploadbox .e-file-progress {
  float: left;
  width: 200px;
  position: relative;
  overflow: hidden;
}

.e-uploadbox .e-file-name {
  display: block;
  height: 25px;
  text-align: left;
  width: 100%;
}

.e-uploadbox .e-file-progress-bar {
  height: 10px;
  width: 100%;
  margin: 2px;
}

.e-uploadbox .e-ul > li {
  height: 60px;
  width: 100%;
}

.e-uploadbox .e-ul li .e-file-list {
  width: 100%;
}

.e-uploadbox .e-file-progress-status {
  height: 10px;
  width: 0%;
}

.e-uploadbox .e-file-list .e-file-size {
  float: left;
  min-width: 100px;
  padding-left: 0;
  padding-right: 0;
}

.e-uploadbox .e-file-name .e-file-name-txt {
  text-indent: 8px;
}

.e-uploadbox .e-file-size .e-file-name-txt {
  left: -15px;
}

.e-uploadbox .e-file-name-txt {
  position: relative;
  top: 13px;
  font-weight: normal;
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  text-indent: 20px;
}

.e-uploadbox .e-file-upload {
  padding: 10px 0;
}

.e-uploadbox .e-selectpart,
.e-uploadbox .e-uploadbtn,
.e-uploadbox .e-uploadclosebtn {
  padding: 5px 10px;
  font-weight: normal;
  border: 1px solid;
}

.e-uploadbox .e-selectpart {
  border-radius: 5px;
}

.e-uploadbox .e-uploadbtn,
.e-uploadbox .e-uploadclosebtn {
  height: 40px;
  margin: 9px 15px 7px;
  width: 100px;
  left: 125px;
  position: relative;
}

.e-uploadbox .e-file-progress {
  border: 1px solid transparent;
}

.e-uploadbox .e-upload-progress {
  border: 1px solid transparent;
}

.e-uploadbox .e-dialog .e-ul .e-action-perform .e-icon {
  float: left;
  height: 20px;
  margin-top: 5px;
  position: relative;
  width: 30px;
}

.e-uploadbox .e-file-list .e-file-percentage-success .e-uploadbox .e-file-list .e-file-percentage-failed {
  height: 23px;
  width: 23px;
  margin-top: -5px;
  left: 50%;
  border-radius: 60px 60px 60px 60px;
  position: relative;
}

.e-uploadbox .e-action-perform {
  border-radius: 4px 4px 4px 4px;
  float: left;
  height: 25px;
  margin-left: 15px;
  margin-top: 11px;
  width: 25px;
}

.e-icon.e-file-percentage-failed:before {
  top: 2px;
  position: relative;
  left: -3px;
}

.e-icon.e-file-percentage-success:before {
  top: 3px;
  position: relative;
  left: -3px;
}

.e-uploadbox .e-icon.e-file-cancel:before,
.e-uploadbox .e-icon.e-file-delete:before,
.e-uploadbox .e-icon.e-file-retry:before {
  top: 2px;
  position: relative;
  left: -7px;
  font-size: 16px;
}

.e-uploadbox .uploaddialog.e-dialog.e-dialog-content {
  position: relative;
  border: 0;
  background: none;
  overflow: auto;
  -o-border-image: initial;
     border-image: initial;
}

.e-uploadbox .e-dialog .e-titlebar {
  padding: 10px;
  position: relative;
}

.e-uploadbox .e-dialog .e-titlebar .e-title {
  margin-left: 3px;
  position: relative;
  top: -2px;
}

.e-uploadbox .e-dialog .e-close:before {
  content: "\e605";
  position: relative;
  top: -10px;
}

.e-uploadbox .e-file-head {
  float: left;
  font-weight: 900;
  height: 25px;
  position: relative;
  text-indent: 18px;
  top: 30%;
}

.e-uploadbox .e-head-name,
.e-uploadbox .e-head-status {
  width: 200px;
}

.e-uploadbox .e-head-size {
  width: 100px;
}

.e-uploadbox .e-file-head.e-head-status {
  text-indent: 60px;
}

.e-uploadbox .e-head-content {
  display: inline-block;
  height: 50px;
  vertical-align: middle;
  width: 100%;
}

.e-uploadbox .e-dialog.e-widget-content {
  padding: 0px;
}

/*--------------------------------- Treeview - common core ------------------*/
.e-treeview-wrap {
  white-space: nowrap;
  outline: 0 none;
  overflow: auto;
  -o-border-image: initial;
     border-image: initial;
}

.e-treeview .e-treeview-ul {
  background: 0;
  list-style-type: none;
  position: relative;
  margin-left: -14px;
  outline: 0 none;
}

.e-treeview .e-item {
  margin: 0;
  padding: 2px 0 0px 16px;
  white-space: nowrap;
  outline: 0 none;
}

.e-treeview .e-text {
  border: 1px solid transparent;
  padding: 0 4px;
  text-decoration: none;
  min-height: 15px;
  min-width: 10px;
  -o-border-image: initial;
     border-image: initial;
  font-size: 14px;
  margin-left: 1px;
}

.e-treeview ul {
  padding: 3px 0 0px 10px;
  width: auto;
  list-style-type: none;
  outline: 0 none;
}

.e-treeview .e-plus,
.e-treeview .e-minus {
  background-repeat: no-repeat;
  border: 0 none transparent;
  float: left;
  height: 10px;
  width: 10px;
  margin-top: 5px;
  margin-left: -10px;
  cursor: pointer;
}

.e-treeview-wrap .e-icon.e-load {
  height: 13px;
  background-size: 10px;
}

.e-treeview .e-item img.e-align {
  vertical-align: middle;
  margin-left: 5px;
}

.e-treeview-wrap.e-rtl .e-item {
  padding: 2px 15px 2px 4px;
}

.e-treeview-wrap.e-rtl .e-treeview {
  padding: 3px 14px 3px 0;
}

.e-treeview-wrap.e-rtl .e-treeview-ul {
  margin-left: 0px;
  margin-right: -14px;
  padding: 3px 14px 3px 0;
}

.e-treeview-wrap.e-rtl .e-item .e-icon {
  float: right;
  margin-right: -10px;
  margin-left: 0;
}

.e-treeview-wrap.e-rtl .e-item img.e-align {
  vertical-align: middle;
  margin-right: 5px;
}

/*--------------------------------- Waiting popup - common core -------------------------*/
.e-waitpopup-pane {
  opacity: 0.85;
  filter: alpha(opacity=85);
  position: absolute;
}

.e-waitpopup-pane .e-image {
  background-position: center center;
  background-repeat: no-repeat;
  border-radius: 15px 15px 15px 15px;
  display: block;
  height: 70px;
  margin: 0 auto;
  position: relative;
  width: 70px;
}

.e-waitpopup-pane .e-text {
  font-size: 16px;
  margin: 0;
  position: relative;
  text-align: center;
}

/*--------------------------------- Tagcloud - common core -------------------------*/
.e-tagcloud {
  width: 350px;
  display: block;
  border: 1px solid;
}

.e-tagcloud .e-title {
  font-size: 16px;
  font-weight: 600;
  margin: 0 0 4px;
  padding: 10px 6px 10px 11px;
  vertical-align: middle;
}

.e-tagcloud .e-title-img {
  margin-right: 7px;
  vertical-align: middle;
}

.e-tagcloud .e-cloud,
.e-tagcloud .e-list {
  line-height: 20px;
  padding: 6px;
}

.e-tagcloud .e-ul {
  font-size: 13px;
  font-weight: 400;
  list-style-position: outside;
  width: 100%;
  overflow: hidden;
  display: block;
}

.e-tagcloud .e-list .e-tagitems,
.e-tagcloud .e-cloud .e-tagitems {
  cursor: pointer;
  list-style-type: none;
  padding: 5px;
}

.e-tagcloud .e-list .e-tagitems {
  display: block;
}

.e-tagcloud .e-tagitems .e-txt {
  outline: 0 none;
  text-decoration: none;
}

.e-tagcloud .e-load {
  min-height: 30px;
  width: 100%;
}

/*--------------------------------- ToolBar - common core -------------------------*/
.e-toolbar {
  font-weight: normal;
  margin-top: 0;
  border: 1px solid;
  outline: 0 none;
}

.e-toolbar > ul > li {
  border: 1px solid transparent;
  cursor: default;
  list-style-type: none;
  padding: 2px;
}

.e-toolbar.e-toolbarspan {
  width: 100%;
}

.e-toolbar,
.e-toolbar .e-vertical,
.e-toolbar .e-horizontal,
.e-toolbar div:first-child {
  *display: inline;
  overflow: hidden;
}

.e-toolbar > .e-horizontal.e-ul > li {
  float: left;
}

.e-toolbar > .e-horizontal.e-ul {
  vertical-align: middle;
  float: left;
}

.e-toolbar .e-horizontal.e-comnrtl,
.e-toolbar .e-horizontal .e-comnrtl {
  float: right;
}

.e-toolbar .e-vertical .e-comnrtl {
  direction: rtl;
}

.e-toolbar .e-horizontal .e-align,
.e-toolbar .e-horizontal .e-tooltxt,
.e-toolbar .e-vertical .e-align,
.e-toolbar .e-vertical .e-tooltxt {
  vertical-align: middle;
}

.e-toolbar .e-horizontal .e-disable,
.e-toolbar .e-vertical .e-disable {
  background-color: transparent;
  border: 1px solid transparent;
}

.e-toolbar .e-horizontal .e-spriteimg {
  float: left;
}

/*--------------------------------- Rating - common core ------------------*/
.e-rating {
  display: block;
  list-style-type: none;
  position: relative;
}

.e-rating.e-vertical .e-ul {
  -webkit-margin-before: 0.2em;
}

.e-rating.e-horizontal .e-ul,
.e-rating.e-vertical .e-ul {
  padding: 0 2px;
  list-style-type: none;
  margin: 0px;
}

.e-rating.e-horizontal .e-shape-list,
.e-rating.e-horizontal .e-shape,
.e-rating.e-horizontal .e-reset {
  float: left;
}

.e-rating.e-horizontal .e-shape-list,
.e-rating.e-vertical .e-shape-list,
.e-rating.e-horizontal .e-shape,
.e-rating.e-vertical .e-shape,
.e-rating.e-horizontal .e-reset,
.e-rating.e-vertical .e-reset {
  cursor: pointer;
}

/*--------------------------------- Progress bar - common core -------------------------*/
.e-progressbar {
  display: block;
  height: 14px;
  position: relative;
  width: 100%;
  border: 1px solid;
}

.e-progressbar .e-progress {
  border: none;
  height: 100%;
  width: 0;
}

.e-progressbar .e-progress-txt {
  position: absolute;
  text-align: center;
  width: 100%;
}

/*--------------------------------- Slider - common core -------------------------*/
.e-slider {
  display: block;
  outline: 0 none;
  position: relative;
  height: 100%;
  width: 100%;
  z-index: 10;
  border: 1px solid;
}

.e-slider-wrap.e-horizontal {
  height: 14px;
}

.e-slider-wrap.e-vertical {
  height: 100%;
  width: 14px;
}

.e-slider.e-corner-all,
.e-slider .e-corner-all {
  border-radius: 10px 10px 10px 10px;
}

.e-slider-wrap.e-horizontal .e-handle {
  top: -3px;
}

.e-slider-wrap.e-vertical .e-handle {
  left: -3px;
}

.e-slider .e-handle {
  cursor: pointer;
  outline: 0 none;
  position: absolute;
  border: 1px solid;
}

.e-slider-wrap.e-horizontal .e-range {
  height: 100%;
  top: 0;
}

.e-slider-wrap.e-vertical .e-range {
  left: 0;
  width: 100%;
}

.e-slider .e-range {
  border: 0 none;
  display: block;
  position: absolute;
}

/*For scale and tick option*/
.e-scale {
  list-style: none outside none;
  outline: 0 none;
  position: relative;
  z-index: 1;
}

.e-scale.e-h-scale {
  width: 100%;
}

.e-scale.e-v-scale {
  height: 100%;
}

.e-scale .e-tick {
  background-color: transparent;
  background-position: center center;
  cursor: default;
  position: relative;
  height: 100%;
}

.e-scale .e-tick .e-tick-value {
  font-size: 10px;
  position: absolute;
}

.e-h-scale .e-tick {
  background-repeat: repeat-y;
}

.e-v-scale .e-tick {
  background-repeat: repeat-x;
}

.e-h-scale .e-tick .e-tick-value {
  top: -15px;
}

.e-h-scale .e-tick.e-first-tick {
  background-position: left center;
}

.e-h-scale .e-tick.e-last-tick {
  background-position: right center;
}

.e-rtl .e-h-scale .e-tick.e-first-tick {
  background-position: right center;
}

.e-rtl .e-h-scale .e-tick.e-last-tick {
  background-position: left center;
}

.e-v-scale .e-tick.e-first-tick {
  background-position: center top;
}

.e-v-scale .e-tick.e-last-tick {
  background-position: center bottom;
}

/*----------buttons-icons--------------*/
/*-----------------------SVG----------------------------*/
@font-face {
  font-family: "ej-webfont";
  src: url("../common-images/ejicons.eot?-dzszjm");
  src: url("../common-images/ejicons.eot?#iefix-dzszjm") format("embedded-opentype"), url("../common-images/ejicons.woff?-dzszjm") format("woff"), url("../common-images/ejicons.ttf?-dzszjm") format("truetype"), url("../common-images/ejicons.svg?-dzszjm#ejicons") format("svg");
  font-weight: normal;
  font-style: normal;
}
.e-icon,
.e-rte-toolbar-icon,
.e-bgcolor-icon,
.e-fontcolor-icon,
.e-rte-footericon,
.e-rte-resize,
.e-indentcell {
  font-family: "ej-webfont";
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size: 14px;
}

.e-icon:before,
.e-rte-toolbar-icon:before,
.e-bgcolor-icon:before,
.e-fontcolor-icon:before,
.e-rte-footericon:before,
.e-rte-resize:before {
  width: 14px;
  height: 14px;
  display: block;
  margin: 0 auto;
}

.e-icon {
  width: 16px;
  height: 16px;
}

/*
.e-icon.e-ui-light
{
background-image: url(../common-images/icons-gray.png);
}
.e-icon.e-ui-dark
{
background-image: url(../common-images/icons-white.png);
}
*/
/* icon positions */
.e-menu.e-horizontal > .e-list > a span.e-arrows:before,
.e-menu.e-horizontal > .e-list > span span.e-arrows:before,
.e-menu.e-horizontal > .e-list:hover > a span.e-arrows:before,
.e-menu.e-horizontal > .e-list:hover > span span.e-arrows:before,
.e-menu.rtl > .e-list > a span.arrows:before,
.e-menu.rtl > .e-list > span span.arrows,
.e-menu.rtl > .e-list:hover > a span.arrows,
.e-menu.rtl > .e-list:hover > span span.arrows:before,
.e-menu.rtl.e-context > .e-list > a span.arrows:before,
.e-menu.rtl.e-context > .e-list > span span.arrows:before,
.e-menu.rtl.e-vertical > .e-list > a span.arrows:before,
.e-menu.rtl.e-vertical > .e-list > span span.arrows:before,
.e-menu.rtl .e-list > ul > .e-list > a span.arrows:before,
.e-menu.rtl .e-list > ul .e-list:hover > span span.arrows:before,
.e-menu.rtl.e-context > .e-list:hover span.arrows:before,
.e-menu.rtl.e-vertical > .e-list:hover span.arrows:before {
  content: "\e627";
}

.e-menu .e-list > ul > .e-list > a span.e-arrows:before,
.e-menu .e-list > ul > .e-list > span span.e-arrows:before,
.e-menu.e-context > .e-list > a span.e-arrows:before,
.e-menu.e-context > .e-list > span span.e-arrows:before,
.e-menu.e-vertical > .e-list > a span.e-arrows:before,
.e-menu.e-vertical > .e-list > span span.e-arrows:before,
.e-menu .e-list > ul .e-list:hover > a span.e-arrows:before,
.e-menu .e-list > ul .e-list:hover > span span.e-arrows:before,
.e-menu > .e-list:hover > a span.e-arrows:before,
.e-menu > .e-list:hover > span span.e-arrows:before {
  content: "\e622";
}

.e-menu.e-rtl .e-list > ul > .e-list > a span.e-arrows:before,
.e-menu.e-rtl .e-list > ul > .e-list > span span.e-arrows:before,
.e-menu.e-rtl.e-context > .e-list > a span.e-arrows:before,
.e-menu.e-rtl.e-context > .e-list > span span.e-arrows:before,
.e-menu.e-rtl.e-vertical > .e-list > a span.e-arrows:before,
.e-menu.e-rtl.e-vertical > .e-list > span span.e-arrows:before,
.e-menu.e-rtl .e-list > ul .e-list:hover > a span.e-arrows:before,
.e-menu.e-rtl .e-list > ul .e-list:hover > span span.e-arrows:before {
  content: "\e623";
}

/*---------------------------------Map-------------------------------------*/
/* ----------common icon position-------------*/
.e-boardpin:before,
.e-icon.e-unpin:before {
  content: "\e684";
}

.e-boardpin1:before,
.e-icon.e-pin:before {
  content: "\e683";
}

.e-upload:before {
  content: "\e678";
}

.e-reload:before {
  content: "\e677";
}

.e-close:before {
  content: "\e605";
}

.e-addnew:before,
.e-icon.e-collaps:before {
  content: "\e676";
}

.e-minus:before,
.e-icon.e-expand:before,
.e-icon.e-minimize:before {
  content: "\e675";
}

.e-rarrowright-2x:before {
  content: "\e674";
}

.e-rarrowup-2x:before {
  content: "\e672";
}

.e-rarrowdown-2x:before {
  content: "\e673";
}

.e-rarrowleft-2x:before {
  content: "\e671";
}

.e-login:before {
  content: "\e670";
}

.e-orientationlanscape:before {
  content: "\e66f";
}

.e-searchfind:before,
.e-icon.e-search:before {
  content: "\e66e";
}

.e-alignleft:before {
  content: "\e682";
}

.e-aligncenter:before {
  content: "\e66d";
}

.e-alignright:before {
  content: "\e66b";
}

.e-alignjustify:before {
  content: "\e66c";
}

.e-alignnone:before {
  content: "\e66a";
}

.e-filterset:before {
  content: "\e669";
}

.e-filternone:before {
  content: "\e668";
}

/**/
.e-arrowheadup-2x:before {
  content: "\e667";
}

.e-arrowheaddown-2x:before {
  content: "\e666";
}

.e-arrowheadleft-2x:before,
.e-icon.e-left-arrow:before,
.e-rtl .e-icon.e-right-arrow:before {
  content: "\e665";
}

.e-arrowheadright-2x:before,
.e-icon.e-right-arrow:before,
.e-rtl .e-icon.e-left-arrow:before {
  content: "\e664";
}

.e-numbering:before {
  content: "\e663";
}

.e-bullets:before {
  content: "\e661";
}

.e-maximize:before {
  content: "\e660";
}

.e-delete:before,
.e-icon.e-file-delete:before {
  content: "\e681";
}

.e-mediaback:before {
  content: "\e65f";
}

.e-mediaforward:before {
  content: "\e65e";
}

.e-medianext:before {
  content: "\e65d";
}

.e-mediaprev:before {
  content: "\e65c";
}

.e-mediaeject:before {
  content: "\e65a";
}

.e-mediaclose:before {
  content: "\e65b";
}

.e-mediapause:before {
  content: "\e659";
}

.e-mediaplay:before {
  content: "\e658";
}

.e-righttick:before,
.e-icon.e-file-percentage-success:before {
  content: "\e657";
}

.e-cancel:before,
.e-icon.e-file-cancel:before,
.e-icon.e-file-percentage-failed:before {
  content: "\e656";
}

.e-smile:before {
  content: "\e655";
}

.e-information:before {
  content: "\e654";
}

/**/
.e-cut:before {
  content: "\e680";
}

.e-edit:before {
  content: "\e653";
}

.e-swapleft:before {
  content: "\e652";
}

.e-swapright:before {
  content: "\e651";
}

.e-swapup:before {
  content: "\e650";
}

.e-swapdown:before {
  content: "\e64f";
}

.e-zoomin:before {
  content: "\e64e";
}

.e-zoomout:before {
  content: "\e64d";
}

.e-warningmessage:before {
  content: "\e64c";
}

.e-cursor:before {
  content: "\e64b";
}

.e-shoppingcart:before {
  content: "\e64a";
}

.e-handup:before {
  content: "\e648";
}

.e-palette:before {
  content: "\e67f";
}

.e-star:before {
  content: "\e647";
}

.e-copy:before {
  content: "\e646";
}

.e-paste:before {
  content: "\e645";
}

.e-settings:before {
  content: "\e644";
}

.e-clock:before {
  content: "\e643";
}

.e-hyperlink:before {
  content: "\e642";
}

.e-hyperlinkbreak:before {
  content: "\e641";
}

/**/
.e-resizers:before,
.e-icon.e-resize-handle:before,
.e-rte-resize:before {
  content: "\e640";
}

.e-home:before {
  content: "\e63f";
}

.e-clipboard:before {
  content: "\e63e";
}

.e-userlogin:before {
  content: "\e63d";
}

.e-dataexport:before {
  content: "\e63c";
}

.e-arrowheadright:before {
  content: "\e658";
}

.e-arrowheaddown:before,
.e-icon.e-down-arrow:before,
.e-spin-down .e-icon.e-arrow:before,
.e-icon.e-time:before {
  content: "\e63b";
}

.e-arrowheadup:before,
.e-icon.e-up-arrow:before,
.e-spin-up .e-icon.e-arrow:before {
  content: "\e63a";
}

.e-arrowheadleft:before {
  content: "\e639";
}

.e-undo:before {
  content: "\e638";
}

.e-redo:before {
  content: "\e637";
}

.e-bold:before {
  content: "\e636";
}

.e-italic:before {
  content: "\e635";
}

.e-underline:before {
  content: "\e634";
}

.e-strikethrough:before {
  content: "\e633";
}

.e-font:before {
  content: "\e632";
}

.e-rarrowdown:before {
  content: "\e631";
}

.e-rarrowleft:before {
  content: "\e630";
}

.e-rarrowup:before {
  content: "\e67d";
}

.e-rarrowright:before {
  content: "\e62f";
}

/**/
.e-calender:before,
.e-icon.e-date:before {
  content: "\e62e";
}

.e-datetimecalendar:before,
.e-icon.e-datetime:before {
  content: "\e62d";
}

.e-icon.e-collapse-arrow:before {
  content: "\e624";
}

.e-icon.e-expand-arrow:before {
  content: "\e622";
}

.e-icon.e-maximize:before {
  content: "\e61e";
}

.e-icon.e-restore:before {
  content: "\e61d";
}

.e-icon.e-file-retry:before {
  content: "\e677";
}

.e-icon.e-plus:before {
  content: "\e676";
}

.e-icon.e-minus:before {
  content: "\e675";
}

.e-rtl .e-icon.e-plus:before {
  content: "\e676";
}

.e-rtl .e-icon.e-minus:before {
  content: "\e675";
}

.e-groupbutton:before {
  content: "\e61c";
}

.e-gnextmedia {
  background-position: -51px -84px;
}

.e-gnext {
  background-position: -336px -84px;
}

.e-gprevmedia {
  background-position: -103px -84px;
}

.e-gprev {
  background-position: -313px -84px;
}

.e-gadd {
  background-position: -103px 1px;
}

.e-gedit {
  background-position: -26px -41px;
}

.e-gdelete {
  background-position: -181px -20px;
}

.e-save:before {
  content: "\e620";
}

.e-gcancel {
  background-position: -440px -20px;
}

.e-gsearch {
  background-position: -310px 4px;
}

.e-gdiagonalnext:before {
  content: "\e67c";
}

.e-gnextforward:before {
  content: "\e67e";
}

.e-gupward {
  background-position: -204px 2px;
}

.e-gdownward {
  background-position: -180px 2px;
}

.e-gclose {
  background-position: -445px -22px;
}

.e-guparrow:before {
  content: "\e625";
}

.e-gdownarrow:before {
  content: "\e627";
}

.e-gupdatenotify:before {
  content: "\e6ff";
  font-size: 10px;
}

/*------------------------------------- Control Icon Properties -------------------------------------------*/
.e-datewidget .e-date.e-icon:before,
.e-datetime-wrap .e-datetime.e-icon:before {
  height: 21px;
  width: 21px;
}

.e-timewidget .e-time.e-icon:before,
.e-ddl .e-down-arrow.e-icon:before {
  height: 12px;
  width: 12px;
}

.e-numeric .e-icon:before,
.e-percent .e-icon:before,
.e-currency .e-icon:before {
  height: 8px;
  width: 10px;
}

.e-treeview-wrap .e-icon.e-plus:before {
  content: "\e664";
  font-size: 11px;
  width: 10px;
  height: 10px;
}

.e-treeview-wrap.e-rtl .e-icon.e-load:before,
.e-treeview-wrap .e-icon.e-load:before {
  content: "";
}

.e-treeview-wrap .e-icon.e-minus:before {
  content: "\e67c";
  font-size: 8px;
  height: 10px;
  width: 10px;
}

.e-treeview-wrap.e-rtl .e-icon.e-plus:before {
  content: "\e665";
}

.e-treeview-wrap.e-rtl .e-icon.e-minus:before {
  content: "\e624";
}

.e-splitter .e-icon:before {
  font-size: 10px;
  height: 100%;
  width: 100%;
}

.e-splitter .h-backward:before {
  content: "\e665";
}

.e-splitter .h-forward:before {
  content: "\e664";
}

.e-splitter .v-backward:before {
  content: "\e667";
}

.e-splitter .v-forward:before {
  content: "\e666";
}

.e-rowselect:before {
  content: "\e701";
}

.e-sortdirect:before {
  content: "\e700";
}

.e-tab .e-icon.e-delete:before,
.e-dialog .e-icon.e-close:before,
.e-uploadbox .e-dialog .e-close:before {
  content: "\e605";
}

.e-dialog .e-icon.e-collapse-arrow:before {
  content: "\e625";
}

.e-dialog .e-icon.e-expand-arrow:before {
  content: "\e627";
}

.e-scroller .e-vup.e-icon:before {
  content: "\e672";
  left: 5px;
}

.e-scroller .e-vdown.e-icon:before {
  content: "\e673";
}

.e-scroller .e-hup.e-icon:before {
  content: "\e671";
}

.e-scroller .e-hdown.e-icon:before {
  content: "\e674";
}

/*------------------------------------- Scroller - Common Core -------------------------------------------*/
.e-scroller,
.e-scroller .e-content {
  overflow: hidden;
}

.e-scroller .e-content,
.e-scroller .e-hhandlespace,
.e-scroller .e-hup,
.e-scroller .e-hdown,
.e-scroller.e-rtl .e-vscroll {
  float: left;
}

.e-scroller .e-hhandle,
.e-scroller .e-hhandlespace,
.e-scroller .e-hup,
.e-scroller .e-hdown,
.e-scroller .e-hscroll {
  height: 18px;
  display: inline-block;
}

.e-scroller .e-vscroll .e-icon {
  width: 18px;
}

.e-scroller .e-icon {
  font-size: 9px;
}

.e-scroller .e-vscroll .e-icon:before,
.e-scroller .e-hscroll .e-icon:before {
  width: 10px;
  height: 10px;
  top: 5px;
  position: absolute;
  left: 4px;
}

.e-scroller .e-vscroll,
.e-scroller .e-hscroll,
.e-scroller .e-unselectable {
  -moz-user-select: -moz-none;
  -webkit-user-select: none;
  user-select: none;
}

.e-scroller .e-vscroll {
  vertical-align: top;
  width: 18px;
  float: right;
}

.e-scroller .e-vhandle,
.e-scroller .e-hhandle,
.e-scroller .e-button {
  position: relative;
}

.e-scroller.e-rtl {
  direction: rtl;
}

.e-scroller.e-rtl .e-content,
.e-scroller.e-rtl .e-hscroll {
  float: right;
}

/*------------------------------------- DateTimePicker - Common Core -------------------------------------------*/
.e-datetime-wrap .e-datetime {
  background-position: -26px -85px;
}

.e-datetime-popup .e-popup-container {
  display: inline-flex;
  padding: 5px;
}

.e-datetime-popup .e-button-container {
  display: block;
  padding: 0 5px 5px;
}

.e-datetime-popup .e-datecontainer,
.e-datetime-popup .e-timecontainer {
  display: inline-block;
}

.e-datetime-popup .e-datecontainer {
  float: left;
  margin: 0 5px 0 0;
}

.e-datetime-popup.e-rtl .e-datecontainer {
  float: right;
  margin: 0 0 0 5px;
}

.e-datetime-popup .e-timecontainer .e-time-popup {
  border-top: medium none;
}

.e-datetime-popup .e-timecontainer .e-header {
  border-style: solid solid none;
  border-width: 1px;
}

.e-datetime-popup.e-corner-all .e-header {
  border-radius: 4px 4px 0 0;
}

.e-datetime-popup.e-corner-all .e-time-popup {
  border-radius: 0 0 4px 4px;
}

.e-datetime-popup .e-dt-button {
  cursor: pointer;
  display: inline-block;
  padding: 3px 30px;
  text-align: center;
  border: 1px solid;
}

.e-datetime-popup .e-dt-button.e-dt-today {
  margin: 0 5px 0 0;
}

.e-datetime-popup.e-rtl .e-dt-button.e-dt-today {
  margin: 0 0 0 5px;
}

.e-datetime-popup .e-dt-button.e-dt-done {
  float: right;
}

.e-datetime-popup.e-rtl .e-dt-button.e-dt-done {
  float: left;
}

/*--------------Grid core -----------------*/
.e-filtertext::-ms-clear {
  display: none;
}

.e-grid .e-gridsummary .e-indentcell {
  width: 30px !important;
  background-color: white;
  border-right: none;
  border-top: 1px solid #c4c4c4;
}

.e-grid {
  height: auto;
  outline: 0 none;
  border-width: 1px;
  border-style: none solid solid solid;
}

.e-grid,
.e-grid .e-groupcaption,
.e-grid .e-groupcaptionsummary,
.e-grid .e-headercell,
.e-grid .e-headercell-hover,
.e-grid .e-groupheadercell,
.e-grid .e-groupheadercell:hover,
.e-grid .e-rowcell,
.e-grid .e-indentcell,
.e-grid .e-recordpluscollapse,
.e-grid .e-recordplusexpand,
.e-grid .e-filterbarcell,
.e-grid .e-filterbarcelldisabled,
.e-grid .e-tabletd {
  border-collapse: collapse;
}

.e-grid .e-gridcontent,
.e-grid .e-groupdroparea,
.e-grid .e-headercell,
.e-grid .e-headercell-hover,
.e-grid .e-headercelldiv,
.e-grid .e-groupheadercell,
.e-grid .e-groupheadercell:hover,
.e-grid .e-rowcell,
.e-grid .e-indentcell,
.e-grid .e-recordpluscollapse,
.e-grid .e-recordplusexpand,
.e-grid .e-filterbarcell,
.e-grid .e-filterbarcelldisabled,
.e-grid .e-summaryrow,
.e-grid .e-headercontent,
.e-grid .e-gridheader,
.e-grid .e-gridfooter {
  overflow: hidden;
}

.e-grid .e-dialog .e-addedrow table,
.e-grid .e-dialog .e-editedrow table,
.e-grid .e-inlineformedit table,
.e-grid .e-externalformedit table {
  border-collapse: separate;
  border-spacing: 11px;
}

.e-grid .e-dialog .e-addedrow label,
.e-grid .e-dialog .e-editedrow label,
.e-grid .e-inlineformedit label,
.e-grid .e-externalformedit label {
  display: inline;
  font-weight: normal;
  margin-bottom: 0px;
  white-space: nowrap;
}

.e-grid [class^=e-],
.e-grid .e-unboundcelldiv > input {
  box-sizing: content-box;
}

.e-grid .e-widget [class^=e-] {
  box-sizing: border-box;
}

.e-table,
.e-grid table {
  max-width: none;
}

.e-grid .e-editedrow *,
.e-grid .e-addedrow *,
.e-grid .e-dlgcontainer * {
  box-sizing: border-box;
}

.e-grid .e-unboundcelldiv input {
  margin: 0px 0px 0px 7px;
  padding: 0;
}

.e-grid .e-gridcontent .e-table > tbody > tr:first-child td.e-editCell .e-table {
  border-top-width: 0;
  border-top-style: none;
}

.e-grid > .e-gridcontent > div > .e-table,
.e-grid > .e-gridheader > div > .e-table {
  border-spacing: 0px;
}

.e-grid table th:first-child .e-headercell-hover {
  border-width: 1px 0 1px 0;
}

.e-grid .e-gridcontent tr:first-child td {
  border-top: 0 none;
}

.e-grid .e-groupdroparea,
.e-grid .e-groupTopLeftcell {
  border-style: solid none;
  border-width: 1px 0px 0px;
}

.e-grid .e-grid-icon,
.e-grid .e-filterbarcell input {
  float: left;
}

.e-grid .e-table,
.e-grid .e-gridsummary {
  width: 100%;
  table-layout: fixed;
  border: 0 none;
  border-collapse: separate;
}

.e-grid .e-columnheader {
  cursor: pointer;
}

.e-grid .e-gridcontent {
  outline: none;
}

.e-grid .e-groupdroparea {
  padding-top: 5px;
  padding-bottom: 8px;
  text-indent: 10pt;
  width: 100%;
}

.e-grid .e-groupcaption,
.e-grid .e-groupcaptionsummary {
  border-style: solid;
  border-width: 1px 0;
  display: table-cell;
  font-weight: normal;
  line-height: 30px;
  padding-left: 0.7em;
  padding-right: 0.7em;
}

.e-grid .e-headercell,
.e-grid .e-headercell-hover {
  height: 40px;
  padding: 0 0.5em;
  text-overflow: ellipsis;
  white-space: nowrap;
  text-align: left;
}

.e-grid .e-headercelldiv {
  font-weight: bold;
  font-size: 14px;
  display: block;
  border: 0 none;
  height: 29px;
  line-height: 29px;
  margin: -7px;
  padding: 0 0.7em;
  text-align: left;
  white-space: nowrap;
}

.e-grid .e-groupheadercell,
.e-grid .e-groupheadercell:hover {
  font-size: 13px;
  font-weight: normal;
  margin-left: 10px;
  padding: 7px;
  cursor: pointer;
  height: 17px;
  border: 1px solid;
}

.e-grid .e-rowcell,
.e-grid .e-indentcell {
  border-style: solid;
  display: table-cell;
}

.e-grid .e-rowcell {
  border-width: 1px 0 0 1px;
  padding: 0.7em;
  line-height: 14px;
  white-space: nowrap;
  width: auto;
  vertical-align: middle;
}

.e-grid .e-normaledit .e-rowcell {
  padding: 1px 3px;
}

.e-grid .e-normaledit .e-boolcell {
  padding-left: 0.7em;
}

.e-grid .e-normaledit .e-unboundcell {
  padding: 0.7em;
}

.e-grid .e-lastrowcell {
  border-bottom-width: 1px;
}

.e-grid .e-boolrowcell {
  padding-bottom: 0px;
  padding-top: 0px;
  padding-left: 0px;
}

.e-grid .e-indentcell {
  border-width: 0 1px 0 0;
  line-height: 0.3em;
  padding: 0px;
}

.e-grid .e-recordpluscollapse,
.e-grid .e-recordplusexpand {
  display: table-cell;
  cursor: pointer;
  padding: 0px;
}

.e-grid .e-recordplusexpand {
  white-space: nowrap;
}

.e-grid .e-recordpluscollapse ~ td {
  border-bottom: 0 none;
}

.e-grid .e-detailrowcollapse,
.e-grid .e-detailrowexpand,
.e-grid .e-recordpluscollapse,
.e-grid .e-recordplusexpand {
  border-style: solid;
  border-width: 1px 0px 0px;
}

.e-grid .e-headercell .e-descending,
.e-grid .e-headercell .e-ascending,
.e-grid .e-togglegroup,
.e-grid .e-toggleungroup {
  padding-left: 7px;
}

.e-grid .e-togglegroup,
.e-grid .e-toggleungroup {
  margin-left: 7px;
}

.e-grid .e-toolbaricons {
  min-height: 26px;
  min-width: 26px;
  text-decoration: none;
  vertical-align: middle;
  line-height: 26px;
  margin: 0;
}

.e-grid .e-toolbar.e-toolbarspan {
  border-width: 1px 0 0;
  border-style: solid;
  display: block !important;
}

.e-grid .e-editcell,
.e-grid .e-tabletd {
  padding: 0px;
}

.e-grid .e-editcell .e-table {
  border-style: solid;
}

.e-grid .e-grid-filterstatusbar,
.e-grid .e-grid-filterstatusbarbottom {
  height: 10px;
  border-style: solid;
  padding-bottom: 4px;
  padding-top: 5px;
  display: none;
  position: absolute;
}

.e-grid .e-grid-filterstatusbar {
  margin-top: -20px;
  border-width: 1px 1px 0px 1px;
  -moz-border-radius: 4px 4px 0px 0px;
}

.e-grid .e-grid-filterstatusbarbottom {
  margin-top: 1px;
  border-width: 0px 1px 1px 1px;
  -moz-border-radius: 0px 0px 4px 4px;
}

.e-grid .e-filterbarcell input {
  width: 70%;
  border-width: 1px;
  border-style: solid;
  text-indent: 1px;
  margin-left: 4px;
  font-family: Segoe UI;
  font-size: 13px;
  padding-right: 20%;
}

.e-grid .e-filterbarcell,
.e-grid .e-filterbarcelldisabled {
  border-width: 1px 0 0 1px;
  height: 27px;
  padding: 0px;
  border-style: solid;
  cursor: default;
}

.e-grid-filterstatusbar .e-msgdiv,
.e-grid-filterstatusbarbottom .e-msgdiv {
  margin-left: 5px;
  margin-top: -3px;
  position: absolute;
}

.e-grid .e-headercell .e-filtericon,
.e-grid .e-headercell .e-filteredicon {
  float: right;
  height: 10px;
  margin: -17px -34px -1px 3px;
  padding: 3px;
  width: 10px;
}

.e-grid .e-headercell .e-filtericon,
.e-grid .e-headercell .e-filteredicon {
  width: 16px;
  height: 16px;
}

.e-grid.e-dlgcontainer .e-predicate {
  border-width: 0;
  border-style: solid;
  padding: 10px 5px 0 0;
  text-align: left;
}

.e-grid.e-dlgcontainer .e-caption {
  margin: 0 9px 0 6px;
  position: relative;
  top: -2px;
}

.e-grid.e-dlgcontainer .e-value .e-caption {
  margin: 0 5px 0 0;
}

.e-grid.e-dlgcontainer .e-dlgBtns {
  padding: 10px 0;
  text-align: right;
}

.e-grid.e-dlgcontainer .e-dlgBtns .e-filter {
  margin-right: 6%;
}

.e-grid.e-dlgcontainer .e-dlgBtns .e-clear,
.e-grid.e-dlgcontainer .e-dlgBtns .e-filter {
  width: 47%;
}

.e-grid.e-dlgcontainer .e-operator,
.e-grid.e-dlgcontainer .e-value {
  padding-top: 10px;
}

.e-grid.e-dlgcontainer select {
  padding: 0;
  height: 20px;
  width: 100%;
}

.e-grid.e-dlgcontainer input[type=text] {
  padding: 0;
  width: 197px;
}

.e-grid .e-summaryrow {
  font-weight: bold;
  border-style: solid;
  border-width: 1px 0 0;
  padding: 0.5em;
  white-space: nowrap;
}

.e-grid .e-boolrowcell input[type=checkbox] {
  margin-left: 0.7em;
  width: auto;
  height: auto;
}

.e-grid .e-icon {
  background-repeat: no-repeat;
  background-attachment: scroll;
}

.e-grid .e-recordpluscollapse > div,
.e-grid .e-detailrowcollapse > div,
.e-grid .e-recordplusexpand > div,
.e-grid .e-detailrowexpand > div {
  height: 19px;
  vertical-align: middle;
  width: 23px;
  padding: 0px;
  background-repeat: repeat;
}

.e-grid .e-dialog .e-close {
  background-repeat: repeat;
}

.e-grid .e-ungroupbutton {
  float: right;
  width: 16px;
  height: 16px;
  display: none;
}

.e-grid .e-grid-icon .e-ascending,
.e-grid .e-grid-icon .e-descending {
  padding-left: 7px;
}

.e-grid .e-headertemplate > .e-headercelldiv {
  padding: 0 8px;
}

.e-gridwaitingpopup.e-waitpopup-pane {
  background-color: transparent !important;
}

.e-grid .e-gridheader .e-headercell,
.e-grid .e-rowcell {
  -moz-user-select: -moz-none;
  -webkit-user-select: none;
  user-select: none;
}

.e-grid div.e-error,
.e-grid .e-gridpopup {
  position: absolute;
  font-weight: normal;
  z-index: 99999;
}

.e-grid .e-gridpopup .e-content {
  border-width: 1px;
  border-style: solid;
}

.e-grid .e-gridpopup .e-content {
  border-radius: 4px;
  font-size: 14px;
  padding: 4px 4px;
}

.e-grid .e-gridpopup span {
  display: inline-block;
  height: 16px;
  cursor: pointer;
  padding: 4px;
  border: 1px solid transparent;
  width: 16px;
}

.e-grid div.e-error .e-errortail {
  height: 0;
  position: relative;
  width: 0;
  border: 10px solid transparent;
}

.e-grid .e-filterdiv {
  position: relative;
  width: 100%;
}

.e-grid .e-filterdiv span {
  display: block;
  height: 16px;
  position: absolute;
  right: 7%;
  top: 4px;
  cursor: pointer;
  width: 21px;
}

.e-grid .e-gridpopup .e-tail:before,
.e-grid .e-gridpopup .e-tail:after {
  border: 10px solid transparent;
  content: "";
  height: 0;
  left: 8px;
  position: absolute;
  width: 0;
}

.e-grid .e-gridpopup .e-downtail:after {
  top: 34px;
}

.e-grid div.e-error .e-toparrow {
  left: 10%;
  border-top-width: 2px;
  display: block;
}

.e-grid .e-headercellfilter {
  padding-right: 35px;
}

.e-reSizeColbg {
  position: absolute;
  border-left-width: 1px;
  border-left-style: dotted;
}

.e-grid .e-gridtoolbar li {
  padding: 4px 0 4px 6px;
}

.e-grid .e-gridtoolbar li a {
  padding-left: 3px;
}

.e-grid .e-groupheadercell .e-togglegroupbutton {
  padding-top: 2px;
}

.e-grid .e-scrollcss {
  padding-right: 18px;
}

.e-grid .e-animatebutton {
  width: 16px;
  height: 10px;
  font-size: 12px;
  padding-right: 26px;
  float: right;
}

.e-grid tr td:first-child,
.e-grid tr th:first-child {
  border-left: 0px;
}

.e-grid .e-filterbarcell .e-grid .e-filterbarcelldisabled {
  height: 40px;
}

.e-grid .e-dialog .e-rowcell {
  border: none;
  padding: 0.1em;
}

.e-grid .e-headercell,
.e-grid .e-grouptopleftcell {
  border-width: 0 0 0 1px;
  border-style: solid;
}

.e-grid .e-grouptopleftcell {
  cursor: default;
  border-width: 0px;
  padding: 0px;
}

.e-grid .e-reorderindicate {
  border-right-width: 3px;
}

.e-grid .e-groupdroparea {
  font-size: 19px;
  font-weight: lighter;
  text-align: center;
  border-top-width: 1px;
}

.e-grid .e-cloneproperties {
  padding: 8px 5px 0px 5px;
  border-style: solid;
  border-width: 1px;
  text-align: center;
  vertical-align: middle;
  overflow: hidden;
  opacity: 0.6;
  white-space: nowrap;
}

.e-grid .e-dialog .e-buttons {
  clear: both;
  float: right;
}

.e-grid .e-detailcell {
  padding: 0.4em 0.6em;
}

.e-grid .e-gridheader {
  border-bottom-width: 3px;
  border-bottom-style: solid;
}

.e-grid .e-externalformedit .e-rowcell,
.e-grid .e-inlineformedit .e-rowcell {
  border: none;
}

.e-grid .e-inlineformedit .e-rowcell {
  border-top: 0 none;
}

.e-grid .e-inlineform-titlebar {
  font-weight: bold;
  padding: 0.7em;
}

.e-grid .e-inlineformedit .e-editform-btn {
  float: right;
  padding: 13px;
}

.e-grid .e-externalformedit .e-editform-btn {
  float: right;
  padding: 0px 0px 13px 0px;
}

.e-grid .e-inlineformedit form div,
.e-grid .e-externalformedit form div {
  display: inline-block;
  padding-left: 0px;
  padding-right: 0.7em;
}

.e-grid .e-inlineformedit div > label,
.e-grid .e-externalformedit div > label {
  display: inline-block;
  width: 80px;
}

.e-grid .e-form-container {
  min-width: 420px;
  position: absolute;
  border-width: 0 1px 1px 1px;
  border-style: solid;
}

.e-grid .e-externalform {
  padding: 1.5em 1em;
}

.e-grid .e-form-titlebar {
  font-size: 16px;
  font-weight: normal;
  padding: 0.7em;
}

.e-grid .e-form-togglebtn {
  cursor: pointer;
  display: inline-block;
  float: right;
  height: 20px;
  padding: 0 0 4px 5px;
  right: 5px;
  top: 50%;
  width: 20px;
}

.e-grid .e-form-toggle-icon.e-bottomleft:before {
  content: "\e672";
}

.e-grid .e-form-toggle-icon.e-topright:before {
  content: "\e671";
}

.e-grid .e-form-toggle-icon {
  display: inline-block;
  height: 20px;
  width: 20px;
}

.e-grid .e-editedbatchcell {
  padding: 1px 3px;
}

.e-grid .e-detailrowcollapse,
.e-grid .e-detailcell,
.e-grid tr.e-editedrow td.e-rowcell {
  border-top-width: 1px;
  border-top-style: solid;
}

.e-grid .e-headercontent,
.e-grid .e-detailindentcell {
  border-right-width: 1px;
  border-right-style: solid;
}

.e-grid .e-gridheader {
  border-top-width: 1px;
  border-top-style: solid;
}

.e-grid .e-lastgrouptopleftcell {
  border-right: 0 none;
}

.e-grid .e-detailrowcollapse + td,
.e-grid .e-detailrowexpand + td {
  border-left: none;
}

.e-grid .e-pagermsgdiv {
  padding-left: 9px;
  padding-top: 0;
}

.e-grid .e-inlineform-titlebar {
  border-bottom-width: 1px;
  border-style: solid;
  border-width: 0 0 1px 0;
}

.e-grid .e-inlineformedit form {
  padding-left: 10px;
  padding-top: 10px;
}

.e-grid .e-inlineformedit .e-editform-btn {
  padding-top: 0;
}

.e-grid .e-movablecontent,
.e-grid .e-movableheader {
  border-left: 1px solid;
}

.e-grid .e-frozeny {
  border-bottom: 1px solid !important;
}

.e-grid .e-movablecontent,
.e-grid .e-movableheader,
.e-grid .e-movablefooter {
  overflow: hidden;
}

.e-grid .e-frozencontentdiv,
.e-grid .e-frozenheaderdiv,
.e-grid .e-frozenfooterdiv {
  float: left;
}

.e-grid .e-frozenunbound {
  padding-top: 4px;
  padding-bottom: 4px;
}

.e-grid .e-error div.e-field-validation-error {
  border-radius: 7px;
  font-size: 14px;
  padding: 7px;
}

.e-grid .e-hide {
  display: none !important;
}

.e-grid .emptyrecord {
  white-space: nowrap;
}

.e-grid .e-frozeny {
  border-bottom-width: 1px !important;
  border-bottom-style: solid !important;
}

.e-grid .e-frozenrow + tr > td {
  border-top-width: 0px;
}

.e-grid .e-widget .e-select .e-icon:before {
  display: block;
}

.e-grid .e-icon:before {
  display: inline-block;
}

.e-grid .e-updatedtd:before {
  float: left;
  margin-left: -11px;
  margin-top: -14px;
  text-align: left;
  font-family: "ej-webfont";
  color: red;
}

.e-grid td {
  font-family: Segoe UI;
}

.e-grid form .e-icon:before {
  display: block;
}

.e-grid .e-icon.e-animatebutton {
  font-size: 10px;
}

.e-grid .e-icon.e-gdiagonalnext {
  margin-left: 9px;
  font-size: 8px;
}

.e-grid .e-icon.e-gnextforward {
  font-size: 10px;
  margin-left: 10px;
  margin-top: 10px;
}

.e-grid .e-groupheadercell .e-cancel {
  padding-right: 11px;
}

.e-grid .e-groupheadercell .e-icon:before {
  display: inline;
}

.e-grid .e-filterbarcell .e-icon:before,
.e-grid .e-dialog .e-icon:before {
  display: block;
}

.e-grid .e-toolbaricons.e-searchfind {
  padding-left: 6px;
}

.e-grid .e-gridtoolbar .e-ejinputtext {
  vertical-align: middle;
}

.e-grid .e-rowcell.e-updatedtd {
  font-size: 13px;
}

/*-------------- grid rtl----------------*/
.e-grid.e-rtl {
  direction: rtl;
}

.e-grid.e-rtl .e-groupheadercell .e-icon:before {
  display: inline-block;
}

.e-grid.e-rtl .e-groupheadercell .e-cancel {
  padding-left: 23px;
  padding-right: 0px;
  padding-top: 2px;
}

.e-grid.e-rtl .e-gridtoolbar li a {
  padding-right: 5px;
  padding-left: 0px;
}

.e-grid.e-rtl .e-gridtoolbar li {
  padding: 4px 4px 4px 0;
}

.e-grid.e-rtl .e-headercell .e-descending,
.e-grid.e-rtl .e-headercell .e-ascending,
.e-grid.e-rtl .e-togglegroup,
.e-grid.e-rtl .e-toggleungroup {
  padding-right: 7px;
}

.e-grid.e-rtl .e-icon.e-gdiagonalnext {
  margin-right: 9px;
}

.e-grid .e-icon.e-gnextforward {
  margin-right: 10px;
}

.e-grid.e-rtl .e-groupheadercell,
.e-grid.e-rtl .e-groupheadercell:hover {
  margin-right: 10px;
}

.e-grid .e-rtl a,
.e-grid.e-rtl .e-groupheadercell,
.e-grid.e-rtl .e-groupheadercell:hover {
  float: right;
}

.e-grid.e-rtl .e-headercontent {
  border-left-width: 1px;
  border-left-style: solid;
  border-right-width: 0px;
}

.e-grid.e-rtl .e-headercell .e-filtericon,
.e-grid.e-rtl .e-headercell .e-filteredicon {
  margin: -14px -4px -1px -5px;
}

.e-grid.e-dlgcontainer .e-dlgBtns .e-filter.e-rtl {
  margin-left: 6%;
  width: 47%;
  margin-right: 0px;
}

.e-grid.e-rtl .e-rowcell,
.e-grid.e-rtl .e-filterbarcell,
.e-grid.e-rtl .e-filterbarcelldisabled {
  border-width: 1px 1px 0 0;
}

.e-grid.e-rtl tr td:first-child,
.e-grid.e-rtl tr th:first-child {
  border-right: 0 none;
}

.e-grid.e-rtl .e-indentcell {
  border-left-width: 1px;
  border-left-style: solid;
}

.e-grid.e-rtl .e-headercell,
.e-grid.e-rtl .e-grouptopleftcell {
  border-width: 0px 1px 0px 0px;
}

.e-grid.e-rtl .e-cloneproperties {
  border-width: 1px 1px 3px 1px;
}

.e-grid.e-rtl div.e-pagermsgdiv {
  padding-left: 6px;
  text-align: left;
}

.e-grid .e-rtl .e-parentmsgbar {
  float: left;
  padding-left: 6px;
}

.e-grid.e-rtl .e-headercelldiv {
  text-align: right;
  padding: 0 0.7em;
}

.e-grid.e-rtl .e-recordpluscollapse > div:before,
.e-grid.e-rtl .e-detailrowcollapse > div:before {
  content: "\e623";
}

.e-grid.e-rtl .e-recordplusexpand > div:before,
.e-grid.e-rtl .e-detailrowexpand > div:before {
  content: "\e624";
}

.e-grid.e-rtl .e-headercell .e-filtericon,
.e-grid.e-rtl .e-headercell .e-filteredicon,
.e-grid.e-rtl .e-animatebutton,
.e-grid.e-rtl .e-ungroupbutton {
  float: left;
}

.e-grid.e-rtl .e-filterbarcell input {
  float: right;
  margin-right: 4px;
}

.e-grid.e-rtl .e-scrollcss {
  padding-right: 0px;
  padding-left: 18px;
}

.e-grid .e-pager.e-rtl {
  display: block;
  height: 30px;
}

.e-rtl .e-grid-filterstatusbar .e-msgdiv,
.e-rtl .e-grid-filterstatusbarbottom .e-msgdiv {
  margin-right: 5px;
}

.e-grid.e-rtl .e-animatebutton {
  padding-left: 26px;
  padding-right: 0px;
}

.e-grid.e-rtl .e-frozencontentdiv,
.e-grid.e-rtl .e-frozenheaderdiv,
.e-grid.e-rtl .e-frozenfooterdiv {
  float: right;
}

.e-grid.e-rtl .e-movablecontent,
.e-grid.e-rtl .e-movableheader {
  border-left-width: 0px;
  border-right: 1px solid;
}

.e-grid.e-rtl .e-frozenrow + tr > td {
  border-top-width: 0px;
}

.e-grid.e-rtl .e-filterdiv input {
  padding-left: 15%;
  padding-right: 3%;
  width: 75%;
}

.e-grid.e-rtl .e-filterdiv span {
  right: 84%;
}

/*---------------------Pager core ------------------------*/
.e-pager,
.e-grid .e-pagerstatusbar {
  border-style: solid;
  border-width: 1px 0px 0px;
  padding-bottom: 4px;
  padding-top: 9px;
  width: 100%;
  white-space: normal;
}

.e-pager div.e-parentmsgbar {
  float: right;
  padding-right: 6px;
  padding-top: 4px;
}

.e-pager .e-pagerstatusbar {
  padding-bottom: 9px;
}

.e-pager .e-icon {
  display: inline-block;
  font-size: 10px;
}

.e-pager .e-numericitem {
  border-right-width: 1px;
  border-right-style: solid;
}

.e-pager div.e-pagermsgdiv {
  padding-right: 6px;
  padding-top: 4px;
  text-align: right;
}

.e-pager .e-firstpagedisabled,
.e-pager .e-prevpagedisabled,
.e-pager .e-nextpagedisabled,
.e-pager .e-lastpagedisabled {
  /* IE 8 */
  -ms-filter: "progid:DXImageTraneorm.Microsoft.Alpha(Opacity=30)";
  /* IE 5-7 */
  filter: alpha(opacity=30);
  /* Netscape */
  -moz-opacity: 0.3;
  /* Safari 1.x */
  -khtml-opacity: 0.3;
  /* Good browsers */
  opacity: 0.3;
}

.e-pager .e-spacing,
.e-pager .e-numericitem:hover,
.e-pager .e-currentitem {
  cursor: pointer;
  padding: 9px;
  text-decoration: none;
}

.e-pager .e-currentitem {
  border-width: 1px;
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
}

.e-pager div,
.e-pager a {
  display: inline;
  -moz-user-select: -moz-none;
  -webkit-user-select: none;
  -o-user-select: none;
  user-select: none;
}

.e-pager .e-firstpage,
.e-pager .e-prevpage,
.e-pager .e-firstpagedisabled,
.e-pager .e-prevpagedisabled,
.e-pager .e-nextpage,
.e-pager .e-lastpage,
.e-pager .e-nextpagedisabled,
.e-pager .e-lastpagedisabled {
  padding: 7px 4px 2px 8px;
  border-right-width: 1px;
  border-right-style: solid;
}

.e-pager .e-pagercontainer {
  overflow: hidden;
}

.e-pager .e-lastpage,
.e-pager .e-lastpagedisabled {
  border-right: none;
}

.e-pager .e-disableditem {
  height: 10px;
}

.e-pager .e-firstpage:hover,
.e-pager .e-prevpage:hover,
.e-pager .e-lastpage:hover,
.e-pager .e-nextpage:hover {
  cursor: pointer;
}

.e-pager a.e-nextprevitemdisabled {
  display: none;
  padding-right: 5px;
  padding-left: 5px;
  margin-right: 1px;
  margin-left: 1px;
  text-decoration: none;
}

.e-pager .e-pagercontainer {
  border-width: 1px;
  border-style: solid;
  border-radius: 4px 4px 4px 4px;
  margin-left: 6px;
}

.e-pager .e-nextpage:hover,
.e-pager .e-lastpage:hover,
.e-pager .e-firstpage:hover,
.e-pager .e-prevpage:hover {
  cursor: pointer;
  text-decoration: none;
}

.e-pager .e-lastpage:Hover {
  border-radius: 0px 4px 4px 0px;
}

.e-pager .e-firstpage:Hover {
  border-radius: 4px 0px 0px 4px;
}

.e-pager.e-rtl {
  direction: rtl;
}

.e-pager.e-rtl .e-pagercontainer,
.e-pager.e-rtl div,
.e-pager.e-rtl a {
  float: right;
}

.e-pager .e-pagermessage {
  display: block;
  margin: 6px;
}

.e-pager.e-rtl .e-pagercontainer {
  margin-right: 6px;
  padding: 0px;
}

.e-pager.e-rtl .e-firstpage,
.e-pager.e-rtl .e-prevpage,
.e-pager.e-rtl .e-firstpagedisabled,
.e-pager.e-rtl .e-prevpagedisabled,
.e-pager.e-rtl .e-nextpage,
.e-pager.e-rtl .e-lastpage,
.e-pager.e-rtl .e-nextpagedisabled,
.e-pager.e-rtl .e-lastpagedisabled {
  padding: 7px 9px 2px 8px;
}

.e-pager.e-rtl .e-firstpage:before,
.e-pager.e-rtl .e-firstpage:hover,
.e-pager.e-rtl .e-firstpagedisabled:before {
  content: "\e65e";
}

.e-pager.e-rtl .e-prevpage:before,
.e-pager.e-rtl .e-prevpage:hover,
.e-pager.e-rtl .e-prevpagedisabled:before {
  content: "\e664";
}

.e-pager.e-rtl .e-nextpage:before,
.e-pager.e-rtl .e-nextpage:hover,
.e-pager.e-rtl .e-nextpagedisabled:before {
  content: "\e665";
}

.e-pager.e-rtl .e-lastpage:before,
.e-pager.e-rtl .e-lastpage:hover,
.e-pager.e-rtl .e-lastpagedisabled:before {
  content: "\e65f";
}

.e-pager.e-rtl .e-nextpage,
.e-pager.e-rtl .e-nextpagedisabled {
  border-left-width: 1px;
  border-left-style: solid;
}

.e-pager.e-rtl .e-firstpage,
.e-pager.e-rtl .e-firstpagedisabled {
  border-right: medium none;
}

.e-pager.e-rtl .e-firstpage:hover {
  border-radius: 0px 4px 4px 0px;
}

.e-pager.e-rtl .e-lastpage:hover {
  border-radius: 4px 0px 0px 4px;
}

.e-pager.e-rtl .e-spacing,
.e-pager.e-rtl .e-numericitem:hover,
.e-pager.e-rtl .e-currentitem {
  padding: 3px 12px 4px 7px;
}

/*------------------------------------- Rotator -------------------------------------------*/
.e-rotator-wrap {
  position: relative;
  display: block;
}

.e-rotator-wrap .e-in-wrap {
  border: medium none;
  overflow: visible;
}

.e-rotator-wrap .e-in-wrap .e-inner {
  position: relative;
  overflow: hidden;
}

.e-rotator-wrap .e-in-wrap.e-multiple {
  padding: 4px;
  border: 1px solid;
}

.e-rotator-wrap .e-in-wrap .e-single {
  border: 1px solid;
}

.e-rotator-wrap .e-in-wrap .e-inner > ul {
  position: relative;
  width: 1200px;
  left: 0;
  top: 0;
  overflow: hidden;
}

.e-rotator-wrap .e-in-wrap .e-inner.e-horizontal > ul > li {
  float: left;
}

.e-rotator-wrap .e-in-wrap .e-nav .e-nav-btn {
  height: 40px;
  width: 40px;
  opacity: 0.8;
  filter: alpha(opacity=80);
  position: absolute;
  top: 44%;
  display: none;
  background-repeat: no-repeat;
  cursor: pointer;
}

.e-rotator-wrap .e-in-wrap .e-nav .e-next {
  right: 2%;
}

.e-rotator-wrap .e-in-wrap .e-nav .e-previous {
  left: 2%;
}

.e-rotator-wrap .e-in-wrap .e-nav .e-next:before,
.e-rotator-wrap .e-in-wrap .e-nav .e-previous:before {
  width: 40px;
  height: 40px;
}

.e-rotator-wrap .e-in-wrap .e-nav .e-next:before {
  content: "\e686";
}

.e-rotator-wrap .e-in-wrap .e-nav .e-previous:before {
  content: "\e687";
}

.e-rotator-wrap .e-in-wrap .e-nav .e-next,
.e-rotator-wrap .e-in-wrap .e-nav .e-previous {
  top: 47%;
  font-size: 40px;
}

.e-rotator-wrap .e-in-wrap .e-nav .play,
.e-rotator-wrap .e-in-wrap .e-nav .pause {
  height: 60px;
  width: 60px;
  left: 46%;
}

.e-rotator-wrap .e-in-wrap .e-nav .play:before,
.e-rotator-wrap .e-in-wrap .e-nav .pause:before {
  height: 60px;
  width: 60px;
  font-size: 60px;
}

.e-rotator-wrap .e-in-wrap .e-nav .play:before {
  content: "\e685";
}

.e-rotator-wrap .e-in-wrap .e-nav .pause:before {
  content: "\e68a";
}

.e-rotator-wrap .e-nav .e-nav-btn.e-show {
  visibility: visible;
}

.e-rotator-wrap .e-nav .e-nav-btn.e-hide {
  visibility: hidden;
}

.e-rotator-wrap .e-pager-wrap {
  display: block;
  text-align: center;
}

.e-rotator-wrap .e-pager-wrap .e-bullet {
  margin: 0px;
  padding: 10px;
  position: absolute;
}

.e-rotator-wrap .e-pager-wrap .e-bullet.default {
  left: 45%;
}

.e-rotator-wrap .e-pager-wrap .e-bullet > li {
  border: 1px solid;
  border-radius: 20px;
  display: inline-block;
  list-style-type: none;
  width: 10px;
  height: 10px;
  margin: 3px;
  background-repeat: no-repeat;
  background-position: 0 5px;
  cursor: pointer;
}

.e-rotator-wrap .e-pager-wrap .e-bullet > li:hover,
.e-rotator-wrap .e-pager-wrap .e-bullet > li.e-active {
  border: 1px solid;
}

.e-rotator-wrap .e-pager-wrap .e-bullet {
  position: absolute;
}

.e-rotator-wrap .e-pager-wrap .e-bullet.e-topleft {
  left: 0;
  top: 0;
}

.e-rotator-wrap .e-pager-wrap .e-bullet.e-topright {
  right: 0;
  top: 0;
}

.e-rotator-wrap .e-pager-wrap .e-bullet.e-topCenter {
  left: 42%;
  top: 0;
}

.e-rotator-wrap .e-pager-wrap .e-bullet.e-bottomleft {
  bottom: 0;
  left: 0;
}

.e-rotator-wrap .e-pager-wrap .e-bullet.e-bottomright {
  bottom: 0;
  right: 0;
}

.e-rotator-wrap .e-pager-wrap .e-bullet.e-thumb-pos {
  bottom: 29%;
}

.e-rotator-wrap .e-pager-wrap .e-bullet.e-outside {
  margin: auto;
  position: relative;
}

.e-rotator-wrap .e-thumb {
  position: relative;
  overflow: hidden;
  margin: 2% 10%;
}

.e-rotator-wrap .e-thumb .e-thumb-items {
  position: relative;
  width: 1200px;
  height: 200px;
  left: 0;
  overflow: hidden;
}

.e-rotator-wrap .e-thumb .e-thumb-items li {
  border: 1px solid;
  float: left;
  list-style: none outside none;
  padding: 6px;
  margin: 5px;
  position: relative;
  left: 0;
  overflow: hidden;
}

.e-rotator-wrap .e-thumb .e-thumb-items li img {
  width: 135px;
  height: 85px;
}

.e-rotator-wrap .e-thumb .e-thumb-items li:hover,
.e-rotator-wrap .e-thumb .e-thumb-items li.e-active,
.e-rotator-wrap .e-thumb .e-thumb-items li.e-thumbhover {
  border: 3px solid;
  padding: 4px;
}

.e-rotator-wrap .e-thumb-nav .e-thumb-btn {
  height: 30px;
  width: 30px;
  position: absolute;
  top: 84%;
  visibility: visible;
  background-repeat: no-repeat;
  cursor: pointer;
  font-size: 30px;
}

.e-rotator-wrap .e-thumb-nav .e-thumb-btn.e-previous {
  left: 3%;
}

.e-rotator-wrap .e-thumb-nav .e-thumb-btn.e-previous:before {
  content: "\e688";
}

.e-rotator-wrap .e-thumb-nav .e-thumb-btn.e-next {
  right: 3%;
}

.e-rotator-wrap .e-thumb-nav .e-thumb-btn.e-next:before {
  content: "\e689";
}

.e-rotator-wrap .e-inner .e-caption {
  bottom: 0;
  left: 0;
  opacity: 0.5;
  filter: alpha(opacity=50);
  position: absolute;
  height: 50px;
  width: 100%;
  display: none;
}

.e-rotator-wrap .e-inner .e-caption.e-hide {
  visibility: hidden;
}

.e-rotator-wrap .e-inner .e-caption.e-show {
  visibility: visible;
}

.e-rotator-wrap .e-inner .e-caption > span {
  font-family: icon;
  font-size: 22px;
  margin-left: 20px;
  padding-top: 11px;
  position: absolute;
}

/* ---------------------RTE Core CSS --------------- */
.e-rte-wrapper {
  display: block;
}

.e-rte .e-rte-toolbar {
  width: 100%;
  height: auto;
  margin-bottom: -4px;
}

.e-rte .editarea {
  margin-bottom: -4px;
  padding-top: 2px;
}

.e-rte .content-iframe {
  border: none;
}

.e-rte .e-resizable-handle {
  bottom: 0;
  cursor: se-resize;
  display: block;
  height: 16px;
  position: absolute;
  right: 0;
  width: 16px;
}

.e-rte-toolbar-icon:before {
  margin-top: 5px;
}

/*-----------------------Toolbar CSS----------------------*/
.e-rte .e-bgcolor-icon,
.e-rte .e-fontcolor-icon,
.e-rte-toolbar-icon {
  display: block;
  height: 22px;
  width: 22px;
}

.e-rte .e-horizontal .e-tooltxt {
  cursor: pointer;
}

.e-rte .e-horizontal {
  margin-bottom: 4px;
  margin-top: 4px;
  padding-left: 4px;
  padding-right: 4px;
}

.e-rte .e-toolbar .e-rte-format,
.e-rte .e-toolbar .e-rte-fontgroup {
  margin: 1px 0 0 !important;
}

.e-rte .e-rte-toolbar .e-input {
  font-size: 13px;
  line-height: 13px;
}

/*-----------------Icon Set---------------------*/
.e-rte-toolbar-icon.bold:before {
  content: "\e636";
}

.e-rte-toolbar-icon.italic:before {
  content: "\e635";
}

.e-rte-toolbar-icon.underline:before {
  content: "\e634";
}

.e-rte-toolbar-icon.strikethrough:before {
  content: "\e633";
}

.e-rte-toolbar-icon.justifyLeft:before {
  content: "\e682";
}

.e-rte-toolbar-icon.justifyCenter:before {
  content: "\e66d";
}

.e-rte-toolbar-icon.justifyRight:before {
  content: "\e66b";
}

.e-rte-toolbar-icon.justifyFull:before {
  content: "\e66c";
}

.e-rte-toolbar-icon.unorderedList:before {
  content: "\e661";
}

.e-rte-toolbar-icon.orderedList:before {
  content: "\e663";
}

.e-rte-toolbar-icon.indent:before {
  content: "\e604";
}

.e-rte-toolbar-icon.outdent:before {
  content: "\e603";
}

.e-rte-toolbar-icon.cut:before {
  content: "\e680";
}

.e-rte-toolbar-icon.copy:before {
  content: "\e646";
}

.e-rte-toolbar-icon.paste:before {
  content: "\e645";
}

.e-rte-toolbar-icon.undo:before {
  content: "\e638";
}

.e-rte-toolbar-icon.redo:before {
  content: "\e637";
}

.e-rte-toolbar-icon.createLink:before {
  content: "\e642";
}

.e-rte-toolbar-icon.image:before {
  content: "\e66f";
}

.e-rte-toolbar-icon.video:before {
  content: "\e608";
}

.e-rte-toolbar-icon.createTable:before {
  content: "\e612";
}

.e-rte-toolbar-icon.addRowAbove:before {
  content: "\e611";
}

.e-rte-toolbar-icon.addRowBelow:before {
  content: "\e610";
}

.e-rte-toolbar-icon.addColumnLeft:before {
  content: "\e60f";
}

.e-rte-toolbar-icon.addColumnRight:before {
  content: "\e60e";
}

.e-rte-toolbar-icon.deleteRow:before {
  content: "\e60d";
}

.e-rte-toolbar-icon.deleteColumn:before {
  content: "\e60c";
}

.e-rte-toolbar-icon.deleteTable:before {
  content: "\e67a";
}

.e-rte-toolbar-icon.superscript:before {
  content: "\e61a";
}

.e-rte-toolbar-icon.subscript:before {
  content: "\e61b";
}

.e-rte-toolbar-icon.upperCase:before {
  content: "\e616";
}

.e-rte-toolbar-icon.lowerCase:before {
  content: "\e617";
}

.e-rte .e-rte-source:before {
  content: "\e619";
}

.e-rte .clearFormat:before {
  content: "\e60b";
}

.e-rte .clearAll:before {
  content: "\e681";
}

.e-rte .e-fontcolor-icon:before {
  content: "\e632";
  margin-top: 4px;
}

.e-rte .e-bgcolor-icon:before {
  content: "\e618";
  margin-top: 4px;
}

.e-dialog .customtable-image:before {
  content: "\e612";
}

/*-----------------Footer------------------------*/
.e-rte .e-rte-footer {
  width: 100%;
  margin-top: -1px;
  height: 23px;
  font-family: monospace;
}

.e-rte .e-rte-footeritems {
  height: 16px;
  display: inline-block !important;
  vertical-align: middle;
  text-align: left;
}

.e-rte .e-rte-footer .e-rte-footer-left {
  display: inline-block;
  text-align: left;
  width: 50%;
}

.e-rte .e-rte-footer .e-rte-footer-right {
  display: inline-block;
  text-align: right;
  width: 50%;
}

.e-rte .e-rte-footericon {
  height: 16px;
  width: 16px;
  cursor: pointer;
  padding: 3px;
}

.e-rte .e-rte-htmltaginfo {
  margin-bottom: 5px;
  padding-left: 9px;
}

.e-rte .e-rte-wordcount {
  width: 125px;
  padding-bottom: 4px;
}

/*-----------------Format Style------------------------*/
.e-ddl-popup .e-h1 {
  font-size: 2em;
  font-weight: bold;
}

.e-ddl-popup .e-h2 {
  font-size: 1.5em;
  font-weight: bold;
}

.e-ddl-popup .e-h3 {
  font-size: 1.16em;
  font-weight: bold;
}

.e-ddl-popup .e-h4 {
  font-size: 1em;
  font-weight: bold;
}

.e-ddl-popup .e-h5 {
  font-size: 0.83em;
  font-weight: bold;
}

.e-ddl-popup .e-h6 {
  font-size: 0.7em;
  font-weight: bold;
}

/*----------------------Split Button-------------------*/
.e-rte .e-btntxt {
  display: table-caption;
  height: 0px;
  margin-top: -5px;
  margin-left: 1px;
  width: 16px;
}

.e-rte .e-bgcolor-icon,
.e-rte .e-fontcolor-icon {
  padding: 0;
  margin-top: -5px;
}

/*------------------Table Style------------------*/
.e-rte .e-rte-tablecell {
  border-style: solid;
  border-width: 1px;
  display: inline-block;
  height: 18px;
  margin: 1px;
  overflow: hidden;
  vertical-align: top;
  width: 18px;
}

.e-rte-palettetable {
  border-style: solid;
  border-width: 0;
  display: inline-block;
  height: 25px;
  overflow: hidden;
  vertical-align: top;
  width: 25px;
}

.e-rte .customtable-group {
  padding: 3px;
  cursor: pointer;
}

.e-rte .customtable-image {
  display: inline-block;
  height: 16px;
  width: 16px;
}

.e-rte .customtable-link {
  display: inline-block;
  text-decoration: none;
  padding-left: 5px;
  color: inherit;
}

/*Dialog Content*/
.e-rte .e-rte-label {
  clear: both;
  float: left;
  padding: 0.4em 0 1em;
  text-align: left;
  width: 29%;
}

.e-rte .e-rte-field {
  float: right;
  padding: 0em 0 0.6em;
  width: 69%;
}

.e-rte .e-rte-tablefields {
  display: inline-block;
  width: 22%;
  padding: 0.3em;
  vertical-align: middle;
}

.e-rte .e-inputtext {
  height: 25px;
  width: 98%;
  text-indent: 10px;
  font-family: Segoe UI;
  font-size: 13px;
}

.e-rte .e-dimensions {
  width: 50px;
}

.e-dialog .e-fieldseparate {
  border-style: dashed;
  border-width: 1px 0 0;
  padding-top: 0.6em;
}

.e-rte .e-fieldgroup {
  margin-bottom: 10px;
}

.e-dialog .e-rte-button {
  bottom: -1em;
  clear: both;
  text-align: right;
  margin-top: 10px;
}

.e-dialog .e-rte-btn {
  margin-left: 5px;
}

.e-dialog .e-rte-srctextarea {
  width: 600px;
  height: 400px;
  font-family: inherit;
  font-size: inherit;
}

.e-rte .e-rte-video {
  min-height: 100px;
  min-width: 370px;
}

.e-rte .e-rte-srcbutton {
  padding: 0.6em;
  text-align: right;
}

/* ----------------------- RTE Core End---------------------*/
/*---------------------------Gantt Common Core----------------*/
.e-gantt *:focus {
  outline: none;
}

.e-gantt-core {
  display: inline-block;
}

.e-gantt .e-gantt-Spliter {
  -webkit-user-select: none;
  -o-user-select: none;
  -moz-user-select: -moz-none;
  user-select: none;
  -webkit-touch-callout: none;
}

.e-gantt .e-treegridPane {
  overflow-y: hidden;
}

.e-gantt .e-ganttchartPane {
  overflow: hidden;
}

.e-gantt .e-gantttoolbar {
  height: 36px !important;
  display: block !important;
  background-image: none !important;
  background-repeat: no-repeat !important;
  background-attachment: scroll !important;
  /*selection*/
  -webkit-user-select: none;
  -o-user-select: none;
  -moz-user-select: -moz-none;
  user-select: none;
  -webkit-touch-callout: none;
}

.e-gantt .e-toolbar {
  border-width: thin !important;
  border-bottom-style: none !important;
  outline: none;
  -webkit-user-select: none;
  /*unselectable*/
  -o-user-select: none;
  -moz-user-select: -moz-none;
  user-select: none;
  -webkit-touch-callout: none;
}

.e-search.e-tooltxt.e-hover {
  background: none !important;
  border-color: transparent !important;
  padding: 2px !important;
}

.e-search.e-tooltx {
  box-shadow: none !important;
}

.e-disable.e-tooltxt:hover {
  background: none !important;
}

.e-gantt .e-toolbaricons {
  font-size: 20px;
}

.e-gantt .e-gantt-collapseall:before {
  margin-left: 3px;
  margin-top: 5px;
}

#Task.e-menuitem > div.e-icon:before {
  content: "\e601";
  padding-top: 3px;
}

#Add.e-menuitem > div.e-icon:before {
  padding-top: 3px;
}

#Indent.e-menuitem > div.e-icon:before {
  padding-top: 3px;
}

#Outdent.e-menuitem > div.e-icon:before {
  padding-top: 3px;
}

#Delete.e-menuitem > div.e-icon:before {
  padding-top: 3px;
}

#Add.e-menuitem.e-contextmenu-mouseover > span.e-expander:before {
  content: "\e67e" !important;
}

.e-gantt .e-addnewitem {
  font-size: 14px;
  margin-left: 3px;
  padding-top: 4px;
}

.e-gantt .e-edititem {
  font-size: 14px;
  margin-left: 3px;
  padding-top: 4px;
}

.e-gantt .e-deleteitem {
  font-size: 14px;
  margin-left: 3px;
  padding-top: 4px;
}

.e-gantt .e-saveitem {
  font-size: 14px;
  margin-left: 3px;
  padding-top: 4px;
}

.e-gantt .e-cancel {
  font-size: 14px;
  margin-left: 3px;
  padding-top: 4px;
}

.e-gantt .e-indent {
  font-size: 14px;
  margin-left: 3px;
  padding-top: 4px;
}

.e-gantt .e-outdent {
  font-size: 14px;
  margin-left: 3px;
  padding-top: 4px;
}

.e-gantt .e-expandall {
  font-size: 12px;
  margin-left: 6px;
  padding-top: 7px;
}

.e-gantt .e-collapseall {
  font-size: 13px;
}

.e-gantt .e-collapse,
.e-gantt .e-h-arrow {
  z-index: 2 !important;
}

.e-gantt .e-splitter {
  border-style: solid !important;
  border-width: thin !important;
}

.e-gantt .e-dialog .e-titlebar {
  padding: 0.7em 0 0.2em 0 !important;
  border-bottom-width: 3px !important;
  border-style: none none solid none !important;
  margin: 0 auto !important;
  width: 95% !important;
  font-weight: 600;
}

.e-addpre.e-icon:before {
  background-color: #72af33;
  border: thin solid #72af33;
  border-radius: 11px;
  color: white;
  content: "\e691";
  display: inline;
  font-size: 14px;
  font-family: "ej-webfont";
}

.e-addpre.e-icon {
  display: inline-block;
  font-family: Segoe UI;
  width: 80px;
}

.e-deletepre.e-icon:before {
  background-color: #ec1e24;
  border: thin solid #ec1e24;
  border-radius: 9px;
  color: white;
  content: "\e693";
  display: inline;
  font-family: "ej-webfont";
}

.e-deletepre.e-icon {
  font-family: Segoe UI;
}

.e-gantt .e-editValue .e-treegrid .e-headercell {
  border-bottom-width: 1px;
}

.e-gantt .e-dialog .e-header {
  font-weight: 600;
}

.e-gantt .e-dialog-wrap.e-dialog {
  width: auto !important;
}

.e-gantt .e-shadow {
  box-shadow: none !important;
}

.e-gantt .e-dialog .e-numeric .e-padding,
.e-gantt .e-dialog .e-percent .e-padding,
.e-gantt .e-dialog .e-currency .e-padding,
.e-gantt .e-dialog .e-atc .e-padding,
.e-gantt .e-dialog .e-datewidget .e-padding,
.e-gantt .e-dialog .e-ddl .e-in-wrap,
.e-gantt .e-dialog .e-timewidget .e-padding,
.e-gantt .e-dialog .e-datetime-wrap .e-padding {
  padding: 0 !important;
}

.e-gantt .e-dialog .e-dialog-content {
  width: auto !important;
  height: auto !important;
}

.e-gantt .e-dialog-scroller {
  height: auto !important;
}

.e-gantt .e-title {
  position: absolute;
  margin-top: -4px;
}

.e-gantt .e-dialog-icon .e-close {
  position: absoloute;
}

.e-gantt .e-icon.e-close {
  position: absolute;
}

.e-gantt .e-gantttoolbar li {
  padding: 5px 0 5px 5px;
}

.e-gantt .e-ejinputtext:focus {
  box-shadow: none;
}

.e-gantt .e-dialog .e-widget-content {
  padding: 0;
}

.e-gantt .e-field.e-ejinputtext {
  text-indent: 4px;
}

.e-gantt .e-datewidget input.e-input {
  line-height: 20px;
}

.e-gantt .e-splitter .e-splitbar.e-h-bar:before {
  top: 50%;
  left: 0.5px;
  position: absolute;
}

.e-gantt .e-datewidget input.e-input {
  line-height: 20px;
}

.e-gantt .e-splitter .e-splitbar.e-h-bar {
  font-family: "ej-webfont";
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size: 14px;
}

/*-------------TreeGrid Core-------------------------*/
.e-treegrid-core {
  border-collapse: collapse;
  font-family: Segoe UI;
  font-size: 12px;
  height: auto;
  outline: 0 none;
}

.e-treegrid .e-widget [class^=e-] {
  box-sizing: border-box;
}

.e-treegrid *:focus {
  outline: none;
}

.e-treegrid .e-treegridexpand:before {
  content: "\e67c";
  font-size: 7px !important;
}

.e-treegrid .e-scroller .e-vscroll {
  width: 17px;
}

.e-treegrid .e-treegridcollapse:before {
  content: "\e67e";
}

.e-treegrid .e-treegridexpand {
  margin-top: 5px;
  margin-left: 2px;
}

.e-treegrid .e-treegridcollapse {
  margin-top: 4px;
}

.e-treegrid .e-table {
  width: 100%;
  table-layout: fixed;
  border: 0 none;
  *border-collapse: separate;
}

.e-treegrid .e-hide {
  display: none !important;
}

.e-treegrid .e-scrollcss {
  padding-right: 18px;
}

.e-treegrid .e-scroller .e-vscroll {
  width: 17px;
}

.e-treegrid .e-gridheadercontainer {
  border-right-style: solid;
  border-right-width: thin;
}

.e-treegrid .e-borderbox {
  box-sizing: border-box !important;
  -webkit-box-sizing: border-box !important;
  -moz-box-sizing: border-box !important;
  border-bottom-width: 16px;
  border-bottom-style: solid;
}

.e-treegrid .e-gridcontent {
  overflow: hidden;
  outline: none;
  -webkit-user-select: none;
  /*unselectable*/
  -o-user-select: none;
  -moz-user-select: -moz-none;
  user-select: none;
  -webkit-touch-callout: none;
}

.e-treegrid .e-headercell {
  border-collapse: collapse;
  padding: 0 0.5em;
  overflow: hidden;
  -ms-text-overflow: ellipsis;
  -webkit-text-overflow: ellipsis;
  -khtml-text-overflow: ellipsis;
  text-overflow: ellipsis;
  white-space: nowrap;
  text-align: left;
  border-left-width: 1px;
  border-right-width: 1px;
  border-top-width: 1px;
  border-left-style: solid;
  outline: none;
  /*user select*/
  -webkit-user-select: none;
  -o-user-select: none;
  -moz-user-select: -moz-none;
  user-select: none;
  -webkit-touch-callout: none;
}

.e-treegrid tr td:last-child {
  border-right: 0;
}

.e-treegrid tr th:last-child {
  border-right: 0;
}

.e-treegrid .e-headercelldiv {
  font-weight: 600;
  font-size: 14px;
  font-family: Segoe UI;
  display: block;
  border: 0 none;
  height: 29px;
  line-height: 29px;
  overflow: hidden;
  margin: -7px;
  padding: 0 25px 0 7px;
  text-align: left;
  white-space: nowrap;
}

.e-treegrid .e-treegridrowexpand,
.e-treegrid .e-treegridrowcollapse .e-rowcell {
  font-weight: bold;
}

.e-treegrid .e-rowcell {
  border-collapse: collapse;
  border-style: solid;
  border-width: 0 1px 1px 0;
  display: table-cell;
  overflow: hidden;
  white-space: nowrap;
  width: auto;
  vertical-align: middle;
  -ms-box-sizing: border-box !important;
  -khtml-box-sizing: border-box !important;
  -o-box-sizing: border-box !important;
  box-sizing: border-box !important;
  text-align: left;
  margin-left: 10px;
  padding-left: 10px;
  padding-right: 10px;
  padding-top: 0;
  padding-bottom: 0;
}

.e-treegrid .e-descending:before {
  content: "\e673";
  display: inline-block;
  font-size: 14px;
  margin-left: 10px;
}

.e-treegrid .e-ascending:before {
  content: "\e672";
  display: inline-block;
  font-size: 14px;
  margin-left: 10px;
}

.e-treegrid .e-spacing {
  padding: 3px 9px;
  *float: left;
}

.e-treegrid .e-gridheader {
  overflow-x: hidden;
  background-repeat: repeat-x;
  background-attachment: scroll;
  background-position: 0 0;
  border-bottom-style: solid;
  border-bottom-width: 3px;
}

.e-treegrid .e-field.e-ejinputtext:focus {
  box-shadow: none;
}

.e-treegrid .e-treegrid-icon .e-ascending,
.e-treegrid .e-treegrid-icon .e-descending {
  padding-right: 26px;
  padding-top: 2px;
}

.e-treegrid {
  border-top: none;
}

.e-treegrid .e-editedcell {
  padding: 3px;
  position: absolute;
  margin: 0;
}

.e-treegrid .e-editedfirstcell {
  padding: 0 0 4px;
}

.e-treegrid .e-tabletd {
  padding: 0;
  border-collapse: collapse;
}

.e-treegrid .e-headercontent {
  border-right-width: 1px;
  border-right-style: solid;
  overflow: hidden;
}

.e-treegrid .e-ejinputtext {
  border-width: 1px;
  border-style: solid;
  outline: none;
  vertical-align: baseline;
  float: left;
}

.e-treegrid .e-ejinputtext:focus {
  box-shadow: 0 0 5px;
}

.e-treegrid tr th:first-child {
  border-left: 0;
  text-align: center !important;
}

.e-treegrid .e-reSizeColbg {
  position: absolute;
  border-left: 1px dotted;
}

.e-treegrid .e-gridcontent .e-rowcell .e-treegrid .e-gridheader .e-headercell {
  -webkit-user-select: none;
  -o-user-select: none;
  -moz-user-select: -moz-none;
  user-select: none;
  -webkit-touch-callout: none;
}

.e-intend {
  padding-left: 0 !important;
}

.e-treegrid .e-icon.e-date:before {
  font-size: 22px;
}

.e-treegrid .e-icon.e-arrow:before {
  font-size: 8px;
  margin-left: 6px;
}

/*-----GanttChart Common Core----------------*/
.e-ganttchart .e-ganttviewercontainer {
  display: block;
  position: relative;
}

.e-ganttchart .e-widget [class^=e-] {
  box-sizing: border-box;
}

.e-ganttchart .e-borderbox {
  box-sizing: border-box !important;
  -webkit-box-sizing: border-box !important;
  -moz-box-sizing: border-box !important;
  border-bottom-width: 16px;
  border-bottom-style: solid;
}

.e-ganttchart .e-ganttviewerheaderContainer {
  position: relative;
  overflow: auto;
  overflow-x: hidden;
  overflow-y: hidden;
  height: 45px;
  border-bottom-width: 3px;
  border-bottom-style: solid;
}

.e-ganttchart .e-ganttviewerbodyContianer {
  display: block;
  position: relative;
}

.e-ganttchart .e-ganttviewerbodyContianer-dependencyViewContainer {
  display: block;
  position: absolute;
  z-index: 1;
}

.e-ganttchart .e-ganttviewerbodyContianer-secondaryCanvas {
  display: block;
  position: absolute;
}

.e-ganttchart .e-gantt-schedule-container {
  display: block;
  position: static;
}

.e-ganttchart .e-ganttviewerbodyContianer-ganttViewTable {
  display: block;
  position: absolute;
  z-index: 2;
  border-spacing: 0;
}

.e-ganttchart .e-ganttviewerbodyContent {
  display: block;
  position: relative;
}

.e-ganttchart-core {
  position: relative;
}

.e-ganttchart .e-schedule-headerrow-week > thead > tr > th,
.e-ganttchart .e-schedule-headerrow-day > thead > tr > th {
  border-left: none;
}

.e-ganttchart .e-schedule-week-headercell-content {
  height: 22px;
}

.e-ganttchart .e-schedule-day-headercell {
  height: 25px;
  border-bottom: none !important;
}

.e-ganttchart .e-schedule-day-headercell,
.e-ganttchart .e-schedule-week-headercell {
  font-weight: 600;
  font-size: 13px;
  font-family: Segoe UI;
  text-align: center;
  border-spacing: 0;
  border-style: solid;
  border-width: thin;
  white-space: nowrap;
  position: static;
  -ms-box-sizing: border-box;
  -khtml-box-sizing: border-box;
  -o-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-user-select: none;
  -o-user-select: none;
  -moz-user-select: -moz-none;
  user-select: none;
  -webkit-touch-callout: none;
  border-top: none;
  display: inline-block;
  padding: 0;
  margin: 0;
}

.e-ganttchart .e-ganttgridlines {
  display: table-cell;
  border-bottom-style: solid;
  border-bottom-width: 1px;
  -ms-box-sizing: border-box !important;
  -khtml-box-sizing: border-box !important;
  -o-box-sizing: border-box !important;
  box-sizing: border-box !important;
  border-collapse: collapse;
  border-spacing: 0;
}

.e-ganttchart .gripper:before {
  content: "\e602";
  font-size: 15px !important;
  padding: 2px;
}

.e-ganttchart .taskbarresizer-right.e-icon.gripper {
  margin-left: -4px;
}

.e-ganttchart .taskbarresizer-left.e-icon.gripper {
  margin-left: -6px;
}

.e-ganttchart .e-schedule-headerrow-week,
.e-ganttchart .e-schedule-headerrow-day {
  border-collapse: collapse;
  padding: 0;
  -ms-box-sizing: border-box;
  -khtml-box-sizing: border-box;
  -o-box-sizing: border-box;
  box-sizing: border-box;
  border-width: 0;
  border-spacing: 0;
  margin: auto;
}

.e-ganttchart .e-chartcell {
  display: table-cell;
  border-bottom-style: solid;
  border-bottom-width: 1px;
  -ms-box-sizing: border-box !important;
  -khtml-box-sizing: border-box !important;
  -o-box-sizing: border-box !important;
  box-sizing: border-box !important;
  border-collapse: collapse;
  border-spacing: 0;
}

.e-ganttchart .e-tasknameContainer {
  text-align: right;
  position: relative;
}

.e-ganttchart .e-hoilday_label {
  /* Chrome & Safari */
  /* Firefox */
  /* IE 9+ */
  /* Opera */
  transform: rotate(270deg);
  /* CSS3 */
  filter: progid:DXImageTransform.Microsoft.Matrix(M11=0.70710678, M12=0.70710678, M21=-0.70710678, M22=0.70710678, sizingMethod="auto expand");
  /* IE 7-8 */
}

.e-ganttchart .e-gantt-childtaskbar,
.e-ganttchart .e-gantt-parenttaskbar-innerdiv {
  -ms-box-sizing: border-box;
  -khtml-box-sizing: border-box;
  -o-box-sizing: border-box;
  box-sizing: border-box;
  margin: auto;
  border-spacing: 0;
  padding: 0;
  border-radius: 4px;
  position: absolute;
  border-style: solid;
  border-width: 0.5px;
}

.e-ganttchart .milestone-top,
.e-ganttchart .baseline-milestone-top,
.e-ganttchart .milestone-bottom,
.e-ganttchart .baseline-milestone-bottom {
  width: 0;
  height: 0;
  position: absolute;
  z-index: 3;
  border: 12px solid transparent;
}

.e-ganttchart .milestone-top,
.e-ganttchart .baseline-milestone-top {
  border-top: none;
}

.e-ganttchart .milestone-bottom,
.e-ganttchart .baseline-milestone-bottom {
  border-bottom: none;
}

.e-ganttchart .taskbarresizer-left {
  position: absolute;
  z-index: 4;
}

.e-ganttchart .e-gantt-parenttaskbar-innerdiv {
  position: absolute;
  z-index: 3;
}

.e-ganttchart .e-tasklabel {
  font-size: 11px;
  vertical-align: middle;
  font-family: Segoe UI;
  margin-right: 10px;
  margin-left: 5px;
  z-index: -1;
  color: white;
  display: block;
  font-weight: normal;
  line-height: 19px;
}

.e-ganttchart .e-gantt-childtaskbar-progress,
.e-ganttchart .e-gantt-parenttaskbar-progress {
  position: static;
  margin: auto;
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
  -ms-box-sizing: border-box;
  -khtml-box-sizing: border-box;
  -o-box-sizing: border-box;
  box-sizing: border-box;
  border-style: solid;
  border-width: 0.5px;
}

.e-ganttchart .e-progressright {
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
}

.e-ganttchart .e-ejganttschedule {
  display: inline-block;
  display: -moz-inline-stack;
  *display: inline;
  zoom: 1;
  white-space: nowrap;
  border-spacing: 0 !important;
  border-collapse: collapse;
  -ms-box-sizing: border-box;
  -khtml-box-sizing: border-box;
  -o-box-sizing: border-box;
  box-sizing: border-box;
}

.e-ganttchart td {
  position: static;
  margin: auto;
  border-spacing: 0;
  padding: 0;
  zoom: 1;
  white-space: nowrap;
  -ms-box-sizing: border-box;
  -khtml-box-sizing: border-box;
  -o-box-sizing: border-box;
  box-sizing: border-box;
}

.e-ganttchart .connectorline-rightarrow,
.e-ganttchart .connectorline-leftarrow {
  border-top: 5px solid transparent;
  border-bottom: 5px solid transparent;
}

.e-ganttchart .connectorline-rightarrow {
  border-left-width: 10px;
  border-left-style: solid;
}

.e-ganttchart .connectorline-leftarrow {
  border-right-width: 10px;
  border-right-style: solid;
}

.e-tooltipgantt,
.e-progressbartooltip,
.e-editingtooltip {
  width: auto;
  height: auto;
  min-height: 30px;
  position: relative;
  border-radius: 3px;
  margin: 5px;
  display: block;
  overflow: hidden;
  z-index: 6;
  font-family: Segoe UI;
  font-size: 12px;
  border-width: thin;
  border-style: solid;
  -webkit-user-select: none;
  -o-user-select: none;
  -moz-user-select: -moz-none;
  user-select: none;
  -webkit-touch-callout: none;
  padding: 5px;
}

.e-tooltiptaskname {
  font-size: 12px;
  font-weight: bold;
}

.e-ganttchart .e-progressbartooltip {
  width: 188px;
}

.e-ganttchart .e-childContainer,
.e-ganttchart .e-parentContainer,
.e-ganttchart .e-ganttviewerbodyContianer,
.e-ganttchart .e-ganttviewerbodyContent {
  -webkit-user-select: none;
  -o-user-select: none;
  -moz-user-select: -moz-none;
  user-select: none;
  -webkit-touch-callout: none;
}

.e-ganttchart .e-taskbarname,
.e-ganttchart .e-resourceinfo {
  font-family: Segoe UI;
  font-size: 12px;
  -webkit-user-select: none;
  -o-user-select: none;
  -moz-user-select: -moz-none;
  user-select: none;
  -webkit-touch-callout: none;
  font-style: normal;
  margin: 5px;
}

.customTooltip {
  z-index: 6;
  width: auto;
  padding: 3px;
}

.e-tooltiptable,
.tooltiptd {
  margin: 5px;
  -ms-box-sizing: content-box;
  -khtml-box-sizing: content-box;
  -o-box-sizing: content-box;
  box-sizing: content-box;
}

.e-tooltiptd-alignright {
  text-align: right;
}

.e-tooltiptd-alignleft {
  text-align: left;
}

.e-tooltiptd-aligncenter {
  text-align: center;
}

.e-ganttchart .e-holidays {
  position: absolute;
  white-space: nowrap;
}

.e-ganttchart .e-secondary-canvas-holiday {
  top: 0;
  position: absolute;
}

.e-ganttchart .e-holiday-label {
  white-space: nowrap;
  position: relative;
  /* Safari */
  -webkit-transform: rotate(270deg);
  /* Firefox */
  -moz-transform: rotate(270deg);
  /* IE */
  -ms-transform: rotate(270deg);
  /* Opera */
  -o-transform: rotate(270deg);
  /* Internet Explorer */
  filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);
  transform: rotate(270);
}

.e-ganttchart .e-striplinespan {
  color: white;
  white-space: nowrap;
  padding: 2px;
  position: absolute;
  height: 16px;
  width: auto;
  font-size: 0.8em;
  top: 27px;
  left: -2px;
}

.e-ganttchart .e-stripline {
  top: 0;
  position: absolute;
  z-index: 4;
}

.e-ganttchart .e-stripLines {
  top: 0;
  position: absolute;
}

.e-ganttchart .e-weekends {
  position: absolute;
}

.e-ganttchart .e-progresshandle {
  width: 10px;
  height: 5px;
  position: absolute;
  left: 0;
  margin-left: 5px;
}

.e-progresshandleafter {
  position: absolute;
  left: 0;
  width: 0;
  height: 0;
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  border-bottom-width: 5px;
  border-bottom-style: solid;
  z-index: -100;
  margin-left: 5px;
}

.e-progresshandle .e-progresshandler-element {
  background: none repeat scroll 0 0 white;
  height: 4px;
  margin-bottom: 1px;
  margin-left: 1px;
  margin-right: 1px;
  width: 8px;
}

.e-progresshandleafter .e-progresshandlerafter-element {
  border-bottom: 5px solid white;
  border-left: 3px solid transparent;
  border-right: 4px solid transparent;
  height: 0;
  left: 0;
  margin-left: -3px;
  width: 0;
}

.e-ganttchart .e-headercell-weekend {
  -webkit-background-clip: content-box;
  -khtml-background-clip: content-box;
  -o-background-clip: content-box;
  -moz-background-clip: content-box;
  background-clip: content-box;
}

.e-ganttchart .e-resourcename {
  outline: none;
}

/* ----------------------- GantChart Common Core End---------------------*/
/*------------------------Schedule Start-----------------------------------*/
.e-schedule.e-scheduleouter {
  font-family: Segoe UI;
  font-size: 13px;
  overflow: hidden;
  display: block;
  visibility: visible;
  outline: medium none;
}

.e-schedule .e-scheduleoutertable {
  height: 100%;
  width: 100%;
}

.e-schedule .e-scheduleoutertable td,
e-schedule .e-scheduleoutertable tr {
  vertical-align: top;
}

.e-scheduledialog .e-table,
.e-schedule .e-table {
  border: 0 none;
  border-collapse: separate;
  margin: 0;
}

.e-schedule.e-rtl .e-table {
  border-collapse: collapse;
}

.e-schedule .e-table td {
  padding: 0;
}

.e-schedule .e-next,
.e-schedule .e-prev {
  position: absolute;
  border-radius: 7px 7px 0 0;
  text-align: center;
  width: 150px;
  height: 30px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.e-schedule .e-headerdaydisplay {
  text-align: center;
  overflow: hidden;
  position: absolute;
}

.e-schedule .e-scheduleheader {
  height: 51px;
}

.e-schedule .e-contentarearow {
  height: 100%;
}

.e-schedule .e-dateheadercell {
  height: 19px;
  margin: 5px;
  overflow: hidden;
}

.e-schedule .e-dayheadercell {
  text-align: center;
  padding-right: 13em;
}

.e-schedule .e-dateheaderselect {
  cursor: pointer !important;
}

.e-schedule .e-timecellpadding {
  padding-top: 0.45px;
}

.e-schedule .e-datecommondiv {
  border: none;
  cursor: pointer;
  float: left;
  padding: 8px 8px 8px 20px;
  position: absolute;
}

.e-schedule .e-viewsdiv {
  float: right;
  margin-right: 37px;
  height: 100%;
}

.e-schedule .e-viewstable {
  table-layout: fixed;
  margin-top: -6px;
}

.e-schedule .e-viewstable tr,
.e-schedule .e-viewstable td {
  border: none;
}

.e-schedule .e-datedisplay {
  border: none;
  font-size: 21px;
  cursor: pointer;
  text-align: center;
  outline: medium none;
  width: auto;
  display: inline-block;
}

.e-schedule .e-commonviewbutton {
  cursor: pointer;
  height: 20px;
  padding: 5px 10px;
  text-align: center;
  margin-top: 15px;
  border-right: none;
  outline: none;
}

.e-schedule .e-singleview {
  border-radius: 6px;
}

.e-schedule.e-rtl .e-lastview,
.e-schedule .e-firstview {
  border-radius: 6px 0 0 6px;
}

.e-schedule.e-rtl .e-firstview,
.e-schedule .e-lastview {
  border-radius: 0 6px 6px 0;
}

.e-schedule.e-rtl .e-headrealldaytable tr td:nth-last-child(2) {
  border-left: none;
}

.e-schedule .e-headerbar td:nth-last-child(2) {
  border-right: none;
}

.e-schedule .e-headerbar td:nth-child(2) {
  border-left: none;
}

.e-schedule .e-schedulesettings {
  text-align: center;
  padding: 0.5em;
}

.e-schedule .e-emptytrdesign {
  height: 3px;
  width: 100%;
}

.e-schedule .e-headrealldaytable {
  table-layout: fixed;
  height: 100%;
  position: relative;
  float: left;
  width: 100%;
}

.e-schedule .e-emptytd,
.e-schedule .e-emptyalldaytd {
  width: 18px;
}

.e-schedule .e-settingsindent,
.e-schedule .e-leftindent,
.e-schedule .e-workleftindent {
  width: 56px;
}

.e-schedule .e-workleftindent,
.e-schedule .e-timecelltable tr:last-child td,
.e-schedule .e-workcellstab tr:last-child td {
  border-bottom: none;
}

.e-schedule .e-worktable {
  height: 100%;
  width: 100%;
  table-layout: fixed;
}

.e-schedule .e-workcells {
  height: 20px;
  border-top: none;
  cursor: default;
}

.e-schedule .e-monthcells {
  cursor: default;
}

.e-schedule .e-timecells {
  text-align: center;
  height: 41px;
  position: relative;
  cursor: default;
  width: 30px;
}

.e-schedule .e-scrolltimecells {
  position: absolute;
  height: 100%;
}

.e-schedule .e-ampmdisplay {
  height: 20px;
}

.e-schedule .e-ampmstyle {
  font-size: 10px;
  text-align: center;
  overflow: hidden;
  text-overflow: ellipsis;
  width: 26px;
}

.e-schedule .e-appointwrapper {
  position: relative;
}

.e-schedule .e-monthtimecells {
  -ms-transform: rotate(270deg);
  /* IE 9 */
  filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);
  /* IE8 and lower versions */
  -moz-transform: rotate(270deg);
  /* Firefox */
  -webkit-transform: rotate(270deg);
  /* Safari and Chrome */
  -o-transform: rotate(270deg);
  /* Opera */
  /*height: 85px;*/
  text-align: justify;
  /*width: 120px;*/
}

.e-schedule .e-monthcurrenttime {
  font-weight: 600;
}

.e-schedule .e-highlightcurrenttimeline {
  height: 1px;
  position: absolute;
}

.e-schedule .e-currenttime {
  height: 13px;
  width: 28px;
  margin-left: 25%;
  font-size: 9px;
  text-align: center;
}

.e-schedule .e-timewidth {
  width: 42px !important;
}

.e-schedule .e-appsoverflow {
  height: 17px;
  width: 17px;
  position: absolute;
  cursor: pointer;
}

.e-schedule .e-workareadiv {
  position: relative;
  height: 100%;
  overflow: hidden;
}

.e-schedule .e-workcellstab {
  height: 100%;
  width: 100%;
  table-layout: fixed;
}

.e-schedule .e-timecelltable {
  width: 100%;
  height: 100%;
}

.e-schedule .e-monthheader {
  padding-left: 5px;
  height: 20px;
  cursor: pointer;
}

.e-schedule .e-monthleftcells,
.e-schedule .e-monthleftindent {
  width: 50px;
}

.e-schedule .e-monthappointment,
.e-schedule .e-alldayappointment,
.e-schedule .e-appointment {
  overflow: hidden;
  position: absolute;
  text-align: left;
  font-size: 12px;
}

.e-schedule .e-apptext {
  font-size: 11px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.e-schedule .e-apptime {
  white-space: nowrap;
  font-size: 10px;
  overflow: hidden;
  text-overflow: ellipsis;
}

.e-schedule .e-tophandle {
  height: 10px;
  position: absolute;
  top: 0;
  width: 100%;
}

.e-schedule .e-rowcursor {
  cursor: ns-resize;
}

.e-schedule .e-columncursor {
  cursor: e-resize;
}

.e-schedule .e-bottomhandle {
  height: 10px;
  position: absolute;
  width: 100%;
  bottom: 0;
}

.e-schedule .e-lefthandle {
  height: 100%;
  width: 10px;
  position: absolute;
  float: left;
  left: 0;
}

.e-schedule .e-righthandle {
  height: 100%;
  width: 10px;
  position: absolute;
  float: right;
  right: 0;
}

.e-schedule.e-rtl .e-navigateprevious,
.e-schedule .e-navigateprevious {
  margin-right: 8px;
}

.e-schedule.e-rtl .e-navigatenext,
.e-schedule .e-navigatenext {
  margin-left: 15px;
}

.e-schedule .e-lefttimeindicator {
  margin-left: -4px;
  margin-top: -19px;
  position: absolute;
}

.e-schedule .e-righttimeindicator {
  margin-top: -19px;
  position: absolute;
}

.e-scheduledialog .e-arrowtop {
  top: -10px !important;
}

.e-scheduledialog .e-datetimetd {
  width: 48%;
}

.e-scheduledialog .e-startenddate {
  width: 52%;
  float: left;
}

.e-scheduledialog .e-startendtime {
  width: 40%;
  float: left;
  margin-left: 20px;
}

.e-schedule.e-rtl .e-datecommondiv {
  float: right;
  margin-right: 50px;
}

.e-schedule.e-rtl .e-viewsdiv {
  float: left;
  margin-left: 37px;
}

.e-schedule.e-rtl .e-headrealldaytable {
  float: right;
  border-right: medium none !important;
}

.e-schedule.e-rtl .e-currenttime {
  margin-right: 25%;
}

.e-schedule.e-rtl .e-currenttime {
  margin-right: 25%;
}

.e-schedule.e-rtl .e-lefttimeindicator {
  margin-right: -7px;
}

.e-schedule.e-rtl .e-righttimeindicator {
  margin-right: -6px;
  right: 100%;
}

.e-schedule .e-appointinnertext {
  overflow: hidden;
  padding: 1px 4px;
  text-align: left;
  vertical-align: top;
  height: 100%;
}

.e-schedule .e-navigatenext,
.e-schedule .e-navigateprevious {
  outline: medium none;
  display: inline-block;
  cursor: pointer;
  font-size: 16px;
}

.e-schedule .e-textellipsis {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.e-alldayappointment .e-appointinnertext {
  margin-top: -3px;
}

/*------------------------------Appointment window----------------*/
.e-scheduledialog .e-appwindow,
.e-scheduledialog .e-recurwindow {
  width: 550px;
}

.e-scheduledialog .e-inputtext {
  height: 26px;
  text-indent: 5px;
  width: 100%;
  padding: 1px;
  margin: 0;
}

.e-scheduledialog label {
  display: inline-block;
  font-size: inherit;
}

.e-scheduledialog .e-floatleft {
  float: left;
}

.e-scheduledialog .e-leftfields {
  width: 15%;
}

.e-scheduledialog .e-rightfields {
  width: 95%;
}

.e-scheduledialog .e-windowmargin {
  margin: 10px;
}

.e-scheduledialog .e-textlabel {
  font-weight: bold;
  text-align: left;
}

.e-scheduledialog .e-checkboxmargin {
  margin-bottom: 10px;
  margin-left: -3px;
}

.e-scheduledialog .e-textmargin {
  margin: 5px;
}

.e-scheduledialog .e-alldaytext {
  padding-right: 21px;
  white-space: nowrap;
}

.e-scheduledialog .e-appcheckbox {
  padding-left: 15px;
  float: left;
}

.e-scheduledialog .e-apptextalign {
  float: left;
  padding-right: 15px;
}

.e-scheduledialog .e-controlalign {
  float: left;
  margin-right: 5px;
}

.e-scheduledialog .e-description {
  width: 100%;
  height: 70px;
  resize: vertical;
}

.e-scheduledialog .e-btnmargin {
  margin: 10px -3px 10px 13px;
}

.e-scheduledialog .e-recurendslabel {
  font-weight: bold;
  text-align: left;
  vertical-align: top;
}

.e-scheduledialog .e-recurendsalign {
  margin-top: 8px;
}

.e-scheduledialog .e-floatright {
  float: right;
}

.e-scheduledialog .e-recurFinalRule,
.e-scheduledialog .e-recurRule {
  padding-right: 10px;
  font-weight: normal;
}

.e-scheduledialog .e-recureditmsg {
  padding: 10px 0;
}

.e-scheduledialog .e-recureditopt {
  padding: 5px 0;
}

.e-scheduledialog .e-recureditlbl {
  padding-left: 5px;
}

.e-scheduledialog .e-recureditbtns {
  bottom: -1em;
  clear: both;
  padding: 0 7px 12px;
  text-align: right;
}

.e-scheduledialog .e-recureditbtns .e-recurdone {
  margin-right: 20px;
}

.e-scheduledialog .e-recuredit {
  display: none;
}

.e-scheduledialog .e-quickAppDone {
  margin-top: 2px;
  margin-right: 10px;
}

/*------------------- Quick Appointment Window----------- */
.e-scheduledialog .e-detailedapp {
  cursor: pointer;
  float: left;
  margin-left: 7px;
  width: 50%;
  font-size: 12px;
}

.e-scheduledialog .e-detailedwindow {
  margin-top: 7px;
  outline: medium none;
}

.e-scheduledialog .icon-Pasteicon:before {
  float: left;
  margin-left: 10px;
  margin-top: 9px;
  vertical-align: middle;
}

.e-scheduledialog .icon-Close:before {
  float: right;
  cursor: pointer;
  font-size: 10px;
}

.e-scheduledialog .e-quickarrow {
  bottom: -1px;
  height: 10px;
  left: 40%;
  overflow: hidden;
  position: absolute;
  visibility: visible;
  width: 20px;
}

.e-scheduledialog .icon-Delete:before {
  font-size: 15px;
  margin-left: 5px;
  margin-top: 2px;
  position: absolute;
  cursor: pointer;
}

.e-schedule .icon-AddGrad:before {
  margin-top: 5px;
  float: right;
}

.e-scheduledialog .e-editevents {
  margin-right: 10px;
  font-size: 12px;
}

.e-scheduledialog .e-editevent {
  float: left;
  margin-left: 40px;
  cursor: pointer;
  outline: medium none;
}

.e-scheduledialog .e-editseries {
  cursor: pointer;
  float: right;
  margin-right: 5px;
  outline: medium none;
  margin-left: 2px;
}

.e-scheduledialog .e-disableseries {
  cursor: default !important;
}

.e-scheduledialog .e-quickstartend {
  float: left;
  height: auto;
  width: 91%;
  font-size: 14px;
}

.e-scheduledialog.e-rtl .e-quickstartend {
  float: right;
}

.e-scheduledialog .e-quicksubject {
  padding-bottom: 4px;
  height: auto;
  width: 90%;
}

.e-scheduledialog .e-schedclosemargin {
  float: right;
  margin-right: -10px;
  margin-top: 6px;
}

.e-scheduledialog .e-pointercursor {
  cursor: pointer;
}

.e-scheduledialog.e-rtl .e-pointercursor {
  float: left;
}

.e-scheduledialog .e-quickstartendtime {
  font-size: 12px;
  padding-bottom: 7px;
}

.e-scheduledialog .e-dialogouter {
  background: none repeat scroll 0 0 transparent !important;
  display: block;
  height: auto;
  margin-bottom: -9px !important;
  overflow: hidden;
  position: relative;
  z-index: 1001;
}

.e-scheduledialog .e-tableAppoint {
  background: none repeat scroll 0 0 transparent !important;
  position: relative;
  padding-bottom: 10px;
}

.e-scheduledialog .e-qappwindow {
  width: 100%;
}

.e-scheduledialog .e-subjectlabel {
  width: 17%;
  font-size: 14px;
}

.e-schedule.e-rtl .e-navigatenext:before,
.e-schedule .e-navigateprevious:before {
  content: "\e68b";
}

.e-schedule.e-rtl .e-navigateprevious:before,
.e-schedule .e-navigatenext:before {
  content: "\e69b";
}

.e-scheduledialog .e-scheduleedit:before {
  content: "\e69c";
}

.e-scheduledialog .e-scheduledelete:before {
  content: "\e681";
  font-size: 20px;
}

.e-scheduledialog .e-scheduleclose:before {
  content: "\e69e";
  font-size: 8px;
}

.e-scheduledialog .e-recurtitle {
  font-size: 16px;
  font-weight: bold;
  padding: 8px;
}

.e-schedule .icon-AddGrad:before:before {
  content: "\e69f";
}

.e-schedule .e-timeidicatorcircle:before {
  content: "\e696";
  font-size: 9px;
  top: 2px;
  left: -1px;
  position: absolute;
}

.e-schedule .e-ewexpand:before {
  content: "\e6fb";
  font-size: 14px !important;
}

.e-schedule .e-appointresizer-right {
  margin-right: -4px;
  margin-top: 0;
}

.e-schedule .e-appointresizer-left {
  margin-left: 0;
  margin-top: 0;
}

.e-schedule .e-nsexpand:before {
  content: "\e712";
  font-size: 14px !important;
}

.e-schedule .e-appointresizer-top {
  margin-top: -4px;
}

.e-schedule .e-appointresizer-bottom {
  margin-bottom: 0;
}

.e-schedule .e-appsoverflow:before {
  content: "\e627";
  font-size: 12px;
}

.e-draggableAppointment {
  font-family: segoe UI;
  font-size: 11px;
  border: 1px solid black;
  background-color: #dbdbde;
  overflow: hidden;
}

/*-------------------------------------Scheule End-----------------------------*/
/* FONTS */
/* COLORS */
/* BORDERS */
.text-align-right {
  text-align: right;
}

.no-margin {
  margin: 0 !important;
}

.margin-top-negative-50 {
  margin-top: -50px !important;
}

.margin-top-5 {
  margin-top: 5px !important;
}

.margin-top-10 {
  margin-top: 10px !important;
}

.margin-top-15 {
  margin-top: 15px !important;
}

.margin-top-20 {
  margin-top: 20px !important;
}

.margin-top-25 {
  margin-top: 25px !important;
}

.margin-top-30 {
  margin-top: 30px !important;
}

.margin-top-40 {
  margin-top: 40px !important;
}

.margin-top-45 {
  margin-top: 45px !important;
}

.margin-top-50 {
  margin-top: 50px !important;
}

.margin-top-60 {
  margin-top: 60px !important;
}

.margin-top-70 {
  margin-top: 70px !important;
}

.margin-top-75 {
  margin-top: 75px !important;
}

.margin-top-80 {
  margin-top: 80px !important;
}

.margin-top-100 {
  margin-top: 100px !important;
}

.margin-bottom-10 {
  margin-bottom: 10px !important;
}

.margin-bottom-20 {
  margin-bottom: 20px !important;
}

.margin-bottom-25 {
  margin-bottom: 25px !important;
}

.margin-bottom-30 {
  margin-bottom: 30px !important;
}

.margin-bottom-40 {
  margin-bottom: 40px !important;
}

.margin-bottom-50 {
  margin-bottom: 50px !important;
}

.margin-bottom-60 {
  margin-bottom: 60px !important;
}

.margin-bottom-70 {
  margin-bottom: 70px !important;
}

.margin-bottom-75 {
  margin-bottom: 75px !important;
}

.margin-bottom-80 {
  margin-bottom: 80px !important;
}

.margin-bottom-100 {
  margin-bottom: 100px !important;
}

.margin-left-10 {
  margin-left: 10px !important;
}

.margin-left-20 {
  margin-left: 20px !important;
}

.margin-left-25 {
  margin-left: 25px !important;
}

.margin-left-30 {
  margin-left: 30px !important;
}

.margin-left-40 {
  margin-left: 40px !important;
}

.margin-left-50 {
  margin-left: 50px !important;
}

.margin-left-60 {
  margin-left: 60px !important;
}

.margin-left-70 {
  margin-left: 70px !important;
}

.margin-left-75 {
  margin-left: 75px !important;
}

.margin-left-80 {
  margin-left: 80px !important;
}

.margin-left-100 {
  margin-left: 100px !important;
}

.no-margin-right {
  margin-right: 0 !important;
}

.margin-right-10 {
  margin-right: 10px !important;
}

.margin-right-20 {
  margin-right: 20px !important;
}

.margin-right-25 {
  margin-right: 25px !important;
}

.margin-right-30 {
  margin-right: 30px !important;
}

.margin-right-40 {
  margin-right: 40px !important;
}

.margin-right-50 {
  margin-right: 50px !important;
}

.margin-right-60 {
  margin-right: 60px !important;
}

.margin-right-70 {
  margin-right: 70px !important;
}

.margin-right-75 {
  margin-right: 75px !important;
}

.margin-right-80 {
  margin-right: 80px !important;
}

.margin-right-100 {
  margin-right: 100px !important;
}

.margin-10 {
  margin: 10px !important;
}

.margin-20 {
  margin: 20px !important;
}

.margin-25 {
  margin: 25px !important;
}

.margin-30 {
  margin: 30px !important;
}

.margin-40 {
  margin: 40px !important;
}

.margin-50 {
  margin: 50px !important;
}

.margin-60 {
  margin: 60px !important;
}

.margin-70 {
  margin: 70px !important;
}

.margin-75 {
  margin: 75px !important;
}

.margin-80 {
  margin: 80px !important;
}

.margin-100 {
  margin: 100px !important;
}

.minus-content-padding-margin {
  margin: 0 -10px !important;
}
.minus-content-padding-margin .row {
  padding: 0 20px;
}

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

.padding-top-0 {
  padding-top: 0 !important;
}

.padding-top-10 {
  padding-top: 10px !important;
}

.padding-top-20 {
  padding-top: 20px !important;
}

.padding-top-25 {
  padding-top: 25px !important;
}

.padding-top-30 {
  padding-top: 30px !important;
}

.padding-top-40 {
  padding-top: 40px !important;
}

.padding-top-50 {
  padding-top: 50px !important;
}

.padding-top-60 {
  padding-top: 60px !important;
}

.padding-top-70 {
  padding-top: 70px !important;
}

.padding-top-75 {
  padding-top: 75px !important;
}

.padding-top-80 {
  padding-top: 80px !important;
}

.padding-top-100 {
  padding-top: 100px !important;
}

.padding-bottom-0 {
  padding-bottom: 0;
}

.padding-bottom-10 {
  padding-bottom: 10px !important;
}

.padding-bottom-15 {
  padding-bottom: 15px !important;
}

.padding-bottom-20 {
  padding-bottom: 20px !important;
}

.padding-bottom-25 {
  padding-bottom: 25px !important;
}

.padding-bottom-30 {
  padding-bottom: 30px !important;
}

.padding-bottom-40 {
  padding-bottom: 40px !important;
}

.padding-bottom-50 {
  padding-bottom: 50px !important;
}

.padding-bottom-60 {
  padding-bottom: 60px !important;
}

.padding-bottom-70 {
  padding-bottom: 70px !important;
}

.padding-bottom-75 {
  padding-bottom: 75px !important;
}

.padding-bottom-80 {
  padding-bottom: 80px !important;
}

.padding-bottom-100 {
  padding-bottom: 100px !important;
}

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

.padding-left-10 {
  padding-left: 10px !important;
}

.padding-left-20 {
  padding-left: 20px !important;
}

.padding-left-25 {
  padding-left: 25px !important;
}

.padding-left-30 {
  padding-left: 30px !important;
}

.padding-left-40 {
  padding-left: 40px !important;
}

.padding-left-50 {
  padding-left: 50px !important;
}

.padding-left-60 {
  padding-left: 60px !important;
}

.padding-left-70 {
  padding-left: 70px !important;
}

.padding-left-75 {
  padding-left: 75px !important;
}

.padding-left-80 {
  padding-left: 80px !important;
}

.padding-left-100 {
  padding-left: 100px !important;
}

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

.padding-right-10 {
  padding-right: 10px !important;
}

.padding-right-20 {
  padding-right: 20px !important;
}

.padding-right-25 {
  padding-right: 25px !important;
}

.padding-right-30 {
  padding-right: 30px !important;
}

.padding-right-40 {
  padding-right: 40px !important;
}

.padding-right-50 {
  padding-right: 50px !important;
}

.padding-right-60 {
  padding-right: 60px !important;
}

.padding-right-70 {
  padding-right: 70px !important;
}

.padding-right-75 {
  padding-right: 75px !important;
}

.padding-right-80 {
  padding-right: 80px !important;
}

.padding-right-100 {
  padding-right: 100px !important;
}

.padding-10 {
  padding: 10px !important;
}

.padding-15 {
  padding: 15px !important;
}

.padding-20 {
  padding: 20px !important;
}

.padding-25 {
  padding: 25px !important;
}

.padding-30 {
  padding: 30px !important;
}

.padding-40 {
  padding: 40px !important;
}

.padding-50 {
  padding: 50px !important;
}

.padding-60 {
  padding: 60px !important;
}

.padding-70 {
  padding: 70px !important;
}

.padding-75 {
  padding: 75px !important;
}

.padding-80 {
  padding: 80px !important;
}

.padding-100 {
  padding: 100px !important;
}

.width-full {
  width: 100% !important;
}

.margin-zero {
  margin: 0 !important;
}

h4.heading.contact-name {
  padding: 15px 0 5px 5%;
  margin: 0;
  max-width: 45%;
}

h5.heading {
  margin: 10px 10px 20px;
  text-align: center;
  border-bottom: 1px solid #C0C0C0;
  padding: 10px 0 15px;
  font-weight: 600;
}

h6.sub-heading {
  margin: 0;
  padding-left: 5%;
  max-width: 45%;
}

h6.sub-heading-right {
  position: absolute;
  right: 10px;
  top: 15px;
}

h6.sub-heading-right.contact-role {
  font-size: 11pt;
  font-weight: 700;
  max-width: 50%;
  text-align: right;
}

p.description {
  height: 44px;
  font-size: 13pt;
  padding: 0 10%;
  margin: 0 0 10px;
  text-align: center;
}

.primary-color h4 {
  color: white;
}

.secondary-color h4 {
  color: white;
}

.tertiary-color h4 {
  color: white;
}

.quaternary-color h4 {
  color: white;
}

.primary-color h5.heading {
  color: white;
  border-color: white;
}

.secondary-color h5.heading {
  color: white;
  border-color: white;
}

.tertiary-color h5.heading {
  color: white;
  border-color: white;
}

.quaternary-color h5.heading {
  color: white;
  border-color: white;
}

.primary-color h6 {
  color: white;
}

.secondary-color h6 {
  color: white;
}

.tertiary-color h6 {
  color: white;
}

.quaternary-color h6 {
  color: white;
}

.primary-color p {
  color: white;
}

.secondary-color p {
  color: white;
}

.tertiary-color p {
  color: white;
}

.quaternary-color p {
  color: white;
}

.edit-delete-btn-wrap {
  height: 35px;
  position: absolute;
  bottom: 0;
  width: 100%;
}

.pollutant-tile-wrap {
  width: 24.5%;
  display: inline-block;
  vertical-align: top;
  margin-bottom: 25px;
}

.control-tile-wrap {
  width: 33%;
  display: inline-block;
  vertical-align: top;
  margin-bottom: 25px;
}

.control-tile-wrap.catalyst-cntrl .item {
  min-height: 536px;
}

.masonry .item, .masonry .grid-sizer {
  float: none;
  background: #f1f1f1;
  border: 1px solid #C0C0C0;
  border-color: #C0C0C0;
  border-radius: 5px;
  width: 90%;
  margin: 10px auto;
  position: relative;
  box-sizing: border-box;
}

.item.auto {
  min-height: 180px;
  height: auto;
}

.item.w2 {
  width: 20%;
}

.item.w25 {
  width: 25%;
}

.item.w2 {
  width: 48%;
  margin: 1%;
}

.item.w3 {
  width: 31.333%;
  margin: 1%;
}

.item.w5 {
  width: 50%;
}

.item.h2 {
  height: 100px;
}

.item.h3 {
  height: 130px;
}

.item.h4 {
  height: 180px;
}

.item.float-left {
  float: left;
}

.item.primary-color {
  background: #0099cc;
  border-color: #0099cc;
}

.item.secondary-color {
  background: #0e4768;
  border-color: #0e4768;
}

.item.tertiary-color {
  background: #F47C43;
  border-color: #F47C43;
}

.item.quaternary-color {
  background: #37a63d;
  border-color: #37a63d;
}

.info-text-section p {
  padding: 5px 5px;
}

p.info-title {
  font-weight: 700;
  text-align: center;
  margin: 0;
  /* background: rgba(255,255,255,0.1); */
  font-family: "Open sans", sans-serif;
  padding: 0;
  color: rgba(255, 255, 255, 0.95);
}

p.info-data {
  text-align: center;
  margin: 0;
  /* background: rgba(0,0,0,0.03); */
  padding: 0 5px 10px;
  color: rgba(255, 255, 255, 0.8);
  font-family: "Open sans", sans-serif;
  font-weight: 400;
}

p.info-data a {
  color: rgba(255, 255, 255, 0.8) !important;
}

.other-color p.info-title {
  color: rgba(0, 0, 0, 0.45);
}

.other-color p.info-data {
  color: rgba(0, 0, 0, 0.5);
}

.other-color p.info-data a {
  color: rgba(0, 0, 0, 0.5) !important;
}

.info-wrap {
  width: 90%;
  margin: 25px auto 50px;
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-shadow: inset -1px 1px 2px rgba(0, 0, 0, 0.3);
  -webkit-box-shadow: inset -1px 1px 2px rgba(0, 0, 0, 0.3);
  -moz-box-shadow: inset -1px 1px 2px rgba(0, 0, 0, 0.3);
  padding: 20px 0 15px;
  border: 1px solid rgba(0, 0, 0, 0.4);
}

.other-color .info-wrap {
  box-shadow: inset -1px 1px 1px rgba(0, 0, 0, 0.2);
  -webkit-box-shadow: inset -1px 1px 1px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: inset -1px 1px 1px rgba(0, 0, 0, 0.2);
  border-color: rgba(0, 0, 0, 0.15);
}

.primary-color .info-wrap {
  border-color: rgba(0, 0, 0, 0.2);
}

.tertiary-color .info-wrap {
  border-color: rgba(0, 0, 0, 0.2);
}

p.info-title.no-float {
  float: none;
  margin-bottom: 0;
  text-align: center;
  text-indent: 0;
}

p.info-data.no-float {
  float: none;
  text-align: center;
  text-indent: 0;
}

p.tile-list-title {
  font-family: "Open sans" sans-serif;
  font-weight: 600;
  margin-left: 30px;
}

/* REMOVE AFTER FIXING TILE LAYOUT */
ul.tile-list {
  margin: 0px 0px 50px;
}

.tile-list ol {
  display: list-item;
  list-style: inside;
  list-style-type: decimal;
  margin: 10px 0;
  padding-left: 30px;
  font-family: "Lora" serif;
  color: rgba(255, 255, 255, 0.8);
}

/* ********* END REMOVE ***********/
ol.tile-list {
  margin: 0px 0px 50px;
  display: block;
}

.tile-list li {
  display: list-item;
  list-style: outside;
  list-style-type: decimal;
  padding: 0;
  margin: 10px 0;
  margin-left: 40px;
  font-family: "Lora" serif;
  color: rgba(255, 255, 255, 0.8);
}

h5.tile-description {
  margin: 10px 10px 20px;
  text-align: center;
  border-bottom: 1px solid #C0C0C0;
  padding: 10px 0 15px;
  font-weight: 600;
}

h4.pollutant-title {
  font-size: 14pt;
  margin: 15px;
  border-bottom: 1px solid #DADADA;
  padding: 5px 0;
  position: relative;
}

h4.control-title {
  font-size: 14pt;
  margin: 15px;
  border-bottom: 1px solid #DADADA;
  padding: 5px 0;
  position: relative;
}

.item.primary-color h5.tile-description,
.item.secondary-color h5.tile-description,
.item.tertiary-color h5.tile-description {
  color: white;
  border-color: #fff;
}

.item.primary-color .tile-list ol,
.item.secondary-color .tile-list ol,
.item.tertiary-color .tile-list ol,
.item.quaternary-color .tile-list ol {
  color: white;
}

button.btn.btn-default.accordian-modal-btn {
  float: right;
  margin-right: 10px;
  margin-bottom: 10px;
}

.make-model {
  color: white;
  padding: 0 10px 0 10px !important;
  margin: 0;
  font-family: "Open sans" sans-serif;
  font-weight: 700;
}

.make-model-data {
  font-weight: 400;
  font-family: "Lora" serif;
  color: #FFFFFF;
  margin: 0 10px 10px;
  text-align: center;
}

p.control-description {
  margin: 0 0 10px;
  color: white;
  text-align: center;
}

p.control-description.description {
  height: 44px;
  font-size: 13pt;
  padding: 0 10%;
}

p.control-description.make-model {
  margin: 0;
}

p.pollutants-list-title {
  margin-left: 20px;
  color: white;
  font-family: "Open sans", sans-serif;
  font-weight: 700;
}

.control-description-wrap {
  width: 80%;
  margin: 17px auto;
  border: 3px solid rgba(0, 0, 0, 0.1);
  padding: 20px 0;
}

.edit-tile-button {
  position: absolute;
  color: white;
  cursor: pointer;
}

.edit-tile-button.edit {
  right: 50px;
  bottom: 12px;
}

.edit-tile-button.delete {
  right: 10px;
  bottom: 10px;
  background: transparent;
  border: 0;
}

.other-color p.pollutants-list-title {
  color: #666;
}

.other-color .edit-tile-button {
  color: #666;
}

.tile-list ol {
  padding-left: 45px;
}

.control-tile-wrap p.pollutants-list-title {
  margin-left: 10%;
}

@media (max-width: 1250px) {
  .control-tile-wrap {
    width: 32.5%;
  }
}
@media (max-width: 1040px) {
  .pollutant-tile-wrap {
    width: 49.5%;
  }
  .control-tile-wrap {
    width: 49.5%;
  }
  .item.w3 {
    width: 48%;
  }
}
@media (max-width: 650px) {
  .item.w2 {
    width: 98%;
    max-width: 400px;
    display: block;
    float: none;
    margin: 10px auto;
  }
  .control-tile-wrap {
    width: 98%;
    max-width: 400px;
    display: block;
    float: none;
    margin: 10px auto;
  }
  .item.w3 {
    width: 98%;
    max-width: 400px;
    display: block;
    float: none;
    margin: 10px auto;
  }
}
@media (max-width: 550px) {
  .pollutant-tile-wrap {
    width: 98%;
    max-width: 400px;
    display: block;
    float: none;
    margin: 10px auto;
  }
}
/*
 * DO NOT EDIT THIS FILE DIRECTLY
 * Compiled from bootstrap-tagmanager.less based on Bootstrap 2.3.1 variables
 * https://github.com/twitter/bootstrap/blob/master/less/variables.less
 */
.tm-tag {
  color: #555555;
  background-color: #f5f5f5;
  border: #bbbbbb 1px solid;
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset;
  display: inline-block;
  border-radius: 3px;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 13px;
  margin: 0 5px 5px 0;
  padding: 4px;
  text-decoration: none;
  transition: border 0.2s linear 0s, box-shadow 0.2s linear 0s;
  -moz-transition: border 0.2s linear 0s, box-shadow 0.2s linear 0s;
  -webkit-transition: border 0.2s linear 0s, box-shadow 0.2s linear 0s;
  vertical-align: middle;
}

.tm-tag .tm-tag-remove {
  color: #000000;
  font-weight: bold;
  margin-left: 4px;
  opacity: 0.2;
}

.tm-tag .tm-tag-remove:hover {
  color: #000000;
  text-decoration: none;
  opacity: 0.4;
}

.tm-tag.tm-tag-warning {
  color: #945203;
  background-color: #f2c889;
  border-color: #f0a12f;
}

.tm-tag.tm-tag-error {
  color: #84212e;
  background-color: #e69ca6;
  border-color: #d24a5d;
}

.tm-tag.tm-tag-success {
  color: #638421;
  background-color: #cde69c;
  border-color: #a5d24a;
}

.tm-tag.tm-tag-info {
  color: #4594b5;
  background-color: #c5eefa;
  border-color: #5dc8f7;
}

.tm-tag.tm-tag-inverse {
  color: #cccccc;
  background-color: #555555;
  border-color: #333333;
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2) inset;
}

.tm-tag.tm-tag-inverse .tm-tag-remove {
  color: #ffffff;
}

.tm-tag.tm-tag-large {
  font-size: 16.25px;
  border-radius: 4px;
  padding: 11px 7px;
}

.tm-tag.tm-tag-small {
  font-size: 11.05px;
  border-radius: 3px;
  padding: 2px 4px;
}

.tm-tag.tm-tag-mini {
  font-size: 9.75px;
  border-radius: 2px;
  padding: 0px 2px;
}

.tm-tag.tm-tag-plain {
  color: #333333;
  box-shadow: none;
  background: none;
  border: none;
}

.tm-tag.tm-tag-disabled {
  color: #aaaaaa;
  background-color: #e6e6e6;
  border-color: #cccccc;
  box-shadow: none;
}

.tm-tag.tm-tag-disabled .tm-tag-remove {
  display: none;
}

input[type=text].tm-input {
  margin-bottom: 5px;
  vertical-align: middle !important;
}

.control-group.tm-group {
  margin-bottom: 5px;
}

.form-horizontal .control-group.tm-group {
  margin-bottom: 15px;
}

/* FONTS */
/* COLORS */
/* BORDERS */
.text-align-right {
  text-align: right;
}

.no-margin {
  margin: 0 !important;
}

.margin-top-negative-50 {
  margin-top: -50px !important;
}

.margin-top-5 {
  margin-top: 5px !important;
}

.margin-top-10 {
  margin-top: 10px !important;
}

.margin-top-15 {
  margin-top: 15px !important;
}

.margin-top-20 {
  margin-top: 20px !important;
}

.margin-top-25 {
  margin-top: 25px !important;
}

.margin-top-30 {
  margin-top: 30px !important;
}

.margin-top-40 {
  margin-top: 40px !important;
}

.margin-top-45 {
  margin-top: 45px !important;
}

.margin-top-50 {
  margin-top: 50px !important;
}

.margin-top-60 {
  margin-top: 60px !important;
}

.margin-top-70 {
  margin-top: 70px !important;
}

.margin-top-75 {
  margin-top: 75px !important;
}

.margin-top-80 {
  margin-top: 80px !important;
}

.margin-top-100 {
  margin-top: 100px !important;
}

.margin-bottom-10 {
  margin-bottom: 10px !important;
}

.margin-bottom-20 {
  margin-bottom: 20px !important;
}

.margin-bottom-25 {
  margin-bottom: 25px !important;
}

.margin-bottom-30 {
  margin-bottom: 30px !important;
}

.margin-bottom-40 {
  margin-bottom: 40px !important;
}

.margin-bottom-50 {
  margin-bottom: 50px !important;
}

.margin-bottom-60 {
  margin-bottom: 60px !important;
}

.margin-bottom-70 {
  margin-bottom: 70px !important;
}

.margin-bottom-75 {
  margin-bottom: 75px !important;
}

.margin-bottom-80 {
  margin-bottom: 80px !important;
}

.margin-bottom-100 {
  margin-bottom: 100px !important;
}

.margin-left-10 {
  margin-left: 10px !important;
}

.margin-left-20 {
  margin-left: 20px !important;
}

.margin-left-25 {
  margin-left: 25px !important;
}

.margin-left-30 {
  margin-left: 30px !important;
}

.margin-left-40 {
  margin-left: 40px !important;
}

.margin-left-50 {
  margin-left: 50px !important;
}

.margin-left-60 {
  margin-left: 60px !important;
}

.margin-left-70 {
  margin-left: 70px !important;
}

.margin-left-75 {
  margin-left: 75px !important;
}

.margin-left-80 {
  margin-left: 80px !important;
}

.margin-left-100 {
  margin-left: 100px !important;
}

.no-margin-right {
  margin-right: 0 !important;
}

.margin-right-10 {
  margin-right: 10px !important;
}

.margin-right-20 {
  margin-right: 20px !important;
}

.margin-right-25 {
  margin-right: 25px !important;
}

.margin-right-30 {
  margin-right: 30px !important;
}

.margin-right-40 {
  margin-right: 40px !important;
}

.margin-right-50 {
  margin-right: 50px !important;
}

.margin-right-60 {
  margin-right: 60px !important;
}

.margin-right-70 {
  margin-right: 70px !important;
}

.margin-right-75 {
  margin-right: 75px !important;
}

.margin-right-80 {
  margin-right: 80px !important;
}

.margin-right-100 {
  margin-right: 100px !important;
}

.margin-10 {
  margin: 10px !important;
}

.margin-20 {
  margin: 20px !important;
}

.margin-25 {
  margin: 25px !important;
}

.margin-30 {
  margin: 30px !important;
}

.margin-40 {
  margin: 40px !important;
}

.margin-50 {
  margin: 50px !important;
}

.margin-60 {
  margin: 60px !important;
}

.margin-70 {
  margin: 70px !important;
}

.margin-75 {
  margin: 75px !important;
}

.margin-80 {
  margin: 80px !important;
}

.margin-100 {
  margin: 100px !important;
}

.minus-content-padding-margin {
  margin: 0 -10px !important;
}
.minus-content-padding-margin .row {
  padding: 0 20px;
}

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

.padding-top-0 {
  padding-top: 0 !important;
}

.padding-top-10 {
  padding-top: 10px !important;
}

.padding-top-20 {
  padding-top: 20px !important;
}

.padding-top-25 {
  padding-top: 25px !important;
}

.padding-top-30 {
  padding-top: 30px !important;
}

.padding-top-40 {
  padding-top: 40px !important;
}

.padding-top-50 {
  padding-top: 50px !important;
}

.padding-top-60 {
  padding-top: 60px !important;
}

.padding-top-70 {
  padding-top: 70px !important;
}

.padding-top-75 {
  padding-top: 75px !important;
}

.padding-top-80 {
  padding-top: 80px !important;
}

.padding-top-100 {
  padding-top: 100px !important;
}

.padding-bottom-0 {
  padding-bottom: 0;
}

.padding-bottom-10 {
  padding-bottom: 10px !important;
}

.padding-bottom-15 {
  padding-bottom: 15px !important;
}

.padding-bottom-20 {
  padding-bottom: 20px !important;
}

.padding-bottom-25 {
  padding-bottom: 25px !important;
}

.padding-bottom-30 {
  padding-bottom: 30px !important;
}

.padding-bottom-40 {
  padding-bottom: 40px !important;
}

.padding-bottom-50 {
  padding-bottom: 50px !important;
}

.padding-bottom-60 {
  padding-bottom: 60px !important;
}

.padding-bottom-70 {
  padding-bottom: 70px !important;
}

.padding-bottom-75 {
  padding-bottom: 75px !important;
}

.padding-bottom-80 {
  padding-bottom: 80px !important;
}

.padding-bottom-100 {
  padding-bottom: 100px !important;
}

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

.padding-left-10 {
  padding-left: 10px !important;
}

.padding-left-20 {
  padding-left: 20px !important;
}

.padding-left-25 {
  padding-left: 25px !important;
}

.padding-left-30 {
  padding-left: 30px !important;
}

.padding-left-40 {
  padding-left: 40px !important;
}

.padding-left-50 {
  padding-left: 50px !important;
}

.padding-left-60 {
  padding-left: 60px !important;
}

.padding-left-70 {
  padding-left: 70px !important;
}

.padding-left-75 {
  padding-left: 75px !important;
}

.padding-left-80 {
  padding-left: 80px !important;
}

.padding-left-100 {
  padding-left: 100px !important;
}

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

.padding-right-10 {
  padding-right: 10px !important;
}

.padding-right-20 {
  padding-right: 20px !important;
}

.padding-right-25 {
  padding-right: 25px !important;
}

.padding-right-30 {
  padding-right: 30px !important;
}

.padding-right-40 {
  padding-right: 40px !important;
}

.padding-right-50 {
  padding-right: 50px !important;
}

.padding-right-60 {
  padding-right: 60px !important;
}

.padding-right-70 {
  padding-right: 70px !important;
}

.padding-right-75 {
  padding-right: 75px !important;
}

.padding-right-80 {
  padding-right: 80px !important;
}

.padding-right-100 {
  padding-right: 100px !important;
}

.padding-10 {
  padding: 10px !important;
}

.padding-15 {
  padding: 15px !important;
}

.padding-20 {
  padding: 20px !important;
}

.padding-25 {
  padding: 25px !important;
}

.padding-30 {
  padding: 30px !important;
}

.padding-40 {
  padding: 40px !important;
}

.padding-50 {
  padding: 50px !important;
}

.padding-60 {
  padding: 60px !important;
}

.padding-70 {
  padding: 70px !important;
}

.padding-75 {
  padding: 75px !important;
}

.padding-80 {
  padding: 80px !important;
}

.padding-100 {
  padding: 100px !important;
}

.width-full {
  width: 100% !important;
}

.margin-zero {
  margin: 0 !important;
}

.logo {
  background-image: url(/assets/images/s2cmobile_logo.png?v=2.0);
  background-repeat: no-repeat;
}

.header-sections.logo {
  margin-left: 19px;
  width: 200px;
}

.logo.footer-section {
  background-size: auto 35px;
  width: 200px;
  margin-top: 10px !important;
  background-image: url(/assets/images/s2c-logo2.png?v=2.0) !important;
}

.login .logo {
  background-position: center;
  background-size: auto 100%;
  background-image: url(/assets/images/s2c-logo-big.png?v=2.0);
}

/* FONTS */
/* COLORS */
/* BORDERS */
.text-align-right {
  text-align: right;
}

.no-margin {
  margin: 0 !important;
}

.margin-top-negative-50 {
  margin-top: -50px !important;
}

.margin-top-5 {
  margin-top: 5px !important;
}

.margin-top-10 {
  margin-top: 10px !important;
}

.margin-top-15 {
  margin-top: 15px !important;
}

.margin-top-20 {
  margin-top: 20px !important;
}

.margin-top-25 {
  margin-top: 25px !important;
}

.margin-top-30 {
  margin-top: 30px !important;
}

.margin-top-40 {
  margin-top: 40px !important;
}

.margin-top-45 {
  margin-top: 45px !important;
}

.margin-top-50 {
  margin-top: 50px !important;
}

.margin-top-60 {
  margin-top: 60px !important;
}

.margin-top-70 {
  margin-top: 70px !important;
}

.margin-top-75 {
  margin-top: 75px !important;
}

.margin-top-80 {
  margin-top: 80px !important;
}

.margin-top-100 {
  margin-top: 100px !important;
}

.margin-bottom-10 {
  margin-bottom: 10px !important;
}

.margin-bottom-20 {
  margin-bottom: 20px !important;
}

.margin-bottom-25 {
  margin-bottom: 25px !important;
}

.margin-bottom-30 {
  margin-bottom: 30px !important;
}

.margin-bottom-40 {
  margin-bottom: 40px !important;
}

.margin-bottom-50 {
  margin-bottom: 50px !important;
}

.margin-bottom-60 {
  margin-bottom: 60px !important;
}

.margin-bottom-70 {
  margin-bottom: 70px !important;
}

.margin-bottom-75 {
  margin-bottom: 75px !important;
}

.margin-bottom-80 {
  margin-bottom: 80px !important;
}

.margin-bottom-100 {
  margin-bottom: 100px !important;
}

.margin-left-10 {
  margin-left: 10px !important;
}

.margin-left-20 {
  margin-left: 20px !important;
}

.margin-left-25 {
  margin-left: 25px !important;
}

.margin-left-30 {
  margin-left: 30px !important;
}

.margin-left-40 {
  margin-left: 40px !important;
}

.margin-left-50 {
  margin-left: 50px !important;
}

.margin-left-60 {
  margin-left: 60px !important;
}

.margin-left-70 {
  margin-left: 70px !important;
}

.margin-left-75 {
  margin-left: 75px !important;
}

.margin-left-80 {
  margin-left: 80px !important;
}

.margin-left-100 {
  margin-left: 100px !important;
}

.no-margin-right {
  margin-right: 0 !important;
}

.margin-right-10 {
  margin-right: 10px !important;
}

.margin-right-20 {
  margin-right: 20px !important;
}

.margin-right-25 {
  margin-right: 25px !important;
}

.margin-right-30 {
  margin-right: 30px !important;
}

.margin-right-40 {
  margin-right: 40px !important;
}

.margin-right-50 {
  margin-right: 50px !important;
}

.margin-right-60 {
  margin-right: 60px !important;
}

.margin-right-70 {
  margin-right: 70px !important;
}

.margin-right-75 {
  margin-right: 75px !important;
}

.margin-right-80 {
  margin-right: 80px !important;
}

.margin-right-100 {
  margin-right: 100px !important;
}

.margin-10 {
  margin: 10px !important;
}

.margin-20 {
  margin: 20px !important;
}

.margin-25 {
  margin: 25px !important;
}

.margin-30 {
  margin: 30px !important;
}

.margin-40 {
  margin: 40px !important;
}

.margin-50 {
  margin: 50px !important;
}

.margin-60 {
  margin: 60px !important;
}

.margin-70 {
  margin: 70px !important;
}

.margin-75 {
  margin: 75px !important;
}

.margin-80 {
  margin: 80px !important;
}

.margin-100 {
  margin: 100px !important;
}

.minus-content-padding-margin {
  margin: 0 -10px !important;
}
.minus-content-padding-margin .row {
  padding: 0 20px;
}

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

.padding-top-0 {
  padding-top: 0 !important;
}

.padding-top-10 {
  padding-top: 10px !important;
}

.padding-top-20 {
  padding-top: 20px !important;
}

.padding-top-25 {
  padding-top: 25px !important;
}

.padding-top-30 {
  padding-top: 30px !important;
}

.padding-top-40 {
  padding-top: 40px !important;
}

.padding-top-50 {
  padding-top: 50px !important;
}

.padding-top-60 {
  padding-top: 60px !important;
}

.padding-top-70 {
  padding-top: 70px !important;
}

.padding-top-75 {
  padding-top: 75px !important;
}

.padding-top-80 {
  padding-top: 80px !important;
}

.padding-top-100 {
  padding-top: 100px !important;
}

.padding-bottom-0 {
  padding-bottom: 0;
}

.padding-bottom-10 {
  padding-bottom: 10px !important;
}

.padding-bottom-15 {
  padding-bottom: 15px !important;
}

.padding-bottom-20 {
  padding-bottom: 20px !important;
}

.padding-bottom-25 {
  padding-bottom: 25px !important;
}

.padding-bottom-30 {
  padding-bottom: 30px !important;
}

.padding-bottom-40 {
  padding-bottom: 40px !important;
}

.padding-bottom-50 {
  padding-bottom: 50px !important;
}

.padding-bottom-60 {
  padding-bottom: 60px !important;
}

.padding-bottom-70 {
  padding-bottom: 70px !important;
}

.padding-bottom-75 {
  padding-bottom: 75px !important;
}

.padding-bottom-80 {
  padding-bottom: 80px !important;
}

.padding-bottom-100 {
  padding-bottom: 100px !important;
}

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

.padding-left-10 {
  padding-left: 10px !important;
}

.padding-left-20 {
  padding-left: 20px !important;
}

.padding-left-25 {
  padding-left: 25px !important;
}

.padding-left-30 {
  padding-left: 30px !important;
}

.padding-left-40 {
  padding-left: 40px !important;
}

.padding-left-50 {
  padding-left: 50px !important;
}

.padding-left-60 {
  padding-left: 60px !important;
}

.padding-left-70 {
  padding-left: 70px !important;
}

.padding-left-75 {
  padding-left: 75px !important;
}

.padding-left-80 {
  padding-left: 80px !important;
}

.padding-left-100 {
  padding-left: 100px !important;
}

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

.padding-right-10 {
  padding-right: 10px !important;
}

.padding-right-20 {
  padding-right: 20px !important;
}

.padding-right-25 {
  padding-right: 25px !important;
}

.padding-right-30 {
  padding-right: 30px !important;
}

.padding-right-40 {
  padding-right: 40px !important;
}

.padding-right-50 {
  padding-right: 50px !important;
}

.padding-right-60 {
  padding-right: 60px !important;
}

.padding-right-70 {
  padding-right: 70px !important;
}

.padding-right-75 {
  padding-right: 75px !important;
}

.padding-right-80 {
  padding-right: 80px !important;
}

.padding-right-100 {
  padding-right: 100px !important;
}

.padding-10 {
  padding: 10px !important;
}

.padding-15 {
  padding: 15px !important;
}

.padding-20 {
  padding: 20px !important;
}

.padding-25 {
  padding: 25px !important;
}

.padding-30 {
  padding: 30px !important;
}

.padding-40 {
  padding: 40px !important;
}

.padding-50 {
  padding: 50px !important;
}

.padding-60 {
  padding: 60px !important;
}

.padding-70 {
  padding: 70px !important;
}

.padding-75 {
  padding: 75px !important;
}

.padding-80 {
  padding: 80px !important;
}

.padding-100 {
  padding: 100px !important;
}

.width-full {
  width: 100% !important;
}

.margin-zero {
  margin: 0 !important;
}

html,
body,
div,
span,
applet,
object,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
embed,
figure,
figcaption,
footer,
header,
hgroup,
menu,
nav,
output,
ruby,
section,
summary,
time,
mark,
audio,
video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 1em;
  vertical-align: baseline;
  font-family: "Open sans", sans-serif;
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
  display: block;
}

body {
  overflow-y: scroll;
  overflow-x: hidden;
  display: block;
}

button:focus {
  outline: none !important;
}

button a {
  color: #0e4768;
  font-family: "Open sans", sans-serif;
}

button a:hover {
  color: #317DA9;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  text-shadow: none !important;
  font-family: "Open sans", sans-serif;
  margin: 0 10px;
  font-weight: 400;
}

h1 {
  font-size: 36px;
}

h2 {
  padding: 0 0 30px;
  color: #0A4668;
  margin-left: 0;
  font-weight: 600;
  font-size: 30px;
  line-height: 1em;
}

h3 {
  font-size: 24px;
  color: #888;
  font-weight: 400;
  padding: 20px 0;
  margin: 0;
}

h3.orange-title {
  color: #F47C43;
  padding-top: 0;
}

h4 {
  color: #444;
  font-size: 18px;
  font-weight: 600;
  padding: 0;
  margin: 10px 0;
}

h5 {
  font-size: 14px;
}

h6 {
  font-size: 12px;
}

p {
  font-family: inherit;
  color: #666;
}

a {
  text-decoration: none !important;
  color: #0095cc;
  font-weight: 600;
  font-family: "Open sans", sans-serif;
  cursor: pointer;
}

a:hover {
  color: #0088B6;
  text-decoration: none !important;
}

a:visited {
  color: #084669;
}

a:focus {
  outline: 0 !important;
  text-decoration: none !important;
}

a:active {
  color: #0088b6;
  outline: 0 !important;
  text-decoration: none !important;
}

a[data-title]:hover:after {
  content: attr(data-title);
  padding: 4px 8px;
  font-size: 10pt;
  font-weight: 400;
  color: #333;
  position: absolute;
  margin-left: -30px;
  margin-top: 3px;
  top: 100%;
  padding: 10px;
  white-space: nowrap;
  z-index: 20px;
  border-radius: 3px;
  box-shadow: 0px 0px 4px #222;
  background: #ddd;
}

ol {
  color: #666;
}

ol {
  padding: 0 20px;
}

ol li {
  list-style-position: inside;
}

li {
  color: #666;
}

li a {
  font-family: "Open sans", sans-serif !important;
  /* font-weight: 600; */
}

img {
  vertical-align: middle !important;
  -ms-interpolation-mode: bicubic;
}

img:focus {
  outline: 0 !important;
}

code,
pre {
  font-family: Monaco, Menlo, Consolas;
  font-size: 1em;
  color: #FFFFDE;
  padding: 0 3px 2px;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}
table .td-alt {
  background-color: #fff !important;
  border-right: none !important;
  border-left: none !important;
}
table .border-bottom {
  border-bottom: 2px solid #C0C0C0 !important;
}

.clear {
  clear: both;
}

select {
  background-image: url("/assets/images/select-background.png");
  background-repeat: no-repeat;
  background-position: right top;
  padding: 6px 0 5px;
  text-indent: 10px;
  border: 1px solid #C0C0C0;
  font-family: "Lora";
  color: #666;
  font-size: 12pt;
  box-shadow: none !important;
  background-color: #ffffff;
  -webkit-appearance: none;
  box-sizing: content-box;
  -ms-box-sizing: content-box;
  -moz-box-sizing: content-box;
  -webkit-box-sizing: content-box;
}

select:focus {
  outline: none;
  border: 1px solid #09c;
  max-height: 35px;
  background-position-y: -1px;
  padding: 6px 0 7px !important;
}

span.light-font {
  font-weight: 300;
}

span.button-right {
  float: right;
}

table {
  width: 100%;
  -webkit-border-horizontal-spacing: 0;
  -webkit-border-vertical-spacing: 0;
  border-bottom: 1px solid #C0C0C0;
  border-top: 0;
  font-family: "Open sans", sans-serif;
  border-top: 1px solid #C0C0C0;
}

thead tr th {
  background: #fff;
  border-color: #C0C0C0;
  color: #5C5C5C;
  /* border-top:  1px solid #C0C0C0; */
  border-bottom: 3px solid #0099cc;
}

tr {
  background: white;
}

th {
  color: #555;
  border-left: 1px solid !important;
  border-top: 0;
  font-size: 10.5pt;
  border-bottom: 1px solid !important;
  font-family: "Open sans", sans serif;
  text-align: center;
  line-height: 1.25em;
  font-weight: 600;
  padding: 15px 8px 8px;
  vertical-align: middle;
}

td {
  vertical-align: middle;
  text-align: center;
  position: relative;
}

.primary-color {
  color: #0099cc;
}

.secondary-color {
  color: #F47C43;
}

.tertiary-color {
  color: #0A4668;
}

.primary-color-bg {
  background: #0099cc;
}

.secondary-color-bg {
  background: #F47C43;
}

.tertiary-color-bg {
  background: #0A4668;
}

.primary-font {
  font-family: "Open sans", sans-serif;
}

.secondary-font {
  font-family: "Open sans", sans-serif;
}

.select_style {
  width: 100%;
}

.float-left {
  float: left;
}

.float-right {
  float: right;
}

/* border styles */
.left-border {
  border-left: 1px solid #C0C0C0 !important;
}

.right-border {
  border-right: 1px solid #C0C0C0 !important;
}

.top-border {
  border-top: 1px solid #C0C0C0 !important;
}

.bottom-border {
  border-bottom: 1px solid #C0C0C0 !important;
}

.accordion,
.accordion-group {
  padding: 0px !important;
}
.accordion .accordion-group.form-segment-wraps,
.accordion-group .accordion-group.form-segment-wraps {
  padding: 0px !important;
}
.accordion .accordion-heading,
.accordion-group .accordion-heading {
  position: relative;
  background: #0A4668 !important;
  border-bottom: 1px solid #d2d2d2;
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
}
.accordion .accordion-heading-alt,
.accordion-group .accordion-heading-alt {
  background-color: #eeeeee !important;
}

#accordion2 .accordion-group,
#accordion2 .accordion-group .accordion-heading {
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
  background: #0A4668 !important;
  padding-top: 0;
  padding-bottom: 0;
  padding-left: 10px;
  position: relative;
}

/* Engine Details Page */
.engine-details .report-wrap {
  padding-top: 125px !important;
  min-width: 1000px;
}

.button-right button.btn.btn-default {
  padding: 3px 10px;
  margin-top: -2px;
  margin-right: 15px;
}

.dark-blue button.btn.btn-default {
  background: #185172;
  color: white;
  border: 1px solid #597686;
  padding: 2px 10px;
  margin-top: -3px;
}

.dark-blue button.btn.btn-default:hover {
  background: #225B7C;
}

@media screen and (-webkit-min-device-pixel-ratio: 0) {
  /* CSS Statements that only apply on webkit-based browsers (Chrome, Safari, etc.) */
  .select_style {
    background-image: url("/assets/images/select-background.png");
    background-repeat: no-repeat;
    background-position: right center;
    background-color: #fff;
    box-shadow: none;
    border-radius: 0;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -o-box-sizing: border-box;
    padding-right: 30px;
  }
}
.select_style:disabled {
  background-image: none;
  background-color: #FAFAFA;
  border-color: #ddd;
}

input {
  height: 27px;
  padding: 6px 0 5px;
  text-indent: 10px;
  font-size: 12pt;
  height: auto;
  border: 1px solid silver;
  background: #ffffff;
  box-shadow: none;
  -webkit-box-shadow: none;
  -mozbox-shadow: none;
  font-family: "Open sans", sans-serif;
  color: #666;
}

input[type=radio] {
  width: 15px !important;
  margin-right: 10px !important;
}

input.radio-btn.inline {
  display: inline-block !important;
  margin: 0 10px 0 30px;
}

input[type=checkbox] {
  box-shadow: none !important;
  -webkit-box-shadow: none !important;
  -moz-box-shadow: none !important;
}

input:focus {
  border: 1px solid #09c !important;
  outline: none;
}

input[type=file] {
  padding: 0;
  text-indent: 0;
}

input.lg-input {
  width: 70%;
}

button[disabled],
html input[disabled],
html textarea[disabled] {
  cursor: not-allowed !important;
  background: #fafafa;
  border-color: #dadada;
}

button.btn.btn-default.upload-files {
  float: right;
  margin: 10px 0;
  background: #f1f1f1;
  color: #666;
  border-color: #C0C0C0;
  padding: 2px 10px;
  font-weight: 600;
}

.centered-modal-form-section {
  padding: 25px;
  margin: 25px 0;
  border-top: 1px solid #DADADA;
  border-bottom: 1px solid #DADADA;
}

.upload-files-wrap {
  width: 80%;
  margin: 0 auto;
}

.input-group .form-control {
  width: 98%;
  padding: 5px 1% !important;
  margin-bottom: 0;
}

button.btn.btn-default.upload-files:hover {
  background: #0099cc;
  border-color: #037EA8;
  color: white;
}

textarea,
input[type=text],
input[type=password] {
  box-sizing: content-box;
  -ms-box-sizing: content-box;
  -moz-box-sizing: content-box;
  -webkit-box-sizing: content-box;
  font-size: 12pt;
  border: solid 1px #bbbbbb;
  box-shadow: none;
  border-radius: 0;
  background-image: none !important;
  background-color: #fff;
}

label {
  display: block;
  color: #777;
  margin-bottom: 5px;
  font-weight: 400;
}

sup {
  font-size: 8pt;
}

sub {
  font-size: 8pt;
}

.flash {
  padding: 1em;
  /* border: 1px dotted black; */
  color: white;
  background: rgb(227, 104, 104);
  font-size: 14pt;
  font-weight: bold;
  text-align: center;
}

div#__lpform_input_idx_0 {
  display: none;
}

.back-button {
  background-image: url("/assets/images/back-btn-icon.png");
  background-repeat: no-repeat;
  background-position: 1px 6px;
  background-size: 23px;
  padding-left: 30px;
  margin-top: 3px !important;
  font-size: 14pt;
  margin: 0;
  cursor: pointer;
}

.no-top-margin {
  margin-top: 0 !important;
}

.no-bottom-margin {
  margin-bottom: 0 !important;
}

.highlight-red-animate {
  background: white;
  /* Chrome, Safari, Opera */
  animation: hightlight 2s;
}

li.list-tiles {
  display: inline-block;
  margin: 2px 1px;
  border: 1px solid #037EA8;
  padding: 5px 10px;
  background: #09c;
  color: white;
}

.no-top-padding {
  padding-top: 0 !important;
}

.permissions-wrap li.list-tiles {
  background: #F47C43;
  border-color: #D56A37;
}

.back-btn-link {
  color: #666;
  font-weight: 400;
}

.close-btn-wrap div {
  color: white;
}

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

.no-padding-top,
.no-top-padding {
  padding-top: 0 !important;
}

.no-padding-bottom,
.no-bottom-padding {
  padding-bottom: 0 !important;
}

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

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

.no-padding-vertical,
.no-vertical-padding {
  padding-top: 0 !important;
  padding-bottom: 0 !important;
}

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

.no-margin-bottom {
  margin-bottom: 0 !important;
}

.four-o-three-wrap img {
  width: 100%;
  max-width: 1400px;
}

.align-left {
  display: inline-block;
  vertical-align: top;
}

.text-align-left {
  text-align: left !important;
}

.margin-bottom-twenty {
  margin-bottom: 20px !important;
}

.light-weight-text {
  font-weight: 400;
}

.no-margin {
  margin: 0 !important;
}

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

.truncate {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

/* Chrome, Safari, Opera */
/* Standard syntax */
@keyframes hightlight {
  0% {
    background: white;
  }
  50% {
    background: rgb(239, 214, 214);
  }
  100% {
    background: white;
  }
}
@-moz-document url-prefix() {
  .select_style {
    background-image: url("/assets/images/moz-ie-select-background.png");
    background-color: #FFF;
    text-overflow: "";
    text-indent: 5px;
    -moz-appearance: none !important;
    padding-right: 27px;
    border: 0 !important;
  }
  .select_style:focus {
    border: 0 !important;
  }
  input,
  textarea {
    box-sizing: border-box !important;
  }
  .login input:focus {
    border: 1px solid #0099cc !important;
    padding: 5px 0 6px;
  }
  .login input {
    border: 1px solid #C0C0C0 !important;
  }
  .login input[type=submit] {
    border: 1px solid transparent !important;
  }
  select:focus {
    outline: medium none;
    border: 2px solid #09C;
    max-height: 20px !important;
    padding: 6px 27px 7px 0 !important;
    border: 0;
  }
  .login .input_td {
    overflow: visible !important;
    border: 0 !important;
  }
  .fire-ie-focus {
    border: 1px solid #0099cc;
  }
  .button-wrap.fire-ie-focus {
    border: 0 !important;
  }
}
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
  /* IE10+ specific styles go here */
  .select_style {
    background-image: url("/assets/images/moz-ie-select-background.png");
    background-color: #FFF;
    text-overflow: "";
    text-indent: 5px;
    -moz-appearance: none !important;
    -webkit-appearance: none !important;
    border: 0 !important;
    width: 110% !important;
  }
  .select_style:focus {
    border: 0 !important;
  }
  input,
  textarea {
    box-sizing: border-box !important;
  }
  .login input:focus {
    border: 1px solid #0099cc !important;
    padding: 5px 0 6px;
  }
  .login input {
    border: 1px solid #C0C0C0 !important;
  }
  .login input[type=submit] {
    border: 1px solid transparent !important;
  }
  select:focus {
    outline: medium none;
    border: 2px solid #09C;
    max-height: 20px !important;
    padding: 6px 27px 7px 0 !important;
  }
  .login .input_td {
    overflow: visible !important;
    border: 0 !important;
  }
  .fire-ie-focus {
    /* setting border left/right makes toggle looks stacked */
    border-top: 1px solid #0099cc;
    border-bottom: 1px solid #0099cc;
  }
  .button-wrap.fire-ie-focus {
    border: 0 !important;
  }
}
@media screen and (-ms-high-contrast: active) and (min-width: 1700px), (-ms-high-contrast: none) and (min-width: 1700px) {
  .select_style {
    width: 105% !important;
  }
}
@media screen and (-ms-high-contrast: active) and (min-width: 1440px) and (max-width: 1800px), (-ms-high-contrast: none) and (min-width: 1440px) and (max-width: 1800px) {
  .select_style {
    width: 107% !important;
  }
}
@media screen and (-ms-high-contrast: active) and (max-width: 1040px), screen and (-ms-high-contrast: none) and (max-width: 1040px) {
  .select_style {
    width: 107% !important;
  }
}
@media screen and (-ms-high-contrast: active) and (max-width: 800px), screen and (-ms-high-contrast: none) and (max-width: 800px) {
  .select_style {
    width: 110% !important;
  }
}
@media screen and (-ms-high-contrast: active) and (max-width: 600px), screen and (-ms-high-contrast: none) and (max-width: 600px) {
  .select_style {
    width: 107% !important;
  }
}
@media screen and (-ms-high-contrast: active) and (max-width: 500px), screen and (-ms-high-contrast: none) and (max-width: 500px) {
  .select_style {
    width: 110% !important;
  }
}
.ie .header-wrap header .header-sections .logo {
  background-image: url(/assets/images/s2cmobile_logo5-small.png?v=2.0);
}
.ie .select_style {
  background: none;
  box-sizing: border-box !important;
  padding: 6px 7px 5px;
}
.ie .menu-show-hide {
  height: 40px;
  vertical-align: top;
  box-sizing: content-box;
}
.ie .login input:focus {
  border: 1px solid #0099cc !important;
  padding: 5px 0 6px;
}
.ie .login input {
  border: 1px solid #C0C0C0 !important;
}
.ie .login input[type=submit] {
  border: 1px solid transparent !important;
}
.ie .login .input_td {
  overflow: visible !important;
  border: 0 !important;
}
.ie .fire-ie-focus {
  border: 1px solid #0099cc;
}
.ie .button-wrap.fire-ie-focus {
  border: 0 !important;
}

.inner-page-header {
  margin: 20px 10px;
  position: relative;
}
@media (max-width: 1024px) {
  .inner-page-header {
    margin: 10px 5px;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
  }
}
.inner-page-header .inner-page-heading {
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
}
@media (max-width: 1024px) {
  .inner-page-header .inner-page-heading {
    position: static;
    transform: unset;
    text-align: center;
  }
}
@media (max-width: 420px) {
  .inner-page-header .inner-page-heading {
    width: 100%;
  }
}
.inner-page-header .inner-page-heading h3 {
  margin: 0;
  padding: 0;
  color: #0A4668 !important;
}
@media (max-width: 525px) {
  .inner-page-header .inner-page-heading h3 {
    font-size: 20px;
  }
}
.inner-page-header .inner-page-buttons {
  float: right;
  display: flex;
  color: #0A4668 !important;
}
@media (max-width: 1024px) {
  .inner-page-header .inner-page-buttons {
    margin-left: auto;
    margin-top: 5px;
  }
}
@media (max-width: 420px) {
  .inner-page-header .inner-page-buttons {
    margin-right: auto;
  }
}
.inner-page-header .inner-page-buttons label {
  color: #0A4668 !important;
}
@media (max-width: 525px) {
  .inner-page-header .inner-page-buttons label {
    font-size: 12px !important;
  }
}
@media (max-width: 420px) {
  .inner-page-header .inner-page-buttons label {
    display: flex;
    align-items: center;
  }
  .inner-page-header .inner-page-buttons label input {
    margin: 0 10px 0 2px;
  }
}

.theme-bg-blue {
  background-color: #0A4668 !important;
}

.theme-text-blue {
  color: #0A4668 !important;
}

.dt-filter {
  background: #037EA8 !important;
}

.d-flex {
  display: flex;
  flex-wrap: wrap;
}

.ml-auto {
  margin-left: auto !important;
}

.no-shadow {
  box-shadow: none !important;
}

.align-items-center {
  align-items: center;
}

.justify-content-center {
  justify-content: center;
}

.shadow {
  box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5) !important;
}

/* FONTS */
/* COLORS */
/* BORDERS */
.text-align-right {
  text-align: right;
}

.no-margin {
  margin: 0 !important;
}

.margin-top-negative-50 {
  margin-top: -50px !important;
}

.margin-top-5 {
  margin-top: 5px !important;
}

.margin-top-10 {
  margin-top: 10px !important;
}

.margin-top-15 {
  margin-top: 15px !important;
}

.margin-top-20 {
  margin-top: 20px !important;
}

.margin-top-25 {
  margin-top: 25px !important;
}

.margin-top-30 {
  margin-top: 30px !important;
}

.margin-top-40 {
  margin-top: 40px !important;
}

.margin-top-45 {
  margin-top: 45px !important;
}

.margin-top-50 {
  margin-top: 50px !important;
}

.margin-top-60 {
  margin-top: 60px !important;
}

.margin-top-70 {
  margin-top: 70px !important;
}

.margin-top-75 {
  margin-top: 75px !important;
}

.margin-top-80 {
  margin-top: 80px !important;
}

.margin-top-100 {
  margin-top: 100px !important;
}

.margin-bottom-10 {
  margin-bottom: 10px !important;
}

.margin-bottom-20 {
  margin-bottom: 20px !important;
}

.margin-bottom-25 {
  margin-bottom: 25px !important;
}

.margin-bottom-30 {
  margin-bottom: 30px !important;
}

.margin-bottom-40 {
  margin-bottom: 40px !important;
}

.margin-bottom-50 {
  margin-bottom: 50px !important;
}

.margin-bottom-60 {
  margin-bottom: 60px !important;
}

.margin-bottom-70 {
  margin-bottom: 70px !important;
}

.margin-bottom-75 {
  margin-bottom: 75px !important;
}

.margin-bottom-80 {
  margin-bottom: 80px !important;
}

.margin-bottom-100 {
  margin-bottom: 100px !important;
}

.margin-left-10 {
  margin-left: 10px !important;
}

.margin-left-20 {
  margin-left: 20px !important;
}

.margin-left-25 {
  margin-left: 25px !important;
}

.margin-left-30 {
  margin-left: 30px !important;
}

.margin-left-40 {
  margin-left: 40px !important;
}

.margin-left-50 {
  margin-left: 50px !important;
}

.margin-left-60 {
  margin-left: 60px !important;
}

.margin-left-70 {
  margin-left: 70px !important;
}

.margin-left-75 {
  margin-left: 75px !important;
}

.margin-left-80 {
  margin-left: 80px !important;
}

.margin-left-100 {
  margin-left: 100px !important;
}

.no-margin-right {
  margin-right: 0 !important;
}

.margin-right-10 {
  margin-right: 10px !important;
}

.margin-right-20 {
  margin-right: 20px !important;
}

.margin-right-25 {
  margin-right: 25px !important;
}

.margin-right-30 {
  margin-right: 30px !important;
}

.margin-right-40 {
  margin-right: 40px !important;
}

.margin-right-50 {
  margin-right: 50px !important;
}

.margin-right-60 {
  margin-right: 60px !important;
}

.margin-right-70 {
  margin-right: 70px !important;
}

.margin-right-75 {
  margin-right: 75px !important;
}

.margin-right-80 {
  margin-right: 80px !important;
}

.margin-right-100 {
  margin-right: 100px !important;
}

.margin-10 {
  margin: 10px !important;
}

.margin-20 {
  margin: 20px !important;
}

.margin-25 {
  margin: 25px !important;
}

.margin-30 {
  margin: 30px !important;
}

.margin-40 {
  margin: 40px !important;
}

.margin-50 {
  margin: 50px !important;
}

.margin-60 {
  margin: 60px !important;
}

.margin-70 {
  margin: 70px !important;
}

.margin-75 {
  margin: 75px !important;
}

.margin-80 {
  margin: 80px !important;
}

.margin-100 {
  margin: 100px !important;
}

.minus-content-padding-margin {
  margin: 0 -10px !important;
}
.minus-content-padding-margin .row {
  padding: 0 20px;
}

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

.padding-top-0 {
  padding-top: 0 !important;
}

.padding-top-10 {
  padding-top: 10px !important;
}

.padding-top-20 {
  padding-top: 20px !important;
}

.padding-top-25 {
  padding-top: 25px !important;
}

.padding-top-30 {
  padding-top: 30px !important;
}

.padding-top-40 {
  padding-top: 40px !important;
}

.padding-top-50 {
  padding-top: 50px !important;
}

.padding-top-60 {
  padding-top: 60px !important;
}

.padding-top-70 {
  padding-top: 70px !important;
}

.padding-top-75 {
  padding-top: 75px !important;
}

.padding-top-80 {
  padding-top: 80px !important;
}

.padding-top-100 {
  padding-top: 100px !important;
}

.padding-bottom-0 {
  padding-bottom: 0;
}

.padding-bottom-10 {
  padding-bottom: 10px !important;
}

.padding-bottom-15 {
  padding-bottom: 15px !important;
}

.padding-bottom-20 {
  padding-bottom: 20px !important;
}

.padding-bottom-25 {
  padding-bottom: 25px !important;
}

.padding-bottom-30 {
  padding-bottom: 30px !important;
}

.padding-bottom-40 {
  padding-bottom: 40px !important;
}

.padding-bottom-50 {
  padding-bottom: 50px !important;
}

.padding-bottom-60 {
  padding-bottom: 60px !important;
}

.padding-bottom-70 {
  padding-bottom: 70px !important;
}

.padding-bottom-75 {
  padding-bottom: 75px !important;
}

.padding-bottom-80 {
  padding-bottom: 80px !important;
}

.padding-bottom-100 {
  padding-bottom: 100px !important;
}

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

.padding-left-10 {
  padding-left: 10px !important;
}

.padding-left-20 {
  padding-left: 20px !important;
}

.padding-left-25 {
  padding-left: 25px !important;
}

.padding-left-30 {
  padding-left: 30px !important;
}

.padding-left-40 {
  padding-left: 40px !important;
}

.padding-left-50 {
  padding-left: 50px !important;
}

.padding-left-60 {
  padding-left: 60px !important;
}

.padding-left-70 {
  padding-left: 70px !important;
}

.padding-left-75 {
  padding-left: 75px !important;
}

.padding-left-80 {
  padding-left: 80px !important;
}

.padding-left-100 {
  padding-left: 100px !important;
}

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

.padding-right-10 {
  padding-right: 10px !important;
}

.padding-right-20 {
  padding-right: 20px !important;
}

.padding-right-25 {
  padding-right: 25px !important;
}

.padding-right-30 {
  padding-right: 30px !important;
}

.padding-right-40 {
  padding-right: 40px !important;
}

.padding-right-50 {
  padding-right: 50px !important;
}

.padding-right-60 {
  padding-right: 60px !important;
}

.padding-right-70 {
  padding-right: 70px !important;
}

.padding-right-75 {
  padding-right: 75px !important;
}

.padding-right-80 {
  padding-right: 80px !important;
}

.padding-right-100 {
  padding-right: 100px !important;
}

.padding-10 {
  padding: 10px !important;
}

.padding-15 {
  padding: 15px !important;
}

.padding-20 {
  padding: 20px !important;
}

.padding-25 {
  padding: 25px !important;
}

.padding-30 {
  padding: 30px !important;
}

.padding-40 {
  padding: 40px !important;
}

.padding-50 {
  padding: 50px !important;
}

.padding-60 {
  padding: 60px !important;
}

.padding-70 {
  padding: 70px !important;
}

.padding-75 {
  padding: 75px !important;
}

.padding-80 {
  padding: 80px !important;
}

.padding-100 {
  padding: 100px !important;
}

.width-full {
  width: 100% !important;
}

.margin-zero {
  margin: 0 !important;
}

/* Header Area */
.header-wrap {
  overflow: hidden;
}
.header-wrap header {
  position: fixed;
  height: 49px;
  background: #f8f8f8;
  z-index: 9999;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  border-bottom: 1px solid #c8c8c8;
  border-top: 1px solid #dadada;
}
.header-wrap header .menu-show-hide {
  padding: 11px 10px 7px;
  height: 42px;
  cursor: pointer;
  width: auto;
  z-index: 9999;
  opacity: 1;
  background: rgba(255, 255, 255, 0.8);
  border-right: 1px solid #dadada;
  width: 25px;
  background-image: url(/assets/images/menu-sm.png);
  background-repeat: no-repeat;
  background-position: center;
  display: inline-block;
}
.header-wrap header .menu-show-hide img {
  width: 25px;
  opacity: 0.5;
}
.header-wrap header .mobile-nav {
  display: none;
}
.header-wrap header .mobile-nav .row {
  align-items: center;
  display: flex;
  height: 100%;
  width: 95%;
  margin: 0 2.5% !important;
}
.header-wrap header .mobile-nav .row [class^=col-] {
  box-sizing: border-box;
}
.header-wrap header .header-sections {
  display: inline-block;
  height: 100%;
  flex-grow: 1;
}
.header-wrap header .header-sections.logo {
  background-image: url(/assets/images/s2cmobile_logo5.png?v=2.0);
  background-repeat: no-repeat;
  background-position: center;
  -ms-interpolation-mode: bicubic; /* Firefox */
  background-size: auto 40px;
}
.header-wrap header .header-sections.logo.rrc-logo {
  background-image: url(/assets/images/rrc_logo.png);
  background-size: auto 22px;
}
.header-wrap header .header-sections.navigation-wrap {
  float: right !important;
}
.header-wrap header .header-sections.navigation-wrap.free-calc-header-login-wrap {
  margin-right: 30px;
}
.header-wrap header .header-sections .admin-nav-wrap {
  margin: 0;
  padding: 0;
  display: flex;
  justify-content: right;
}
.header-wrap header .header-sections .admin-nav-wrap li {
  float: left;
  display: block;
  vertical-align: top;
  padding: 8px 10px;
  background: transparent;
  margin-right: 0;
  min-height: 25px;
}
.header-wrap header .header-sections .admin-nav-wrap .settings-tab {
  padding: 0 !important;
  width: 60px;
  height: 60px;
  cursor: pointer;
  border-right: 1px solid white;
  border-left: 1px solid rgba(0, 0, 0, 0.1);
  position: relative;
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
}
.header-wrap header .header-sections .admin-nav-wrap .settings-tab .admin-settings {
  background-image: url(/assets/images/admin-icon-dark.png);
  background-repeat: no-repeat;
  background-position: center;
  padding: 0;
  height: auto;
  padding: 30px 0;
}
.header-wrap header .header-sections .admin-nav-wrap .settings-tab .admin-settings-dd {
  position: absolute;
  background-color: #0a4668;
  margin-left: 0px;
  text-align: left;
  padding: 10px 0 0;
  width: 220px;
  right: -2px;
  box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.5);
  -webkit-box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.5);
  -moz-box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.5);
  display: none;
}
.header-wrap header .header-sections .admin-nav-wrap .settings-tab .admin-settings-dd li {
  display: block;
  border-left: none;
  float: none;
  background: transparent;
}
.header-wrap header .header-sections .admin-nav-wrap .settings-tab .admin-settings-dd li h5.dd-sub-title {
  color: #fff;
  padding: 5px 15px 5px 2px;
  margin: 0 5px 5px;
  border-bottom: 1px solid #c0c0c0;
  text-align: left;
  font-weight: 600;
  white-space: pre;
}
.header-wrap header .header-sections .admin-nav-wrap .settings-tab .admin-settings-dd li ul li {
  padding: 0;
}
.header-wrap header .header-sections .admin-nav-wrap .settings-tab .admin-settings-dd li ul li a {
  color: #e1e1e1;
}
.header-wrap header .header-sections .admin-nav-wrap .settings-tab .admin-settings-dd li ul li a:hover {
  background: #2b6795;
}
.header-wrap header .header-sections .admin-nav-wrap .settings-tab .admin-settings-dd a {
  color: #e1e1e1;
  font-weight: 400;
  padding: 8px 10px;
  width: 100%;
  display: block;
}
.header-wrap header .header-sections .admin-nav-wrap .admin-tab {
  min-width: 0;
  text-align: center;
  padding: 0 !important;
  border: none;
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  position: relative;
}
.header-wrap header .header-sections .admin-nav-wrap .admin-tab ul.user-dropdown {
  position: absolute;
  background-color: #0a4668;
  margin-left: 0px;
  text-align: center;
  padding: 0;
  right: 0;
  top: 45px;
  min-width: 0;
  width: 100%;
  box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.5);
  -webkit-box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.5);
  -moz-box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.5);
  display: none;
  box-sizing: border-box;
}
.header-wrap header .header-sections .admin-nav-wrap .admin-tab ul.user-dropdown li {
  display: block;
  border-left: none;
  float: none;
  background: transparent;
  text-align: left;
}
.header-wrap header .header-sections .admin-nav-wrap .admin-tab ul.user-dropdown li ul li {
  padding: 0;
}
.header-wrap header .header-sections .admin-nav-wrap .admin-tab ul.user-dropdown li ul li:hover {
  background: #2b6795;
}
.header-wrap header .header-sections .admin-nav-wrap .admin-tab ul.user-dropdown li ul li:hover a {
  color: #fff !important;
}
.header-wrap header .header-sections .admin-nav-wrap .admin-tab ul.user-dropdown hr {
  margin: 5px 0;
  border-color: #e1e1e1;
  opacity: 0.3;
}
.header-wrap header .header-sections .admin-nav-wrap .admin-tab .user-arrow {
  padding: 0;
  cursor: pointer;
  min-width: 150px;
  display: flex;
  height: 100%;
  align-items: center;
}
.header-wrap header .header-sections .admin-nav-wrap .admin-tab .user-arrow a {
  font-weight: 700;
}
.header-wrap header .header-sections .admin-nav-wrap .admin-tab .user-arrow a.user {
  color: #0A4668;
  padding: 0;
}
.header-wrap header .header-sections .admin-nav-wrap .admin-tab a {
  color: #e1e1e1;
  font-weight: 400;
  padding: 8px 10px;
  width: 100%;
  display: block;
}
.header-wrap header .header-sections .admin-nav-wrap .header-avatar {
  padding: 0 10px !important;
  border: none;
}
.header-wrap header .header-sections .top-tier-nav {
  padding: 0;
  margin: 0 0 0 10px;
  display: flex;
  align-items: center;
  height: 100%;
}
.header-wrap header .header-sections .top-tier-nav.free-calc-nav li a {
  color: #0d436a;
}
.header-wrap header .header-sections .top-tier-nav.free-calc-nav li a:hover {
  color: #0095ce !important;
}
.header-wrap header .header-sections .top-tier-nav.free-calc-nav li a:hover img {
  opacity: 0.85;
}
.header-wrap header .header-sections .top-tier-nav li {
  display: inline-block;
  padding-right: 16px;
  float: left;
  color: #0d436a;
  font-weight: 600;
  position: relative;
  margin-left: 20px;
  position: relative;
}
.header-wrap header .header-sections .top-tier-nav li:first-child {
  margin-left: 0;
}
.header-wrap header .header-sections .top-tier-nav li span.dropdown-arrow {
  width: 0;
  height: 5px !important;
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  border-bottom: 5px solid #0d436a;
  position: absolute;
  margin: 5px 7px;
}
.header-wrap header .header-sections .top-tier-nav li div {
  cursor: pointer;
}
.header-wrap header .header-sections .top-tier-nav li div.active span.nav-name {
  color: #0095ce;
}
.header-wrap header .header-sections .top-tier-nav li div.active span.dropdown-arrow {
  border-bottom: 0;
  border-top: 5px solid #0095ce;
  margin-top: 11px;
}
.header-wrap header .header-sections .top-tier-nav li .dashboard-dropdown {
  position: absolute;
  background-color: #0a4668;
  margin-left: 0px;
  text-align: center;
  padding: 10px 0;
  top: 36px;
  left: 0;
  min-width: 0;
  width: 100%;
  box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.5);
  -webkit-box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.5);
  -moz-box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.5);
  box-sizing: border-box;
  width: 200px;
  display: none;
}
.header-wrap header .header-sections .top-tier-nav li .dashboard-dropdown li {
  display: block;
  border-left: none;
  float: none;
  background: transparent;
  text-align: left;
  padding: 0 10px;
  margin: 0;
}
.header-wrap header .header-sections .top-tier-nav li .dashboard-dropdown li a {
  color: #e1e1e1;
  font-weight: 400;
  padding: 8px 10px;
  width: 100%;
  display: block;
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -o-box-sizing: border-box;
}
.header-wrap header .header-sections .top-tier-nav li .dashboard-dropdown li a:hover {
  background: #2b6795;
}
.header-wrap header .header-sections .top-tier-nav li .asset-administration-dropdown {
  position: absolute;
  background-color: #0a4668;
  margin-left: 0px;
  text-align: center;
  padding: 10px 0;
  top: 36px;
  left: 0;
  min-width: 0;
  width: 100%;
  box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.5);
  -webkit-box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.5);
  -moz-box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.5);
  box-sizing: border-box;
  width: 200px;
  display: none;
}
.header-wrap header .header-sections .top-tier-nav li .asset-administration-dropdown li {
  display: block;
  border-left: none;
  float: none;
  background: transparent;
  text-align: left;
  padding: 0 10px;
  margin: 0;
}
.header-wrap header .header-sections .top-tier-nav li .asset-administration-dropdown li a {
  color: #e1e1e1;
  font-weight: 400;
  padding: 8px 10px;
  width: 100%;
  display: block;
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -o-box-sizing: border-box;
}
.header-wrap header .header-sections .top-tier-nav li .asset-administration-dropdown li a:hover {
  background: #2b6795;
}
.header-wrap header .header-sections .top-tier-nav li .site-administration-dropdown {
  position: absolute;
  background-color: #0a4668;
  margin-left: 0px;
  text-align: center;
  padding: 10px 0;
  top: 36px;
  left: 0;
  min-width: 0;
  width: 100%;
  box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.5);
  -webkit-box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.5);
  -moz-box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.5);
  box-sizing: border-box;
  width: 200px;
  display: none;
}
.header-wrap header .header-sections .top-tier-nav li .site-administration-dropdown li {
  display: block;
  border-left: none;
  float: none;
  background: transparent;
  text-align: left;
  padding: 0 10px;
  margin: 0;
}
.header-wrap header .header-sections .top-tier-nav li .site-administration-dropdown li a {
  color: #e1e1e1;
  font-weight: 400;
  padding: 8px 10px;
  width: 100%;
  display: block;
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -o-box-sizing: border-box;
}
.header-wrap header .header-sections .top-tier-nav li .site-administration-dropdown li a:hover {
  background: #2b6795;
}
.header-wrap header .header-sections .top-tier-nav li .utilities-dropdown {
  position: absolute;
  background-color: #0a4668;
  margin-left: 0px;
  text-align: center;
  padding: 10px 0;
  top: 36px;
  left: 0;
  min-width: 0;
  width: 100%;
  box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.5);
  -webkit-box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.5);
  -moz-box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.5);
  box-sizing: border-box;
  width: 200px;
  display: none;
}
.header-wrap header .header-sections .top-tier-nav li .utilities-dropdown li {
  display: block;
  border-left: none;
  float: none;
  background: transparent;
  text-align: left;
  padding: 0 10px;
  margin: 0;
}
.header-wrap header .header-sections .top-tier-nav li .utilities-dropdown li a {
  color: #e1e1e1;
  font-weight: 400;
  padding: 8px 10px;
  width: 100%;
  display: block;
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -o-box-sizing: border-box;
}
.header-wrap header .header-sections .top-tier-nav li .utilities-dropdown li a:hover {
  background: #2b6795;
}
.header-wrap header .header-sections .top-tier-nav li .manage-dropdown {
  position: absolute;
  background-color: #0a4668;
  margin-left: 0px;
  text-align: center;
  padding: 10px 0;
  top: 36px;
  left: 0;
  min-width: 0;
  width: 100%;
  box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.5);
  -webkit-box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.5);
  -moz-box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.5);
  box-sizing: border-box;
  width: 200px;
  display: none;
}
.header-wrap header .header-sections .top-tier-nav li .manage-dropdown li {
  display: block;
  border-left: none;
  float: none;
  background: transparent;
  text-align: left;
  padding: 0 10px;
  margin: 0;
}
.header-wrap header .header-sections .top-tier-nav li .manage-dropdown li a {
  color: #e1e1e1;
  font-weight: 500;
  font-size: 13px;
  padding: 8px 10px;
  width: 100%;
  display: block;
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -o-box-sizing: border-box;
}
.header-wrap header .header-sections .top-tier-nav li .manage-dropdown li a:hover {
  background: #2b6795;
}
.header-wrap header .header-sections .top-tier-nav img {
  padding-right: 10px;
  margin-top: -5px;
}
.header-wrap header .header-sections .top-tier-nav li .manage-button:hover img, .header-wrap header .header-sections .top-tier-nav li .dashboard-button:hover img, .header-wrap header .header-sections .top-tier-nav li .utilities-button:hover img, .header-wrap header .header-sections .top-tier-nav li .asset-administration-button:hover img {
  opacity: 0.85;
}
.header-wrap header .header-sections .top-tier-nav li .manage-button:hover .nav-name, .header-wrap header .header-sections .top-tier-nav li .dashboard-button:hover .nav-name, .header-wrap header .header-sections .top-tier-nav li .utilities-button:hover .nav-name, .header-wrap header .header-sections .top-tier-nav li .asset-administration-button:hover .nav-name {
  color: #0095ce;
}
.header-wrap header .header-sections .top-tier-nav li .manage-button:hover .dropdown-arrow, .header-wrap header .header-sections .top-tier-nav li .dashboard-button:hover .dropdown-arrow, .header-wrap header .header-sections .top-tier-nav li .utilities-button:hover .dropdown-arrow, .header-wrap header .header-sections .top-tier-nav li .asset-administration-button:hover .dropdown-arrow {
  border-bottom-color: #0095ce;
}
.header-wrap header .header-sections .top-tier-nav li:hover a:hover {
  color: #fff;
}
.header-wrap header.flex-header {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
}
.header-wrap header.flex-header > * {
  height: 100%;
}
.header-wrap header.flex-header > *.header-sections .row {
  display: flex;
  align-items: center;
  height: 100%;
}

/* FONTS */
/* COLORS */
/* BORDERS */
.text-align-right {
  text-align: right;
}

.no-margin {
  margin: 0 !important;
}

.margin-top-negative-50 {
  margin-top: -50px !important;
}

.margin-top-5 {
  margin-top: 5px !important;
}

.margin-top-10 {
  margin-top: 10px !important;
}

.margin-top-15 {
  margin-top: 15px !important;
}

.margin-top-20 {
  margin-top: 20px !important;
}

.margin-top-25 {
  margin-top: 25px !important;
}

.margin-top-30 {
  margin-top: 30px !important;
}

.margin-top-40 {
  margin-top: 40px !important;
}

.margin-top-45 {
  margin-top: 45px !important;
}

.margin-top-50 {
  margin-top: 50px !important;
}

.margin-top-60 {
  margin-top: 60px !important;
}

.margin-top-70 {
  margin-top: 70px !important;
}

.margin-top-75 {
  margin-top: 75px !important;
}

.margin-top-80 {
  margin-top: 80px !important;
}

.margin-top-100 {
  margin-top: 100px !important;
}

.margin-bottom-10 {
  margin-bottom: 10px !important;
}

.margin-bottom-20 {
  margin-bottom: 20px !important;
}

.margin-bottom-25 {
  margin-bottom: 25px !important;
}

.margin-bottom-30 {
  margin-bottom: 30px !important;
}

.margin-bottom-40 {
  margin-bottom: 40px !important;
}

.margin-bottom-50 {
  margin-bottom: 50px !important;
}

.margin-bottom-60 {
  margin-bottom: 60px !important;
}

.margin-bottom-70 {
  margin-bottom: 70px !important;
}

.margin-bottom-75 {
  margin-bottom: 75px !important;
}

.margin-bottom-80 {
  margin-bottom: 80px !important;
}

.margin-bottom-100 {
  margin-bottom: 100px !important;
}

.margin-left-10 {
  margin-left: 10px !important;
}

.margin-left-20 {
  margin-left: 20px !important;
}

.margin-left-25 {
  margin-left: 25px !important;
}

.margin-left-30 {
  margin-left: 30px !important;
}

.margin-left-40 {
  margin-left: 40px !important;
}

.margin-left-50 {
  margin-left: 50px !important;
}

.margin-left-60 {
  margin-left: 60px !important;
}

.margin-left-70 {
  margin-left: 70px !important;
}

.margin-left-75 {
  margin-left: 75px !important;
}

.margin-left-80 {
  margin-left: 80px !important;
}

.margin-left-100 {
  margin-left: 100px !important;
}

.no-margin-right {
  margin-right: 0 !important;
}

.margin-right-10 {
  margin-right: 10px !important;
}

.margin-right-20 {
  margin-right: 20px !important;
}

.margin-right-25 {
  margin-right: 25px !important;
}

.margin-right-30 {
  margin-right: 30px !important;
}

.margin-right-40 {
  margin-right: 40px !important;
}

.margin-right-50 {
  margin-right: 50px !important;
}

.margin-right-60 {
  margin-right: 60px !important;
}

.margin-right-70 {
  margin-right: 70px !important;
}

.margin-right-75 {
  margin-right: 75px !important;
}

.margin-right-80 {
  margin-right: 80px !important;
}

.margin-right-100 {
  margin-right: 100px !important;
}

.margin-10 {
  margin: 10px !important;
}

.margin-20 {
  margin: 20px !important;
}

.margin-25 {
  margin: 25px !important;
}

.margin-30 {
  margin: 30px !important;
}

.margin-40 {
  margin: 40px !important;
}

.margin-50 {
  margin: 50px !important;
}

.margin-60 {
  margin: 60px !important;
}

.margin-70 {
  margin: 70px !important;
}

.margin-75 {
  margin: 75px !important;
}

.margin-80 {
  margin: 80px !important;
}

.margin-100 {
  margin: 100px !important;
}

.minus-content-padding-margin {
  margin: 0 -10px !important;
}
.minus-content-padding-margin .row {
  padding: 0 20px;
}

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

.padding-top-0 {
  padding-top: 0 !important;
}

.padding-top-10 {
  padding-top: 10px !important;
}

.padding-top-20 {
  padding-top: 20px !important;
}

.padding-top-25 {
  padding-top: 25px !important;
}

.padding-top-30 {
  padding-top: 30px !important;
}

.padding-top-40 {
  padding-top: 40px !important;
}

.padding-top-50 {
  padding-top: 50px !important;
}

.padding-top-60 {
  padding-top: 60px !important;
}

.padding-top-70 {
  padding-top: 70px !important;
}

.padding-top-75 {
  padding-top: 75px !important;
}

.padding-top-80 {
  padding-top: 80px !important;
}

.padding-top-100 {
  padding-top: 100px !important;
}

.padding-bottom-0 {
  padding-bottom: 0;
}

.padding-bottom-10 {
  padding-bottom: 10px !important;
}

.padding-bottom-15 {
  padding-bottom: 15px !important;
}

.padding-bottom-20 {
  padding-bottom: 20px !important;
}

.padding-bottom-25 {
  padding-bottom: 25px !important;
}

.padding-bottom-30 {
  padding-bottom: 30px !important;
}

.padding-bottom-40 {
  padding-bottom: 40px !important;
}

.padding-bottom-50 {
  padding-bottom: 50px !important;
}

.padding-bottom-60 {
  padding-bottom: 60px !important;
}

.padding-bottom-70 {
  padding-bottom: 70px !important;
}

.padding-bottom-75 {
  padding-bottom: 75px !important;
}

.padding-bottom-80 {
  padding-bottom: 80px !important;
}

.padding-bottom-100 {
  padding-bottom: 100px !important;
}

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

.padding-left-10 {
  padding-left: 10px !important;
}

.padding-left-20 {
  padding-left: 20px !important;
}

.padding-left-25 {
  padding-left: 25px !important;
}

.padding-left-30 {
  padding-left: 30px !important;
}

.padding-left-40 {
  padding-left: 40px !important;
}

.padding-left-50 {
  padding-left: 50px !important;
}

.padding-left-60 {
  padding-left: 60px !important;
}

.padding-left-70 {
  padding-left: 70px !important;
}

.padding-left-75 {
  padding-left: 75px !important;
}

.padding-left-80 {
  padding-left: 80px !important;
}

.padding-left-100 {
  padding-left: 100px !important;
}

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

.padding-right-10 {
  padding-right: 10px !important;
}

.padding-right-20 {
  padding-right: 20px !important;
}

.padding-right-25 {
  padding-right: 25px !important;
}

.padding-right-30 {
  padding-right: 30px !important;
}

.padding-right-40 {
  padding-right: 40px !important;
}

.padding-right-50 {
  padding-right: 50px !important;
}

.padding-right-60 {
  padding-right: 60px !important;
}

.padding-right-70 {
  padding-right: 70px !important;
}

.padding-right-75 {
  padding-right: 75px !important;
}

.padding-right-80 {
  padding-right: 80px !important;
}

.padding-right-100 {
  padding-right: 100px !important;
}

.padding-10 {
  padding: 10px !important;
}

.padding-15 {
  padding: 15px !important;
}

.padding-20 {
  padding: 20px !important;
}

.padding-25 {
  padding: 25px !important;
}

.padding-30 {
  padding: 30px !important;
}

.padding-40 {
  padding: 40px !important;
}

.padding-50 {
  padding: 50px !important;
}

.padding-60 {
  padding: 60px !important;
}

.padding-70 {
  padding: 70px !important;
}

.padding-75 {
  padding: 75px !important;
}

.padding-80 {
  padding: 80px !important;
}

.padding-100 {
  padding: 100px !important;
}

.width-full {
  width: 100% !important;
}

.margin-zero {
  margin: 0 !important;
}

.results-popup {
  position: fixed;
  background: rgba(0, 0, 0, 0.5);
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  display: none;
  z-index: 9999 !important;
}

.popup {
  position: fixed;
  background: rgba(0, 0, 0, 0.5);
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  display: none;
  z-index: 9999;
}

.popup-content-wrap {
  max-width: 600px;
  background: white;
  position: fixed;
  top: 100px;
  /* bottom: 100px; */
  left: 0;
  right: 0;
  margin: auto;
  border-radius: 5px;
  margin-bottom: 100px;
}

.popup-header {
  height: 56px;
  overflow: hidden;
  background: #f0f0f0;
  border: 1px solid #cccccc;
  border-radius: 5px 5px 0 0;
}

.popup-footer {
  height: 68px;
  overflow: hidden;
  background: #f0f0f0;
  border: 1px solid #cccccc;
  border-radius: 0 0 5px 5px;
  position: absolute;
  bottom: 0;
  right: 0;
  left: 0;
}

.popup-content {
  min-height: 200px;
  overflow-y: auto;
  padding: 30px 20px 100px;
  border-left: 1px solid #cccccc;
  border-right: 1px solid #cccccc;
  max-height: 400px;
  overflow-y: scroll;
}

.logo.popup-footer-section img {
  margin-top: 12px;
}

.popup-content p {
  color: #555555;
  line-height: 28pt;
}

.popup-header h2 {
  color: #888888;
  margin: 13px 20px;
}

.popup-footer-section {
  display: inline-block;
  float: left;
  vertical-align: middle;
}

.close.popup-footer-section {
  float: right;
  margin-top: 12px;
}

.popup_close.popup-footer-section {
  float: right;
  margin: 12px 20px;
}

.popup-link {
  cursor: pointer;
}

.popup-link:hover {
  color: #888888;
}

/* FONTS */
/* COLORS */
/* BORDERS */
.text-align-right {
  text-align: right;
}

.no-margin {
  margin: 0 !important;
}

.margin-top-negative-50 {
  margin-top: -50px !important;
}

.margin-top-5 {
  margin-top: 5px !important;
}

.margin-top-10 {
  margin-top: 10px !important;
}

.margin-top-15 {
  margin-top: 15px !important;
}

.margin-top-20 {
  margin-top: 20px !important;
}

.margin-top-25 {
  margin-top: 25px !important;
}

.margin-top-30 {
  margin-top: 30px !important;
}

.margin-top-40 {
  margin-top: 40px !important;
}

.margin-top-45 {
  margin-top: 45px !important;
}

.margin-top-50 {
  margin-top: 50px !important;
}

.margin-top-60 {
  margin-top: 60px !important;
}

.margin-top-70 {
  margin-top: 70px !important;
}

.margin-top-75 {
  margin-top: 75px !important;
}

.margin-top-80 {
  margin-top: 80px !important;
}

.margin-top-100 {
  margin-top: 100px !important;
}

.margin-bottom-10 {
  margin-bottom: 10px !important;
}

.margin-bottom-20 {
  margin-bottom: 20px !important;
}

.margin-bottom-25 {
  margin-bottom: 25px !important;
}

.margin-bottom-30 {
  margin-bottom: 30px !important;
}

.margin-bottom-40 {
  margin-bottom: 40px !important;
}

.margin-bottom-50 {
  margin-bottom: 50px !important;
}

.margin-bottom-60 {
  margin-bottom: 60px !important;
}

.margin-bottom-70 {
  margin-bottom: 70px !important;
}

.margin-bottom-75 {
  margin-bottom: 75px !important;
}

.margin-bottom-80 {
  margin-bottom: 80px !important;
}

.margin-bottom-100 {
  margin-bottom: 100px !important;
}

.margin-left-10 {
  margin-left: 10px !important;
}

.margin-left-20 {
  margin-left: 20px !important;
}

.margin-left-25 {
  margin-left: 25px !important;
}

.margin-left-30 {
  margin-left: 30px !important;
}

.margin-left-40 {
  margin-left: 40px !important;
}

.margin-left-50 {
  margin-left: 50px !important;
}

.margin-left-60 {
  margin-left: 60px !important;
}

.margin-left-70 {
  margin-left: 70px !important;
}

.margin-left-75 {
  margin-left: 75px !important;
}

.margin-left-80 {
  margin-left: 80px !important;
}

.margin-left-100 {
  margin-left: 100px !important;
}

.no-margin-right {
  margin-right: 0 !important;
}

.margin-right-10 {
  margin-right: 10px !important;
}

.margin-right-20 {
  margin-right: 20px !important;
}

.margin-right-25 {
  margin-right: 25px !important;
}

.margin-right-30 {
  margin-right: 30px !important;
}

.margin-right-40 {
  margin-right: 40px !important;
}

.margin-right-50 {
  margin-right: 50px !important;
}

.margin-right-60 {
  margin-right: 60px !important;
}

.margin-right-70 {
  margin-right: 70px !important;
}

.margin-right-75 {
  margin-right: 75px !important;
}

.margin-right-80 {
  margin-right: 80px !important;
}

.margin-right-100 {
  margin-right: 100px !important;
}

.margin-10 {
  margin: 10px !important;
}

.margin-20 {
  margin: 20px !important;
}

.margin-25 {
  margin: 25px !important;
}

.margin-30 {
  margin: 30px !important;
}

.margin-40 {
  margin: 40px !important;
}

.margin-50 {
  margin: 50px !important;
}

.margin-60 {
  margin: 60px !important;
}

.margin-70 {
  margin: 70px !important;
}

.margin-75 {
  margin: 75px !important;
}

.margin-80 {
  margin: 80px !important;
}

.margin-100 {
  margin: 100px !important;
}

.minus-content-padding-margin {
  margin: 0 -10px !important;
}
.minus-content-padding-margin .row {
  padding: 0 20px;
}

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

.padding-top-0 {
  padding-top: 0 !important;
}

.padding-top-10 {
  padding-top: 10px !important;
}

.padding-top-20 {
  padding-top: 20px !important;
}

.padding-top-25 {
  padding-top: 25px !important;
}

.padding-top-30 {
  padding-top: 30px !important;
}

.padding-top-40 {
  padding-top: 40px !important;
}

.padding-top-50 {
  padding-top: 50px !important;
}

.padding-top-60 {
  padding-top: 60px !important;
}

.padding-top-70 {
  padding-top: 70px !important;
}

.padding-top-75 {
  padding-top: 75px !important;
}

.padding-top-80 {
  padding-top: 80px !important;
}

.padding-top-100 {
  padding-top: 100px !important;
}

.padding-bottom-0 {
  padding-bottom: 0;
}

.padding-bottom-10 {
  padding-bottom: 10px !important;
}

.padding-bottom-15 {
  padding-bottom: 15px !important;
}

.padding-bottom-20 {
  padding-bottom: 20px !important;
}

.padding-bottom-25 {
  padding-bottom: 25px !important;
}

.padding-bottom-30 {
  padding-bottom: 30px !important;
}

.padding-bottom-40 {
  padding-bottom: 40px !important;
}

.padding-bottom-50 {
  padding-bottom: 50px !important;
}

.padding-bottom-60 {
  padding-bottom: 60px !important;
}

.padding-bottom-70 {
  padding-bottom: 70px !important;
}

.padding-bottom-75 {
  padding-bottom: 75px !important;
}

.padding-bottom-80 {
  padding-bottom: 80px !important;
}

.padding-bottom-100 {
  padding-bottom: 100px !important;
}

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

.padding-left-10 {
  padding-left: 10px !important;
}

.padding-left-20 {
  padding-left: 20px !important;
}

.padding-left-25 {
  padding-left: 25px !important;
}

.padding-left-30 {
  padding-left: 30px !important;
}

.padding-left-40 {
  padding-left: 40px !important;
}

.padding-left-50 {
  padding-left: 50px !important;
}

.padding-left-60 {
  padding-left: 60px !important;
}

.padding-left-70 {
  padding-left: 70px !important;
}

.padding-left-75 {
  padding-left: 75px !important;
}

.padding-left-80 {
  padding-left: 80px !important;
}

.padding-left-100 {
  padding-left: 100px !important;
}

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

.padding-right-10 {
  padding-right: 10px !important;
}

.padding-right-20 {
  padding-right: 20px !important;
}

.padding-right-25 {
  padding-right: 25px !important;
}

.padding-right-30 {
  padding-right: 30px !important;
}

.padding-right-40 {
  padding-right: 40px !important;
}

.padding-right-50 {
  padding-right: 50px !important;
}

.padding-right-60 {
  padding-right: 60px !important;
}

.padding-right-70 {
  padding-right: 70px !important;
}

.padding-right-75 {
  padding-right: 75px !important;
}

.padding-right-80 {
  padding-right: 80px !important;
}

.padding-right-100 {
  padding-right: 100px !important;
}

.padding-10 {
  padding: 10px !important;
}

.padding-15 {
  padding: 15px !important;
}

.padding-20 {
  padding: 20px !important;
}

.padding-25 {
  padding: 25px !important;
}

.padding-30 {
  padding: 30px !important;
}

.padding-40 {
  padding: 40px !important;
}

.padding-50 {
  padding: 50px !important;
}

.padding-60 {
  padding: 60px !important;
}

.padding-70 {
  padding: 70px !important;
}

.padding-75 {
  padding: 75px !important;
}

.padding-80 {
  padding: 80px !important;
}

.padding-100 {
  padding: 100px !important;
}

.width-full {
  width: 100% !important;
}

.margin-zero {
  margin: 0 !important;
}

/* Sidebar Left Area */
aside {
  position: fixed;
  width: 200px;
  top: 60px;
  bottom: 0;
  left: 0;
  overflow-y: auto;
  background: #0099cc;
  display: none;
}
aside ul {
  margin: 0;
  padding: 0;
}
aside ul li {
  width: 200px;
  height: auto;
  display: block;
  text-align: left;
  font-weight: 400;
  padding: 0 0 0 25px;
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
}
aside ul li .nav-link-div {
  color: rgba(250, 250, 250, 0.9);
  padding: 10px 0;
  width: 100%;
  box-sizing: border-box;
  position: relative;
}
aside ul li .nav-link-div:hover {
  color: rgba(250, 250, 250, 0.8);
}
aside ul li .nav-link-div span {
  margin-right: 10px;
}
aside ul li .nav-link-div span img {
  margin-top: -5px;
}
aside ul li .nav-link-div .arrow-left {
  border-right: 10px solid #f6f6f6;
  border-left: 10px solid transparent;
  border-bottom: 10px solid transparent;
  border-top: 10px solid transparent;
  width: 0px;
  position: absolute;
  float: right;
  right: 0px;
  top: 13px;
  z-index: 2;
}
aside ul p {
  color: white;
  font-family: "Open sans";
  opacity: 0.8;
  margin: 20px 0 5px;
  padding-left: 10px;
  width: 200px;
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
}

/* FONTS */
/* COLORS */
/* BORDERS */
.text-align-right {
  text-align: right;
}

.no-margin {
  margin: 0 !important;
}

.margin-top-negative-50 {
  margin-top: -50px !important;
}

.margin-top-5 {
  margin-top: 5px !important;
}

.margin-top-10 {
  margin-top: 10px !important;
}

.margin-top-15 {
  margin-top: 15px !important;
}

.margin-top-20 {
  margin-top: 20px !important;
}

.margin-top-25 {
  margin-top: 25px !important;
}

.margin-top-30 {
  margin-top: 30px !important;
}

.margin-top-40 {
  margin-top: 40px !important;
}

.margin-top-45 {
  margin-top: 45px !important;
}

.margin-top-50 {
  margin-top: 50px !important;
}

.margin-top-60 {
  margin-top: 60px !important;
}

.margin-top-70 {
  margin-top: 70px !important;
}

.margin-top-75 {
  margin-top: 75px !important;
}

.margin-top-80 {
  margin-top: 80px !important;
}

.margin-top-100 {
  margin-top: 100px !important;
}

.margin-bottom-10 {
  margin-bottom: 10px !important;
}

.margin-bottom-20 {
  margin-bottom: 20px !important;
}

.margin-bottom-25 {
  margin-bottom: 25px !important;
}

.margin-bottom-30 {
  margin-bottom: 30px !important;
}

.margin-bottom-40 {
  margin-bottom: 40px !important;
}

.margin-bottom-50 {
  margin-bottom: 50px !important;
}

.margin-bottom-60 {
  margin-bottom: 60px !important;
}

.margin-bottom-70 {
  margin-bottom: 70px !important;
}

.margin-bottom-75 {
  margin-bottom: 75px !important;
}

.margin-bottom-80 {
  margin-bottom: 80px !important;
}

.margin-bottom-100 {
  margin-bottom: 100px !important;
}

.margin-left-10 {
  margin-left: 10px !important;
}

.margin-left-20 {
  margin-left: 20px !important;
}

.margin-left-25 {
  margin-left: 25px !important;
}

.margin-left-30 {
  margin-left: 30px !important;
}

.margin-left-40 {
  margin-left: 40px !important;
}

.margin-left-50 {
  margin-left: 50px !important;
}

.margin-left-60 {
  margin-left: 60px !important;
}

.margin-left-70 {
  margin-left: 70px !important;
}

.margin-left-75 {
  margin-left: 75px !important;
}

.margin-left-80 {
  margin-left: 80px !important;
}

.margin-left-100 {
  margin-left: 100px !important;
}

.no-margin-right {
  margin-right: 0 !important;
}

.margin-right-10 {
  margin-right: 10px !important;
}

.margin-right-20 {
  margin-right: 20px !important;
}

.margin-right-25 {
  margin-right: 25px !important;
}

.margin-right-30 {
  margin-right: 30px !important;
}

.margin-right-40 {
  margin-right: 40px !important;
}

.margin-right-50 {
  margin-right: 50px !important;
}

.margin-right-60 {
  margin-right: 60px !important;
}

.margin-right-70 {
  margin-right: 70px !important;
}

.margin-right-75 {
  margin-right: 75px !important;
}

.margin-right-80 {
  margin-right: 80px !important;
}

.margin-right-100 {
  margin-right: 100px !important;
}

.margin-10 {
  margin: 10px !important;
}

.margin-20 {
  margin: 20px !important;
}

.margin-25 {
  margin: 25px !important;
}

.margin-30 {
  margin: 30px !important;
}

.margin-40 {
  margin: 40px !important;
}

.margin-50 {
  margin: 50px !important;
}

.margin-60 {
  margin: 60px !important;
}

.margin-70 {
  margin: 70px !important;
}

.margin-75 {
  margin: 75px !important;
}

.margin-80 {
  margin: 80px !important;
}

.margin-100 {
  margin: 100px !important;
}

.minus-content-padding-margin {
  margin: 0 -10px !important;
}
.minus-content-padding-margin .row {
  padding: 0 20px;
}

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

.padding-top-0 {
  padding-top: 0 !important;
}

.padding-top-10 {
  padding-top: 10px !important;
}

.padding-top-20 {
  padding-top: 20px !important;
}

.padding-top-25 {
  padding-top: 25px !important;
}

.padding-top-30 {
  padding-top: 30px !important;
}

.padding-top-40 {
  padding-top: 40px !important;
}

.padding-top-50 {
  padding-top: 50px !important;
}

.padding-top-60 {
  padding-top: 60px !important;
}

.padding-top-70 {
  padding-top: 70px !important;
}

.padding-top-75 {
  padding-top: 75px !important;
}

.padding-top-80 {
  padding-top: 80px !important;
}

.padding-top-100 {
  padding-top: 100px !important;
}

.padding-bottom-0 {
  padding-bottom: 0;
}

.padding-bottom-10 {
  padding-bottom: 10px !important;
}

.padding-bottom-15 {
  padding-bottom: 15px !important;
}

.padding-bottom-20 {
  padding-bottom: 20px !important;
}

.padding-bottom-25 {
  padding-bottom: 25px !important;
}

.padding-bottom-30 {
  padding-bottom: 30px !important;
}

.padding-bottom-40 {
  padding-bottom: 40px !important;
}

.padding-bottom-50 {
  padding-bottom: 50px !important;
}

.padding-bottom-60 {
  padding-bottom: 60px !important;
}

.padding-bottom-70 {
  padding-bottom: 70px !important;
}

.padding-bottom-75 {
  padding-bottom: 75px !important;
}

.padding-bottom-80 {
  padding-bottom: 80px !important;
}

.padding-bottom-100 {
  padding-bottom: 100px !important;
}

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

.padding-left-10 {
  padding-left: 10px !important;
}

.padding-left-20 {
  padding-left: 20px !important;
}

.padding-left-25 {
  padding-left: 25px !important;
}

.padding-left-30 {
  padding-left: 30px !important;
}

.padding-left-40 {
  padding-left: 40px !important;
}

.padding-left-50 {
  padding-left: 50px !important;
}

.padding-left-60 {
  padding-left: 60px !important;
}

.padding-left-70 {
  padding-left: 70px !important;
}

.padding-left-75 {
  padding-left: 75px !important;
}

.padding-left-80 {
  padding-left: 80px !important;
}

.padding-left-100 {
  padding-left: 100px !important;
}

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

.padding-right-10 {
  padding-right: 10px !important;
}

.padding-right-20 {
  padding-right: 20px !important;
}

.padding-right-25 {
  padding-right: 25px !important;
}

.padding-right-30 {
  padding-right: 30px !important;
}

.padding-right-40 {
  padding-right: 40px !important;
}

.padding-right-50 {
  padding-right: 50px !important;
}

.padding-right-60 {
  padding-right: 60px !important;
}

.padding-right-70 {
  padding-right: 70px !important;
}

.padding-right-75 {
  padding-right: 75px !important;
}

.padding-right-80 {
  padding-right: 80px !important;
}

.padding-right-100 {
  padding-right: 100px !important;
}

.padding-10 {
  padding: 10px !important;
}

.padding-15 {
  padding: 15px !important;
}

.padding-20 {
  padding: 20px !important;
}

.padding-25 {
  padding: 25px !important;
}

.padding-30 {
  padding: 30px !important;
}

.padding-40 {
  padding: 40px !important;
}

.padding-50 {
  padding: 50px !important;
}

.padding-60 {
  padding: 60px !important;
}

.padding-70 {
  padding: 70px !important;
}

.padding-75 {
  padding: 75px !important;
}

.padding-80 {
  padding: 80px !important;
}

.padding-100 {
  padding: 100px !important;
}

.width-full {
  width: 100% !important;
}

.margin-zero {
  margin: 0 !important;
}

/* Main Content Area */
.main-body-wrap {
  overflow: hidden;
  width: 100%;
  margin-top: 51px;
}
.main-body-wrap .content-footer-wrap-for-scrolling {
  overflow-x: hidden;
  position: relative;
}
.main-body-wrap .content-footer-wrap-for-scrolling section {
  position: relative;
  background: #f6f6f6;
  height: auto;
  right: 0;
  margin: 0;
  padding: 0 65px;
  min-width: 0;
}
.main-body-wrap .content-footer-wrap-for-scrolling section .sub-nav-bar {
  position: fixed;
  top: 51px;
  left: 0;
  right: 0px;
  height: 44px;
  /*margin-left: 244px;*/
  margin-right: 0;
  padding-top: 4px;
  background: rgba(255, 255, 255, 0.8);
  z-index: 999;
  border-bottom: 1px solid #dadada;
}
.main-body-wrap .content-footer-wrap-for-scrolling section .sub-nav-bar .sub-nav-section {
  display: inline-block;
  margin: 5px 0;
}
.main-body-wrap .content-footer-wrap-for-scrolling section .sub-nav-bar .sub-nav-section.save-btn-wrap {
  float: right;
  margin-right: 20px;
}
.main-body-wrap .content-footer-wrap-for-scrolling section .sub-nav-bar .sub-nav-section.save-btn-wrap.calculate-btn-wrap {
  margin-right: 50px;
}
.main-body-wrap .content-footer-wrap-for-scrolling section .sub-nav-bar .sub-nav-section.close-btn-wrap {
  float: right;
  margin-right: 50px;
}
.main-body-wrap .content-footer-wrap-for-scrolling section .sub-nav-bar .sub-nav-section.close-btn-wrap .btn-default {
  background: #f06623;
  border: 1px solid #B8420A;
}
.main-body-wrap .content-footer-wrap-for-scrolling section .sub-nav-bar .sub-nav-section.close-btn-wrap .btn-default:hover {
  background: #F17338 !important;
}
.main-body-wrap .content-footer-wrap-for-scrolling section .sub-nav-bar .sub-nav-section .btn.btn-default {
  width: auto !important;
  min-width: 0;
  padding: 5px 20px;
}
.main-body-wrap .content-footer-wrap-for-scrolling section .sub-nav-bar .sub-nav-section .btn.btn-default.last-calculation {
  font-size: 11pt;
  margin-right: 15px;
  border-color: #037EA8;
}
.main-body-wrap .content-footer-wrap-for-scrolling section .sub-nav-bar .sub-nav-section .btn.btn-default.last-calculation:hover {
  background: #25A5D0 !important;
}
.main-body-wrap .content-footer-wrap-for-scrolling section .sub-nav-bar .sub-nav-section .recalculate_button {
  height: auto;
  left: 50%;
  bottom: 25px;
  color: #fff;
  font-size: 11pt;
  float: right;
  border-radius: 3px;
  box-shadow: none;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  text-indent: 0;
  padding: 5px 20px;
  background: #F47C43;
  border-color: #D56A37;
  font-family: "Open sans", sans-serif;
}
.main-body-wrap .content-footer-wrap-for-scrolling section .sub-nav-bar .sub-nav-section .recalculate_button:focus {
  border: 1px solid #03759B !important;
  padding: 5px 20px;
}
.main-body-wrap .content-footer-wrap-for-scrolling section .sub-nav-bar .sub-nav-section .recalculate_button:hover {
  background: #F58F5E;
}
.main-body-wrap .content-footer-wrap-for-scrolling section .sub-nav-bar .back-button-wrap {
  margin-left: 20px;
}
.main-body-wrap .content-footer-wrap-for-scrolling section .sub-nav-bar .back-button-wrap.start-trial {
  margin-left: 45px;
}
.main-body-wrap .content-footer-wrap-for-scrolling section .content {
  max-width: 4000px;
  margin: 0 2.5%;
  height: auto;
  width: auto;
  position: static;
  padding: 50px 0;
}
.main-body-wrap .content-footer-wrap-for-scrolling section .content.w-sub-nav-bar {
  padding-top: 100px;
  position: relative;
}
.main-body-wrap .content-footer-wrap-for-scrolling section .content .main-content-body {
  margin: 0 auto;
  width: 100%;
}

/* FONTS */
/* COLORS */
/* BORDERS */
.text-align-right {
  text-align: right;
}

.no-margin {
  margin: 0 !important;
}

.margin-top-negative-50 {
  margin-top: -50px !important;
}

.margin-top-5 {
  margin-top: 5px !important;
}

.margin-top-10 {
  margin-top: 10px !important;
}

.margin-top-15 {
  margin-top: 15px !important;
}

.margin-top-20 {
  margin-top: 20px !important;
}

.margin-top-25 {
  margin-top: 25px !important;
}

.margin-top-30 {
  margin-top: 30px !important;
}

.margin-top-40 {
  margin-top: 40px !important;
}

.margin-top-45 {
  margin-top: 45px !important;
}

.margin-top-50 {
  margin-top: 50px !important;
}

.margin-top-60 {
  margin-top: 60px !important;
}

.margin-top-70 {
  margin-top: 70px !important;
}

.margin-top-75 {
  margin-top: 75px !important;
}

.margin-top-80 {
  margin-top: 80px !important;
}

.margin-top-100 {
  margin-top: 100px !important;
}

.margin-bottom-10 {
  margin-bottom: 10px !important;
}

.margin-bottom-20 {
  margin-bottom: 20px !important;
}

.margin-bottom-25 {
  margin-bottom: 25px !important;
}

.margin-bottom-30 {
  margin-bottom: 30px !important;
}

.margin-bottom-40 {
  margin-bottom: 40px !important;
}

.margin-bottom-50 {
  margin-bottom: 50px !important;
}

.margin-bottom-60 {
  margin-bottom: 60px !important;
}

.margin-bottom-70 {
  margin-bottom: 70px !important;
}

.margin-bottom-75 {
  margin-bottom: 75px !important;
}

.margin-bottom-80 {
  margin-bottom: 80px !important;
}

.margin-bottom-100 {
  margin-bottom: 100px !important;
}

.margin-left-10 {
  margin-left: 10px !important;
}

.margin-left-20 {
  margin-left: 20px !important;
}

.margin-left-25 {
  margin-left: 25px !important;
}

.margin-left-30 {
  margin-left: 30px !important;
}

.margin-left-40 {
  margin-left: 40px !important;
}

.margin-left-50 {
  margin-left: 50px !important;
}

.margin-left-60 {
  margin-left: 60px !important;
}

.margin-left-70 {
  margin-left: 70px !important;
}

.margin-left-75 {
  margin-left: 75px !important;
}

.margin-left-80 {
  margin-left: 80px !important;
}

.margin-left-100 {
  margin-left: 100px !important;
}

.no-margin-right {
  margin-right: 0 !important;
}

.margin-right-10 {
  margin-right: 10px !important;
}

.margin-right-20 {
  margin-right: 20px !important;
}

.margin-right-25 {
  margin-right: 25px !important;
}

.margin-right-30 {
  margin-right: 30px !important;
}

.margin-right-40 {
  margin-right: 40px !important;
}

.margin-right-50 {
  margin-right: 50px !important;
}

.margin-right-60 {
  margin-right: 60px !important;
}

.margin-right-70 {
  margin-right: 70px !important;
}

.margin-right-75 {
  margin-right: 75px !important;
}

.margin-right-80 {
  margin-right: 80px !important;
}

.margin-right-100 {
  margin-right: 100px !important;
}

.margin-10 {
  margin: 10px !important;
}

.margin-20 {
  margin: 20px !important;
}

.margin-25 {
  margin: 25px !important;
}

.margin-30 {
  margin: 30px !important;
}

.margin-40 {
  margin: 40px !important;
}

.margin-50 {
  margin: 50px !important;
}

.margin-60 {
  margin: 60px !important;
}

.margin-70 {
  margin: 70px !important;
}

.margin-75 {
  margin: 75px !important;
}

.margin-80 {
  margin: 80px !important;
}

.margin-100 {
  margin: 100px !important;
}

.minus-content-padding-margin {
  margin: 0 -10px !important;
}
.minus-content-padding-margin .row {
  padding: 0 20px;
}

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

.padding-top-0 {
  padding-top: 0 !important;
}

.padding-top-10 {
  padding-top: 10px !important;
}

.padding-top-20 {
  padding-top: 20px !important;
}

.padding-top-25 {
  padding-top: 25px !important;
}

.padding-top-30 {
  padding-top: 30px !important;
}

.padding-top-40 {
  padding-top: 40px !important;
}

.padding-top-50 {
  padding-top: 50px !important;
}

.padding-top-60 {
  padding-top: 60px !important;
}

.padding-top-70 {
  padding-top: 70px !important;
}

.padding-top-75 {
  padding-top: 75px !important;
}

.padding-top-80 {
  padding-top: 80px !important;
}

.padding-top-100 {
  padding-top: 100px !important;
}

.padding-bottom-0 {
  padding-bottom: 0;
}

.padding-bottom-10 {
  padding-bottom: 10px !important;
}

.padding-bottom-15 {
  padding-bottom: 15px !important;
}

.padding-bottom-20 {
  padding-bottom: 20px !important;
}

.padding-bottom-25 {
  padding-bottom: 25px !important;
}

.padding-bottom-30 {
  padding-bottom: 30px !important;
}

.padding-bottom-40 {
  padding-bottom: 40px !important;
}

.padding-bottom-50 {
  padding-bottom: 50px !important;
}

.padding-bottom-60 {
  padding-bottom: 60px !important;
}

.padding-bottom-70 {
  padding-bottom: 70px !important;
}

.padding-bottom-75 {
  padding-bottom: 75px !important;
}

.padding-bottom-80 {
  padding-bottom: 80px !important;
}

.padding-bottom-100 {
  padding-bottom: 100px !important;
}

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

.padding-left-10 {
  padding-left: 10px !important;
}

.padding-left-20 {
  padding-left: 20px !important;
}

.padding-left-25 {
  padding-left: 25px !important;
}

.padding-left-30 {
  padding-left: 30px !important;
}

.padding-left-40 {
  padding-left: 40px !important;
}

.padding-left-50 {
  padding-left: 50px !important;
}

.padding-left-60 {
  padding-left: 60px !important;
}

.padding-left-70 {
  padding-left: 70px !important;
}

.padding-left-75 {
  padding-left: 75px !important;
}

.padding-left-80 {
  padding-left: 80px !important;
}

.padding-left-100 {
  padding-left: 100px !important;
}

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

.padding-right-10 {
  padding-right: 10px !important;
}

.padding-right-20 {
  padding-right: 20px !important;
}

.padding-right-25 {
  padding-right: 25px !important;
}

.padding-right-30 {
  padding-right: 30px !important;
}

.padding-right-40 {
  padding-right: 40px !important;
}

.padding-right-50 {
  padding-right: 50px !important;
}

.padding-right-60 {
  padding-right: 60px !important;
}

.padding-right-70 {
  padding-right: 70px !important;
}

.padding-right-75 {
  padding-right: 75px !important;
}

.padding-right-80 {
  padding-right: 80px !important;
}

.padding-right-100 {
  padding-right: 100px !important;
}

.padding-10 {
  padding: 10px !important;
}

.padding-15 {
  padding: 15px !important;
}

.padding-20 {
  padding: 20px !important;
}

.padding-25 {
  padding: 25px !important;
}

.padding-30 {
  padding: 30px !important;
}

.padding-40 {
  padding: 40px !important;
}

.padding-50 {
  padding: 50px !important;
}

.padding-60 {
  padding: 60px !important;
}

.padding-70 {
  padding: 70px !important;
}

.padding-75 {
  padding: 75px !important;
}

.padding-80 {
  padding: 80px !important;
}

.padding-100 {
  padding: 100px !important;
}

.width-full {
  width: 100% !important;
}

.margin-zero {
  margin: 0 !important;
}

/* Footer Area */
.footer {
  background: white;
  display: block;
  border-top: 1px solid #ddd;
  padding: 5px 0 10px;
}
.footer .footer-section {
  display: inline-block;
  vertical-align: top;
  margin-top: 4px;
  height: 44px;
  margin-left: 20px;
}
.footer .footer-section p {
  font-size: 10pt;
  color: #555555;
  margin-top: 17px;
  margin-left: 20px;
}
.footer .footer-section p.copyright a {
  font-weight: 400;
  color: #555555;
}
.footer .footer-section.right {
  float: right;
  margin-right: 20px;
}

/* FONTS */
/* COLORS */
/* BORDERS */
.text-align-right {
  text-align: right;
}

.no-margin {
  margin: 0 !important;
}

.margin-top-negative-50 {
  margin-top: -50px !important;
}

.margin-top-5 {
  margin-top: 5px !important;
}

.margin-top-10 {
  margin-top: 10px !important;
}

.margin-top-15 {
  margin-top: 15px !important;
}

.margin-top-20 {
  margin-top: 20px !important;
}

.margin-top-25 {
  margin-top: 25px !important;
}

.margin-top-30 {
  margin-top: 30px !important;
}

.margin-top-40 {
  margin-top: 40px !important;
}

.margin-top-45 {
  margin-top: 45px !important;
}

.margin-top-50 {
  margin-top: 50px !important;
}

.margin-top-60 {
  margin-top: 60px !important;
}

.margin-top-70 {
  margin-top: 70px !important;
}

.margin-top-75 {
  margin-top: 75px !important;
}

.margin-top-80 {
  margin-top: 80px !important;
}

.margin-top-100 {
  margin-top: 100px !important;
}

.margin-bottom-10 {
  margin-bottom: 10px !important;
}

.margin-bottom-20 {
  margin-bottom: 20px !important;
}

.margin-bottom-25 {
  margin-bottom: 25px !important;
}

.margin-bottom-30 {
  margin-bottom: 30px !important;
}

.margin-bottom-40 {
  margin-bottom: 40px !important;
}

.margin-bottom-50 {
  margin-bottom: 50px !important;
}

.margin-bottom-60 {
  margin-bottom: 60px !important;
}

.margin-bottom-70 {
  margin-bottom: 70px !important;
}

.margin-bottom-75 {
  margin-bottom: 75px !important;
}

.margin-bottom-80 {
  margin-bottom: 80px !important;
}

.margin-bottom-100 {
  margin-bottom: 100px !important;
}

.margin-left-10 {
  margin-left: 10px !important;
}

.margin-left-20 {
  margin-left: 20px !important;
}

.margin-left-25 {
  margin-left: 25px !important;
}

.margin-left-30 {
  margin-left: 30px !important;
}

.margin-left-40 {
  margin-left: 40px !important;
}

.margin-left-50 {
  margin-left: 50px !important;
}

.margin-left-60 {
  margin-left: 60px !important;
}

.margin-left-70 {
  margin-left: 70px !important;
}

.margin-left-75 {
  margin-left: 75px !important;
}

.margin-left-80 {
  margin-left: 80px !important;
}

.margin-left-100 {
  margin-left: 100px !important;
}

.no-margin-right {
  margin-right: 0 !important;
}

.margin-right-10 {
  margin-right: 10px !important;
}

.margin-right-20 {
  margin-right: 20px !important;
}

.margin-right-25 {
  margin-right: 25px !important;
}

.margin-right-30 {
  margin-right: 30px !important;
}

.margin-right-40 {
  margin-right: 40px !important;
}

.margin-right-50 {
  margin-right: 50px !important;
}

.margin-right-60 {
  margin-right: 60px !important;
}

.margin-right-70 {
  margin-right: 70px !important;
}

.margin-right-75 {
  margin-right: 75px !important;
}

.margin-right-80 {
  margin-right: 80px !important;
}

.margin-right-100 {
  margin-right: 100px !important;
}

.margin-10 {
  margin: 10px !important;
}

.margin-20 {
  margin: 20px !important;
}

.margin-25 {
  margin: 25px !important;
}

.margin-30 {
  margin: 30px !important;
}

.margin-40 {
  margin: 40px !important;
}

.margin-50 {
  margin: 50px !important;
}

.margin-60 {
  margin: 60px !important;
}

.margin-70 {
  margin: 70px !important;
}

.margin-75 {
  margin: 75px !important;
}

.margin-80 {
  margin: 80px !important;
}

.margin-100 {
  margin: 100px !important;
}

.minus-content-padding-margin {
  margin: 0 -10px !important;
}
.minus-content-padding-margin .row {
  padding: 0 20px;
}

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

.padding-top-0 {
  padding-top: 0 !important;
}

.padding-top-10 {
  padding-top: 10px !important;
}

.padding-top-20 {
  padding-top: 20px !important;
}

.padding-top-25 {
  padding-top: 25px !important;
}

.padding-top-30 {
  padding-top: 30px !important;
}

.padding-top-40 {
  padding-top: 40px !important;
}

.padding-top-50 {
  padding-top: 50px !important;
}

.padding-top-60 {
  padding-top: 60px !important;
}

.padding-top-70 {
  padding-top: 70px !important;
}

.padding-top-75 {
  padding-top: 75px !important;
}

.padding-top-80 {
  padding-top: 80px !important;
}

.padding-top-100 {
  padding-top: 100px !important;
}

.padding-bottom-0 {
  padding-bottom: 0;
}

.padding-bottom-10 {
  padding-bottom: 10px !important;
}

.padding-bottom-15 {
  padding-bottom: 15px !important;
}

.padding-bottom-20 {
  padding-bottom: 20px !important;
}

.padding-bottom-25 {
  padding-bottom: 25px !important;
}

.padding-bottom-30 {
  padding-bottom: 30px !important;
}

.padding-bottom-40 {
  padding-bottom: 40px !important;
}

.padding-bottom-50 {
  padding-bottom: 50px !important;
}

.padding-bottom-60 {
  padding-bottom: 60px !important;
}

.padding-bottom-70 {
  padding-bottom: 70px !important;
}

.padding-bottom-75 {
  padding-bottom: 75px !important;
}

.padding-bottom-80 {
  padding-bottom: 80px !important;
}

.padding-bottom-100 {
  padding-bottom: 100px !important;
}

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

.padding-left-10 {
  padding-left: 10px !important;
}

.padding-left-20 {
  padding-left: 20px !important;
}

.padding-left-25 {
  padding-left: 25px !important;
}

.padding-left-30 {
  padding-left: 30px !important;
}

.padding-left-40 {
  padding-left: 40px !important;
}

.padding-left-50 {
  padding-left: 50px !important;
}

.padding-left-60 {
  padding-left: 60px !important;
}

.padding-left-70 {
  padding-left: 70px !important;
}

.padding-left-75 {
  padding-left: 75px !important;
}

.padding-left-80 {
  padding-left: 80px !important;
}

.padding-left-100 {
  padding-left: 100px !important;
}

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

.padding-right-10 {
  padding-right: 10px !important;
}

.padding-right-20 {
  padding-right: 20px !important;
}

.padding-right-25 {
  padding-right: 25px !important;
}

.padding-right-30 {
  padding-right: 30px !important;
}

.padding-right-40 {
  padding-right: 40px !important;
}

.padding-right-50 {
  padding-right: 50px !important;
}

.padding-right-60 {
  padding-right: 60px !important;
}

.padding-right-70 {
  padding-right: 70px !important;
}

.padding-right-75 {
  padding-right: 75px !important;
}

.padding-right-80 {
  padding-right: 80px !important;
}

.padding-right-100 {
  padding-right: 100px !important;
}

.padding-10 {
  padding: 10px !important;
}

.padding-15 {
  padding: 15px !important;
}

.padding-20 {
  padding: 20px !important;
}

.padding-25 {
  padding: 25px !important;
}

.padding-30 {
  padding: 30px !important;
}

.padding-40 {
  padding: 40px !important;
}

.padding-50 {
  padding: 50px !important;
}

.padding-60 {
  padding: 60px !important;
}

.padding-70 {
  padding: 70px !important;
}

.padding-75 {
  padding: 75px !important;
}

.padding-80 {
  padding: 80px !important;
}

.padding-100 {
  padding: 100px !important;
}

.width-full {
  width: 100% !important;
}

.margin-zero {
  margin: 0 !important;
}

.form-segment-wraps {
  background: #fff;
  border: 1px solid #dadada;
  padding: 5px 20px;
}

.modal .form-segment-wraps {
  padding: 20px;
}

.single-form-wrap {
  margin-top: 30px;
}

.label_td {
  padding: 0 10px;
  position: relative;
}

.input_td {
  width: auto;
  margin: 0 10px;
}
.input_td input {
  width: 100%;
}

input#password {
  text-align: left;
}

input#password_confirmation {
  border: 1px solid #c0c0c0 !important;
  text-align: left;
}

.date-full-width span.e-datewidget {
  width: 100%;
}

.radio-wrap.radio-btn {
  display: inline-block;
  margin: 20px;
}

h3.form-sections-title {
  margin-top: 0;
  margin: 0 5px 25px;
  color: #888;
  border-bottom: 1px solid #e1e1e1;
  padding-bottom: 10px;
  padding-top: 10px;
}

h3.modal-section-title {
  padding-left: 15px;
}

h3.form-sections-title.collapsable-title {
  margin: 0 10px;
  border: 0;
  position: relative;
}

h3.form-sections-title.collapsable-title-alt {
  margin: 0 32px;
}

h3.user-page-titles {
  padding: 40px 0 20px !important;
}

h4.form-sub-title {
  padding-left: 10px;
  margin: 40px 0 20px;
  color: #666;
}

.checkbox-area.form-section {
  width: 49% !important;
  height: auto !important;
  min-height: 0 !important;
}

.small-checkbox-wrap {
  width: 160px;
  margin: 0 auto;
  padding: 5px 20px;
  border-radius: 5px;
  position: relative;
}

@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
  .small-checkbox-wrap {
    width: 210px;
  }
}
.small-checkbox-wrap .input_td {
  width: 20px;
  margin: 0 auto;
  float: none;
  border: 0 !important;
}

.input_td.other-input-wrap {
  margin-top: 15px;
}

.form-section.section-double {
  width: 66.666%;
}

.section-double .label_td {
  width: 46.5%;
}

.section-double .input_td {
  width: 46.5%;
  float: left;
  margin: 0 12px;
}

.input_td.other-input-wrap.other-right {
  margin-right: 0;
}

.usetype-checkboxes .checkbox-area.form-section .small-checkbox-wrap .input_td {
  width: 20px;
  margin: 0 auto;
  display: inline-block;
}

.usetype-checkboxes .checkbox-area.form-section .small-checkbox-wrap .label_td {
  text-align: left;
  display: inline-block;
  padding-left: 0;
}

.usetype-checkboxes .checkbox-area .small-checkbox-wrap label {
  padding-left: 0;
  text-align: left !important;
}

.usetype-checkboxes .checkbox-area.form-section {
  width: 100% !important;
  margin: 0 auto;
  height: auto !important;
  vertical-align: top;
  min-height: 0 !important;
}

.usetype-checkboxes .checkbox-area.form-section .small-checkbox-wrap .label_td {
  text-align: left;
}

.usetype-checkboxes .checkbox-area.form-section .small-checkbox-wrap .input_td {
  width: 20px;
  margin: 0 auto;
  float: left;
}

.usetype-checkboxes .small-checkbox-wrap {
  width: auto;
  padding: 0;
}

.checkbox-wrap.w-border {
  padding: 20px;
  border: 1px solid #e1e1e1;
  margin-bottom: 10px;
  background: #f6f6f6;
  margin: 20px 10px 20px 10px;
  width: auto;
}

.save_btn {
  height: auto;
  left: 50%;
  bottom: 25px;
  padding: 9px 20px 10px;
  background: #0099cc;
  border: 1px solid #03759B;
  color: #fff;
  font-size: 11pt;
  float: right;
  margin: 0 20px 0 0;
  border-radius: 3px;
  box-shadow: none;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  text-indent: 0;
}

.save_btn:focus {
  border: 1px solid #03759B !important;
  padding: 9px 20px 10px !important;
}

.cancel_btn {
  height: auto;
  left: 50%;
  bottom: 25px;
  padding: 9px 20px 10px;
  background: #fff;
  border: 1px solid #C0C0C0;
  font-size: 11pt;
  float: right;
  margin: 0 20px 0 0;
  border-radius: 3px;
  box-shadow: none;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  text-indent: 0;
  color: #333;
}

.cancel_btn:focus {
  background: #f6f6f6;
  padding: 9px 20px 10px !important;
}

span.arrow {
  width: 22px;
  background-repeat: no-repeat;
  position: absolute;
  left: 1em;
  height: 100%;
  margin: 0;
  background-image: url(/assets/images/select-down.png);
  background-position: -2px center;
}
@media (min-width: 1440px) {
  span.arrow {
    left: 2.5em;
  }
}
@media (min-width: 1650px) {
  span.arrow {
    left: 3em;
  }
}
span.arrow.drop-right {
  position: absolute;
  right: 0 !important;
  left: auto !important;
  top: 0;
}

@media (min-width: 1440px) {
  .arrow_alt {
    left: 0.5em !important;
  }
}

.hide-accordion span.arrow {
  background-image: url("/assets/images/select-up.png");
  background-repeat: no-repeat;
}

.accordion-inner.accordion-form {
  padding: 30px;
  border-top: 1px solid #e1e1e1;
}

.label_td label {
  padding-right: 22px;
  position: relative;
}

.form-section {
  margin: 0;
  padding: 5px 0;
  position: relative;
  min-height: 65px;
  height: auto;
  width: 32.9%;
  display: inline-block;
  vertical-align: baseline;
}
.form-section.section-one-8th {
  width: 12.5%;
}
@media (max-width: 1040px) {
  .form-section.hide-1040px {
    display: none;
  }
}

.form-section.section-full {
  width: 100%;
  float: none !important;
  display: block !important;
}

.form-section.section-lg {
  width: 49.5%;
}
.form-section.section-lg textarea.text-input {
  width: 100%;
}

.form-section.section-quarter {
  width: 24.5%;
  vertical-align: bottom;
  min-height: 0;
}

.form-section.section-fifth {
  width: 19.5%;
  vertical-align: baseline;
  min-height: 0;
}

.form-section.section-quarter.section-state {
  width: 24.5%;
}

.form-section.section-three-quarters {
  width: 74.5%;
}

.form-section.section-two-thirds {
  width: 66.6%;
}

.form-section.w-date-picker.section-lg {
  min-height: 0;
}

.form-section.date-picker-section.section-lg {
  min-height: 0;
}

.form-section.jurisdiction-details {
  padding: 0;
}

.section-quarter span.e-datewidget.e-widget {
  width: 100%;
}

.form-section.date-picker-section.section-quarter {
  width: 24%;
}

.form-section.section-sm {
  width: 14.25%;
  float: left;
}

.form-section.am-pm-radio {
  padding: 25px 0 0 15px;
  box-sizing: border-box;
  max-width: 80px;
}

.form-section.am-pm-radio label {
  display: inline-block;
  margin-left: 5px;
}

.form-section.am-pm-radio input {
  cursor: pointer;
}

.form-section.pass-fail-section {
  max-width: 172px;
  padding: 32px 0 0 30px;
  box-sizing: border-box;
}

.small-fields-wrap label {
  text-align: center;
  padding: 0;
}

.small-fields-wrap {
  padding: 20px;
  border: 1px solid #e1e1e1;
  background: #f6f6f6;
  margin: 20px 10px 20px 10px;
}

.additional-field {
  margin: 15px 0;
}

.form-section.align-top {
  vertical-align: top;
}

.align-bottom {
  vertical-align: bottom;
}

.additional-field input.form-field {
  width: 100%;
}

.form-section.date-picker-section {
  vertical-align: bottom;
}

.form-section.number-input-section.section-sm {
  float: none;
  width: 16%;
}

.form-modal-section.section-xs {
  width: 162px;
}

.form-modal-section.section-xs.align-right {
  float: right;
}

.form-modal-section.section-xs.align-right.w-border {
  border: 1px solid #C0C0C0;
  padding: 10px 0px;
  margin: -7px 10px 0;
}

.form-modal-section.section-xs.align-right.w-border label {
  text-align: center;
  padding: 0;
  font-weight: 700;
}

.form-modal-section .label_td .tooltip_result,
.form-section .label_td .tooltip_result {
  margin: 4px 10px;
  padding: 0 4px;
  width: auto;
  background: #C1C1C1;
  color: white;
  border-color: #A4A4A4;
  position: absolute;
  right: 0;
  top: 0;
}

.inline-checkboxes.form-section {
  min-height: 0 !important;
}

.inline-checkboxes .small-checkbox-wrap .input_td {
  float: left;
}

.inline-checkboxes .checkbox-wrap {
  margin: 0 10px;
  padding: 10px;
  background: none;
  border: none;
}

.inline-checkboxes .small-checkbox-wrap {
  margin: 9px auto;
  padding: 0;
  width: auto;
}

span.e-datewidget.e-widget {
  height: 33px;
}

.date-section-lg-wrap {
  padding: 20px;
  margin-top: 25px;
  border: 1px solid #e1e1e1;
  background: #f6f6f6;
}

.accordion-inner h4 button.btn.btn-default {
  position: absolute;
  right: 0;
  top: -15px;
}

h4.small-field-label {
  margin-top: 0;
  margin-bottom: 25px;
}

.related-section-wrap h4 {
  border-bottom: 1px solid #e1e1e1;
  padding: 10px;
  margin: 25px 0 15px;
}

.related-section-wrap.top-title h4 {
  margin-top: 0;
}

textarea.form-field {
  width: 98%;
  padding: 5px 1%;
  outline: none !important;
}

input.form-field.disabled {
  background: #F4F4F4;
}

p.form-text-only-box {
  margin: 0;
  padding: 6px 0 5px;
  background: rgb(250, 250, 250);
  border: 1px solid #dadada;
  text-indent: 10px;
  color: #666;
}

textarea:focus {
  border: 1px solid #0099cc;
}

.no-selection {
  color: #C0C0C0 !important;
  text-transform: capitalize;
}

.mobile-btn {
  float: right;
  margin: 3px 12px 0 0;
}

.save-btn-wrap #passwordSave {
  text-align: right;
  margin: 3%;
}

.tigger-btn {
  cursor: pointer;
}

.button-right ul.editing-btns {
  padding: 3px 10px;
}

.btn-wrap {
  text-align: right;
  margin: 15px 0;
}

.modal .accordion-inner.accordion-form {
  padding: 30px 0;
}

.main-content-body.inside-form-table {
  width: 100%;
  padding: 20px;
  box-sizing: border-box;
  border-top: 1px solid #dadada;
}

.content .form-modal-section.section-xs.align-right.w-border {
  margin-top: -79px;
  border: 0;
}

.toggle-section {
  margin: 10px 0;
  text-align: right;
  position: absolute;
  right: 0;
  top: 85px;
}

.bootstrap-switch.bootstrap-switch-focused {
  outline: none !important;
  box-shadow: none !important;
  border: 1px solid #ccc !important;
}

.bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-primary {
  background: #22B14C;
}

span.bootstrap-switch-handle-off.bootstrap-switch-default {
  background: #ED1C24 !important;
  color: white !important;
}

.form-section-checkbox-wrap {
  margin: 30px 1% 10px !important;
  background: #e1e1e1;
  padding: 20px;
  border: 1px solid #c0c0c0;
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  width: 98% !important;
}
.form-section-checkbox-wrap.vertical-boxes {
  width: 98% !important;
  max-width: 288px;
}
.form-section-checkbox-wrap.vertical-boxes .form-section.checkbox-section {
  width: 100%;
}
.form-section-checkbox-wrap .form-section.checkbox-section {
  min-height: 25px !important;
}
.form-section-checkbox-wrap .form-section.checkbox-section .checkbox-input {
  display: inline-block;
  margin-left: 10px;
}
.form-section-checkbox-wrap .form-section.checkbox-section .checkbox-label {
  display: inline-block;
  margin-left: 5px;
}

@-moz-document url-prefix() {
  /* firefox-only css goes here */
  .input_td.checkbox-td {
    border: 0 !important;
    vertical-align: top !important;
  }
  .am-pm-radio input[type=radio] {
    vertical-align: sub;
  }
}
input#css {
  padding: 0 !important;
}

input#css:focus {
  outline: none !important;
  box-shadow: none !important;
}

.tank-multi-select-chosen {
  background-image: none !important;
  padding-top: 3px !important;
  padding-bottom: 3px !important;
  border-color: #bbbbbb !important;
}

.tank-select .bootstrap-select.dropdown button.btn.btn-default,
.tank-select .bootstrap-select.btn-group button.btn.btn-default {
  background: none !important;
  background-color: #fff !important;
  color: #999;
  border-color: #bbbbbb !important;
}

.bootstrap-select {
  width: inherit;
}

#helpTankStatus {
  left: 99px;
  right: inherit;
  top: -22px;
}

#rain_amount {
  display: inline;
}

.ui-timepicker-wrapper {
  width: 120px !important;
}

#inspectionForm .tank-select {
  margin-right: 24px !important;
}
#inspectionForm .flag-div .bootstrap-switch {
  margin-left: 10px;
}

.modal .spill-notifications span.arrow {
  z-index: 1009;
}

.modal .accordion-arrow-for-dropdown span.arrow {
  z-index: 1009;
}

.quarter-container {
  display: inline-block;
  width: 25%;
}

.half-container {
  display: inline-block;
  width: 50%;
}

.advance.search-select {
  width: 80%;
}

.bold-label-td .label_td label {
  font-weight: 700;
}

/* FONTS */
/* COLORS */
/* BORDERS */
.text-align-right {
  text-align: right;
}

.no-margin {
  margin: 0 !important;
}

.margin-top-negative-50 {
  margin-top: -50px !important;
}

.margin-top-5 {
  margin-top: 5px !important;
}

.margin-top-10 {
  margin-top: 10px !important;
}

.margin-top-15 {
  margin-top: 15px !important;
}

.margin-top-20 {
  margin-top: 20px !important;
}

.margin-top-25 {
  margin-top: 25px !important;
}

.margin-top-30 {
  margin-top: 30px !important;
}

.margin-top-40 {
  margin-top: 40px !important;
}

.margin-top-45 {
  margin-top: 45px !important;
}

.margin-top-50 {
  margin-top: 50px !important;
}

.margin-top-60 {
  margin-top: 60px !important;
}

.margin-top-70 {
  margin-top: 70px !important;
}

.margin-top-75 {
  margin-top: 75px !important;
}

.margin-top-80 {
  margin-top: 80px !important;
}

.margin-top-100 {
  margin-top: 100px !important;
}

.margin-bottom-10 {
  margin-bottom: 10px !important;
}

.margin-bottom-20 {
  margin-bottom: 20px !important;
}

.margin-bottom-25 {
  margin-bottom: 25px !important;
}

.margin-bottom-30 {
  margin-bottom: 30px !important;
}

.margin-bottom-40 {
  margin-bottom: 40px !important;
}

.margin-bottom-50 {
  margin-bottom: 50px !important;
}

.margin-bottom-60 {
  margin-bottom: 60px !important;
}

.margin-bottom-70 {
  margin-bottom: 70px !important;
}

.margin-bottom-75 {
  margin-bottom: 75px !important;
}

.margin-bottom-80 {
  margin-bottom: 80px !important;
}

.margin-bottom-100 {
  margin-bottom: 100px !important;
}

.margin-left-10 {
  margin-left: 10px !important;
}

.margin-left-20 {
  margin-left: 20px !important;
}

.margin-left-25 {
  margin-left: 25px !important;
}

.margin-left-30 {
  margin-left: 30px !important;
}

.margin-left-40 {
  margin-left: 40px !important;
}

.margin-left-50 {
  margin-left: 50px !important;
}

.margin-left-60 {
  margin-left: 60px !important;
}

.margin-left-70 {
  margin-left: 70px !important;
}

.margin-left-75 {
  margin-left: 75px !important;
}

.margin-left-80 {
  margin-left: 80px !important;
}

.margin-left-100 {
  margin-left: 100px !important;
}

.no-margin-right {
  margin-right: 0 !important;
}

.margin-right-10 {
  margin-right: 10px !important;
}

.margin-right-20 {
  margin-right: 20px !important;
}

.margin-right-25 {
  margin-right: 25px !important;
}

.margin-right-30 {
  margin-right: 30px !important;
}

.margin-right-40 {
  margin-right: 40px !important;
}

.margin-right-50 {
  margin-right: 50px !important;
}

.margin-right-60 {
  margin-right: 60px !important;
}

.margin-right-70 {
  margin-right: 70px !important;
}

.margin-right-75 {
  margin-right: 75px !important;
}

.margin-right-80 {
  margin-right: 80px !important;
}

.margin-right-100 {
  margin-right: 100px !important;
}

.margin-10 {
  margin: 10px !important;
}

.margin-20 {
  margin: 20px !important;
}

.margin-25 {
  margin: 25px !important;
}

.margin-30 {
  margin: 30px !important;
}

.margin-40 {
  margin: 40px !important;
}

.margin-50 {
  margin: 50px !important;
}

.margin-60 {
  margin: 60px !important;
}

.margin-70 {
  margin: 70px !important;
}

.margin-75 {
  margin: 75px !important;
}

.margin-80 {
  margin: 80px !important;
}

.margin-100 {
  margin: 100px !important;
}

.minus-content-padding-margin {
  margin: 0 -10px !important;
}
.minus-content-padding-margin .row {
  padding: 0 20px;
}

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

.padding-top-0 {
  padding-top: 0 !important;
}

.padding-top-10 {
  padding-top: 10px !important;
}

.padding-top-20 {
  padding-top: 20px !important;
}

.padding-top-25 {
  padding-top: 25px !important;
}

.padding-top-30 {
  padding-top: 30px !important;
}

.padding-top-40 {
  padding-top: 40px !important;
}

.padding-top-50 {
  padding-top: 50px !important;
}

.padding-top-60 {
  padding-top: 60px !important;
}

.padding-top-70 {
  padding-top: 70px !important;
}

.padding-top-75 {
  padding-top: 75px !important;
}

.padding-top-80 {
  padding-top: 80px !important;
}

.padding-top-100 {
  padding-top: 100px !important;
}

.padding-bottom-0 {
  padding-bottom: 0;
}

.padding-bottom-10 {
  padding-bottom: 10px !important;
}

.padding-bottom-15 {
  padding-bottom: 15px !important;
}

.padding-bottom-20 {
  padding-bottom: 20px !important;
}

.padding-bottom-25 {
  padding-bottom: 25px !important;
}

.padding-bottom-30 {
  padding-bottom: 30px !important;
}

.padding-bottom-40 {
  padding-bottom: 40px !important;
}

.padding-bottom-50 {
  padding-bottom: 50px !important;
}

.padding-bottom-60 {
  padding-bottom: 60px !important;
}

.padding-bottom-70 {
  padding-bottom: 70px !important;
}

.padding-bottom-75 {
  padding-bottom: 75px !important;
}

.padding-bottom-80 {
  padding-bottom: 80px !important;
}

.padding-bottom-100 {
  padding-bottom: 100px !important;
}

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

.padding-left-10 {
  padding-left: 10px !important;
}

.padding-left-20 {
  padding-left: 20px !important;
}

.padding-left-25 {
  padding-left: 25px !important;
}

.padding-left-30 {
  padding-left: 30px !important;
}

.padding-left-40 {
  padding-left: 40px !important;
}

.padding-left-50 {
  padding-left: 50px !important;
}

.padding-left-60 {
  padding-left: 60px !important;
}

.padding-left-70 {
  padding-left: 70px !important;
}

.padding-left-75 {
  padding-left: 75px !important;
}

.padding-left-80 {
  padding-left: 80px !important;
}

.padding-left-100 {
  padding-left: 100px !important;
}

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

.padding-right-10 {
  padding-right: 10px !important;
}

.padding-right-20 {
  padding-right: 20px !important;
}

.padding-right-25 {
  padding-right: 25px !important;
}

.padding-right-30 {
  padding-right: 30px !important;
}

.padding-right-40 {
  padding-right: 40px !important;
}

.padding-right-50 {
  padding-right: 50px !important;
}

.padding-right-60 {
  padding-right: 60px !important;
}

.padding-right-70 {
  padding-right: 70px !important;
}

.padding-right-75 {
  padding-right: 75px !important;
}

.padding-right-80 {
  padding-right: 80px !important;
}

.padding-right-100 {
  padding-right: 100px !important;
}

.padding-10 {
  padding: 10px !important;
}

.padding-15 {
  padding: 15px !important;
}

.padding-20 {
  padding: 20px !important;
}

.padding-25 {
  padding: 25px !important;
}

.padding-30 {
  padding: 30px !important;
}

.padding-40 {
  padding: 40px !important;
}

.padding-50 {
  padding: 50px !important;
}

.padding-60 {
  padding: 60px !important;
}

.padding-70 {
  padding: 70px !important;
}

.padding-75 {
  padding: 75px !important;
}

.padding-80 {
  padding: 80px !important;
}

.padding-100 {
  padding: 100px !important;
}

.width-full {
  width: 100% !important;
}

.margin-zero {
  margin: 0 !important;
}

.user.avatar .avatar-area {
  margin: 4px auto;
  vertical-align: middle;
  height: 30px;
  width: 30px;
  line-height: 30px;
  border-radius: 25px;
  background: #C0C0C0;
  color: white;
  border: 2px solid #B0B0B0;
  text-transform: uppercase;
  text-align: center;
  font-size: 10pt;
  font-family: "Open sans", sans-serif;
  font-weight: 400;
}

.user.avatar {
  background-image: none;
}

.edit-user.table-avatar p {
  margin: 0 auto !important;
  height: 27px;
  width: 27px;
  line-height: 25px;
  border-radius: 13px;
  color: white;
  border: 1px solid #0e4768;
  font-size: 7pt;
  letter-spacing: 1px;
  text-transform: uppercase;
  font-family: "Open sans", sans-serif;
  font-weight: 600;
  text-align: center;
  padding-left: 1px;
  box-sizing: border-box;
}

/* FONTS */
/* COLORS */
/* BORDERS */
.text-align-right {
  text-align: right;
}

.no-margin {
  margin: 0 !important;
}

.margin-top-negative-50 {
  margin-top: -50px !important;
}

.margin-top-5 {
  margin-top: 5px !important;
}

.margin-top-10 {
  margin-top: 10px !important;
}

.margin-top-15 {
  margin-top: 15px !important;
}

.margin-top-20 {
  margin-top: 20px !important;
}

.margin-top-25 {
  margin-top: 25px !important;
}

.margin-top-30 {
  margin-top: 30px !important;
}

.margin-top-40 {
  margin-top: 40px !important;
}

.margin-top-45 {
  margin-top: 45px !important;
}

.margin-top-50 {
  margin-top: 50px !important;
}

.margin-top-60 {
  margin-top: 60px !important;
}

.margin-top-70 {
  margin-top: 70px !important;
}

.margin-top-75 {
  margin-top: 75px !important;
}

.margin-top-80 {
  margin-top: 80px !important;
}

.margin-top-100 {
  margin-top: 100px !important;
}

.margin-bottom-10 {
  margin-bottom: 10px !important;
}

.margin-bottom-20 {
  margin-bottom: 20px !important;
}

.margin-bottom-25 {
  margin-bottom: 25px !important;
}

.margin-bottom-30 {
  margin-bottom: 30px !important;
}

.margin-bottom-40 {
  margin-bottom: 40px !important;
}

.margin-bottom-50 {
  margin-bottom: 50px !important;
}

.margin-bottom-60 {
  margin-bottom: 60px !important;
}

.margin-bottom-70 {
  margin-bottom: 70px !important;
}

.margin-bottom-75 {
  margin-bottom: 75px !important;
}

.margin-bottom-80 {
  margin-bottom: 80px !important;
}

.margin-bottom-100 {
  margin-bottom: 100px !important;
}

.margin-left-10 {
  margin-left: 10px !important;
}

.margin-left-20 {
  margin-left: 20px !important;
}

.margin-left-25 {
  margin-left: 25px !important;
}

.margin-left-30 {
  margin-left: 30px !important;
}

.margin-left-40 {
  margin-left: 40px !important;
}

.margin-left-50 {
  margin-left: 50px !important;
}

.margin-left-60 {
  margin-left: 60px !important;
}

.margin-left-70 {
  margin-left: 70px !important;
}

.margin-left-75 {
  margin-left: 75px !important;
}

.margin-left-80 {
  margin-left: 80px !important;
}

.margin-left-100 {
  margin-left: 100px !important;
}

.no-margin-right {
  margin-right: 0 !important;
}

.margin-right-10 {
  margin-right: 10px !important;
}

.margin-right-20 {
  margin-right: 20px !important;
}

.margin-right-25 {
  margin-right: 25px !important;
}

.margin-right-30 {
  margin-right: 30px !important;
}

.margin-right-40 {
  margin-right: 40px !important;
}

.margin-right-50 {
  margin-right: 50px !important;
}

.margin-right-60 {
  margin-right: 60px !important;
}

.margin-right-70 {
  margin-right: 70px !important;
}

.margin-right-75 {
  margin-right: 75px !important;
}

.margin-right-80 {
  margin-right: 80px !important;
}

.margin-right-100 {
  margin-right: 100px !important;
}

.margin-10 {
  margin: 10px !important;
}

.margin-20 {
  margin: 20px !important;
}

.margin-25 {
  margin: 25px !important;
}

.margin-30 {
  margin: 30px !important;
}

.margin-40 {
  margin: 40px !important;
}

.margin-50 {
  margin: 50px !important;
}

.margin-60 {
  margin: 60px !important;
}

.margin-70 {
  margin: 70px !important;
}

.margin-75 {
  margin: 75px !important;
}

.margin-80 {
  margin: 80px !important;
}

.margin-100 {
  margin: 100px !important;
}

.minus-content-padding-margin {
  margin: 0 -10px !important;
}
.minus-content-padding-margin .row {
  padding: 0 20px;
}

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

.padding-top-0 {
  padding-top: 0 !important;
}

.padding-top-10 {
  padding-top: 10px !important;
}

.padding-top-20 {
  padding-top: 20px !important;
}

.padding-top-25 {
  padding-top: 25px !important;
}

.padding-top-30 {
  padding-top: 30px !important;
}

.padding-top-40 {
  padding-top: 40px !important;
}

.padding-top-50 {
  padding-top: 50px !important;
}

.padding-top-60 {
  padding-top: 60px !important;
}

.padding-top-70 {
  padding-top: 70px !important;
}

.padding-top-75 {
  padding-top: 75px !important;
}

.padding-top-80 {
  padding-top: 80px !important;
}

.padding-top-100 {
  padding-top: 100px !important;
}

.padding-bottom-0 {
  padding-bottom: 0;
}

.padding-bottom-10 {
  padding-bottom: 10px !important;
}

.padding-bottom-15 {
  padding-bottom: 15px !important;
}

.padding-bottom-20 {
  padding-bottom: 20px !important;
}

.padding-bottom-25 {
  padding-bottom: 25px !important;
}

.padding-bottom-30 {
  padding-bottom: 30px !important;
}

.padding-bottom-40 {
  padding-bottom: 40px !important;
}

.padding-bottom-50 {
  padding-bottom: 50px !important;
}

.padding-bottom-60 {
  padding-bottom: 60px !important;
}

.padding-bottom-70 {
  padding-bottom: 70px !important;
}

.padding-bottom-75 {
  padding-bottom: 75px !important;
}

.padding-bottom-80 {
  padding-bottom: 80px !important;
}

.padding-bottom-100 {
  padding-bottom: 100px !important;
}

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

.padding-left-10 {
  padding-left: 10px !important;
}

.padding-left-20 {
  padding-left: 20px !important;
}

.padding-left-25 {
  padding-left: 25px !important;
}

.padding-left-30 {
  padding-left: 30px !important;
}

.padding-left-40 {
  padding-left: 40px !important;
}

.padding-left-50 {
  padding-left: 50px !important;
}

.padding-left-60 {
  padding-left: 60px !important;
}

.padding-left-70 {
  padding-left: 70px !important;
}

.padding-left-75 {
  padding-left: 75px !important;
}

.padding-left-80 {
  padding-left: 80px !important;
}

.padding-left-100 {
  padding-left: 100px !important;
}

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

.padding-right-10 {
  padding-right: 10px !important;
}

.padding-right-20 {
  padding-right: 20px !important;
}

.padding-right-25 {
  padding-right: 25px !important;
}

.padding-right-30 {
  padding-right: 30px !important;
}

.padding-right-40 {
  padding-right: 40px !important;
}

.padding-right-50 {
  padding-right: 50px !important;
}

.padding-right-60 {
  padding-right: 60px !important;
}

.padding-right-70 {
  padding-right: 70px !important;
}

.padding-right-75 {
  padding-right: 75px !important;
}

.padding-right-80 {
  padding-right: 80px !important;
}

.padding-right-100 {
  padding-right: 100px !important;
}

.padding-10 {
  padding: 10px !important;
}

.padding-15 {
  padding: 15px !important;
}

.padding-20 {
  padding: 20px !important;
}

.padding-25 {
  padding: 25px !important;
}

.padding-30 {
  padding: 30px !important;
}

.padding-40 {
  padding: 40px !important;
}

.padding-50 {
  padding: 50px !important;
}

.padding-60 {
  padding: 60px !important;
}

.padding-70 {
  padding: 70px !important;
}

.padding-75 {
  padding: 75px !important;
}

.padding-80 {
  padding: 80px !important;
}

.padding-100 {
  padding: 100px !important;
}

.width-full {
  width: 100% !important;
}

.margin-zero {
  margin: 0 !important;
}

/* Flexible equal height for map and table sections */
.table-container .map-wrapper,
.table-container .table-wrapper {
  min-height: 400px;
  max-height: calc(100vh - 200px);
  overflow: auto;
  display: flex;
  flex-direction: column;
}

/* Ensure equal heights by making both sections flex equally */
.table-container .row {
  display: flex;
  align-items: stretch;
}

.table-container .col-xl-5,
.table-container .col-lg-5,
.table-container .col-xl-7,
.table-container .col-lg-7 {
  display: flex;
  flex-direction: column;
}

/* Mobile responsive adjustments */
@media (max-width: 768px) {
  .table-container .map-wrapper,
  .table-container .table-wrapper {
    max-height: calc(100vh - 150px);
    min-height: 300px;
  }
  .table-container .row {
    flex-direction: column;
  }
}
/* Dashboard Tiles */
h3.dashboard-sub-title {
  padding-bottom: 0;
  border-bottom: 1px solid #C0C0C0;
}

.donut-title {
  padding: 0;
  text-align: center;
  width: 70%;
  margin: 0 auto;
  font-family: "Open sans", sans-serif;
}

select.selectpicker {
  float: right;
  margin-top: 0px;
  width: 200px;
  border-radius: 0 !important;
}

.mob-heading {
  display: none;
}

.donut-charts-wrapper {
  padding: 0;
  margin-top: 0;
}
@media (min-width: 685px) {
  .donut-charts-wrapper.pollutant-charts {
    width: 100%;
  }
  .donut-charts-wrapper.pollutant-charts .pollutant-chart.dash-col {
    width: 45%;
    float: left;
    margin: 1%;
  }
}
@media (max-width: 684px) {
  .donut-charts-wrapper.pollutant-charts .pollutant-chart.dash-col {
    width: 80%;
    float: none;
    margin: auto;
    margin-top: 10px;
  }
}
@media (max-width: 450px) {
  .donut-charts-wrapper.pollutant-charts .pollutant-chart.dash-col {
    width: 100%;
    float: none;
    margin: auto;
  }
}
@media (max-width: 955px) {
  .donut-charts-wrapper.pollutant-charts .pollutant-chart.dash-col .donut-title {
    background: white;
    border: none;
    color: #888;
  }
}

.single-trigger-tile {
  width: 23.5%;
  margin: 10px 1%;
  float: left;
  background: white;
}

.trigger-tile-title {
  background: #0A4668;
  border-bottom: 1px solid #C0C0C0;
  padding: 5px 10px;
  font-weight: 400;
  text-align: center;
  font-family: "Open sans", sans-serif;
  color: white;
}

.tile-border {
  border: 1px solid #C0C0C0;
}

.total-triggered {
  color: #f06623;
  text-align: center;
  font-size: 50pt;
  font-weight: 400;
  font-family: "Open sans", sans-serif;
  opacity: 0.8;
}

.trigger-tile-details-link {
  text-align: center;
  padding-bottom: 20px;
  font-weight: bold !important;
}

.engines-dashboard-mobile-heading {
  display: none;
  margin-bottom: 15px;
  padding: 0 5px 10px 5px;
  box-sizing: border-box;
  box-shadow: 0 9px 7px -6px rgba(0, 0, 0, 0.15);
}
.engines-dashboard-mobile-heading h2 {
  padding: 0;
  font-size: 16px;
}

.map-dashboard-mobile-heading {
  display: none;
  margin-bottom: 15px;
  padding: 0 5px 10px 5px;
  box-sizing: border-box;
  box-shadow: 0 9px 7px -6px rgba(0, 0, 0, 0.15);
}
.map-dashboard-mobile-heading h2 {
  padding: 0;
  font-size: 16px;
}

.dash-triggers-wrap {
  width: 100%;
  float: none;
  margin: 0 0 10px 0;
}
.dash-triggers-wrap .stats-wrapper {
  width: 85%;
  border: 3px solid #0099cc;
  margin: 0 auto;
  border-radius: 20px;
  box-sizing: border-box;
  overflow: hidden;
}
.dash-triggers-wrap .stats-wrapper > .row > [class*=col-] .title {
  overflow: auto;
  background: #0A4668;
  box-sizing: border-box;
}
.dash-triggers-wrap .stats-wrapper > .row > [class*=col-] .title h4 {
  color: #FFFFFF;
}
.dash-triggers-wrap .stats-wrapper > .row > [class*=col-] .stats {
  box-sizing: border-box;
  padding: 25px 0;
}
.dash-triggers-wrap .stats-wrapper > .row > [class*=col-] .stats h1 {
  font-size: 70px;
  text-align: center;
  margin: 0;
}
.dash-triggers-wrap .stats-wrapper > .row > [class*=col-] .stats.neshap h1, .dash-triggers-wrap .stats-wrapper > .row > [class*=col-] .stats.naaqs h1, .dash-triggers-wrap .stats-wrapper > .row > [class*=col-] .stats.state h1 {
  color: #F26522;
}
.dash-triggers-wrap .stats-wrapper > .row > [class*=col-] .stats.nsps h1 {
  color: #0A4668;
}
.dash-triggers-wrap .stats-wrapper > .row > [class*=col-]:not(:first-child) .stats {
  border-left: 1px solid #0A4668;
}

.dash-col.right > .content-container-fluid {
  border-left: 1px solid #ddd;
}

.tile-border {
  border: 1px solid #C0C0C0;
}

.single-trigger-tile.nsps {
  margin-left: 0;
}

.single-trigger-tile.state {
  margin-right: 0;
}

.myfleet-wrap {
  margin: 0 auto 40px auto;
  width: 95%;
}

.table-triggers-wrap:hover {
  background: rgba(14, 71, 104, 0.03);
}

.table-triggers {
  width: 15px;
  height: 15px;
  margin: 11px auto;
  border-radius: 20px;
}

td.no-cell-padding {
  padding: 0 !important;
}

.table-triggers-wrap {
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;
  cursor: pointer;
}

span .table-triggers-wrap {
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;
  margin: auto;
  cursor: pointer;
  padding: 5px 20px 5px 25%;
}

.child .table-triggers {
  margin: 0;
  display: inline-block;
  vertical-align: middle;
}

/* FONTS */
/* COLORS */
/* BORDERS */
.text-align-right {
  text-align: right;
}

.no-margin {
  margin: 0 !important;
}

.margin-top-negative-50 {
  margin-top: -50px !important;
}

.margin-top-5 {
  margin-top: 5px !important;
}

.margin-top-10 {
  margin-top: 10px !important;
}

.margin-top-15 {
  margin-top: 15px !important;
}

.margin-top-20 {
  margin-top: 20px !important;
}

.margin-top-25 {
  margin-top: 25px !important;
}

.margin-top-30 {
  margin-top: 30px !important;
}

.margin-top-40 {
  margin-top: 40px !important;
}

.margin-top-45 {
  margin-top: 45px !important;
}

.margin-top-50 {
  margin-top: 50px !important;
}

.margin-top-60 {
  margin-top: 60px !important;
}

.margin-top-70 {
  margin-top: 70px !important;
}

.margin-top-75 {
  margin-top: 75px !important;
}

.margin-top-80 {
  margin-top: 80px !important;
}

.margin-top-100 {
  margin-top: 100px !important;
}

.margin-bottom-10 {
  margin-bottom: 10px !important;
}

.margin-bottom-20 {
  margin-bottom: 20px !important;
}

.margin-bottom-25 {
  margin-bottom: 25px !important;
}

.margin-bottom-30 {
  margin-bottom: 30px !important;
}

.margin-bottom-40 {
  margin-bottom: 40px !important;
}

.margin-bottom-50 {
  margin-bottom: 50px !important;
}

.margin-bottom-60 {
  margin-bottom: 60px !important;
}

.margin-bottom-70 {
  margin-bottom: 70px !important;
}

.margin-bottom-75 {
  margin-bottom: 75px !important;
}

.margin-bottom-80 {
  margin-bottom: 80px !important;
}

.margin-bottom-100 {
  margin-bottom: 100px !important;
}

.margin-left-10 {
  margin-left: 10px !important;
}

.margin-left-20 {
  margin-left: 20px !important;
}

.margin-left-25 {
  margin-left: 25px !important;
}

.margin-left-30 {
  margin-left: 30px !important;
}

.margin-left-40 {
  margin-left: 40px !important;
}

.margin-left-50 {
  margin-left: 50px !important;
}

.margin-left-60 {
  margin-left: 60px !important;
}

.margin-left-70 {
  margin-left: 70px !important;
}

.margin-left-75 {
  margin-left: 75px !important;
}

.margin-left-80 {
  margin-left: 80px !important;
}

.margin-left-100 {
  margin-left: 100px !important;
}

.no-margin-right {
  margin-right: 0 !important;
}

.margin-right-10 {
  margin-right: 10px !important;
}

.margin-right-20 {
  margin-right: 20px !important;
}

.margin-right-25 {
  margin-right: 25px !important;
}

.margin-right-30 {
  margin-right: 30px !important;
}

.margin-right-40 {
  margin-right: 40px !important;
}

.margin-right-50 {
  margin-right: 50px !important;
}

.margin-right-60 {
  margin-right: 60px !important;
}

.margin-right-70 {
  margin-right: 70px !important;
}

.margin-right-75 {
  margin-right: 75px !important;
}

.margin-right-80 {
  margin-right: 80px !important;
}

.margin-right-100 {
  margin-right: 100px !important;
}

.margin-10 {
  margin: 10px !important;
}

.margin-20 {
  margin: 20px !important;
}

.margin-25 {
  margin: 25px !important;
}

.margin-30 {
  margin: 30px !important;
}

.margin-40 {
  margin: 40px !important;
}

.margin-50 {
  margin: 50px !important;
}

.margin-60 {
  margin: 60px !important;
}

.margin-70 {
  margin: 70px !important;
}

.margin-75 {
  margin: 75px !important;
}

.margin-80 {
  margin: 80px !important;
}

.margin-100 {
  margin: 100px !important;
}

.minus-content-padding-margin {
  margin: 0 -10px !important;
}
.minus-content-padding-margin .row {
  padding: 0 20px;
}

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

.padding-top-0 {
  padding-top: 0 !important;
}

.padding-top-10 {
  padding-top: 10px !important;
}

.padding-top-20 {
  padding-top: 20px !important;
}

.padding-top-25 {
  padding-top: 25px !important;
}

.padding-top-30 {
  padding-top: 30px !important;
}

.padding-top-40 {
  padding-top: 40px !important;
}

.padding-top-50 {
  padding-top: 50px !important;
}

.padding-top-60 {
  padding-top: 60px !important;
}

.padding-top-70 {
  padding-top: 70px !important;
}

.padding-top-75 {
  padding-top: 75px !important;
}

.padding-top-80 {
  padding-top: 80px !important;
}

.padding-top-100 {
  padding-top: 100px !important;
}

.padding-bottom-0 {
  padding-bottom: 0;
}

.padding-bottom-10 {
  padding-bottom: 10px !important;
}

.padding-bottom-15 {
  padding-bottom: 15px !important;
}

.padding-bottom-20 {
  padding-bottom: 20px !important;
}

.padding-bottom-25 {
  padding-bottom: 25px !important;
}

.padding-bottom-30 {
  padding-bottom: 30px !important;
}

.padding-bottom-40 {
  padding-bottom: 40px !important;
}

.padding-bottom-50 {
  padding-bottom: 50px !important;
}

.padding-bottom-60 {
  padding-bottom: 60px !important;
}

.padding-bottom-70 {
  padding-bottom: 70px !important;
}

.padding-bottom-75 {
  padding-bottom: 75px !important;
}

.padding-bottom-80 {
  padding-bottom: 80px !important;
}

.padding-bottom-100 {
  padding-bottom: 100px !important;
}

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

.padding-left-10 {
  padding-left: 10px !important;
}

.padding-left-20 {
  padding-left: 20px !important;
}

.padding-left-25 {
  padding-left: 25px !important;
}

.padding-left-30 {
  padding-left: 30px !important;
}

.padding-left-40 {
  padding-left: 40px !important;
}

.padding-left-50 {
  padding-left: 50px !important;
}

.padding-left-60 {
  padding-left: 60px !important;
}

.padding-left-70 {
  padding-left: 70px !important;
}

.padding-left-75 {
  padding-left: 75px !important;
}

.padding-left-80 {
  padding-left: 80px !important;
}

.padding-left-100 {
  padding-left: 100px !important;
}

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

.padding-right-10 {
  padding-right: 10px !important;
}

.padding-right-20 {
  padding-right: 20px !important;
}

.padding-right-25 {
  padding-right: 25px !important;
}

.padding-right-30 {
  padding-right: 30px !important;
}

.padding-right-40 {
  padding-right: 40px !important;
}

.padding-right-50 {
  padding-right: 50px !important;
}

.padding-right-60 {
  padding-right: 60px !important;
}

.padding-right-70 {
  padding-right: 70px !important;
}

.padding-right-75 {
  padding-right: 75px !important;
}

.padding-right-80 {
  padding-right: 80px !important;
}

.padding-right-100 {
  padding-right: 100px !important;
}

.padding-10 {
  padding: 10px !important;
}

.padding-15 {
  padding: 15px !important;
}

.padding-20 {
  padding: 20px !important;
}

.padding-25 {
  padding: 25px !important;
}

.padding-30 {
  padding: 30px !important;
}

.padding-40 {
  padding: 40px !important;
}

.padding-50 {
  padding: 50px !important;
}

.padding-60 {
  padding: 60px !important;
}

.padding-70 {
  padding: 70px !important;
}

.padding-75 {
  padding: 75px !important;
}

.padding-80 {
  padding: 80px !important;
}

.padding-100 {
  padding: 100px !important;
}

.width-full {
  width: 100% !important;
}

.margin-zero {
  margin: 0 !important;
}

/* Document Tiles */
.doc-tile {
  /* float:  left; */
  width: auto;
  text-align: center;
  margin: 25px 0 0;
  padding: 0 0 15px;
  border: 1px solid #C0C0C0;
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -mox-box-sizing: border-box;
  -o-box-sizing: border-box;
  /* background:  white; */
}

.form-tile {
  width: auto;
  text-align: center;
  margin: 25px 0 0;
  padding: 0 0 15px;
  border: 1px solid #C0C0C0;
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -mox-box-sizing: border-box;
  -o-box-sizing: border-box;
  /* background:  white; */
}

.tile-two {
  margin: 25px 0;
}

.tile-six {
  margin: 25px 0 0;
}

h3.reports-tile-title {
  padding: 10px 0;
  border-bottom: 1px solid #C0C0C0;
  /* font-family:  $PrimaryFont; */
  font-weight: 600;
  color: #fff;
  background: #0A4668;
}

.doc-number {
  color: #aaa;
  font-size: 50pt;
  margin: 10px 0;
  font-family: "Open sans", sans-serif;
  font-weight: 200;
  text-shadow: -1px 1px 1px #fff, 1px -1px 1px #666;
}

.view-reports {
  text-decoration: none;
  color: #888;
  font-weight: 500;
  font-family: "Open sans", sans-serif;
  cursor: pointer;
  font-weight: bold;
  text-shadow: -1px 1px 1px #fff;
}

.view-reports:hover {
  color: #0099cc;
}

/* My Documents Popup Window */
.reports-popup {
  position: fixed;
  background: rgba(0, 0, 0, 0.5) !important;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 9999 !important;
  overflow-y: auto;
  /* padding-bottom:  100px; */
}

.results-popup h3 {
  text-align: center;
  border-bottom: 1px solid #C0C0C0;
  margin: 0 auto 20px;
  padding: 10px 0 15px;
  width: 300px;
}

.results-popup p {
  text-align: center;
  margin-bottom: 0;
}

.popup_close.popup-footer-section {
  margin: 0;
  padding: 10px 20px;
  margin: 12px 10px;
  border: 1px solid #C0C0C0;
  cursor: pointer;
}

.close-popup {
  font-family: "Open sans", sans-serif;
  font-weight: 600;
}

.popup_close:hover {
  background: #fff;
}

.results-popup .popup-content p {
  font-size: 14pt;
}

.doc-tile h3 {
  margin: 0;
  font-family: "Open sans", sans-serif;
}

.doc-tile-wrap {
  width: 66.66666%;
  float: left;
  margin-right: 0;
  margin-bottom: 25px;
}

.form-tile-wrap {
  width: 33.3333%;
  float: left;
  /* padding-left: 3%; */
  /* border-left: 1px solid #ddd; */
  box-sizing: border-box;
  margin-bottom: 25px;
}

.tile-four {
  margin: 25px 0;
}

.doc-tile-wrap > h3 {
  text-align: center;
  font-size: 20pt;
  border-bottom: 1px solid #ddd;
  font-family: "Open sans", sans-serif;
  margin: 0 20px;
  font-weight: bold;
  color: #888;
}

.form-tile-wrap > h3 {
  text-align: center;
  font-size: 20pt;
  border-bottom: 1px solid #ddd;
  font-family: "Open sans", sans-serif;
  margin: 0 25px;
  font-weight: bold;
  color: #888;
}

.form-tile h3 {
  background: #f06623;
  font-family: "Open sans", sans-serif;
}

.form-tile .doc-number {
  color: #aaa;
}

.border-wrap.right {
  padding-left: 7.5%;
  width: 92.5%;
  border-left: 1px solid #ddd;
  margin-top: 25px;
  padding-top: 0;
}

.border-wrap {
  width: 46%;
  float: left;
}

.border-wrap.middle {
  margin-left: 4%;
  margin-right: 4%;
}

#federalForms {
  margin-top: 0;
}

/* FONTS */
/* COLORS */
/* BORDERS */
.text-align-right {
  text-align: right;
}

.no-margin {
  margin: 0 !important;
}

.margin-top-negative-50 {
  margin-top: -50px !important;
}

.margin-top-5 {
  margin-top: 5px !important;
}

.margin-top-10 {
  margin-top: 10px !important;
}

.margin-top-15 {
  margin-top: 15px !important;
}

.margin-top-20 {
  margin-top: 20px !important;
}

.margin-top-25 {
  margin-top: 25px !important;
}

.margin-top-30 {
  margin-top: 30px !important;
}

.margin-top-40 {
  margin-top: 40px !important;
}

.margin-top-45 {
  margin-top: 45px !important;
}

.margin-top-50 {
  margin-top: 50px !important;
}

.margin-top-60 {
  margin-top: 60px !important;
}

.margin-top-70 {
  margin-top: 70px !important;
}

.margin-top-75 {
  margin-top: 75px !important;
}

.margin-top-80 {
  margin-top: 80px !important;
}

.margin-top-100 {
  margin-top: 100px !important;
}

.margin-bottom-10 {
  margin-bottom: 10px !important;
}

.margin-bottom-20 {
  margin-bottom: 20px !important;
}

.margin-bottom-25 {
  margin-bottom: 25px !important;
}

.margin-bottom-30 {
  margin-bottom: 30px !important;
}

.margin-bottom-40 {
  margin-bottom: 40px !important;
}

.margin-bottom-50 {
  margin-bottom: 50px !important;
}

.margin-bottom-60 {
  margin-bottom: 60px !important;
}

.margin-bottom-70 {
  margin-bottom: 70px !important;
}

.margin-bottom-75 {
  margin-bottom: 75px !important;
}

.margin-bottom-80 {
  margin-bottom: 80px !important;
}

.margin-bottom-100 {
  margin-bottom: 100px !important;
}

.margin-left-10 {
  margin-left: 10px !important;
}

.margin-left-20 {
  margin-left: 20px !important;
}

.margin-left-25 {
  margin-left: 25px !important;
}

.margin-left-30 {
  margin-left: 30px !important;
}

.margin-left-40 {
  margin-left: 40px !important;
}

.margin-left-50 {
  margin-left: 50px !important;
}

.margin-left-60 {
  margin-left: 60px !important;
}

.margin-left-70 {
  margin-left: 70px !important;
}

.margin-left-75 {
  margin-left: 75px !important;
}

.margin-left-80 {
  margin-left: 80px !important;
}

.margin-left-100 {
  margin-left: 100px !important;
}

.no-margin-right {
  margin-right: 0 !important;
}

.margin-right-10 {
  margin-right: 10px !important;
}

.margin-right-20 {
  margin-right: 20px !important;
}

.margin-right-25 {
  margin-right: 25px !important;
}

.margin-right-30 {
  margin-right: 30px !important;
}

.margin-right-40 {
  margin-right: 40px !important;
}

.margin-right-50 {
  margin-right: 50px !important;
}

.margin-right-60 {
  margin-right: 60px !important;
}

.margin-right-70 {
  margin-right: 70px !important;
}

.margin-right-75 {
  margin-right: 75px !important;
}

.margin-right-80 {
  margin-right: 80px !important;
}

.margin-right-100 {
  margin-right: 100px !important;
}

.margin-10 {
  margin: 10px !important;
}

.margin-20 {
  margin: 20px !important;
}

.margin-25 {
  margin: 25px !important;
}

.margin-30 {
  margin: 30px !important;
}

.margin-40 {
  margin: 40px !important;
}

.margin-50 {
  margin: 50px !important;
}

.margin-60 {
  margin: 60px !important;
}

.margin-70 {
  margin: 70px !important;
}

.margin-75 {
  margin: 75px !important;
}

.margin-80 {
  margin: 80px !important;
}

.margin-100 {
  margin: 100px !important;
}

.minus-content-padding-margin {
  margin: 0 -10px !important;
}
.minus-content-padding-margin .row {
  padding: 0 20px;
}

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

.padding-top-0 {
  padding-top: 0 !important;
}

.padding-top-10 {
  padding-top: 10px !important;
}

.padding-top-20 {
  padding-top: 20px !important;
}

.padding-top-25 {
  padding-top: 25px !important;
}

.padding-top-30 {
  padding-top: 30px !important;
}

.padding-top-40 {
  padding-top: 40px !important;
}

.padding-top-50 {
  padding-top: 50px !important;
}

.padding-top-60 {
  padding-top: 60px !important;
}

.padding-top-70 {
  padding-top: 70px !important;
}

.padding-top-75 {
  padding-top: 75px !important;
}

.padding-top-80 {
  padding-top: 80px !important;
}

.padding-top-100 {
  padding-top: 100px !important;
}

.padding-bottom-0 {
  padding-bottom: 0;
}

.padding-bottom-10 {
  padding-bottom: 10px !important;
}

.padding-bottom-15 {
  padding-bottom: 15px !important;
}

.padding-bottom-20 {
  padding-bottom: 20px !important;
}

.padding-bottom-25 {
  padding-bottom: 25px !important;
}

.padding-bottom-30 {
  padding-bottom: 30px !important;
}

.padding-bottom-40 {
  padding-bottom: 40px !important;
}

.padding-bottom-50 {
  padding-bottom: 50px !important;
}

.padding-bottom-60 {
  padding-bottom: 60px !important;
}

.padding-bottom-70 {
  padding-bottom: 70px !important;
}

.padding-bottom-75 {
  padding-bottom: 75px !important;
}

.padding-bottom-80 {
  padding-bottom: 80px !important;
}

.padding-bottom-100 {
  padding-bottom: 100px !important;
}

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

.padding-left-10 {
  padding-left: 10px !important;
}

.padding-left-20 {
  padding-left: 20px !important;
}

.padding-left-25 {
  padding-left: 25px !important;
}

.padding-left-30 {
  padding-left: 30px !important;
}

.padding-left-40 {
  padding-left: 40px !important;
}

.padding-left-50 {
  padding-left: 50px !important;
}

.padding-left-60 {
  padding-left: 60px !important;
}

.padding-left-70 {
  padding-left: 70px !important;
}

.padding-left-75 {
  padding-left: 75px !important;
}

.padding-left-80 {
  padding-left: 80px !important;
}

.padding-left-100 {
  padding-left: 100px !important;
}

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

.padding-right-10 {
  padding-right: 10px !important;
}

.padding-right-20 {
  padding-right: 20px !important;
}

.padding-right-25 {
  padding-right: 25px !important;
}

.padding-right-30 {
  padding-right: 30px !important;
}

.padding-right-40 {
  padding-right: 40px !important;
}

.padding-right-50 {
  padding-right: 50px !important;
}

.padding-right-60 {
  padding-right: 60px !important;
}

.padding-right-70 {
  padding-right: 70px !important;
}

.padding-right-75 {
  padding-right: 75px !important;
}

.padding-right-80 {
  padding-right: 80px !important;
}

.padding-right-100 {
  padding-right: 100px !important;
}

.padding-10 {
  padding: 10px !important;
}

.padding-15 {
  padding: 15px !important;
}

.padding-20 {
  padding: 20px !important;
}

.padding-25 {
  padding: 25px !important;
}

.padding-30 {
  padding: 30px !important;
}

.padding-40 {
  padding: 40px !important;
}

.padding-50 {
  padding: 50px !important;
}

.padding-60 {
  padding: 60px !important;
}

.padding-70 {
  padding: 70px !important;
}

.padding-75 {
  padding: 75px !important;
}

.padding-80 {
  padding: 80px !important;
}

.padding-100 {
  padding: 100px !important;
}

.width-full {
  width: 100% !important;
}

.margin-zero {
  margin: 0 !important;
}

/* My Account */
.my-account-tile-area {
  color: #aaa;
  text-shadow: -1px 1px 1px #fff, 1px -1px 1px #666;
  margin-top: 30px;
}

.content.my-account {
  width: 100%;
  /* max-width: 1200px; */
  /* margin-top: 20px; */
}

.tile {
  float: left;
  width: 33.3333%;
  /* margin: 25px 0 50px; */
}

.my-accound-tile-wrap .tile a {
  color: #aaa;
}

.my-accound-tile-wrap .tile a:hover {
  color: #0099cc;
}

.number {
  text-align: center;
  font-family: "Open sans", sans-serif;
  font-size: 50pt;
  color: #aaa;
}

.details {
  text-align: center;
  font-size: 14pt;
  text-shadow: -1px 1px 1px #fff;
}

.tile-content-border {
  padding: 20px 0 30px;
  /* border: 1px solid #dfdfdf; */
  /* box-shadow: inset -1px 1px 1px -1px rgba(0,0,0,.1), -1px 1px 3px rgba(255,255,255,1); */
  margin: 20px;
}

/*** end My Account ***/
/* FONTS */
/* COLORS */
/* BORDERS */
.text-align-right {
  text-align: right;
}

.no-margin {
  margin: 0 !important;
}

.margin-top-negative-50 {
  margin-top: -50px !important;
}

.margin-top-5 {
  margin-top: 5px !important;
}

.margin-top-10 {
  margin-top: 10px !important;
}

.margin-top-15 {
  margin-top: 15px !important;
}

.margin-top-20 {
  margin-top: 20px !important;
}

.margin-top-25 {
  margin-top: 25px !important;
}

.margin-top-30 {
  margin-top: 30px !important;
}

.margin-top-40 {
  margin-top: 40px !important;
}

.margin-top-45 {
  margin-top: 45px !important;
}

.margin-top-50 {
  margin-top: 50px !important;
}

.margin-top-60 {
  margin-top: 60px !important;
}

.margin-top-70 {
  margin-top: 70px !important;
}

.margin-top-75 {
  margin-top: 75px !important;
}

.margin-top-80 {
  margin-top: 80px !important;
}

.margin-top-100 {
  margin-top: 100px !important;
}

.margin-bottom-10 {
  margin-bottom: 10px !important;
}

.margin-bottom-20 {
  margin-bottom: 20px !important;
}

.margin-bottom-25 {
  margin-bottom: 25px !important;
}

.margin-bottom-30 {
  margin-bottom: 30px !important;
}

.margin-bottom-40 {
  margin-bottom: 40px !important;
}

.margin-bottom-50 {
  margin-bottom: 50px !important;
}

.margin-bottom-60 {
  margin-bottom: 60px !important;
}

.margin-bottom-70 {
  margin-bottom: 70px !important;
}

.margin-bottom-75 {
  margin-bottom: 75px !important;
}

.margin-bottom-80 {
  margin-bottom: 80px !important;
}

.margin-bottom-100 {
  margin-bottom: 100px !important;
}

.margin-left-10 {
  margin-left: 10px !important;
}

.margin-left-20 {
  margin-left: 20px !important;
}

.margin-left-25 {
  margin-left: 25px !important;
}

.margin-left-30 {
  margin-left: 30px !important;
}

.margin-left-40 {
  margin-left: 40px !important;
}

.margin-left-50 {
  margin-left: 50px !important;
}

.margin-left-60 {
  margin-left: 60px !important;
}

.margin-left-70 {
  margin-left: 70px !important;
}

.margin-left-75 {
  margin-left: 75px !important;
}

.margin-left-80 {
  margin-left: 80px !important;
}

.margin-left-100 {
  margin-left: 100px !important;
}

.no-margin-right {
  margin-right: 0 !important;
}

.margin-right-10 {
  margin-right: 10px !important;
}

.margin-right-20 {
  margin-right: 20px !important;
}

.margin-right-25 {
  margin-right: 25px !important;
}

.margin-right-30 {
  margin-right: 30px !important;
}

.margin-right-40 {
  margin-right: 40px !important;
}

.margin-right-50 {
  margin-right: 50px !important;
}

.margin-right-60 {
  margin-right: 60px !important;
}

.margin-right-70 {
  margin-right: 70px !important;
}

.margin-right-75 {
  margin-right: 75px !important;
}

.margin-right-80 {
  margin-right: 80px !important;
}

.margin-right-100 {
  margin-right: 100px !important;
}

.margin-10 {
  margin: 10px !important;
}

.margin-20 {
  margin: 20px !important;
}

.margin-25 {
  margin: 25px !important;
}

.margin-30 {
  margin: 30px !important;
}

.margin-40 {
  margin: 40px !important;
}

.margin-50 {
  margin: 50px !important;
}

.margin-60 {
  margin: 60px !important;
}

.margin-70 {
  margin: 70px !important;
}

.margin-75 {
  margin: 75px !important;
}

.margin-80 {
  margin: 80px !important;
}

.margin-100 {
  margin: 100px !important;
}

.minus-content-padding-margin {
  margin: 0 -10px !important;
}
.minus-content-padding-margin .row {
  padding: 0 20px;
}

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

.padding-top-0 {
  padding-top: 0 !important;
}

.padding-top-10 {
  padding-top: 10px !important;
}

.padding-top-20 {
  padding-top: 20px !important;
}

.padding-top-25 {
  padding-top: 25px !important;
}

.padding-top-30 {
  padding-top: 30px !important;
}

.padding-top-40 {
  padding-top: 40px !important;
}

.padding-top-50 {
  padding-top: 50px !important;
}

.padding-top-60 {
  padding-top: 60px !important;
}

.padding-top-70 {
  padding-top: 70px !important;
}

.padding-top-75 {
  padding-top: 75px !important;
}

.padding-top-80 {
  padding-top: 80px !important;
}

.padding-top-100 {
  padding-top: 100px !important;
}

.padding-bottom-0 {
  padding-bottom: 0;
}

.padding-bottom-10 {
  padding-bottom: 10px !important;
}

.padding-bottom-15 {
  padding-bottom: 15px !important;
}

.padding-bottom-20 {
  padding-bottom: 20px !important;
}

.padding-bottom-25 {
  padding-bottom: 25px !important;
}

.padding-bottom-30 {
  padding-bottom: 30px !important;
}

.padding-bottom-40 {
  padding-bottom: 40px !important;
}

.padding-bottom-50 {
  padding-bottom: 50px !important;
}

.padding-bottom-60 {
  padding-bottom: 60px !important;
}

.padding-bottom-70 {
  padding-bottom: 70px !important;
}

.padding-bottom-75 {
  padding-bottom: 75px !important;
}

.padding-bottom-80 {
  padding-bottom: 80px !important;
}

.padding-bottom-100 {
  padding-bottom: 100px !important;
}

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

.padding-left-10 {
  padding-left: 10px !important;
}

.padding-left-20 {
  padding-left: 20px !important;
}

.padding-left-25 {
  padding-left: 25px !important;
}

.padding-left-30 {
  padding-left: 30px !important;
}

.padding-left-40 {
  padding-left: 40px !important;
}

.padding-left-50 {
  padding-left: 50px !important;
}

.padding-left-60 {
  padding-left: 60px !important;
}

.padding-left-70 {
  padding-left: 70px !important;
}

.padding-left-75 {
  padding-left: 75px !important;
}

.padding-left-80 {
  padding-left: 80px !important;
}

.padding-left-100 {
  padding-left: 100px !important;
}

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

.padding-right-10 {
  padding-right: 10px !important;
}

.padding-right-20 {
  padding-right: 20px !important;
}

.padding-right-25 {
  padding-right: 25px !important;
}

.padding-right-30 {
  padding-right: 30px !important;
}

.padding-right-40 {
  padding-right: 40px !important;
}

.padding-right-50 {
  padding-right: 50px !important;
}

.padding-right-60 {
  padding-right: 60px !important;
}

.padding-right-70 {
  padding-right: 70px !important;
}

.padding-right-75 {
  padding-right: 75px !important;
}

.padding-right-80 {
  padding-right: 80px !important;
}

.padding-right-100 {
  padding-right: 100px !important;
}

.padding-10 {
  padding: 10px !important;
}

.padding-15 {
  padding: 15px !important;
}

.padding-20 {
  padding: 20px !important;
}

.padding-25 {
  padding: 25px !important;
}

.padding-30 {
  padding: 30px !important;
}

.padding-40 {
  padding: 40px !important;
}

.padding-50 {
  padding: 50px !important;
}

.padding-60 {
  padding: 60px !important;
}

.padding-70 {
  padding: 70px !important;
}

.padding-75 {
  padding: 75px !important;
}

.padding-80 {
  padding: 80px !important;
}

.padding-100 {
  padding: 100px !important;
}

.width-full {
  width: 100% !important;
}

.margin-zero {
  margin: 0 !important;
}

/* FONTS */
/* COLORS */
/* BORDERS */
.text-align-right {
  text-align: right;
}

.no-margin {
  margin: 0 !important;
}

.margin-top-negative-50 {
  margin-top: -50px !important;
}

.margin-top-5 {
  margin-top: 5px !important;
}

.margin-top-10 {
  margin-top: 10px !important;
}

.margin-top-15 {
  margin-top: 15px !important;
}

.margin-top-20 {
  margin-top: 20px !important;
}

.margin-top-25 {
  margin-top: 25px !important;
}

.margin-top-30 {
  margin-top: 30px !important;
}

.margin-top-40 {
  margin-top: 40px !important;
}

.margin-top-45 {
  margin-top: 45px !important;
}

.margin-top-50 {
  margin-top: 50px !important;
}

.margin-top-60 {
  margin-top: 60px !important;
}

.margin-top-70 {
  margin-top: 70px !important;
}

.margin-top-75 {
  margin-top: 75px !important;
}

.margin-top-80 {
  margin-top: 80px !important;
}

.margin-top-100 {
  margin-top: 100px !important;
}

.margin-bottom-10 {
  margin-bottom: 10px !important;
}

.margin-bottom-20 {
  margin-bottom: 20px !important;
}

.margin-bottom-25 {
  margin-bottom: 25px !important;
}

.margin-bottom-30 {
  margin-bottom: 30px !important;
}

.margin-bottom-40 {
  margin-bottom: 40px !important;
}

.margin-bottom-50 {
  margin-bottom: 50px !important;
}

.margin-bottom-60 {
  margin-bottom: 60px !important;
}

.margin-bottom-70 {
  margin-bottom: 70px !important;
}

.margin-bottom-75 {
  margin-bottom: 75px !important;
}

.margin-bottom-80 {
  margin-bottom: 80px !important;
}

.margin-bottom-100 {
  margin-bottom: 100px !important;
}

.margin-left-10 {
  margin-left: 10px !important;
}

.margin-left-20 {
  margin-left: 20px !important;
}

.margin-left-25 {
  margin-left: 25px !important;
}

.margin-left-30 {
  margin-left: 30px !important;
}

.margin-left-40 {
  margin-left: 40px !important;
}

.margin-left-50 {
  margin-left: 50px !important;
}

.margin-left-60 {
  margin-left: 60px !important;
}

.margin-left-70 {
  margin-left: 70px !important;
}

.margin-left-75 {
  margin-left: 75px !important;
}

.margin-left-80 {
  margin-left: 80px !important;
}

.margin-left-100 {
  margin-left: 100px !important;
}

.no-margin-right {
  margin-right: 0 !important;
}

.margin-right-10 {
  margin-right: 10px !important;
}

.margin-right-20 {
  margin-right: 20px !important;
}

.margin-right-25 {
  margin-right: 25px !important;
}

.margin-right-30 {
  margin-right: 30px !important;
}

.margin-right-40 {
  margin-right: 40px !important;
}

.margin-right-50 {
  margin-right: 50px !important;
}

.margin-right-60 {
  margin-right: 60px !important;
}

.margin-right-70 {
  margin-right: 70px !important;
}

.margin-right-75 {
  margin-right: 75px !important;
}

.margin-right-80 {
  margin-right: 80px !important;
}

.margin-right-100 {
  margin-right: 100px !important;
}

.margin-10 {
  margin: 10px !important;
}

.margin-20 {
  margin: 20px !important;
}

.margin-25 {
  margin: 25px !important;
}

.margin-30 {
  margin: 30px !important;
}

.margin-40 {
  margin: 40px !important;
}

.margin-50 {
  margin: 50px !important;
}

.margin-60 {
  margin: 60px !important;
}

.margin-70 {
  margin: 70px !important;
}

.margin-75 {
  margin: 75px !important;
}

.margin-80 {
  margin: 80px !important;
}

.margin-100 {
  margin: 100px !important;
}

.minus-content-padding-margin {
  margin: 0 -10px !important;
}
.minus-content-padding-margin .row {
  padding: 0 20px;
}

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

.padding-top-0 {
  padding-top: 0 !important;
}

.padding-top-10 {
  padding-top: 10px !important;
}

.padding-top-20 {
  padding-top: 20px !important;
}

.padding-top-25 {
  padding-top: 25px !important;
}

.padding-top-30 {
  padding-top: 30px !important;
}

.padding-top-40 {
  padding-top: 40px !important;
}

.padding-top-50 {
  padding-top: 50px !important;
}

.padding-top-60 {
  padding-top: 60px !important;
}

.padding-top-70 {
  padding-top: 70px !important;
}

.padding-top-75 {
  padding-top: 75px !important;
}

.padding-top-80 {
  padding-top: 80px !important;
}

.padding-top-100 {
  padding-top: 100px !important;
}

.padding-bottom-0 {
  padding-bottom: 0;
}

.padding-bottom-10 {
  padding-bottom: 10px !important;
}

.padding-bottom-15 {
  padding-bottom: 15px !important;
}

.padding-bottom-20 {
  padding-bottom: 20px !important;
}

.padding-bottom-25 {
  padding-bottom: 25px !important;
}

.padding-bottom-30 {
  padding-bottom: 30px !important;
}

.padding-bottom-40 {
  padding-bottom: 40px !important;
}

.padding-bottom-50 {
  padding-bottom: 50px !important;
}

.padding-bottom-60 {
  padding-bottom: 60px !important;
}

.padding-bottom-70 {
  padding-bottom: 70px !important;
}

.padding-bottom-75 {
  padding-bottom: 75px !important;
}

.padding-bottom-80 {
  padding-bottom: 80px !important;
}

.padding-bottom-100 {
  padding-bottom: 100px !important;
}

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

.padding-left-10 {
  padding-left: 10px !important;
}

.padding-left-20 {
  padding-left: 20px !important;
}

.padding-left-25 {
  padding-left: 25px !important;
}

.padding-left-30 {
  padding-left: 30px !important;
}

.padding-left-40 {
  padding-left: 40px !important;
}

.padding-left-50 {
  padding-left: 50px !important;
}

.padding-left-60 {
  padding-left: 60px !important;
}

.padding-left-70 {
  padding-left: 70px !important;
}

.padding-left-75 {
  padding-left: 75px !important;
}

.padding-left-80 {
  padding-left: 80px !important;
}

.padding-left-100 {
  padding-left: 100px !important;
}

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

.padding-right-10 {
  padding-right: 10px !important;
}

.padding-right-20 {
  padding-right: 20px !important;
}

.padding-right-25 {
  padding-right: 25px !important;
}

.padding-right-30 {
  padding-right: 30px !important;
}

.padding-right-40 {
  padding-right: 40px !important;
}

.padding-right-50 {
  padding-right: 50px !important;
}

.padding-right-60 {
  padding-right: 60px !important;
}

.padding-right-70 {
  padding-right: 70px !important;
}

.padding-right-75 {
  padding-right: 75px !important;
}

.padding-right-80 {
  padding-right: 80px !important;
}

.padding-right-100 {
  padding-right: 100px !important;
}

.padding-10 {
  padding: 10px !important;
}

.padding-15 {
  padding: 15px !important;
}

.padding-20 {
  padding: 20px !important;
}

.padding-25 {
  padding: 25px !important;
}

.padding-30 {
  padding: 30px !important;
}

.padding-40 {
  padding: 40px !important;
}

.padding-50 {
  padding: 50px !important;
}

.padding-60 {
  padding: 60px !important;
}

.padding-70 {
  padding: 70px !important;
}

.padding-75 {
  padding: 75px !important;
}

.padding-80 {
  padding: 80px !important;
}

.padding-100 {
  padding: 100px !important;
}

.width-full {
  width: 100% !important;
}

.margin-zero {
  margin: 0 !important;
}

.event-filters.form-section {
  min-height: 23px;
  width: 20%;
  vertical-align: top;
  margin-top: 60px;
}
.event-filters .form-section {
  min-height: 23px;
}
.event-filters .form-section .cal-filter-checkbox {
  vertical-align: top;
  width: 25%;
}
.event-filters.calendar .resource-section {
  width: 100%;
  min-height: initial;
}
.event-filters.calendar .resource-section .type-title {
  width: 70%;
}
.event-filters.calendar .resource-section .resource-title {
  width: 100%;
}
.event-filters.calendar .resource-section .list-section {
  width: 100%;
}

/* FONTS */
/* COLORS */
/* BORDERS */
.text-align-right {
  text-align: right;
}

.no-margin {
  margin: 0 !important;
}

.margin-top-negative-50 {
  margin-top: -50px !important;
}

.margin-top-5 {
  margin-top: 5px !important;
}

.margin-top-10 {
  margin-top: 10px !important;
}

.margin-top-15 {
  margin-top: 15px !important;
}

.margin-top-20 {
  margin-top: 20px !important;
}

.margin-top-25 {
  margin-top: 25px !important;
}

.margin-top-30 {
  margin-top: 30px !important;
}

.margin-top-40 {
  margin-top: 40px !important;
}

.margin-top-45 {
  margin-top: 45px !important;
}

.margin-top-50 {
  margin-top: 50px !important;
}

.margin-top-60 {
  margin-top: 60px !important;
}

.margin-top-70 {
  margin-top: 70px !important;
}

.margin-top-75 {
  margin-top: 75px !important;
}

.margin-top-80 {
  margin-top: 80px !important;
}

.margin-top-100 {
  margin-top: 100px !important;
}

.margin-bottom-10 {
  margin-bottom: 10px !important;
}

.margin-bottom-20 {
  margin-bottom: 20px !important;
}

.margin-bottom-25 {
  margin-bottom: 25px !important;
}

.margin-bottom-30 {
  margin-bottom: 30px !important;
}

.margin-bottom-40 {
  margin-bottom: 40px !important;
}

.margin-bottom-50 {
  margin-bottom: 50px !important;
}

.margin-bottom-60 {
  margin-bottom: 60px !important;
}

.margin-bottom-70 {
  margin-bottom: 70px !important;
}

.margin-bottom-75 {
  margin-bottom: 75px !important;
}

.margin-bottom-80 {
  margin-bottom: 80px !important;
}

.margin-bottom-100 {
  margin-bottom: 100px !important;
}

.margin-left-10 {
  margin-left: 10px !important;
}

.margin-left-20 {
  margin-left: 20px !important;
}

.margin-left-25 {
  margin-left: 25px !important;
}

.margin-left-30 {
  margin-left: 30px !important;
}

.margin-left-40 {
  margin-left: 40px !important;
}

.margin-left-50 {
  margin-left: 50px !important;
}

.margin-left-60 {
  margin-left: 60px !important;
}

.margin-left-70 {
  margin-left: 70px !important;
}

.margin-left-75 {
  margin-left: 75px !important;
}

.margin-left-80 {
  margin-left: 80px !important;
}

.margin-left-100 {
  margin-left: 100px !important;
}

.no-margin-right {
  margin-right: 0 !important;
}

.margin-right-10 {
  margin-right: 10px !important;
}

.margin-right-20 {
  margin-right: 20px !important;
}

.margin-right-25 {
  margin-right: 25px !important;
}

.margin-right-30 {
  margin-right: 30px !important;
}

.margin-right-40 {
  margin-right: 40px !important;
}

.margin-right-50 {
  margin-right: 50px !important;
}

.margin-right-60 {
  margin-right: 60px !important;
}

.margin-right-70 {
  margin-right: 70px !important;
}

.margin-right-75 {
  margin-right: 75px !important;
}

.margin-right-80 {
  margin-right: 80px !important;
}

.margin-right-100 {
  margin-right: 100px !important;
}

.margin-10 {
  margin: 10px !important;
}

.margin-20 {
  margin: 20px !important;
}

.margin-25 {
  margin: 25px !important;
}

.margin-30 {
  margin: 30px !important;
}

.margin-40 {
  margin: 40px !important;
}

.margin-50 {
  margin: 50px !important;
}

.margin-60 {
  margin: 60px !important;
}

.margin-70 {
  margin: 70px !important;
}

.margin-75 {
  margin: 75px !important;
}

.margin-80 {
  margin: 80px !important;
}

.margin-100 {
  margin: 100px !important;
}

.minus-content-padding-margin {
  margin: 0 -10px !important;
}
.minus-content-padding-margin .row {
  padding: 0 20px;
}

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

.padding-top-0 {
  padding-top: 0 !important;
}

.padding-top-10 {
  padding-top: 10px !important;
}

.padding-top-20 {
  padding-top: 20px !important;
}

.padding-top-25 {
  padding-top: 25px !important;
}

.padding-top-30 {
  padding-top: 30px !important;
}

.padding-top-40 {
  padding-top: 40px !important;
}

.padding-top-50 {
  padding-top: 50px !important;
}

.padding-top-60 {
  padding-top: 60px !important;
}

.padding-top-70 {
  padding-top: 70px !important;
}

.padding-top-75 {
  padding-top: 75px !important;
}

.padding-top-80 {
  padding-top: 80px !important;
}

.padding-top-100 {
  padding-top: 100px !important;
}

.padding-bottom-0 {
  padding-bottom: 0;
}

.padding-bottom-10 {
  padding-bottom: 10px !important;
}

.padding-bottom-15 {
  padding-bottom: 15px !important;
}

.padding-bottom-20 {
  padding-bottom: 20px !important;
}

.padding-bottom-25 {
  padding-bottom: 25px !important;
}

.padding-bottom-30 {
  padding-bottom: 30px !important;
}

.padding-bottom-40 {
  padding-bottom: 40px !important;
}

.padding-bottom-50 {
  padding-bottom: 50px !important;
}

.padding-bottom-60 {
  padding-bottom: 60px !important;
}

.padding-bottom-70 {
  padding-bottom: 70px !important;
}

.padding-bottom-75 {
  padding-bottom: 75px !important;
}

.padding-bottom-80 {
  padding-bottom: 80px !important;
}

.padding-bottom-100 {
  padding-bottom: 100px !important;
}

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

.padding-left-10 {
  padding-left: 10px !important;
}

.padding-left-20 {
  padding-left: 20px !important;
}

.padding-left-25 {
  padding-left: 25px !important;
}

.padding-left-30 {
  padding-left: 30px !important;
}

.padding-left-40 {
  padding-left: 40px !important;
}

.padding-left-50 {
  padding-left: 50px !important;
}

.padding-left-60 {
  padding-left: 60px !important;
}

.padding-left-70 {
  padding-left: 70px !important;
}

.padding-left-75 {
  padding-left: 75px !important;
}

.padding-left-80 {
  padding-left: 80px !important;
}

.padding-left-100 {
  padding-left: 100px !important;
}

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

.padding-right-10 {
  padding-right: 10px !important;
}

.padding-right-20 {
  padding-right: 20px !important;
}

.padding-right-25 {
  padding-right: 25px !important;
}

.padding-right-30 {
  padding-right: 30px !important;
}

.padding-right-40 {
  padding-right: 40px !important;
}

.padding-right-50 {
  padding-right: 50px !important;
}

.padding-right-60 {
  padding-right: 60px !important;
}

.padding-right-70 {
  padding-right: 70px !important;
}

.padding-right-75 {
  padding-right: 75px !important;
}

.padding-right-80 {
  padding-right: 80px !important;
}

.padding-right-100 {
  padding-right: 100px !important;
}

.padding-10 {
  padding: 10px !important;
}

.padding-15 {
  padding: 15px !important;
}

.padding-20 {
  padding: 20px !important;
}

.padding-25 {
  padding: 25px !important;
}

.padding-30 {
  padding: 30px !important;
}

.padding-40 {
  padding: 40px !important;
}

.padding-50 {
  padding: 50px !important;
}

.padding-60 {
  padding: 60px !important;
}

.padding-70 {
  padding: 70px !important;
}

.padding-75 {
  padding: 75px !important;
}

.padding-80 {
  padding: 80px !important;
}

.padding-100 {
  padding: 100px !important;
}

.width-full {
  width: 100% !important;
}

.margin-zero {
  margin: 0 !important;
}

/* FONTS */
/* COLORS */
/* BORDERS */
.text-align-right {
  text-align: right;
}

.no-margin {
  margin: 0 !important;
}

.margin-top-negative-50 {
  margin-top: -50px !important;
}

.margin-top-5 {
  margin-top: 5px !important;
}

.margin-top-10 {
  margin-top: 10px !important;
}

.margin-top-15 {
  margin-top: 15px !important;
}

.margin-top-20 {
  margin-top: 20px !important;
}

.margin-top-25 {
  margin-top: 25px !important;
}

.margin-top-30 {
  margin-top: 30px !important;
}

.margin-top-40 {
  margin-top: 40px !important;
}

.margin-top-45 {
  margin-top: 45px !important;
}

.margin-top-50 {
  margin-top: 50px !important;
}

.margin-top-60 {
  margin-top: 60px !important;
}

.margin-top-70 {
  margin-top: 70px !important;
}

.margin-top-75 {
  margin-top: 75px !important;
}

.margin-top-80 {
  margin-top: 80px !important;
}

.margin-top-100 {
  margin-top: 100px !important;
}

.margin-bottom-10 {
  margin-bottom: 10px !important;
}

.margin-bottom-20 {
  margin-bottom: 20px !important;
}

.margin-bottom-25 {
  margin-bottom: 25px !important;
}

.margin-bottom-30 {
  margin-bottom: 30px !important;
}

.margin-bottom-40 {
  margin-bottom: 40px !important;
}

.margin-bottom-50 {
  margin-bottom: 50px !important;
}

.margin-bottom-60 {
  margin-bottom: 60px !important;
}

.margin-bottom-70 {
  margin-bottom: 70px !important;
}

.margin-bottom-75 {
  margin-bottom: 75px !important;
}

.margin-bottom-80 {
  margin-bottom: 80px !important;
}

.margin-bottom-100 {
  margin-bottom: 100px !important;
}

.margin-left-10 {
  margin-left: 10px !important;
}

.margin-left-20 {
  margin-left: 20px !important;
}

.margin-left-25 {
  margin-left: 25px !important;
}

.margin-left-30 {
  margin-left: 30px !important;
}

.margin-left-40 {
  margin-left: 40px !important;
}

.margin-left-50 {
  margin-left: 50px !important;
}

.margin-left-60 {
  margin-left: 60px !important;
}

.margin-left-70 {
  margin-left: 70px !important;
}

.margin-left-75 {
  margin-left: 75px !important;
}

.margin-left-80 {
  margin-left: 80px !important;
}

.margin-left-100 {
  margin-left: 100px !important;
}

.no-margin-right {
  margin-right: 0 !important;
}

.margin-right-10 {
  margin-right: 10px !important;
}

.margin-right-20 {
  margin-right: 20px !important;
}

.margin-right-25 {
  margin-right: 25px !important;
}

.margin-right-30 {
  margin-right: 30px !important;
}

.margin-right-40 {
  margin-right: 40px !important;
}

.margin-right-50 {
  margin-right: 50px !important;
}

.margin-right-60 {
  margin-right: 60px !important;
}

.margin-right-70 {
  margin-right: 70px !important;
}

.margin-right-75 {
  margin-right: 75px !important;
}

.margin-right-80 {
  margin-right: 80px !important;
}

.margin-right-100 {
  margin-right: 100px !important;
}

.margin-10 {
  margin: 10px !important;
}

.margin-20 {
  margin: 20px !important;
}

.margin-25 {
  margin: 25px !important;
}

.margin-30 {
  margin: 30px !important;
}

.margin-40 {
  margin: 40px !important;
}

.margin-50 {
  margin: 50px !important;
}

.margin-60 {
  margin: 60px !important;
}

.margin-70 {
  margin: 70px !important;
}

.margin-75 {
  margin: 75px !important;
}

.margin-80 {
  margin: 80px !important;
}

.margin-100 {
  margin: 100px !important;
}

.minus-content-padding-margin {
  margin: 0 -10px !important;
}
.minus-content-padding-margin .row {
  padding: 0 20px;
}

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

.padding-top-0 {
  padding-top: 0 !important;
}

.padding-top-10 {
  padding-top: 10px !important;
}

.padding-top-20 {
  padding-top: 20px !important;
}

.padding-top-25 {
  padding-top: 25px !important;
}

.padding-top-30 {
  padding-top: 30px !important;
}

.padding-top-40 {
  padding-top: 40px !important;
}

.padding-top-50 {
  padding-top: 50px !important;
}

.padding-top-60 {
  padding-top: 60px !important;
}

.padding-top-70 {
  padding-top: 70px !important;
}

.padding-top-75 {
  padding-top: 75px !important;
}

.padding-top-80 {
  padding-top: 80px !important;
}

.padding-top-100 {
  padding-top: 100px !important;
}

.padding-bottom-0 {
  padding-bottom: 0;
}

.padding-bottom-10 {
  padding-bottom: 10px !important;
}

.padding-bottom-15 {
  padding-bottom: 15px !important;
}

.padding-bottom-20 {
  padding-bottom: 20px !important;
}

.padding-bottom-25 {
  padding-bottom: 25px !important;
}

.padding-bottom-30 {
  padding-bottom: 30px !important;
}

.padding-bottom-40 {
  padding-bottom: 40px !important;
}

.padding-bottom-50 {
  padding-bottom: 50px !important;
}

.padding-bottom-60 {
  padding-bottom: 60px !important;
}

.padding-bottom-70 {
  padding-bottom: 70px !important;
}

.padding-bottom-75 {
  padding-bottom: 75px !important;
}

.padding-bottom-80 {
  padding-bottom: 80px !important;
}

.padding-bottom-100 {
  padding-bottom: 100px !important;
}

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

.padding-left-10 {
  padding-left: 10px !important;
}

.padding-left-20 {
  padding-left: 20px !important;
}

.padding-left-25 {
  padding-left: 25px !important;
}

.padding-left-30 {
  padding-left: 30px !important;
}

.padding-left-40 {
  padding-left: 40px !important;
}

.padding-left-50 {
  padding-left: 50px !important;
}

.padding-left-60 {
  padding-left: 60px !important;
}

.padding-left-70 {
  padding-left: 70px !important;
}

.padding-left-75 {
  padding-left: 75px !important;
}

.padding-left-80 {
  padding-left: 80px !important;
}

.padding-left-100 {
  padding-left: 100px !important;
}

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

.padding-right-10 {
  padding-right: 10px !important;
}

.padding-right-20 {
  padding-right: 20px !important;
}

.padding-right-25 {
  padding-right: 25px !important;
}

.padding-right-30 {
  padding-right: 30px !important;
}

.padding-right-40 {
  padding-right: 40px !important;
}

.padding-right-50 {
  padding-right: 50px !important;
}

.padding-right-60 {
  padding-right: 60px !important;
}

.padding-right-70 {
  padding-right: 70px !important;
}

.padding-right-75 {
  padding-right: 75px !important;
}

.padding-right-80 {
  padding-right: 80px !important;
}

.padding-right-100 {
  padding-right: 100px !important;
}

.padding-10 {
  padding: 10px !important;
}

.padding-15 {
  padding: 15px !important;
}

.padding-20 {
  padding: 20px !important;
}

.padding-25 {
  padding: 25px !important;
}

.padding-30 {
  padding: 30px !important;
}

.padding-40 {
  padding: 40px !important;
}

.padding-50 {
  padding: 50px !important;
}

.padding-60 {
  padding: 60px !important;
}

.padding-70 {
  padding: 70px !important;
}

.padding-75 {
  padding: 75px !important;
}

.padding-80 {
  padding: 80px !important;
}

.padding-100 {
  padding: 100px !important;
}

.width-full {
  width: 100% !important;
}

.margin-zero {
  margin: 0 !important;
}

form.calculator-form {
  width: 100%;
  margin: 0 auto;
}

h4.clc-rslt-sub-title {
  letter-spacing: 1px;
}

#state_level h4.clc-rslt-sub-title {
  letter-spacing: 0;
}

.top-area {
  padding: 20px 20px 20px 20px;
  border: 1px solid #C0C0C0;
  margin: 0 0 40px;
  background: #fff;
}
.top-area h3 {
  color: #fff;
  font-weight: 600;
  margin: -20px -20px 10px -20px;
  margin-bottom: 20px;
  padding: 10px 20px;
  background: #0A4668;
  border-bottom: 1px solid #C0C0C0;
}
.top-area .form-section {
  width: 100%;
}

.second-area {
  padding: 10px 17px;
  border: 1px solid #C0C0C0;
  background: #fff;
}

.third-area {
  padding: 10px 17px;
  border: 1px solid #C0C0C0;
  margin: 0;
  background: #fff;
  border-top: 0;
}

.fourth-area {
  padding: 10px 17px;
  margin: 20px auto;
  height: auto;
  width: 66.666%;
}
.fourth-area .form-section {
  text-align: center;
  width: 49.5%;
}

.fifth-area {
  padding: 10px 17px;
  border: 1px solid #C0C0C0;
  margin: 0;
  background: #fff;
  border-top: 0;
}
.fifth-area .input_td {
  color: #666;
}
.fifth-area .form-section {
  width: 49.5%;
}

.left-column {
  float: left;
  width: 100%;
}

.middle-column {
  float: left;
  width: 33.3333%;
}

.right-column {
  float: left;
  width: 33.3333%;
}

.exact-date-container {
  display: none;
}

.top-area-inline {
  width: 33.333%;
  float: left;
  display: inline-block;
  vertical-align: top;
}

.exact-date-container {
  margin: 10px 0;
  height: 60px;
}

.datepicker-wrap .form-section {
  height: auto;
  vertical-align: top;
}

.checkbox input {
  width: 20px !important;
  box-shadow: none;
  -webkit-box-shadow: none;
  -mozbox-shadow: none;
}

.input_td.checkbox {
  width: 60px;
  float: left;
  line-height: 40px;
}

.bottom-area-wrap {
  width: 100%;
}

.paid .results {
  opacity: 1 !important;
}

.results-area {
  padding: 0;
  margin: 0 0 25px 0;
}

.bottom-wrapper {
  position: relative;
}

label.required:after {
  content: " *";
  color: rgb(214, 0, 0);
  font-size: 10pt;
}

.show-options > p, .hide-options > p {
  text-align: center;
  margin: 0 auto;
  font-size: 11pt;
  color: #0099cc;
  font-weight: bold;
  width: 150px;
  padding: 10px;
  background: #fff;
  border: 1px solid #C0C0C0;
  border-radius: 3px;
}

.hide-options > p {
  width: 140px;
}

/* Override styles from s2c.css */
#content_wide {
  width: 100%;
  padding-left: 0;
  padding-right: 0;
}

#results {
  width: 100% !important;
  padding: 0;
  margin: 0;
  border: 0;
  box-shadow: none;
}

#results .result_box {
  width: 32.9%;
  padding: 0;
  position: relative;
  border: 1px solid #C0C0C0;
  overflow: hidden;
  background: #fff;
}

#results .result_box .result_details {
  padding: 25px 25px;
  height: 334px;
  margin: 0;
  position: relative;
}

.wrap-with-border-right {
  background: #fff;
  position: relative;
  height: 505px;
}

#error_box {
  margin: 0 0 15px 30px;
}

#error_box li, #error_box p {
  color: red;
  font-size: 13px;
  line-height: 19px;
  margin-bottom: 5px;
}

#error_box li {
  margin-left: 15px;
}

#results .error_box, #results .error_box {
  left: 10px;
}

#results .error_box, #results .error_box {
  left: 108px;
}

#results .error_box {
  display: none;
  position: absolute;
  top: 182px;
  left: 176px;
  width: 308px;
  padding: 20px;
  border: solid 2px #fff;
  background: #DB6B6B;
  opacity: 1;
  color: #eee;
  text-align: center;
  font-weight: bold;
  font-size: 14px;
  box-shadow: -1px 2px 4px 0px #888;
  border-radius: 5px;
}

#results .error_box {
  left: 302px;
}

#results .error_box a {
  text-decoration: underline;
  font-size: 32pt;
  text-decoration: none;
}

#results .error_box a:hover {
  text-decoration: none;
}

#results .error_box {
  left: 50%;
  margin-left: -176px;
  /* display:  none !important; */
}

.result_details > .number-of-standards > p {
  background: none !important;
  color: #666 !important;
  font-size: 12pt !important;
  padding: 0 !important;
  width: 80% !important;
  font-family: "Open sans", sans-serif;
}

.result_details .result_label {
  margin: 5px 0;
  max-width: 87%;
  text-align: left;
}

.show-hide-form {
  display: none;
}

.hide-options {
  display: none;
  margin: 0 25px 0;
  width: 160px;
  float: right;
  cursor: pointer;
}

.show-options {
  margin: 0 25px 0 auto;
  margin-top: 0;
  width: 172px;
  float: right;
  cursor: pointer;
}

.ignition-si {
  /*display: none;*/
}

.ignition_type {
  /*display: none;*/
}

.disabled {
  background: #fff;
}

.soft-trigger-results {
  display: none;
}

.soft-trigger .soft-trigger-results {
  display: block;
  position: static;
  left: 0;
  right: 0;
  bottom: 48px;
  height: auto;
}

.soft-trigger-note > p {
  background: rgba(255, 255, 255, 0.5) !important;
  color: #888 !important;
  padding: 11pt !important;
  width: auto !important;
  font-size: 11pt !important;
  line-height: 20pt;
  text-align: center !important;
  text-align: justify !important;
  font-family: "Open sans", sans-serif;
  font-weight: 600 !important;
}

.soft-trigger-results h3 {
  margin: 0 auto 10px;
  width: 80%;
}

.soft-trigger .result_details > div.results-wrap-toggle {
  display: none;
}

#naaqs .result_details {
  height: auto !important;
}

#state_level .result_details {
  height: auto !important;
}

#state_level > div > p {
  padding: 5px 0 !important;
  background: #eee !important;
  color: #888 !important;
  border-bottom: 1px solid #C0C0C0;
  border-top: 1px solid #C0C0C0;
  font-weight: 700 !important;
  font-family: "Open sans", sans-serif;
}

#state_level {
  border-radius: 0 0 10px 10px;
}

#naaqs {
  border-radius: 0;
  position: relative;
}

#results > div.source-wrap.result_box {
  width: 66.666% !important;
}

#nspsIIIISection {
  display: inline-block;
  width: 50%;
  float: left;
}

#nspsText {
  font-family: "Open sans", sans-serif;
}

#neshap_zzzz {
  float: left;
  width: 50%;
}

#results > div.location-wrap.result_box > p {
  margin-bottom: 0;
}

h4.clc-rslt-sub-title {
  background: #eee !important;
  color: #888 !important;
  border-top: 1px solid #C0C0C0;
  border-bottom: 1px solid #C0C0C0;
  font-weight: 700 !important;
  /*font-family: $SecondaryFont;*/
  margin: 0;
  padding: 8px 0 !important;
}

#neshap_zzzz > div {
  border-left: 1px solid #C0C0C0;
}

#nspsIIIISection > div {
  /* height: 477px; */
}

.wrap-with-no-border-right {
  position: relative;
  min-height: 477px;
  height: 505px;
}

#bottomArea {
  display: none;
}

.button-wrap {
  display: none;
  margin-top: 20px;
}

.top-area > p {
  color: #fff;
  font-size: 14pt;
  font-weight: 600;
  margin: -20px -21px 10px -20px;
  margin-bottom: 20px;
  padding: 10px 20px;
  background: #0A4668;
  border-bottom: 1px solid #C0C0C0;
  font-family: "Open sans";
}

.result-number {
  position: absolute;
  height: 27px;
  width: 27px;
  right: 20px;
  bottom: 30px;
  font-size: 17pt;
  background: #888;
  padding: 0;
  border-radius: 15px;
  color: white;
  text-align: center;
  line-height: 27px;
}

.result_label.number-of-standards {
  color: #666666;
  font-size: 12pt !important;
  max-width: 80% !important;
}

div#state_stateResult {
  width: 50px;
  height: 29px;
  color: white;
  line-height: 25px;
  margin-top: 15px;
  border-radius: 25px;
  line-height: 21pt;
}

p.main-head {
  font-size: 15pt !important;
  font-family: "Open sans" sans-serif !important;
}

.calc-form-wrapper {
  width: auto;
}

.location-wrap.result_box {
  border-left: 0 !important;
}

#results .result_box {
  float: left;
  /*width: 170px;*/
  text-align: center;
  /* display: none; */
}

#results .result_box p {
  font-size: 13pt;
  font-weight: 600;
  color: #fff;
  margin: 0;
  padding: 8px 0 9px;
  background: #0A4668;
  width: 100%;
  border-right: 0;
  text-align: center;
}

.result_details .result_label a {
  color: #666666;
  font-family: "Open sans", sans-serif;
  font-size: 12pt;
  font-weight: 400;
}

#results .result_box .result_details p {
  text-align: left;
  margin: -10px 0 3px 0;
  font-size: 12pt;
  font-weight: 600;
}

.result_details .result_label {
  float: left;
  clear: both;
  font-size: 12px;
}

.result_details .result_label {
  margin: 5px 0;
  max-width: 87%;
  text-align: left;
}

.result-small {
  float: right;
  display: inline-block;
  width: 15px;
  height: 15px;
  border-radius: 15px;
  margin: 12px 0 0 0;
  color: #333;
}

.exempt-background, .pass-background {
  background-color: #0099cc;
}

.soft-trigger-background {
  background-color: #B8A894;
}

.trigger-background, .fail-background {
  background: #F47C43;
}

.unavailable-background, .na-background {
  background-color: #666666;
}

#results .result_box p {
  font-size: 13pt;
  font-weight: 600;
  color: #fff;
  margin: 0;
  padding: 8px 0 9px;
  background: #0A4668;
  width: 100%;
  border-right: 0;
}

#results .result_box .result {
  color: #ffffff;
  text-align: center;
  margin: 0px 20px 0;
  height: 28px;
  line-height: 27px;
  font-size: 13pt;
  font-weight: bold;
  width: auto;
  border-radius: 0;
  border: 1px solid #666;
  text-transform: uppercase;
}

.trigger-box-wrap {
  cursor: pointer;
}

button.btn.btn-primary {
  background: #0099cc;
  font-family: "Open sans", sans-serif;
}

button.btn.btn-primary.snapshot-btn {
  background: #0099cc;
  border-color: #C0C0C0 !important;
  float: right;
  margin: 8px;
  color: white;
}

button.btn.btn-primary.snapshot-btn:hover {
  background: #0088B6 !important;
}

/* Tooltip Modal */
.tooltip_result {
  cursor: pointer;
  background: #888;
  border-radius: 10px;
  font-size: 9pt;
  font-weight: bold;
  font-family: "VAGRoundedStd-Light" "sans-serif";
  border: 1px solid #8c8c8c;
  color: #E3E3E3;
  width: 15px;
  height: 15px;
}

#results .tooltip_result {
  position: relative;
  top: -25px;
  left: 10px;
}

.modal-content {
  box-shadow: none;
  -webkit-box-shadow: none;
  border: 0;
  border-radius: 0;
}

div.modal.fade {
  background: rgba(0, 0, 0, 0.6);
  z-index: 9999;
}

.modal-dialog {
  z-index: 9999 !important;
}

.calc-footer {
  background: #eee;
  border: 1px solid #C0C0C0;
  width: 99.7%;
  border-top: 0;
}

.result-label-modal {
  color: #666666;
  font-size: 12pt;
  font-family: "Open sans", sans-serif;
  cursor: pointer;
}

#debug_bar th {
  border-left: 0;
  border-bottom: 0;
}

/*#results .result_box .result_details.transparent {
    opacity:  .4 !important;
}*/
#results .result_box .result_details.transparent .na-background {
  background: #c0c0c0 !important;
}

@media (max-width: 750px) {
  .calc-footer {
    width: 100%;
  }
}
@media (max-width: 450px) {
  .calc-footer {
    background: none;
    border: 0px;
    width: auto;
  }
}
/* FONTS */
/* COLORS */
/* BORDERS */
.text-align-right {
  text-align: right;
}

.no-margin {
  margin: 0 !important;
}

.margin-top-negative-50 {
  margin-top: -50px !important;
}

.margin-top-5 {
  margin-top: 5px !important;
}

.margin-top-10 {
  margin-top: 10px !important;
}

.margin-top-15 {
  margin-top: 15px !important;
}

.margin-top-20 {
  margin-top: 20px !important;
}

.margin-top-25 {
  margin-top: 25px !important;
}

.margin-top-30 {
  margin-top: 30px !important;
}

.margin-top-40 {
  margin-top: 40px !important;
}

.margin-top-45 {
  margin-top: 45px !important;
}

.margin-top-50 {
  margin-top: 50px !important;
}

.margin-top-60 {
  margin-top: 60px !important;
}

.margin-top-70 {
  margin-top: 70px !important;
}

.margin-top-75 {
  margin-top: 75px !important;
}

.margin-top-80 {
  margin-top: 80px !important;
}

.margin-top-100 {
  margin-top: 100px !important;
}

.margin-bottom-10 {
  margin-bottom: 10px !important;
}

.margin-bottom-20 {
  margin-bottom: 20px !important;
}

.margin-bottom-25 {
  margin-bottom: 25px !important;
}

.margin-bottom-30 {
  margin-bottom: 30px !important;
}

.margin-bottom-40 {
  margin-bottom: 40px !important;
}

.margin-bottom-50 {
  margin-bottom: 50px !important;
}

.margin-bottom-60 {
  margin-bottom: 60px !important;
}

.margin-bottom-70 {
  margin-bottom: 70px !important;
}

.margin-bottom-75 {
  margin-bottom: 75px !important;
}

.margin-bottom-80 {
  margin-bottom: 80px !important;
}

.margin-bottom-100 {
  margin-bottom: 100px !important;
}

.margin-left-10 {
  margin-left: 10px !important;
}

.margin-left-20 {
  margin-left: 20px !important;
}

.margin-left-25 {
  margin-left: 25px !important;
}

.margin-left-30 {
  margin-left: 30px !important;
}

.margin-left-40 {
  margin-left: 40px !important;
}

.margin-left-50 {
  margin-left: 50px !important;
}

.margin-left-60 {
  margin-left: 60px !important;
}

.margin-left-70 {
  margin-left: 70px !important;
}

.margin-left-75 {
  margin-left: 75px !important;
}

.margin-left-80 {
  margin-left: 80px !important;
}

.margin-left-100 {
  margin-left: 100px !important;
}

.no-margin-right {
  margin-right: 0 !important;
}

.margin-right-10 {
  margin-right: 10px !important;
}

.margin-right-20 {
  margin-right: 20px !important;
}

.margin-right-25 {
  margin-right: 25px !important;
}

.margin-right-30 {
  margin-right: 30px !important;
}

.margin-right-40 {
  margin-right: 40px !important;
}

.margin-right-50 {
  margin-right: 50px !important;
}

.margin-right-60 {
  margin-right: 60px !important;
}

.margin-right-70 {
  margin-right: 70px !important;
}

.margin-right-75 {
  margin-right: 75px !important;
}

.margin-right-80 {
  margin-right: 80px !important;
}

.margin-right-100 {
  margin-right: 100px !important;
}

.margin-10 {
  margin: 10px !important;
}

.margin-20 {
  margin: 20px !important;
}

.margin-25 {
  margin: 25px !important;
}

.margin-30 {
  margin: 30px !important;
}

.margin-40 {
  margin: 40px !important;
}

.margin-50 {
  margin: 50px !important;
}

.margin-60 {
  margin: 60px !important;
}

.margin-70 {
  margin: 70px !important;
}

.margin-75 {
  margin: 75px !important;
}

.margin-80 {
  margin: 80px !important;
}

.margin-100 {
  margin: 100px !important;
}

.minus-content-padding-margin {
  margin: 0 -10px !important;
}
.minus-content-padding-margin .row {
  padding: 0 20px;
}

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

.padding-top-0 {
  padding-top: 0 !important;
}

.padding-top-10 {
  padding-top: 10px !important;
}

.padding-top-20 {
  padding-top: 20px !important;
}

.padding-top-25 {
  padding-top: 25px !important;
}

.padding-top-30 {
  padding-top: 30px !important;
}

.padding-top-40 {
  padding-top: 40px !important;
}

.padding-top-50 {
  padding-top: 50px !important;
}

.padding-top-60 {
  padding-top: 60px !important;
}

.padding-top-70 {
  padding-top: 70px !important;
}

.padding-top-75 {
  padding-top: 75px !important;
}

.padding-top-80 {
  padding-top: 80px !important;
}

.padding-top-100 {
  padding-top: 100px !important;
}

.padding-bottom-0 {
  padding-bottom: 0;
}

.padding-bottom-10 {
  padding-bottom: 10px !important;
}

.padding-bottom-15 {
  padding-bottom: 15px !important;
}

.padding-bottom-20 {
  padding-bottom: 20px !important;
}

.padding-bottom-25 {
  padding-bottom: 25px !important;
}

.padding-bottom-30 {
  padding-bottom: 30px !important;
}

.padding-bottom-40 {
  padding-bottom: 40px !important;
}

.padding-bottom-50 {
  padding-bottom: 50px !important;
}

.padding-bottom-60 {
  padding-bottom: 60px !important;
}

.padding-bottom-70 {
  padding-bottom: 70px !important;
}

.padding-bottom-75 {
  padding-bottom: 75px !important;
}

.padding-bottom-80 {
  padding-bottom: 80px !important;
}

.padding-bottom-100 {
  padding-bottom: 100px !important;
}

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

.padding-left-10 {
  padding-left: 10px !important;
}

.padding-left-20 {
  padding-left: 20px !important;
}

.padding-left-25 {
  padding-left: 25px !important;
}

.padding-left-30 {
  padding-left: 30px !important;
}

.padding-left-40 {
  padding-left: 40px !important;
}

.padding-left-50 {
  padding-left: 50px !important;
}

.padding-left-60 {
  padding-left: 60px !important;
}

.padding-left-70 {
  padding-left: 70px !important;
}

.padding-left-75 {
  padding-left: 75px !important;
}

.padding-left-80 {
  padding-left: 80px !important;
}

.padding-left-100 {
  padding-left: 100px !important;
}

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

.padding-right-10 {
  padding-right: 10px !important;
}

.padding-right-20 {
  padding-right: 20px !important;
}

.padding-right-25 {
  padding-right: 25px !important;
}

.padding-right-30 {
  padding-right: 30px !important;
}

.padding-right-40 {
  padding-right: 40px !important;
}

.padding-right-50 {
  padding-right: 50px !important;
}

.padding-right-60 {
  padding-right: 60px !important;
}

.padding-right-70 {
  padding-right: 70px !important;
}

.padding-right-75 {
  padding-right: 75px !important;
}

.padding-right-80 {
  padding-right: 80px !important;
}

.padding-right-100 {
  padding-right: 100px !important;
}

.padding-10 {
  padding: 10px !important;
}

.padding-15 {
  padding: 15px !important;
}

.padding-20 {
  padding: 20px !important;
}

.padding-25 {
  padding: 25px !important;
}

.padding-30 {
  padding: 30px !important;
}

.padding-40 {
  padding: 40px !important;
}

.padding-50 {
  padding: 50px !important;
}

.padding-60 {
  padding: 60px !important;
}

.padding-70 {
  padding: 70px !important;
}

.padding-75 {
  padding: 75px !important;
}

.padding-80 {
  padding: 80px !important;
}

.padding-100 {
  padding: 100px !important;
}

.width-full {
  width: 100% !important;
}

.margin-zero {
  margin: 0 !important;
}

#freecalculator #results .result_box .more-info-contact-wrap {
  position: absolute;
  top: 100px;
  bottom: 0;
  left: 0;
  right: 0;
  background: rgba(250, 250, 250, 0.8);
  padding-top: 25px;
}
#freecalculator #results .result_box .more-info-contact-wrap h4 {
  color: #0099cc;
  font-size: 18pt;
}
#freecalculator #results .result_box .more-info-contact-wrap p {
  background: transparent;
  color: #333;
  padding: 20px;
  box-sizing: border-box;
  text-align: left;
}
#freecalculator #results .result_box .more-info-contact-wrap b {
  font-family: "Open sans", sans-serif;
}
#freecalculator #results .result_box .result_details.transparent .na-background {
  opacity: 0.4 !important;
}
#freecalculator .contact-section {
  width: 50%;
  min-height: 505px;
  float: left;
  box-sizing: border-box;
  padding: 0 30px;
}
#freecalculator .contact-section h2 {
  color: #F47C43;
  padding: 5px;
}
#freecalculator .contact-section img {
  width: 100%;
}
#freecalculator .contact-section.left {
  border-right: 1px solid #dadada;
}
#freecalculator ul.top-tier-nav.free-calc-nav.login {
  justify-content: right;
}
#freecalculator ul.top-tier-nav.free-calc-nav.login li button.btn.primary-btn.btn-default.login-btn {
  margin: 0 5px;
  background: #FFFFFF;
  border-color: #c0c0c0;
  color: #0099cc;
  font-weight: bold;
  padding: 5px 16px;
}
#freecalculator ul.top-tier-nav.free-calc-nav.login li button.btn.primary-btn.btn-default.login-btn:hover {
  color: white;
  background: #666;
}

/* FONTS */
/* COLORS */
/* BORDERS */
.text-align-right {
  text-align: right;
}

.no-margin {
  margin: 0 !important;
}

.margin-top-negative-50 {
  margin-top: -50px !important;
}

.margin-top-5 {
  margin-top: 5px !important;
}

.margin-top-10 {
  margin-top: 10px !important;
}

.margin-top-15 {
  margin-top: 15px !important;
}

.margin-top-20 {
  margin-top: 20px !important;
}

.margin-top-25 {
  margin-top: 25px !important;
}

.margin-top-30 {
  margin-top: 30px !important;
}

.margin-top-40 {
  margin-top: 40px !important;
}

.margin-top-45 {
  margin-top: 45px !important;
}

.margin-top-50 {
  margin-top: 50px !important;
}

.margin-top-60 {
  margin-top: 60px !important;
}

.margin-top-70 {
  margin-top: 70px !important;
}

.margin-top-75 {
  margin-top: 75px !important;
}

.margin-top-80 {
  margin-top: 80px !important;
}

.margin-top-100 {
  margin-top: 100px !important;
}

.margin-bottom-10 {
  margin-bottom: 10px !important;
}

.margin-bottom-20 {
  margin-bottom: 20px !important;
}

.margin-bottom-25 {
  margin-bottom: 25px !important;
}

.margin-bottom-30 {
  margin-bottom: 30px !important;
}

.margin-bottom-40 {
  margin-bottom: 40px !important;
}

.margin-bottom-50 {
  margin-bottom: 50px !important;
}

.margin-bottom-60 {
  margin-bottom: 60px !important;
}

.margin-bottom-70 {
  margin-bottom: 70px !important;
}

.margin-bottom-75 {
  margin-bottom: 75px !important;
}

.margin-bottom-80 {
  margin-bottom: 80px !important;
}

.margin-bottom-100 {
  margin-bottom: 100px !important;
}

.margin-left-10 {
  margin-left: 10px !important;
}

.margin-left-20 {
  margin-left: 20px !important;
}

.margin-left-25 {
  margin-left: 25px !important;
}

.margin-left-30 {
  margin-left: 30px !important;
}

.margin-left-40 {
  margin-left: 40px !important;
}

.margin-left-50 {
  margin-left: 50px !important;
}

.margin-left-60 {
  margin-left: 60px !important;
}

.margin-left-70 {
  margin-left: 70px !important;
}

.margin-left-75 {
  margin-left: 75px !important;
}

.margin-left-80 {
  margin-left: 80px !important;
}

.margin-left-100 {
  margin-left: 100px !important;
}

.no-margin-right {
  margin-right: 0 !important;
}

.margin-right-10 {
  margin-right: 10px !important;
}

.margin-right-20 {
  margin-right: 20px !important;
}

.margin-right-25 {
  margin-right: 25px !important;
}

.margin-right-30 {
  margin-right: 30px !important;
}

.margin-right-40 {
  margin-right: 40px !important;
}

.margin-right-50 {
  margin-right: 50px !important;
}

.margin-right-60 {
  margin-right: 60px !important;
}

.margin-right-70 {
  margin-right: 70px !important;
}

.margin-right-75 {
  margin-right: 75px !important;
}

.margin-right-80 {
  margin-right: 80px !important;
}

.margin-right-100 {
  margin-right: 100px !important;
}

.margin-10 {
  margin: 10px !important;
}

.margin-20 {
  margin: 20px !important;
}

.margin-25 {
  margin: 25px !important;
}

.margin-30 {
  margin: 30px !important;
}

.margin-40 {
  margin: 40px !important;
}

.margin-50 {
  margin: 50px !important;
}

.margin-60 {
  margin: 60px !important;
}

.margin-70 {
  margin: 70px !important;
}

.margin-75 {
  margin: 75px !important;
}

.margin-80 {
  margin: 80px !important;
}

.margin-100 {
  margin: 100px !important;
}

.minus-content-padding-margin {
  margin: 0 -10px !important;
}
.minus-content-padding-margin .row {
  padding: 0 20px;
}

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

.padding-top-0 {
  padding-top: 0 !important;
}

.padding-top-10 {
  padding-top: 10px !important;
}

.padding-top-20 {
  padding-top: 20px !important;
}

.padding-top-25 {
  padding-top: 25px !important;
}

.padding-top-30 {
  padding-top: 30px !important;
}

.padding-top-40 {
  padding-top: 40px !important;
}

.padding-top-50 {
  padding-top: 50px !important;
}

.padding-top-60 {
  padding-top: 60px !important;
}

.padding-top-70 {
  padding-top: 70px !important;
}

.padding-top-75 {
  padding-top: 75px !important;
}

.padding-top-80 {
  padding-top: 80px !important;
}

.padding-top-100 {
  padding-top: 100px !important;
}

.padding-bottom-0 {
  padding-bottom: 0;
}

.padding-bottom-10 {
  padding-bottom: 10px !important;
}

.padding-bottom-15 {
  padding-bottom: 15px !important;
}

.padding-bottom-20 {
  padding-bottom: 20px !important;
}

.padding-bottom-25 {
  padding-bottom: 25px !important;
}

.padding-bottom-30 {
  padding-bottom: 30px !important;
}

.padding-bottom-40 {
  padding-bottom: 40px !important;
}

.padding-bottom-50 {
  padding-bottom: 50px !important;
}

.padding-bottom-60 {
  padding-bottom: 60px !important;
}

.padding-bottom-70 {
  padding-bottom: 70px !important;
}

.padding-bottom-75 {
  padding-bottom: 75px !important;
}

.padding-bottom-80 {
  padding-bottom: 80px !important;
}

.padding-bottom-100 {
  padding-bottom: 100px !important;
}

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

.padding-left-10 {
  padding-left: 10px !important;
}

.padding-left-20 {
  padding-left: 20px !important;
}

.padding-left-25 {
  padding-left: 25px !important;
}

.padding-left-30 {
  padding-left: 30px !important;
}

.padding-left-40 {
  padding-left: 40px !important;
}

.padding-left-50 {
  padding-left: 50px !important;
}

.padding-left-60 {
  padding-left: 60px !important;
}

.padding-left-70 {
  padding-left: 70px !important;
}

.padding-left-75 {
  padding-left: 75px !important;
}

.padding-left-80 {
  padding-left: 80px !important;
}

.padding-left-100 {
  padding-left: 100px !important;
}

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

.padding-right-10 {
  padding-right: 10px !important;
}

.padding-right-20 {
  padding-right: 20px !important;
}

.padding-right-25 {
  padding-right: 25px !important;
}

.padding-right-30 {
  padding-right: 30px !important;
}

.padding-right-40 {
  padding-right: 40px !important;
}

.padding-right-50 {
  padding-right: 50px !important;
}

.padding-right-60 {
  padding-right: 60px !important;
}

.padding-right-70 {
  padding-right: 70px !important;
}

.padding-right-75 {
  padding-right: 75px !important;
}

.padding-right-80 {
  padding-right: 80px !important;
}

.padding-right-100 {
  padding-right: 100px !important;
}

.padding-10 {
  padding: 10px !important;
}

.padding-15 {
  padding: 15px !important;
}

.padding-20 {
  padding: 20px !important;
}

.padding-25 {
  padding: 25px !important;
}

.padding-30 {
  padding: 30px !important;
}

.padding-40 {
  padding: 40px !important;
}

.padding-50 {
  padding: 50px !important;
}

.padding-60 {
  padding: 60px !important;
}

.padding-70 {
  padding: 70px !important;
}

.padding-75 {
  padding: 75px !important;
}

.padding-80 {
  padding: 80px !important;
}

.padding-100 {
  padding: 100px !important;
}

.width-full {
  width: 100% !important;
}

.margin-zero {
  margin: 0 !important;
}

body.login {
  background-image: url("/assets/images/backgrounds/s2c-background.png");
  background-repeat: no-repeat;
  font-family: "Open sans" sans-serif;
  background-size: cover;
  background-position: 45% 0;
}

.login .login-wrapper {
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;
  max-width: 350px;
  min-width: 250px;
  height: 367px;
  margin: auto;
  padding: 25px;
  border-radius: 0;
  background: transparent;
  z-index: 2;
}

.login input.form-control {
  padding: 0;
  box-shadow: none !important;
  -webkit-box-shadow: none !important;
  -mox-box-shadow: none !important;
}

.login .input_td {
  padding: 0;
  margin: 0 0 25px;
  width: 100%;
}

.login .input_td.pass {
  margin: 0 0 20px;
}

.login .input_td.email {
  margin-top: 50px;
}

.input_td.submit {
  margin-top: 45px;
}

.login input.btn-block {
  width: 100%;
  border-radius: 0;
  box-sizing: border-box !important;
  -webkit-box-sizing: border-box !important;
  -mox-box-sizing: border-box !important;
}

.login .logo-image {
  text-align: center;
  margin-top: 10px;
  height: 52px;
}

.login .loginTable img {
  width: 90%;
}

.login label.checkbox {
  padding-left: 0;
  margin-top: 9px;
}

.login input.form-control:required {
  background-image: none !important;
}

.login div.field-error {
  position: absolute;
  right: 32px;
  margin-top: -20px;
}

.login .alert {
  text-align: center;
  margin: 10px;
}

input#chbRememberMe {
  float: left;
  margin: 4px 10px 0 10px;
}

.login input.btn-block:focus {
  padding: 10px 16px !important;
  outline: none !important;
  border: 1px solid transparent !important;
}

.login-overlay {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
  background: rgba(0, 0, 0, 0.5);
}

.btn-login {
  background: #f26522;
  border-radius: 25px !important;
  color: #fff;
  font-weight: bold;
  padding: 3px 0 !important;
}

.btn-login:hover {
  background: #e25919 !important;
  color: #fff !important;
}

.form-control.login-input {
  border-radius: 25px !important;
  background: #0A4668;
  border: none !important;
  color: #fff !important;
  text-align: center !important;
  font-size: 13px;
  font-weight: 600;
}

.form-control.login-input::-moz-placeholder {
  color: #fff;
}

.form-control.login-input::placeholder {
  color: #fff;
}

.login-wrapper .input_td {
  width: 100% !important;
}

@media (max-width: 426px) {
  body.login {
    width: 100%;
  }
  .login-wrapper .input_td {
    width: 80% !important;
  }
  .login .container {
    padding: 0 !important;
    margin: 0 !important;
  }
  .login .login-wrapper {
    top: 34%;
  }
  .login-wrapper .input_td.email {
    margin-top: 0 !important;
    margin-bottom: 10px !important;
  }
  .login .login-wrapper {
    padding-bottom: 0 !important;
  }
  .input_td.submit {
    margin-top: 75px;
  }
  .login .logo-image {
    transform: scale(1.5);
    margin: 18px auto !important;
  }
  .login-footer p {
    font-size: 12px;
  }
}
@media (max-width: 360px) {
  .login .logo-image {
    transform: scale(1.3);
  }
}
.login-footer {
  position: fixed;
  z-index: 3;
  text-align: center !important;
  width: 100%;
  left: 0px;
  right: 0px;
  margin-bottom: 0px;
  bottom: 0px;
}
.login-footer p {
  color: #fff !important;
  font-family: "Open sans", sans-serif;
}

/* FONTS */
/* COLORS */
/* BORDERS */
.text-align-right {
  text-align: right;
}

.no-margin {
  margin: 0 !important;
}

.margin-top-negative-50 {
  margin-top: -50px !important;
}

.margin-top-5 {
  margin-top: 5px !important;
}

.margin-top-10 {
  margin-top: 10px !important;
}

.margin-top-15 {
  margin-top: 15px !important;
}

.margin-top-20 {
  margin-top: 20px !important;
}

.margin-top-25 {
  margin-top: 25px !important;
}

.margin-top-30 {
  margin-top: 30px !important;
}

.margin-top-40 {
  margin-top: 40px !important;
}

.margin-top-45 {
  margin-top: 45px !important;
}

.margin-top-50 {
  margin-top: 50px !important;
}

.margin-top-60 {
  margin-top: 60px !important;
}

.margin-top-70 {
  margin-top: 70px !important;
}

.margin-top-75 {
  margin-top: 75px !important;
}

.margin-top-80 {
  margin-top: 80px !important;
}

.margin-top-100 {
  margin-top: 100px !important;
}

.margin-bottom-10 {
  margin-bottom: 10px !important;
}

.margin-bottom-20 {
  margin-bottom: 20px !important;
}

.margin-bottom-25 {
  margin-bottom: 25px !important;
}

.margin-bottom-30 {
  margin-bottom: 30px !important;
}

.margin-bottom-40 {
  margin-bottom: 40px !important;
}

.margin-bottom-50 {
  margin-bottom: 50px !important;
}

.margin-bottom-60 {
  margin-bottom: 60px !important;
}

.margin-bottom-70 {
  margin-bottom: 70px !important;
}

.margin-bottom-75 {
  margin-bottom: 75px !important;
}

.margin-bottom-80 {
  margin-bottom: 80px !important;
}

.margin-bottom-100 {
  margin-bottom: 100px !important;
}

.margin-left-10 {
  margin-left: 10px !important;
}

.margin-left-20 {
  margin-left: 20px !important;
}

.margin-left-25 {
  margin-left: 25px !important;
}

.margin-left-30 {
  margin-left: 30px !important;
}

.margin-left-40 {
  margin-left: 40px !important;
}

.margin-left-50 {
  margin-left: 50px !important;
}

.margin-left-60 {
  margin-left: 60px !important;
}

.margin-left-70 {
  margin-left: 70px !important;
}

.margin-left-75 {
  margin-left: 75px !important;
}

.margin-left-80 {
  margin-left: 80px !important;
}

.margin-left-100 {
  margin-left: 100px !important;
}

.no-margin-right {
  margin-right: 0 !important;
}

.margin-right-10 {
  margin-right: 10px !important;
}

.margin-right-20 {
  margin-right: 20px !important;
}

.margin-right-25 {
  margin-right: 25px !important;
}

.margin-right-30 {
  margin-right: 30px !important;
}

.margin-right-40 {
  margin-right: 40px !important;
}

.margin-right-50 {
  margin-right: 50px !important;
}

.margin-right-60 {
  margin-right: 60px !important;
}

.margin-right-70 {
  margin-right: 70px !important;
}

.margin-right-75 {
  margin-right: 75px !important;
}

.margin-right-80 {
  margin-right: 80px !important;
}

.margin-right-100 {
  margin-right: 100px !important;
}

.margin-10 {
  margin: 10px !important;
}

.margin-20 {
  margin: 20px !important;
}

.margin-25 {
  margin: 25px !important;
}

.margin-30 {
  margin: 30px !important;
}

.margin-40 {
  margin: 40px !important;
}

.margin-50 {
  margin: 50px !important;
}

.margin-60 {
  margin: 60px !important;
}

.margin-70 {
  margin: 70px !important;
}

.margin-75 {
  margin: 75px !important;
}

.margin-80 {
  margin: 80px !important;
}

.margin-100 {
  margin: 100px !important;
}

.minus-content-padding-margin {
  margin: 0 -10px !important;
}
.minus-content-padding-margin .row {
  padding: 0 20px;
}

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

.padding-top-0 {
  padding-top: 0 !important;
}

.padding-top-10 {
  padding-top: 10px !important;
}

.padding-top-20 {
  padding-top: 20px !important;
}

.padding-top-25 {
  padding-top: 25px !important;
}

.padding-top-30 {
  padding-top: 30px !important;
}

.padding-top-40 {
  padding-top: 40px !important;
}

.padding-top-50 {
  padding-top: 50px !important;
}

.padding-top-60 {
  padding-top: 60px !important;
}

.padding-top-70 {
  padding-top: 70px !important;
}

.padding-top-75 {
  padding-top: 75px !important;
}

.padding-top-80 {
  padding-top: 80px !important;
}

.padding-top-100 {
  padding-top: 100px !important;
}

.padding-bottom-0 {
  padding-bottom: 0;
}

.padding-bottom-10 {
  padding-bottom: 10px !important;
}

.padding-bottom-15 {
  padding-bottom: 15px !important;
}

.padding-bottom-20 {
  padding-bottom: 20px !important;
}

.padding-bottom-25 {
  padding-bottom: 25px !important;
}

.padding-bottom-30 {
  padding-bottom: 30px !important;
}

.padding-bottom-40 {
  padding-bottom: 40px !important;
}

.padding-bottom-50 {
  padding-bottom: 50px !important;
}

.padding-bottom-60 {
  padding-bottom: 60px !important;
}

.padding-bottom-70 {
  padding-bottom: 70px !important;
}

.padding-bottom-75 {
  padding-bottom: 75px !important;
}

.padding-bottom-80 {
  padding-bottom: 80px !important;
}

.padding-bottom-100 {
  padding-bottom: 100px !important;
}

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

.padding-left-10 {
  padding-left: 10px !important;
}

.padding-left-20 {
  padding-left: 20px !important;
}

.padding-left-25 {
  padding-left: 25px !important;
}

.padding-left-30 {
  padding-left: 30px !important;
}

.padding-left-40 {
  padding-left: 40px !important;
}

.padding-left-50 {
  padding-left: 50px !important;
}

.padding-left-60 {
  padding-left: 60px !important;
}

.padding-left-70 {
  padding-left: 70px !important;
}

.padding-left-75 {
  padding-left: 75px !important;
}

.padding-left-80 {
  padding-left: 80px !important;
}

.padding-left-100 {
  padding-left: 100px !important;
}

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

.padding-right-10 {
  padding-right: 10px !important;
}

.padding-right-20 {
  padding-right: 20px !important;
}

.padding-right-25 {
  padding-right: 25px !important;
}

.padding-right-30 {
  padding-right: 30px !important;
}

.padding-right-40 {
  padding-right: 40px !important;
}

.padding-right-50 {
  padding-right: 50px !important;
}

.padding-right-60 {
  padding-right: 60px !important;
}

.padding-right-70 {
  padding-right: 70px !important;
}

.padding-right-75 {
  padding-right: 75px !important;
}

.padding-right-80 {
  padding-right: 80px !important;
}

.padding-right-100 {
  padding-right: 100px !important;
}

.padding-10 {
  padding: 10px !important;
}

.padding-15 {
  padding: 15px !important;
}

.padding-20 {
  padding: 20px !important;
}

.padding-25 {
  padding: 25px !important;
}

.padding-30 {
  padding: 30px !important;
}

.padding-40 {
  padding: 40px !important;
}

.padding-50 {
  padding: 50px !important;
}

.padding-60 {
  padding: 60px !important;
}

.padding-70 {
  padding: 70px !important;
}

.padding-75 {
  padding: 75px !important;
}

.padding-80 {
  padding: 80px !important;
}

.padding-100 {
  padding: 100px !important;
}

.width-full {
  width: 100% !important;
}

.margin-zero {
  margin: 0 !important;
}

#AssetOverview .main-body-wrap .content-footer-wrap-for-scrolling .main-area .content.w-sub-nav-bar .main-content-body .report-title {
  padding-bottom: 12px !important;
}

.table-container {
  border: 7px solid #0099cc;
  border-radius: 14px;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
  overflow: hidden;
}
.table-container > .row {
  display: flex;
  flex-wrap: wrap;
}
.table-container .map-wrapper #map {
  border-top-left-radius: 7px;
}
.table-container .charts-wrapper {
  height: auto;
  min-height: auto;
}
.table-container .charts-wrapper + .table-wrapper {
  height: auto;
  min-height: auto;
}
.table-container #dt-custom-footer,
.table-container .dt-custom-footer {
  background: #0099cc;
  display: flex;
}
.table-container #dt-custom-footer #dt-info,
.table-container #dt-custom-footer .dt-info,
.table-container .dt-custom-footer #dt-info,
.table-container .dt-custom-footer .dt-info {
  flex-grow: 1;
}
.table-container #dt-custom-footer #dt-info .dataTables_info,
.table-container #dt-custom-footer .dt-info .dataTables_info,
.table-container .dt-custom-footer #dt-info .dataTables_info,
.table-container .dt-custom-footer .dt-info .dataTables_info {
  width: 100%;
  height: 100%;
  border-bottom-left-radius: 7px;
}
.table-container #dt-custom-footer #dt-pagination .dataTables_paginate,
.table-container #dt-custom-footer ._dt-pagination .dataTables_paginate,
.table-container .dt-custom-footer #dt-pagination .dataTables_paginate,
.table-container .dt-custom-footer ._dt-pagination .dataTables_paginate {
  width: 100%;
  height: 100%;
  border-bottom-right-radius: 7px;
}

.title-w-top-rounded-borders {
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
  background: #0a4668 !important;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 10px 15px !important;
}
.title-w-top-rounded-borders ul.editing-btns {
  margin-left: 5px;
  margin-right: 5px;
  margin-top: 0 !important;
}
.title-w-top-rounded-borders ul.editing-btns li {
  opacity: 1 !important;
  background-image: url(/assets/images/add-edit-del-orange.png) !important;
}
.title-w-top-rounded-borders ul.editing-btns li.calendar-btn {
  background-image: url(/assets/images/calendar-orange.png) !important;
}
.title-w-top-rounded-borders .asset-name {
  text-align: left;
  flex-grow: 1;
  margin-left: 6px;
}
.title-w-top-rounded-borders .clear {
  display: none;
}

button._cs-orange-btn {
  height: 30px;
  padding: 3px 8px;
  position: relative;
  display: inline-block;
  margin-right: 3px;
  padding: 5px 8px;
  cursor: pointer;
  color: white;
  -ms-box-shadow: 1px 1px 3px #ccc;
  -o-box-shadow: 1px 1px 3px #ccc;
}

._cs-orange-btn {
  box-shadow: none !important;
  background: #f46900;
  font-weight: 600;
  border: none !important;
  color: #fff !important;
  padding: 0 15px;
  border-radius: 7px;
  font-size: 14px;
  text-transform: uppercase;
  box-sizing: border-box;
  margin: 5px;
}
._cs-orange-btn:hover {
  background: #d9601f;
}
._cs-orange-btn a {
  position: relative;
  display: inline-block;
  margin-right: 3px;
  padding: 5px 8px;
  cursor: pointer;
  color: white;
  -ms-box-shadow: 1px 1px 3px #ccc;
  -o-box-shadow: 1px 1px 3px #ccc;
}

._cs-asset-title {
  text-align: center;
}
._cs-asset-title span.facility-name {
  color: #0099cc;
  font-weight: 400;
}

/* FONTS */
/* COLORS */
/* BORDERS */
.text-align-right {
  text-align: right;
}

.no-margin {
  margin: 0 !important;
}

.margin-top-negative-50 {
  margin-top: -50px !important;
}

.margin-top-5 {
  margin-top: 5px !important;
}

.margin-top-10 {
  margin-top: 10px !important;
}

.margin-top-15 {
  margin-top: 15px !important;
}

.margin-top-20 {
  margin-top: 20px !important;
}

.margin-top-25 {
  margin-top: 25px !important;
}

.margin-top-30 {
  margin-top: 30px !important;
}

.margin-top-40 {
  margin-top: 40px !important;
}

.margin-top-45 {
  margin-top: 45px !important;
}

.margin-top-50 {
  margin-top: 50px !important;
}

.margin-top-60 {
  margin-top: 60px !important;
}

.margin-top-70 {
  margin-top: 70px !important;
}

.margin-top-75 {
  margin-top: 75px !important;
}

.margin-top-80 {
  margin-top: 80px !important;
}

.margin-top-100 {
  margin-top: 100px !important;
}

.margin-bottom-10 {
  margin-bottom: 10px !important;
}

.margin-bottom-20 {
  margin-bottom: 20px !important;
}

.margin-bottom-25 {
  margin-bottom: 25px !important;
}

.margin-bottom-30 {
  margin-bottom: 30px !important;
}

.margin-bottom-40 {
  margin-bottom: 40px !important;
}

.margin-bottom-50 {
  margin-bottom: 50px !important;
}

.margin-bottom-60 {
  margin-bottom: 60px !important;
}

.margin-bottom-70 {
  margin-bottom: 70px !important;
}

.margin-bottom-75 {
  margin-bottom: 75px !important;
}

.margin-bottom-80 {
  margin-bottom: 80px !important;
}

.margin-bottom-100 {
  margin-bottom: 100px !important;
}

.margin-left-10 {
  margin-left: 10px !important;
}

.margin-left-20 {
  margin-left: 20px !important;
}

.margin-left-25 {
  margin-left: 25px !important;
}

.margin-left-30 {
  margin-left: 30px !important;
}

.margin-left-40 {
  margin-left: 40px !important;
}

.margin-left-50 {
  margin-left: 50px !important;
}

.margin-left-60 {
  margin-left: 60px !important;
}

.margin-left-70 {
  margin-left: 70px !important;
}

.margin-left-75 {
  margin-left: 75px !important;
}

.margin-left-80 {
  margin-left: 80px !important;
}

.margin-left-100 {
  margin-left: 100px !important;
}

.no-margin-right {
  margin-right: 0 !important;
}

.margin-right-10 {
  margin-right: 10px !important;
}

.margin-right-20 {
  margin-right: 20px !important;
}

.margin-right-25 {
  margin-right: 25px !important;
}

.margin-right-30 {
  margin-right: 30px !important;
}

.margin-right-40 {
  margin-right: 40px !important;
}

.margin-right-50 {
  margin-right: 50px !important;
}

.margin-right-60 {
  margin-right: 60px !important;
}

.margin-right-70 {
  margin-right: 70px !important;
}

.margin-right-75 {
  margin-right: 75px !important;
}

.margin-right-80 {
  margin-right: 80px !important;
}

.margin-right-100 {
  margin-right: 100px !important;
}

.margin-10 {
  margin: 10px !important;
}

.margin-20 {
  margin: 20px !important;
}

.margin-25 {
  margin: 25px !important;
}

.margin-30 {
  margin: 30px !important;
}

.margin-40 {
  margin: 40px !important;
}

.margin-50 {
  margin: 50px !important;
}

.margin-60 {
  margin: 60px !important;
}

.margin-70 {
  margin: 70px !important;
}

.margin-75 {
  margin: 75px !important;
}

.margin-80 {
  margin: 80px !important;
}

.margin-100 {
  margin: 100px !important;
}

.minus-content-padding-margin {
  margin: 0 -10px !important;
}
.minus-content-padding-margin .row {
  padding: 0 20px;
}

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

.padding-top-0 {
  padding-top: 0 !important;
}

.padding-top-10 {
  padding-top: 10px !important;
}

.padding-top-20 {
  padding-top: 20px !important;
}

.padding-top-25 {
  padding-top: 25px !important;
}

.padding-top-30 {
  padding-top: 30px !important;
}

.padding-top-40 {
  padding-top: 40px !important;
}

.padding-top-50 {
  padding-top: 50px !important;
}

.padding-top-60 {
  padding-top: 60px !important;
}

.padding-top-70 {
  padding-top: 70px !important;
}

.padding-top-75 {
  padding-top: 75px !important;
}

.padding-top-80 {
  padding-top: 80px !important;
}

.padding-top-100 {
  padding-top: 100px !important;
}

.padding-bottom-0 {
  padding-bottom: 0;
}

.padding-bottom-10 {
  padding-bottom: 10px !important;
}

.padding-bottom-15 {
  padding-bottom: 15px !important;
}

.padding-bottom-20 {
  padding-bottom: 20px !important;
}

.padding-bottom-25 {
  padding-bottom: 25px !important;
}

.padding-bottom-30 {
  padding-bottom: 30px !important;
}

.padding-bottom-40 {
  padding-bottom: 40px !important;
}

.padding-bottom-50 {
  padding-bottom: 50px !important;
}

.padding-bottom-60 {
  padding-bottom: 60px !important;
}

.padding-bottom-70 {
  padding-bottom: 70px !important;
}

.padding-bottom-75 {
  padding-bottom: 75px !important;
}

.padding-bottom-80 {
  padding-bottom: 80px !important;
}

.padding-bottom-100 {
  padding-bottom: 100px !important;
}

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

.padding-left-10 {
  padding-left: 10px !important;
}

.padding-left-20 {
  padding-left: 20px !important;
}

.padding-left-25 {
  padding-left: 25px !important;
}

.padding-left-30 {
  padding-left: 30px !important;
}

.padding-left-40 {
  padding-left: 40px !important;
}

.padding-left-50 {
  padding-left: 50px !important;
}

.padding-left-60 {
  padding-left: 60px !important;
}

.padding-left-70 {
  padding-left: 70px !important;
}

.padding-left-75 {
  padding-left: 75px !important;
}

.padding-left-80 {
  padding-left: 80px !important;
}

.padding-left-100 {
  padding-left: 100px !important;
}

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

.padding-right-10 {
  padding-right: 10px !important;
}

.padding-right-20 {
  padding-right: 20px !important;
}

.padding-right-25 {
  padding-right: 25px !important;
}

.padding-right-30 {
  padding-right: 30px !important;
}

.padding-right-40 {
  padding-right: 40px !important;
}

.padding-right-50 {
  padding-right: 50px !important;
}

.padding-right-60 {
  padding-right: 60px !important;
}

.padding-right-70 {
  padding-right: 70px !important;
}

.padding-right-75 {
  padding-right: 75px !important;
}

.padding-right-80 {
  padding-right: 80px !important;
}

.padding-right-100 {
  padding-right: 100px !important;
}

.padding-10 {
  padding: 10px !important;
}

.padding-15 {
  padding: 15px !important;
}

.padding-20 {
  padding: 20px !important;
}

.padding-25 {
  padding: 25px !important;
}

.padding-30 {
  padding: 30px !important;
}

.padding-40 {
  padding: 40px !important;
}

.padding-50 {
  padding: 50px !important;
}

.padding-60 {
  padding: 60px !important;
}

.padding-70 {
  padding: 70px !important;
}

.padding-75 {
  padding: 75px !important;
}

.padding-80 {
  padding: 80px !important;
}

.padding-100 {
  padding: 100px !important;
}

.width-full {
  width: 100% !important;
}

.margin-zero {
  margin: 0 !important;
}

span.facility-name {
  font-weight: 200;
}

/* Permit Modal Styles */
#permitModal .form-section.limitWrapper {
  width: 125px;
}

#permitModal .form-section.pollutantWrapper {
  width: 200px;
}

#permitModal .form-section.uomWrapper {
  width: 200px;
}

/**/
@media (max-width: 768px) {
  #permitModal .form-section.limitWrapper {
    width: 125px;
  }
  #permitModal .form-section.pollutantWrapper {
    width: 175px;
  }
  #permitModal .form-section.uomWrapper {
    width: 175px;
  }
  #permitModal.modal .modal-dialog .modal-content .modal-body .duplicate-wrap .pollutantRowWrapper .remove-row-inline-style {
    margin: 37px 0 0 !important;
  }
}
@media (max-width: 650px) {
  #permitModal .form-section.limitWrapper {
    width: 100%;
  }
  #permitModal .form-section.pollutantWrapper {
    width: 100%;
  }
  #permitModal .form-section.uomWrapper {
    width: 100%;
  }
}
/* Permit Modal Styles */
#limitsModal .form-section.limitWrapper {
  width: 125px;
}

#limitsModal .form-section.pollutantWrapper {
  width: 200px;
}

#limitsModal .form-section.uomWrapper {
  width: 200px;
}

@media (max-width: 768px) {
  #limitsModal .form-section.limitWrapper {
    width: 125px;
  }
  #limitsModal .form-section.pollutantWrapper {
    width: 175px;
  }
  #limitsModal .form-section.uomWrapper {
    width: 175px;
  }
  #limitsModal.modal .modal-dialog .modal-content .modal-body .duplicate-wrap .pollutantRowWrapper .remove-row-inline-style {
    margin: 37px 0 0 !important;
  }
  .edit-form-body {
    margin-top: 40px !important;
  }
}
@media (max-width: 650px) {
  #limitsModal .form-section.limitWrapper {
    width: 100%;
  }
  #limitsModal .form-section.pollutantWrapper {
    width: 100%;
  }
  #limitsModal .form-section.uomWrapper {
    width: 100%;
  }
}
/* FONTS */
/* COLORS */
/* BORDERS */
.text-align-right {
  text-align: right;
}

.no-margin {
  margin: 0 !important;
}

.margin-top-negative-50 {
  margin-top: -50px !important;
}

.margin-top-5 {
  margin-top: 5px !important;
}

.margin-top-10 {
  margin-top: 10px !important;
}

.margin-top-15 {
  margin-top: 15px !important;
}

.margin-top-20 {
  margin-top: 20px !important;
}

.margin-top-25 {
  margin-top: 25px !important;
}

.margin-top-30 {
  margin-top: 30px !important;
}

.margin-top-40 {
  margin-top: 40px !important;
}

.margin-top-45 {
  margin-top: 45px !important;
}

.margin-top-50 {
  margin-top: 50px !important;
}

.margin-top-60 {
  margin-top: 60px !important;
}

.margin-top-70 {
  margin-top: 70px !important;
}

.margin-top-75 {
  margin-top: 75px !important;
}

.margin-top-80 {
  margin-top: 80px !important;
}

.margin-top-100 {
  margin-top: 100px !important;
}

.margin-bottom-10 {
  margin-bottom: 10px !important;
}

.margin-bottom-20 {
  margin-bottom: 20px !important;
}

.margin-bottom-25 {
  margin-bottom: 25px !important;
}

.margin-bottom-30 {
  margin-bottom: 30px !important;
}

.margin-bottom-40 {
  margin-bottom: 40px !important;
}

.margin-bottom-50 {
  margin-bottom: 50px !important;
}

.margin-bottom-60 {
  margin-bottom: 60px !important;
}

.margin-bottom-70 {
  margin-bottom: 70px !important;
}

.margin-bottom-75 {
  margin-bottom: 75px !important;
}

.margin-bottom-80 {
  margin-bottom: 80px !important;
}

.margin-bottom-100 {
  margin-bottom: 100px !important;
}

.margin-left-10 {
  margin-left: 10px !important;
}

.margin-left-20 {
  margin-left: 20px !important;
}

.margin-left-25 {
  margin-left: 25px !important;
}

.margin-left-30 {
  margin-left: 30px !important;
}

.margin-left-40 {
  margin-left: 40px !important;
}

.margin-left-50 {
  margin-left: 50px !important;
}

.margin-left-60 {
  margin-left: 60px !important;
}

.margin-left-70 {
  margin-left: 70px !important;
}

.margin-left-75 {
  margin-left: 75px !important;
}

.margin-left-80 {
  margin-left: 80px !important;
}

.margin-left-100 {
  margin-left: 100px !important;
}

.no-margin-right {
  margin-right: 0 !important;
}

.margin-right-10 {
  margin-right: 10px !important;
}

.margin-right-20 {
  margin-right: 20px !important;
}

.margin-right-25 {
  margin-right: 25px !important;
}

.margin-right-30 {
  margin-right: 30px !important;
}

.margin-right-40 {
  margin-right: 40px !important;
}

.margin-right-50 {
  margin-right: 50px !important;
}

.margin-right-60 {
  margin-right: 60px !important;
}

.margin-right-70 {
  margin-right: 70px !important;
}

.margin-right-75 {
  margin-right: 75px !important;
}

.margin-right-80 {
  margin-right: 80px !important;
}

.margin-right-100 {
  margin-right: 100px !important;
}

.margin-10 {
  margin: 10px !important;
}

.margin-20 {
  margin: 20px !important;
}

.margin-25 {
  margin: 25px !important;
}

.margin-30 {
  margin: 30px !important;
}

.margin-40 {
  margin: 40px !important;
}

.margin-50 {
  margin: 50px !important;
}

.margin-60 {
  margin: 60px !important;
}

.margin-70 {
  margin: 70px !important;
}

.margin-75 {
  margin: 75px !important;
}

.margin-80 {
  margin: 80px !important;
}

.margin-100 {
  margin: 100px !important;
}

.minus-content-padding-margin {
  margin: 0 -10px !important;
}
.minus-content-padding-margin .row {
  padding: 0 20px;
}

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

.padding-top-0 {
  padding-top: 0 !important;
}

.padding-top-10 {
  padding-top: 10px !important;
}

.padding-top-20 {
  padding-top: 20px !important;
}

.padding-top-25 {
  padding-top: 25px !important;
}

.padding-top-30 {
  padding-top: 30px !important;
}

.padding-top-40 {
  padding-top: 40px !important;
}

.padding-top-50 {
  padding-top: 50px !important;
}

.padding-top-60 {
  padding-top: 60px !important;
}

.padding-top-70 {
  padding-top: 70px !important;
}

.padding-top-75 {
  padding-top: 75px !important;
}

.padding-top-80 {
  padding-top: 80px !important;
}

.padding-top-100 {
  padding-top: 100px !important;
}

.padding-bottom-0 {
  padding-bottom: 0;
}

.padding-bottom-10 {
  padding-bottom: 10px !important;
}

.padding-bottom-15 {
  padding-bottom: 15px !important;
}

.padding-bottom-20 {
  padding-bottom: 20px !important;
}

.padding-bottom-25 {
  padding-bottom: 25px !important;
}

.padding-bottom-30 {
  padding-bottom: 30px !important;
}

.padding-bottom-40 {
  padding-bottom: 40px !important;
}

.padding-bottom-50 {
  padding-bottom: 50px !important;
}

.padding-bottom-60 {
  padding-bottom: 60px !important;
}

.padding-bottom-70 {
  padding-bottom: 70px !important;
}

.padding-bottom-75 {
  padding-bottom: 75px !important;
}

.padding-bottom-80 {
  padding-bottom: 80px !important;
}

.padding-bottom-100 {
  padding-bottom: 100px !important;
}

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

.padding-left-10 {
  padding-left: 10px !important;
}

.padding-left-20 {
  padding-left: 20px !important;
}

.padding-left-25 {
  padding-left: 25px !important;
}

.padding-left-30 {
  padding-left: 30px !important;
}

.padding-left-40 {
  padding-left: 40px !important;
}

.padding-left-50 {
  padding-left: 50px !important;
}

.padding-left-60 {
  padding-left: 60px !important;
}

.padding-left-70 {
  padding-left: 70px !important;
}

.padding-left-75 {
  padding-left: 75px !important;
}

.padding-left-80 {
  padding-left: 80px !important;
}

.padding-left-100 {
  padding-left: 100px !important;
}

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

.padding-right-10 {
  padding-right: 10px !important;
}

.padding-right-20 {
  padding-right: 20px !important;
}

.padding-right-25 {
  padding-right: 25px !important;
}

.padding-right-30 {
  padding-right: 30px !important;
}

.padding-right-40 {
  padding-right: 40px !important;
}

.padding-right-50 {
  padding-right: 50px !important;
}

.padding-right-60 {
  padding-right: 60px !important;
}

.padding-right-70 {
  padding-right: 70px !important;
}

.padding-right-75 {
  padding-right: 75px !important;
}

.padding-right-80 {
  padding-right: 80px !important;
}

.padding-right-100 {
  padding-right: 100px !important;
}

.padding-10 {
  padding: 10px !important;
}

.padding-15 {
  padding: 15px !important;
}

.padding-20 {
  padding: 20px !important;
}

.padding-25 {
  padding: 25px !important;
}

.padding-30 {
  padding: 30px !important;
}

.padding-40 {
  padding: 40px !important;
}

.padding-50 {
  padding: 50px !important;
}

.padding-60 {
  padding: 60px !important;
}

.padding-70 {
  padding: 70px !important;
}

.padding-75 {
  padding: 75px !important;
}

.padding-80 {
  padding: 80px !important;
}

.padding-100 {
  padding: 100px !important;
}

.width-full {
  width: 100% !important;
}

.margin-zero {
  margin: 0 !important;
}

.profile-form-input-wrapper {
  padding: 25px;
  border: 1px solid #DADADA;
  width: 100%;
  box-sizing: border-box;
  background: white;
  margin: 0 auto;
}
.profile-form-input-wrapper .profile-form-input-section {
  float: left;
  padding: 10px 10px 0;
  width: 50%;
  box-sizing: border-box;
}
.profile-form-input-wrapper .profile-form-input-section select {
  width: 100%;
}
.profile-form-input-wrapper .profile-form-input-section input {
  width: 100%;
}
.profile-form-input-wrapper .profile-form-input-section label {
  margin-bottom: 0;
  margin-top: 5px;
}
.profile-form-input-wrapper .profile-form-input-section:first-child {
  padding-top: 0;
}
.profile-form-input-wrapper .profile-form-input-section:first-child label {
  margin-top: 0;
}

.user-info-table-wrap {
  width: 100%;
  max-width: 800px;
  padding: 0 2% 40px 0;
  box-sizing: border-box;
}

.password-change-wrap {
  width: 100%;
  padding: 0;
  margin: 25px 0;
  box-sizing: border-box;
  margin: 0 auto;
}
.password-change-wrap .password-wrap {
  border: 1px solid #DADADA;
  padding: 20px;
  background: #fff;
  max-width: 478px;
}

h3.user-page-titles.first {
  padding-top: 0 !important;
}

.pw-input-wrap label {
  color: #09c;
  font-weight: 700;
}

input.btn.btn-large.btn-primary.openbutton {
  text-indent: 0;
  float: right;
  margin-top: 25px;
}

p.simple-text.user-login-log.second {
  left: 255px;
}

p.simple-text.user-login-log {
  position: absolute;
  margin-top: 10px;
  left: 10px;
}

.accordion-inner.accordion-form.usr-pw {
  padding: 30px 15px;
}

.form-group-buttons {
  margin-top: 20px;
}

.subscription-section {
  margin-top: 10px;
}
.subscription-section .form-section {
  padding: 0;
  min-height: 50px;
}
.subscription-section .form-section .label_td {
  display: inline-block;
  margin: 5px;
}

/* FONTS */
/* COLORS */
/* BORDERS */
.text-align-right {
  text-align: right;
}

.no-margin {
  margin: 0 !important;
}

.margin-top-negative-50 {
  margin-top: -50px !important;
}

.margin-top-5 {
  margin-top: 5px !important;
}

.margin-top-10 {
  margin-top: 10px !important;
}

.margin-top-15 {
  margin-top: 15px !important;
}

.margin-top-20 {
  margin-top: 20px !important;
}

.margin-top-25 {
  margin-top: 25px !important;
}

.margin-top-30 {
  margin-top: 30px !important;
}

.margin-top-40 {
  margin-top: 40px !important;
}

.margin-top-45 {
  margin-top: 45px !important;
}

.margin-top-50 {
  margin-top: 50px !important;
}

.margin-top-60 {
  margin-top: 60px !important;
}

.margin-top-70 {
  margin-top: 70px !important;
}

.margin-top-75 {
  margin-top: 75px !important;
}

.margin-top-80 {
  margin-top: 80px !important;
}

.margin-top-100 {
  margin-top: 100px !important;
}

.margin-bottom-10 {
  margin-bottom: 10px !important;
}

.margin-bottom-20 {
  margin-bottom: 20px !important;
}

.margin-bottom-25 {
  margin-bottom: 25px !important;
}

.margin-bottom-30 {
  margin-bottom: 30px !important;
}

.margin-bottom-40 {
  margin-bottom: 40px !important;
}

.margin-bottom-50 {
  margin-bottom: 50px !important;
}

.margin-bottom-60 {
  margin-bottom: 60px !important;
}

.margin-bottom-70 {
  margin-bottom: 70px !important;
}

.margin-bottom-75 {
  margin-bottom: 75px !important;
}

.margin-bottom-80 {
  margin-bottom: 80px !important;
}

.margin-bottom-100 {
  margin-bottom: 100px !important;
}

.margin-left-10 {
  margin-left: 10px !important;
}

.margin-left-20 {
  margin-left: 20px !important;
}

.margin-left-25 {
  margin-left: 25px !important;
}

.margin-left-30 {
  margin-left: 30px !important;
}

.margin-left-40 {
  margin-left: 40px !important;
}

.margin-left-50 {
  margin-left: 50px !important;
}

.margin-left-60 {
  margin-left: 60px !important;
}

.margin-left-70 {
  margin-left: 70px !important;
}

.margin-left-75 {
  margin-left: 75px !important;
}

.margin-left-80 {
  margin-left: 80px !important;
}

.margin-left-100 {
  margin-left: 100px !important;
}

.no-margin-right {
  margin-right: 0 !important;
}

.margin-right-10 {
  margin-right: 10px !important;
}

.margin-right-20 {
  margin-right: 20px !important;
}

.margin-right-25 {
  margin-right: 25px !important;
}

.margin-right-30 {
  margin-right: 30px !important;
}

.margin-right-40 {
  margin-right: 40px !important;
}

.margin-right-50 {
  margin-right: 50px !important;
}

.margin-right-60 {
  margin-right: 60px !important;
}

.margin-right-70 {
  margin-right: 70px !important;
}

.margin-right-75 {
  margin-right: 75px !important;
}

.margin-right-80 {
  margin-right: 80px !important;
}

.margin-right-100 {
  margin-right: 100px !important;
}

.margin-10 {
  margin: 10px !important;
}

.margin-20 {
  margin: 20px !important;
}

.margin-25 {
  margin: 25px !important;
}

.margin-30 {
  margin: 30px !important;
}

.margin-40 {
  margin: 40px !important;
}

.margin-50 {
  margin: 50px !important;
}

.margin-60 {
  margin: 60px !important;
}

.margin-70 {
  margin: 70px !important;
}

.margin-75 {
  margin: 75px !important;
}

.margin-80 {
  margin: 80px !important;
}

.margin-100 {
  margin: 100px !important;
}

.minus-content-padding-margin {
  margin: 0 -10px !important;
}
.minus-content-padding-margin .row {
  padding: 0 20px;
}

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

.padding-top-0 {
  padding-top: 0 !important;
}

.padding-top-10 {
  padding-top: 10px !important;
}

.padding-top-20 {
  padding-top: 20px !important;
}

.padding-top-25 {
  padding-top: 25px !important;
}

.padding-top-30 {
  padding-top: 30px !important;
}

.padding-top-40 {
  padding-top: 40px !important;
}

.padding-top-50 {
  padding-top: 50px !important;
}

.padding-top-60 {
  padding-top: 60px !important;
}

.padding-top-70 {
  padding-top: 70px !important;
}

.padding-top-75 {
  padding-top: 75px !important;
}

.padding-top-80 {
  padding-top: 80px !important;
}

.padding-top-100 {
  padding-top: 100px !important;
}

.padding-bottom-0 {
  padding-bottom: 0;
}

.padding-bottom-10 {
  padding-bottom: 10px !important;
}

.padding-bottom-15 {
  padding-bottom: 15px !important;
}

.padding-bottom-20 {
  padding-bottom: 20px !important;
}

.padding-bottom-25 {
  padding-bottom: 25px !important;
}

.padding-bottom-30 {
  padding-bottom: 30px !important;
}

.padding-bottom-40 {
  padding-bottom: 40px !important;
}

.padding-bottom-50 {
  padding-bottom: 50px !important;
}

.padding-bottom-60 {
  padding-bottom: 60px !important;
}

.padding-bottom-70 {
  padding-bottom: 70px !important;
}

.padding-bottom-75 {
  padding-bottom: 75px !important;
}

.padding-bottom-80 {
  padding-bottom: 80px !important;
}

.padding-bottom-100 {
  padding-bottom: 100px !important;
}

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

.padding-left-10 {
  padding-left: 10px !important;
}

.padding-left-20 {
  padding-left: 20px !important;
}

.padding-left-25 {
  padding-left: 25px !important;
}

.padding-left-30 {
  padding-left: 30px !important;
}

.padding-left-40 {
  padding-left: 40px !important;
}

.padding-left-50 {
  padding-left: 50px !important;
}

.padding-left-60 {
  padding-left: 60px !important;
}

.padding-left-70 {
  padding-left: 70px !important;
}

.padding-left-75 {
  padding-left: 75px !important;
}

.padding-left-80 {
  padding-left: 80px !important;
}

.padding-left-100 {
  padding-left: 100px !important;
}

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

.padding-right-10 {
  padding-right: 10px !important;
}

.padding-right-20 {
  padding-right: 20px !important;
}

.padding-right-25 {
  padding-right: 25px !important;
}

.padding-right-30 {
  padding-right: 30px !important;
}

.padding-right-40 {
  padding-right: 40px !important;
}

.padding-right-50 {
  padding-right: 50px !important;
}

.padding-right-60 {
  padding-right: 60px !important;
}

.padding-right-70 {
  padding-right: 70px !important;
}

.padding-right-75 {
  padding-right: 75px !important;
}

.padding-right-80 {
  padding-right: 80px !important;
}

.padding-right-100 {
  padding-right: 100px !important;
}

.padding-10 {
  padding: 10px !important;
}

.padding-15 {
  padding: 15px !important;
}

.padding-20 {
  padding: 20px !important;
}

.padding-25 {
  padding: 25px !important;
}

.padding-30 {
  padding: 30px !important;
}

.padding-40 {
  padding: 40px !important;
}

.padding-50 {
  padding: 50px !important;
}

.padding-60 {
  padding: 60px !important;
}

.padding-70 {
  padding: 70px !important;
}

.padding-75 {
  padding: 75px !important;
}

.padding-80 {
  padding: 80px !important;
}

.padding-100 {
  padding: 100px !important;
}

.width-full {
  width: 100% !important;
}

.margin-zero {
  margin: 0 !important;
}

/* FONTS */
/* COLORS */
/* BORDERS */
.text-align-right {
  text-align: right;
}

.no-margin {
  margin: 0 !important;
}

.margin-top-negative-50 {
  margin-top: -50px !important;
}

.margin-top-5 {
  margin-top: 5px !important;
}

.margin-top-10 {
  margin-top: 10px !important;
}

.margin-top-15 {
  margin-top: 15px !important;
}

.margin-top-20 {
  margin-top: 20px !important;
}

.margin-top-25 {
  margin-top: 25px !important;
}

.margin-top-30 {
  margin-top: 30px !important;
}

.margin-top-40 {
  margin-top: 40px !important;
}

.margin-top-45 {
  margin-top: 45px !important;
}

.margin-top-50 {
  margin-top: 50px !important;
}

.margin-top-60 {
  margin-top: 60px !important;
}

.margin-top-70 {
  margin-top: 70px !important;
}

.margin-top-75 {
  margin-top: 75px !important;
}

.margin-top-80 {
  margin-top: 80px !important;
}

.margin-top-100 {
  margin-top: 100px !important;
}

.margin-bottom-10 {
  margin-bottom: 10px !important;
}

.margin-bottom-20 {
  margin-bottom: 20px !important;
}

.margin-bottom-25 {
  margin-bottom: 25px !important;
}

.margin-bottom-30 {
  margin-bottom: 30px !important;
}

.margin-bottom-40 {
  margin-bottom: 40px !important;
}

.margin-bottom-50 {
  margin-bottom: 50px !important;
}

.margin-bottom-60 {
  margin-bottom: 60px !important;
}

.margin-bottom-70 {
  margin-bottom: 70px !important;
}

.margin-bottom-75 {
  margin-bottom: 75px !important;
}

.margin-bottom-80 {
  margin-bottom: 80px !important;
}

.margin-bottom-100 {
  margin-bottom: 100px !important;
}

.margin-left-10 {
  margin-left: 10px !important;
}

.margin-left-20 {
  margin-left: 20px !important;
}

.margin-left-25 {
  margin-left: 25px !important;
}

.margin-left-30 {
  margin-left: 30px !important;
}

.margin-left-40 {
  margin-left: 40px !important;
}

.margin-left-50 {
  margin-left: 50px !important;
}

.margin-left-60 {
  margin-left: 60px !important;
}

.margin-left-70 {
  margin-left: 70px !important;
}

.margin-left-75 {
  margin-left: 75px !important;
}

.margin-left-80 {
  margin-left: 80px !important;
}

.margin-left-100 {
  margin-left: 100px !important;
}

.no-margin-right {
  margin-right: 0 !important;
}

.margin-right-10 {
  margin-right: 10px !important;
}

.margin-right-20 {
  margin-right: 20px !important;
}

.margin-right-25 {
  margin-right: 25px !important;
}

.margin-right-30 {
  margin-right: 30px !important;
}

.margin-right-40 {
  margin-right: 40px !important;
}

.margin-right-50 {
  margin-right: 50px !important;
}

.margin-right-60 {
  margin-right: 60px !important;
}

.margin-right-70 {
  margin-right: 70px !important;
}

.margin-right-75 {
  margin-right: 75px !important;
}

.margin-right-80 {
  margin-right: 80px !important;
}

.margin-right-100 {
  margin-right: 100px !important;
}

.margin-10 {
  margin: 10px !important;
}

.margin-20 {
  margin: 20px !important;
}

.margin-25 {
  margin: 25px !important;
}

.margin-30 {
  margin: 30px !important;
}

.margin-40 {
  margin: 40px !important;
}

.margin-50 {
  margin: 50px !important;
}

.margin-60 {
  margin: 60px !important;
}

.margin-70 {
  margin: 70px !important;
}

.margin-75 {
  margin: 75px !important;
}

.margin-80 {
  margin: 80px !important;
}

.margin-100 {
  margin: 100px !important;
}

.minus-content-padding-margin {
  margin: 0 -10px !important;
}
.minus-content-padding-margin .row {
  padding: 0 20px;
}

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

.padding-top-0 {
  padding-top: 0 !important;
}

.padding-top-10 {
  padding-top: 10px !important;
}

.padding-top-20 {
  padding-top: 20px !important;
}

.padding-top-25 {
  padding-top: 25px !important;
}

.padding-top-30 {
  padding-top: 30px !important;
}

.padding-top-40 {
  padding-top: 40px !important;
}

.padding-top-50 {
  padding-top: 50px !important;
}

.padding-top-60 {
  padding-top: 60px !important;
}

.padding-top-70 {
  padding-top: 70px !important;
}

.padding-top-75 {
  padding-top: 75px !important;
}

.padding-top-80 {
  padding-top: 80px !important;
}

.padding-top-100 {
  padding-top: 100px !important;
}

.padding-bottom-0 {
  padding-bottom: 0;
}

.padding-bottom-10 {
  padding-bottom: 10px !important;
}

.padding-bottom-15 {
  padding-bottom: 15px !important;
}

.padding-bottom-20 {
  padding-bottom: 20px !important;
}

.padding-bottom-25 {
  padding-bottom: 25px !important;
}

.padding-bottom-30 {
  padding-bottom: 30px !important;
}

.padding-bottom-40 {
  padding-bottom: 40px !important;
}

.padding-bottom-50 {
  padding-bottom: 50px !important;
}

.padding-bottom-60 {
  padding-bottom: 60px !important;
}

.padding-bottom-70 {
  padding-bottom: 70px !important;
}

.padding-bottom-75 {
  padding-bottom: 75px !important;
}

.padding-bottom-80 {
  padding-bottom: 80px !important;
}

.padding-bottom-100 {
  padding-bottom: 100px !important;
}

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

.padding-left-10 {
  padding-left: 10px !important;
}

.padding-left-20 {
  padding-left: 20px !important;
}

.padding-left-25 {
  padding-left: 25px !important;
}

.padding-left-30 {
  padding-left: 30px !important;
}

.padding-left-40 {
  padding-left: 40px !important;
}

.padding-left-50 {
  padding-left: 50px !important;
}

.padding-left-60 {
  padding-left: 60px !important;
}

.padding-left-70 {
  padding-left: 70px !important;
}

.padding-left-75 {
  padding-left: 75px !important;
}

.padding-left-80 {
  padding-left: 80px !important;
}

.padding-left-100 {
  padding-left: 100px !important;
}

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

.padding-right-10 {
  padding-right: 10px !important;
}

.padding-right-20 {
  padding-right: 20px !important;
}

.padding-right-25 {
  padding-right: 25px !important;
}

.padding-right-30 {
  padding-right: 30px !important;
}

.padding-right-40 {
  padding-right: 40px !important;
}

.padding-right-50 {
  padding-right: 50px !important;
}

.padding-right-60 {
  padding-right: 60px !important;
}

.padding-right-70 {
  padding-right: 70px !important;
}

.padding-right-75 {
  padding-right: 75px !important;
}

.padding-right-80 {
  padding-right: 80px !important;
}

.padding-right-100 {
  padding-right: 100px !important;
}

.padding-10 {
  padding: 10px !important;
}

.padding-15 {
  padding: 15px !important;
}

.padding-20 {
  padding: 20px !important;
}

.padding-25 {
  padding: 25px !important;
}

.padding-30 {
  padding: 30px !important;
}

.padding-40 {
  padding: 40px !important;
}

.padding-50 {
  padding: 50px !important;
}

.padding-60 {
  padding: 60px !important;
}

.padding-70 {
  padding: 70px !important;
}

.padding-75 {
  padding: 75px !important;
}

.padding-80 {
  padding: 80px !important;
}

.padding-100 {
  padding: 100px !important;
}

.width-full {
  width: 100% !important;
}

.margin-zero {
  margin: 0 !important;
}

.support-info-wrap {
  padding: 20px 10px;
  background: white;
  border: 1px solid #C0C0C0;
  /*border-bottom: 0;*/
}

.contact-form-wrap.form-segment-wraps {
  padding: 20px 10px;
}

.support-box.align-left {
  width: 49.5%;
}

.support-box {
  padding: 10px;
  box-sizing: border-box;
  min-height: 166px;
}
.support-box.note-box {
  min-height: 0;
  margin-top: 0;
}
.support-box.left-border {
  border-color: #dadada;
}
.support-box p {
  text-align: center;
  max-width: 375px;
  margin: 0 auto;
  margin-bottom: 20px;
}

.social-btns-wrap {
  width: 160px;
  position: absolute;
  right: 15px;
  top: -10px;
}

.social-btns {
  display: inline-block;
  margin: 6px 2px;
}

.support-box h3.orange-title {
  text-align: center;
  font-weight: 700;
}

.contact-form-content {
  width: 90%;
  margin: 40px auto 30px;
}

p.support-note {
  font-weight: bold;
  margin-bottom: 30px;
  font-size: 10pt;
  width: 100%;
  margin: 0;
  color: #0A4668;
  background: rgba(0, 153, 204, 0.1);
  border: 1px solid #C0C0C0;
  border-bottom: 0;
  padding: 10px 20px;
  box-sizing: border-box;
}

p.support-number {
  color: #0099cc;
  font-family: "Open sans", sans-serif;
  font-weight: bold;
  font-size: 14pt;
  margin-bottom: 0;
}

#support h3.user-page-titles {
  position: relative;
}

input.btn.btn-default.send-btn {
  background: #09c;
  border-color: #037EA8;
  text-indent: 0;
  color: white;
  font-family: "Open sans", sans-serif;
}

input.btn.btn-default.send-btn:hover {
  background: #25A5D0;
}

input.btn.btn-default.clear-btn {
  background: #f06623;
  border: 1px solid #B8420A;
  text-indent: 0;
  color: white;
  font-family: "Open sans", sans-serif;
  margin-left: 10px;
}

input.btn.btn-default.clear-btn:hover {
  background: #F17338;
}

/* FONTS */
/* COLORS */
/* BORDERS */
.text-align-right {
  text-align: right;
}

.no-margin {
  margin: 0 !important;
}

.margin-top-negative-50 {
  margin-top: -50px !important;
}

.margin-top-5 {
  margin-top: 5px !important;
}

.margin-top-10 {
  margin-top: 10px !important;
}

.margin-top-15 {
  margin-top: 15px !important;
}

.margin-top-20 {
  margin-top: 20px !important;
}

.margin-top-25 {
  margin-top: 25px !important;
}

.margin-top-30 {
  margin-top: 30px !important;
}

.margin-top-40 {
  margin-top: 40px !important;
}

.margin-top-45 {
  margin-top: 45px !important;
}

.margin-top-50 {
  margin-top: 50px !important;
}

.margin-top-60 {
  margin-top: 60px !important;
}

.margin-top-70 {
  margin-top: 70px !important;
}

.margin-top-75 {
  margin-top: 75px !important;
}

.margin-top-80 {
  margin-top: 80px !important;
}

.margin-top-100 {
  margin-top: 100px !important;
}

.margin-bottom-10 {
  margin-bottom: 10px !important;
}

.margin-bottom-20 {
  margin-bottom: 20px !important;
}

.margin-bottom-25 {
  margin-bottom: 25px !important;
}

.margin-bottom-30 {
  margin-bottom: 30px !important;
}

.margin-bottom-40 {
  margin-bottom: 40px !important;
}

.margin-bottom-50 {
  margin-bottom: 50px !important;
}

.margin-bottom-60 {
  margin-bottom: 60px !important;
}

.margin-bottom-70 {
  margin-bottom: 70px !important;
}

.margin-bottom-75 {
  margin-bottom: 75px !important;
}

.margin-bottom-80 {
  margin-bottom: 80px !important;
}

.margin-bottom-100 {
  margin-bottom: 100px !important;
}

.margin-left-10 {
  margin-left: 10px !important;
}

.margin-left-20 {
  margin-left: 20px !important;
}

.margin-left-25 {
  margin-left: 25px !important;
}

.margin-left-30 {
  margin-left: 30px !important;
}

.margin-left-40 {
  margin-left: 40px !important;
}

.margin-left-50 {
  margin-left: 50px !important;
}

.margin-left-60 {
  margin-left: 60px !important;
}

.margin-left-70 {
  margin-left: 70px !important;
}

.margin-left-75 {
  margin-left: 75px !important;
}

.margin-left-80 {
  margin-left: 80px !important;
}

.margin-left-100 {
  margin-left: 100px !important;
}

.no-margin-right {
  margin-right: 0 !important;
}

.margin-right-10 {
  margin-right: 10px !important;
}

.margin-right-20 {
  margin-right: 20px !important;
}

.margin-right-25 {
  margin-right: 25px !important;
}

.margin-right-30 {
  margin-right: 30px !important;
}

.margin-right-40 {
  margin-right: 40px !important;
}

.margin-right-50 {
  margin-right: 50px !important;
}

.margin-right-60 {
  margin-right: 60px !important;
}

.margin-right-70 {
  margin-right: 70px !important;
}

.margin-right-75 {
  margin-right: 75px !important;
}

.margin-right-80 {
  margin-right: 80px !important;
}

.margin-right-100 {
  margin-right: 100px !important;
}

.margin-10 {
  margin: 10px !important;
}

.margin-20 {
  margin: 20px !important;
}

.margin-25 {
  margin: 25px !important;
}

.margin-30 {
  margin: 30px !important;
}

.margin-40 {
  margin: 40px !important;
}

.margin-50 {
  margin: 50px !important;
}

.margin-60 {
  margin: 60px !important;
}

.margin-70 {
  margin: 70px !important;
}

.margin-75 {
  margin: 75px !important;
}

.margin-80 {
  margin: 80px !important;
}

.margin-100 {
  margin: 100px !important;
}

.minus-content-padding-margin {
  margin: 0 -10px !important;
}
.minus-content-padding-margin .row {
  padding: 0 20px;
}

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

.padding-top-0 {
  padding-top: 0 !important;
}

.padding-top-10 {
  padding-top: 10px !important;
}

.padding-top-20 {
  padding-top: 20px !important;
}

.padding-top-25 {
  padding-top: 25px !important;
}

.padding-top-30 {
  padding-top: 30px !important;
}

.padding-top-40 {
  padding-top: 40px !important;
}

.padding-top-50 {
  padding-top: 50px !important;
}

.padding-top-60 {
  padding-top: 60px !important;
}

.padding-top-70 {
  padding-top: 70px !important;
}

.padding-top-75 {
  padding-top: 75px !important;
}

.padding-top-80 {
  padding-top: 80px !important;
}

.padding-top-100 {
  padding-top: 100px !important;
}

.padding-bottom-0 {
  padding-bottom: 0;
}

.padding-bottom-10 {
  padding-bottom: 10px !important;
}

.padding-bottom-15 {
  padding-bottom: 15px !important;
}

.padding-bottom-20 {
  padding-bottom: 20px !important;
}

.padding-bottom-25 {
  padding-bottom: 25px !important;
}

.padding-bottom-30 {
  padding-bottom: 30px !important;
}

.padding-bottom-40 {
  padding-bottom: 40px !important;
}

.padding-bottom-50 {
  padding-bottom: 50px !important;
}

.padding-bottom-60 {
  padding-bottom: 60px !important;
}

.padding-bottom-70 {
  padding-bottom: 70px !important;
}

.padding-bottom-75 {
  padding-bottom: 75px !important;
}

.padding-bottom-80 {
  padding-bottom: 80px !important;
}

.padding-bottom-100 {
  padding-bottom: 100px !important;
}

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

.padding-left-10 {
  padding-left: 10px !important;
}

.padding-left-20 {
  padding-left: 20px !important;
}

.padding-left-25 {
  padding-left: 25px !important;
}

.padding-left-30 {
  padding-left: 30px !important;
}

.padding-left-40 {
  padding-left: 40px !important;
}

.padding-left-50 {
  padding-left: 50px !important;
}

.padding-left-60 {
  padding-left: 60px !important;
}

.padding-left-70 {
  padding-left: 70px !important;
}

.padding-left-75 {
  padding-left: 75px !important;
}

.padding-left-80 {
  padding-left: 80px !important;
}

.padding-left-100 {
  padding-left: 100px !important;
}

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

.padding-right-10 {
  padding-right: 10px !important;
}

.padding-right-20 {
  padding-right: 20px !important;
}

.padding-right-25 {
  padding-right: 25px !important;
}

.padding-right-30 {
  padding-right: 30px !important;
}

.padding-right-40 {
  padding-right: 40px !important;
}

.padding-right-50 {
  padding-right: 50px !important;
}

.padding-right-60 {
  padding-right: 60px !important;
}

.padding-right-70 {
  padding-right: 70px !important;
}

.padding-right-75 {
  padding-right: 75px !important;
}

.padding-right-80 {
  padding-right: 80px !important;
}

.padding-right-100 {
  padding-right: 100px !important;
}

.padding-10 {
  padding: 10px !important;
}

.padding-15 {
  padding: 15px !important;
}

.padding-20 {
  padding: 20px !important;
}

.padding-25 {
  padding: 25px !important;
}

.padding-30 {
  padding: 30px !important;
}

.padding-40 {
  padding: 40px !important;
}

.padding-50 {
  padding: 50px !important;
}

.padding-60 {
  padding: 60px !important;
}

.padding-70 {
  padding: 70px !important;
}

.padding-75 {
  padding: 75px !important;
}

.padding-80 {
  padding: 80px !important;
}

.padding-100 {
  padding: 100px !important;
}

.width-full {
  width: 100% !important;
}

.margin-zero {
  margin: 0 !important;
}

.permissions-modal-table-wrap {
  margin-top: 50px;
}

/* FONTS */
/* COLORS */
/* BORDERS */
.text-align-right {
  text-align: right;
}

.no-margin {
  margin: 0 !important;
}

.margin-top-negative-50 {
  margin-top: -50px !important;
}

.margin-top-5 {
  margin-top: 5px !important;
}

.margin-top-10 {
  margin-top: 10px !important;
}

.margin-top-15 {
  margin-top: 15px !important;
}

.margin-top-20 {
  margin-top: 20px !important;
}

.margin-top-25 {
  margin-top: 25px !important;
}

.margin-top-30 {
  margin-top: 30px !important;
}

.margin-top-40 {
  margin-top: 40px !important;
}

.margin-top-45 {
  margin-top: 45px !important;
}

.margin-top-50 {
  margin-top: 50px !important;
}

.margin-top-60 {
  margin-top: 60px !important;
}

.margin-top-70 {
  margin-top: 70px !important;
}

.margin-top-75 {
  margin-top: 75px !important;
}

.margin-top-80 {
  margin-top: 80px !important;
}

.margin-top-100 {
  margin-top: 100px !important;
}

.margin-bottom-10 {
  margin-bottom: 10px !important;
}

.margin-bottom-20 {
  margin-bottom: 20px !important;
}

.margin-bottom-25 {
  margin-bottom: 25px !important;
}

.margin-bottom-30 {
  margin-bottom: 30px !important;
}

.margin-bottom-40 {
  margin-bottom: 40px !important;
}

.margin-bottom-50 {
  margin-bottom: 50px !important;
}

.margin-bottom-60 {
  margin-bottom: 60px !important;
}

.margin-bottom-70 {
  margin-bottom: 70px !important;
}

.margin-bottom-75 {
  margin-bottom: 75px !important;
}

.margin-bottom-80 {
  margin-bottom: 80px !important;
}

.margin-bottom-100 {
  margin-bottom: 100px !important;
}

.margin-left-10 {
  margin-left: 10px !important;
}

.margin-left-20 {
  margin-left: 20px !important;
}

.margin-left-25 {
  margin-left: 25px !important;
}

.margin-left-30 {
  margin-left: 30px !important;
}

.margin-left-40 {
  margin-left: 40px !important;
}

.margin-left-50 {
  margin-left: 50px !important;
}

.margin-left-60 {
  margin-left: 60px !important;
}

.margin-left-70 {
  margin-left: 70px !important;
}

.margin-left-75 {
  margin-left: 75px !important;
}

.margin-left-80 {
  margin-left: 80px !important;
}

.margin-left-100 {
  margin-left: 100px !important;
}

.no-margin-right {
  margin-right: 0 !important;
}

.margin-right-10 {
  margin-right: 10px !important;
}

.margin-right-20 {
  margin-right: 20px !important;
}

.margin-right-25 {
  margin-right: 25px !important;
}

.margin-right-30 {
  margin-right: 30px !important;
}

.margin-right-40 {
  margin-right: 40px !important;
}

.margin-right-50 {
  margin-right: 50px !important;
}

.margin-right-60 {
  margin-right: 60px !important;
}

.margin-right-70 {
  margin-right: 70px !important;
}

.margin-right-75 {
  margin-right: 75px !important;
}

.margin-right-80 {
  margin-right: 80px !important;
}

.margin-right-100 {
  margin-right: 100px !important;
}

.margin-10 {
  margin: 10px !important;
}

.margin-20 {
  margin: 20px !important;
}

.margin-25 {
  margin: 25px !important;
}

.margin-30 {
  margin: 30px !important;
}

.margin-40 {
  margin: 40px !important;
}

.margin-50 {
  margin: 50px !important;
}

.margin-60 {
  margin: 60px !important;
}

.margin-70 {
  margin: 70px !important;
}

.margin-75 {
  margin: 75px !important;
}

.margin-80 {
  margin: 80px !important;
}

.margin-100 {
  margin: 100px !important;
}

.minus-content-padding-margin {
  margin: 0 -10px !important;
}
.minus-content-padding-margin .row {
  padding: 0 20px;
}

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

.padding-top-0 {
  padding-top: 0 !important;
}

.padding-top-10 {
  padding-top: 10px !important;
}

.padding-top-20 {
  padding-top: 20px !important;
}

.padding-top-25 {
  padding-top: 25px !important;
}

.padding-top-30 {
  padding-top: 30px !important;
}

.padding-top-40 {
  padding-top: 40px !important;
}

.padding-top-50 {
  padding-top: 50px !important;
}

.padding-top-60 {
  padding-top: 60px !important;
}

.padding-top-70 {
  padding-top: 70px !important;
}

.padding-top-75 {
  padding-top: 75px !important;
}

.padding-top-80 {
  padding-top: 80px !important;
}

.padding-top-100 {
  padding-top: 100px !important;
}

.padding-bottom-0 {
  padding-bottom: 0;
}

.padding-bottom-10 {
  padding-bottom: 10px !important;
}

.padding-bottom-15 {
  padding-bottom: 15px !important;
}

.padding-bottom-20 {
  padding-bottom: 20px !important;
}

.padding-bottom-25 {
  padding-bottom: 25px !important;
}

.padding-bottom-30 {
  padding-bottom: 30px !important;
}

.padding-bottom-40 {
  padding-bottom: 40px !important;
}

.padding-bottom-50 {
  padding-bottom: 50px !important;
}

.padding-bottom-60 {
  padding-bottom: 60px !important;
}

.padding-bottom-70 {
  padding-bottom: 70px !important;
}

.padding-bottom-75 {
  padding-bottom: 75px !important;
}

.padding-bottom-80 {
  padding-bottom: 80px !important;
}

.padding-bottom-100 {
  padding-bottom: 100px !important;
}

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

.padding-left-10 {
  padding-left: 10px !important;
}

.padding-left-20 {
  padding-left: 20px !important;
}

.padding-left-25 {
  padding-left: 25px !important;
}

.padding-left-30 {
  padding-left: 30px !important;
}

.padding-left-40 {
  padding-left: 40px !important;
}

.padding-left-50 {
  padding-left: 50px !important;
}

.padding-left-60 {
  padding-left: 60px !important;
}

.padding-left-70 {
  padding-left: 70px !important;
}

.padding-left-75 {
  padding-left: 75px !important;
}

.padding-left-80 {
  padding-left: 80px !important;
}

.padding-left-100 {
  padding-left: 100px !important;
}

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

.padding-right-10 {
  padding-right: 10px !important;
}

.padding-right-20 {
  padding-right: 20px !important;
}

.padding-right-25 {
  padding-right: 25px !important;
}

.padding-right-30 {
  padding-right: 30px !important;
}

.padding-right-40 {
  padding-right: 40px !important;
}

.padding-right-50 {
  padding-right: 50px !important;
}

.padding-right-60 {
  padding-right: 60px !important;
}

.padding-right-70 {
  padding-right: 70px !important;
}

.padding-right-75 {
  padding-right: 75px !important;
}

.padding-right-80 {
  padding-right: 80px !important;
}

.padding-right-100 {
  padding-right: 100px !important;
}

.padding-10 {
  padding: 10px !important;
}

.padding-15 {
  padding: 15px !important;
}

.padding-20 {
  padding: 20px !important;
}

.padding-25 {
  padding: 25px !important;
}

.padding-30 {
  padding: 30px !important;
}

.padding-40 {
  padding: 40px !important;
}

.padding-50 {
  padding: 50px !important;
}

.padding-60 {
  padding: 60px !important;
}

.padding-70 {
  padding: 70px !important;
}

.padding-75 {
  padding: 75px !important;
}

.padding-80 {
  padding: 80px !important;
}

.padding-100 {
  padding: 100px !important;
}

.width-full {
  width: 100% !important;
}

.margin-zero {
  margin: 0 !important;
}

.faqs-wrap .faqs-section {
  background: white;
  border: 1px solid #c0c0c0;
  margin: 15px 0;
}
.faqs-wrap h3 {
  margin-top: 0;
  padding: 30px 25px 0;
  font-weight: bold;
  color: #0A4668;
}
.faqs-wrap ul li {
  list-style-position: inside;
}
.faqs-wrap ol li {
  list-style-position: outside;
  margin: 7px 3px;
}
.faqs-wrap ol li ol li {
  list-style-type: lower-alpha;
}
.faqs-wrap b.steps {
  color: #09c;
}
.faqs-wrap .modal-dialog {
  box-sizing: border-box;
  width: 96%;
  border: 10px solid white;
  margin: 75px auto;
  max-width: 1500px;
}
.faqs-wrap .modal-body {
  text-align: center;
  background: none !important;
  padding: 0;
}
.faqs-wrap .modal-content {
  background-color: transparent !important;
}
.faqs-wrap img {
  max-width: 100%;
  cursor: pointer;
}
.faqs-wrap .modal-body img {
  cursor: default;
}
.faqs-wrap #MyFleet_ComplianceInfo {
  max-width: 714px;
}
.faqs-wrap #MyFleet_AdditionalInfo {
  max-width: 734px;
}
.faqs-wrap #SiteAdministration_ManageEngines {
  max-width: 625px;
}
.faqs-wrap #ChangePasswordOne {
  max-width: 420px;
}
.faqs-wrap img#viewMyFleet_AdditionalInfo {
  max-width: 400px;
}
.faqs-wrap img#viewMyFleet_ComplianceInfo {
  max-width: 500px;
}
.faqs-wrap button.close {
  opacity: 1;
  width: 28px;
  height: 28px;
  border: 2px solid #fff;
  border-radius: 20px;
  color: white;
  text-shadow: none;
  background: #0A4668;
  position: absolute;
  right: 20px;
  top: 20px;
  z-index: 10000 !important;
  font-size: 20pt;
  box-sizing: initial;
  line-height: 0;
}
.faqs-wrap button.close:hover {
  opacity: 0.8;
  color: white;
}
.faqs-wrap .faqs-text-section {
  padding: 25px 50px;
}
.faqs-wrap .faqs-text-section p {
  margin: 0 0 15px;
}
.faqs-wrap .faqs-text-section span.list-title {
  font-weight: 700;
  color: #666;
}
.faqs-wrap .faqs-text-section p.sub-list-title {
  margin-bottom: 0 !important;
  margin-top: 10px !important;
}
.faqs-wrap .faqs-text-section ul {
  margin-bottom: 15px;
}
.faqs-wrap .steps-wrap {
  padding: 0 5% 30px;
  color: #666;
  font-family: "Open sans", sans-serif;
  max-width: 800px;
}
.faqs-wrap .browser-icons-wrap li {
  display: inline-block;
  margin: 10px;
  width: 100px;
}
.faqs-wrap .browser-icons-wrap li.Chrome .browser-icon {
  background-position: -100px 0 !important;
}
.faqs-wrap .browser-icons-wrap li.internet_explorer .browser-icon {
  background-position: -200px 0 !important;
}
.faqs-wrap .browser-icons-wrap li.safari .browser-icon {
  background-position: -300px 0 !important;
}
.faqs-wrap .browser-icons-wrap li .browser-icon {
  background-image: url(/assets/images/browser-icons/Web-Browser-Icon.png);
  background-repeat: no-repeat;
  background-position: 0 0;
  height: 100px;
  width: 100px;
}
.faqs-wrap .browser-icons-wrap li a p.browser_label {
  color: #0099cc;
}
.faqs-wrap .browser-icons-wrap li p.browser_label {
  text-align: center;
}

/* FONTS */
/* COLORS */
/* BORDERS */
.text-align-right {
  text-align: right;
}

.no-margin {
  margin: 0 !important;
}

.margin-top-negative-50 {
  margin-top: -50px !important;
}

.margin-top-5 {
  margin-top: 5px !important;
}

.margin-top-10 {
  margin-top: 10px !important;
}

.margin-top-15 {
  margin-top: 15px !important;
}

.margin-top-20 {
  margin-top: 20px !important;
}

.margin-top-25 {
  margin-top: 25px !important;
}

.margin-top-30 {
  margin-top: 30px !important;
}

.margin-top-40 {
  margin-top: 40px !important;
}

.margin-top-45 {
  margin-top: 45px !important;
}

.margin-top-50 {
  margin-top: 50px !important;
}

.margin-top-60 {
  margin-top: 60px !important;
}

.margin-top-70 {
  margin-top: 70px !important;
}

.margin-top-75 {
  margin-top: 75px !important;
}

.margin-top-80 {
  margin-top: 80px !important;
}

.margin-top-100 {
  margin-top: 100px !important;
}

.margin-bottom-10 {
  margin-bottom: 10px !important;
}

.margin-bottom-20 {
  margin-bottom: 20px !important;
}

.margin-bottom-25 {
  margin-bottom: 25px !important;
}

.margin-bottom-30 {
  margin-bottom: 30px !important;
}

.margin-bottom-40 {
  margin-bottom: 40px !important;
}

.margin-bottom-50 {
  margin-bottom: 50px !important;
}

.margin-bottom-60 {
  margin-bottom: 60px !important;
}

.margin-bottom-70 {
  margin-bottom: 70px !important;
}

.margin-bottom-75 {
  margin-bottom: 75px !important;
}

.margin-bottom-80 {
  margin-bottom: 80px !important;
}

.margin-bottom-100 {
  margin-bottom: 100px !important;
}

.margin-left-10 {
  margin-left: 10px !important;
}

.margin-left-20 {
  margin-left: 20px !important;
}

.margin-left-25 {
  margin-left: 25px !important;
}

.margin-left-30 {
  margin-left: 30px !important;
}

.margin-left-40 {
  margin-left: 40px !important;
}

.margin-left-50 {
  margin-left: 50px !important;
}

.margin-left-60 {
  margin-left: 60px !important;
}

.margin-left-70 {
  margin-left: 70px !important;
}

.margin-left-75 {
  margin-left: 75px !important;
}

.margin-left-80 {
  margin-left: 80px !important;
}

.margin-left-100 {
  margin-left: 100px !important;
}

.no-margin-right {
  margin-right: 0 !important;
}

.margin-right-10 {
  margin-right: 10px !important;
}

.margin-right-20 {
  margin-right: 20px !important;
}

.margin-right-25 {
  margin-right: 25px !important;
}

.margin-right-30 {
  margin-right: 30px !important;
}

.margin-right-40 {
  margin-right: 40px !important;
}

.margin-right-50 {
  margin-right: 50px !important;
}

.margin-right-60 {
  margin-right: 60px !important;
}

.margin-right-70 {
  margin-right: 70px !important;
}

.margin-right-75 {
  margin-right: 75px !important;
}

.margin-right-80 {
  margin-right: 80px !important;
}

.margin-right-100 {
  margin-right: 100px !important;
}

.margin-10 {
  margin: 10px !important;
}

.margin-20 {
  margin: 20px !important;
}

.margin-25 {
  margin: 25px !important;
}

.margin-30 {
  margin: 30px !important;
}

.margin-40 {
  margin: 40px !important;
}

.margin-50 {
  margin: 50px !important;
}

.margin-60 {
  margin: 60px !important;
}

.margin-70 {
  margin: 70px !important;
}

.margin-75 {
  margin: 75px !important;
}

.margin-80 {
  margin: 80px !important;
}

.margin-100 {
  margin: 100px !important;
}

.minus-content-padding-margin {
  margin: 0 -10px !important;
}
.minus-content-padding-margin .row {
  padding: 0 20px;
}

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

.padding-top-0 {
  padding-top: 0 !important;
}

.padding-top-10 {
  padding-top: 10px !important;
}

.padding-top-20 {
  padding-top: 20px !important;
}

.padding-top-25 {
  padding-top: 25px !important;
}

.padding-top-30 {
  padding-top: 30px !important;
}

.padding-top-40 {
  padding-top: 40px !important;
}

.padding-top-50 {
  padding-top: 50px !important;
}

.padding-top-60 {
  padding-top: 60px !important;
}

.padding-top-70 {
  padding-top: 70px !important;
}

.padding-top-75 {
  padding-top: 75px !important;
}

.padding-top-80 {
  padding-top: 80px !important;
}

.padding-top-100 {
  padding-top: 100px !important;
}

.padding-bottom-0 {
  padding-bottom: 0;
}

.padding-bottom-10 {
  padding-bottom: 10px !important;
}

.padding-bottom-15 {
  padding-bottom: 15px !important;
}

.padding-bottom-20 {
  padding-bottom: 20px !important;
}

.padding-bottom-25 {
  padding-bottom: 25px !important;
}

.padding-bottom-30 {
  padding-bottom: 30px !important;
}

.padding-bottom-40 {
  padding-bottom: 40px !important;
}

.padding-bottom-50 {
  padding-bottom: 50px !important;
}

.padding-bottom-60 {
  padding-bottom: 60px !important;
}

.padding-bottom-70 {
  padding-bottom: 70px !important;
}

.padding-bottom-75 {
  padding-bottom: 75px !important;
}

.padding-bottom-80 {
  padding-bottom: 80px !important;
}

.padding-bottom-100 {
  padding-bottom: 100px !important;
}

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

.padding-left-10 {
  padding-left: 10px !important;
}

.padding-left-20 {
  padding-left: 20px !important;
}

.padding-left-25 {
  padding-left: 25px !important;
}

.padding-left-30 {
  padding-left: 30px !important;
}

.padding-left-40 {
  padding-left: 40px !important;
}

.padding-left-50 {
  padding-left: 50px !important;
}

.padding-left-60 {
  padding-left: 60px !important;
}

.padding-left-70 {
  padding-left: 70px !important;
}

.padding-left-75 {
  padding-left: 75px !important;
}

.padding-left-80 {
  padding-left: 80px !important;
}

.padding-left-100 {
  padding-left: 100px !important;
}

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

.padding-right-10 {
  padding-right: 10px !important;
}

.padding-right-20 {
  padding-right: 20px !important;
}

.padding-right-25 {
  padding-right: 25px !important;
}

.padding-right-30 {
  padding-right: 30px !important;
}

.padding-right-40 {
  padding-right: 40px !important;
}

.padding-right-50 {
  padding-right: 50px !important;
}

.padding-right-60 {
  padding-right: 60px !important;
}

.padding-right-70 {
  padding-right: 70px !important;
}

.padding-right-75 {
  padding-right: 75px !important;
}

.padding-right-80 {
  padding-right: 80px !important;
}

.padding-right-100 {
  padding-right: 100px !important;
}

.padding-10 {
  padding: 10px !important;
}

.padding-15 {
  padding: 15px !important;
}

.padding-20 {
  padding: 20px !important;
}

.padding-25 {
  padding: 25px !important;
}

.padding-30 {
  padding: 30px !important;
}

.padding-40 {
  padding: 40px !important;
}

.padding-50 {
  padding: 50px !important;
}

.padding-60 {
  padding: 60px !important;
}

.padding-70 {
  padding: 70px !important;
}

.padding-75 {
  padding: 75px !important;
}

.padding-80 {
  padding: 80px !important;
}

.padding-100 {
  padding: 100px !important;
}

.width-full {
  width: 100% !important;
}

.margin-zero {
  margin: 0 !important;
}

h4.tile-title {
  margin-top: 0;
  padding-bottom: 10px;
  border-bottom: 1px solid #dadada;
  color: #666;
}

.fuel-gas-wrap {
  width: 50%;
  float: left;
}

.catalyst-section {
  width: 45%;
  float: left;
  margin-right: 5%;
  box-sizing: border-box;
  padding: 20px;
  background: #F3F3F3;
  border: 1px solid #dadada;
  border-radius: 5px;
}

.fuel-gas-table {
  border: 1px solid #C0C0C0 !important;
}

.table-header-wrap {
  background: #0A4668;
}

.table-header-wrap label {
  color: white;
}

.form-section.section-header-input {
  width: 300px;
  min-height: 0;
  padding: 10px 0;
}

.target-emisions-sections {
  width: 23%;
  float: left;
  border: 1px solid #dadada;
  box-sizing: border-box;
  margin: 0 1%;
  padding: 1%;
  background: #F3F3F3;
  border-radius: 5px;
}

.form-section.emissions.section-sm {
  width: 20%;
}

.clear-btn.btn.btn-primary {
  background: #F47C43;
  border-color: #D56A37;
}

.general-instructions.btn.btn-primary, .dl-pds.btn.btn-primary {
  background: #EEEEEE;
  border-color: #c0c0c0;
  color: #666;
}

.general-instructions.btn.btn-primary {
  margin-right: 5px;
}

.general-instructions.btn.btn-primary:hover, .dl-pds.btn.btn-primary:hover {
  background: #E6EEF1;
}

.emit-info {
  float: right;
  margin-bottom: 10px;
  margin-top: -30px;
}

.form-section.run-time {
  margin-top: 20px;
}

.form-section.section-full.no-label {
  min-height: 41px;
}

h3.section-title.darkblue {
  background: #0A486A;
  color: white;
  padding: 4px 3px 4px 15px;
  border: 0;
}

.cat-config-evaluation-results li {
  color: white;
  text-align: center;
  display: block;
  float: left;
  width: 23.5%;
  margin: 0 2% 0 0;
  padding: 3px 10px;
  box-sizing: border-box;
  border: 1px solid #666;
}

.cat-config-evaluation-results {
  padding: 1.5%;
  border: 1px solid #dadada;
  background: white;
  margin-bottom: 20px;
}

li.hcho-result.na-background {
  margin-right: 0;
}

h3.section-title.darkblue .pds-btn {
  float: right;
  padding: 2px 11px;
  margin: 5px;
}

.fuel-gas-wrap .table-header-wrap {
  padding: 1px 5px 5px;
}

/* FONTS */
/* COLORS */
/* BORDERS */
.text-align-right {
  text-align: right;
}

.no-margin {
  margin: 0 !important;
}

.margin-top-negative-50 {
  margin-top: -50px !important;
}

.margin-top-5 {
  margin-top: 5px !important;
}

.margin-top-10 {
  margin-top: 10px !important;
}

.margin-top-15 {
  margin-top: 15px !important;
}

.margin-top-20 {
  margin-top: 20px !important;
}

.margin-top-25 {
  margin-top: 25px !important;
}

.margin-top-30 {
  margin-top: 30px !important;
}

.margin-top-40 {
  margin-top: 40px !important;
}

.margin-top-45 {
  margin-top: 45px !important;
}

.margin-top-50 {
  margin-top: 50px !important;
}

.margin-top-60 {
  margin-top: 60px !important;
}

.margin-top-70 {
  margin-top: 70px !important;
}

.margin-top-75 {
  margin-top: 75px !important;
}

.margin-top-80 {
  margin-top: 80px !important;
}

.margin-top-100 {
  margin-top: 100px !important;
}

.margin-bottom-10 {
  margin-bottom: 10px !important;
}

.margin-bottom-20 {
  margin-bottom: 20px !important;
}

.margin-bottom-25 {
  margin-bottom: 25px !important;
}

.margin-bottom-30 {
  margin-bottom: 30px !important;
}

.margin-bottom-40 {
  margin-bottom: 40px !important;
}

.margin-bottom-50 {
  margin-bottom: 50px !important;
}

.margin-bottom-60 {
  margin-bottom: 60px !important;
}

.margin-bottom-70 {
  margin-bottom: 70px !important;
}

.margin-bottom-75 {
  margin-bottom: 75px !important;
}

.margin-bottom-80 {
  margin-bottom: 80px !important;
}

.margin-bottom-100 {
  margin-bottom: 100px !important;
}

.margin-left-10 {
  margin-left: 10px !important;
}

.margin-left-20 {
  margin-left: 20px !important;
}

.margin-left-25 {
  margin-left: 25px !important;
}

.margin-left-30 {
  margin-left: 30px !important;
}

.margin-left-40 {
  margin-left: 40px !important;
}

.margin-left-50 {
  margin-left: 50px !important;
}

.margin-left-60 {
  margin-left: 60px !important;
}

.margin-left-70 {
  margin-left: 70px !important;
}

.margin-left-75 {
  margin-left: 75px !important;
}

.margin-left-80 {
  margin-left: 80px !important;
}

.margin-left-100 {
  margin-left: 100px !important;
}

.no-margin-right {
  margin-right: 0 !important;
}

.margin-right-10 {
  margin-right: 10px !important;
}

.margin-right-20 {
  margin-right: 20px !important;
}

.margin-right-25 {
  margin-right: 25px !important;
}

.margin-right-30 {
  margin-right: 30px !important;
}

.margin-right-40 {
  margin-right: 40px !important;
}

.margin-right-50 {
  margin-right: 50px !important;
}

.margin-right-60 {
  margin-right: 60px !important;
}

.margin-right-70 {
  margin-right: 70px !important;
}

.margin-right-75 {
  margin-right: 75px !important;
}

.margin-right-80 {
  margin-right: 80px !important;
}

.margin-right-100 {
  margin-right: 100px !important;
}

.margin-10 {
  margin: 10px !important;
}

.margin-20 {
  margin: 20px !important;
}

.margin-25 {
  margin: 25px !important;
}

.margin-30 {
  margin: 30px !important;
}

.margin-40 {
  margin: 40px !important;
}

.margin-50 {
  margin: 50px !important;
}

.margin-60 {
  margin: 60px !important;
}

.margin-70 {
  margin: 70px !important;
}

.margin-75 {
  margin: 75px !important;
}

.margin-80 {
  margin: 80px !important;
}

.margin-100 {
  margin: 100px !important;
}

.minus-content-padding-margin {
  margin: 0 -10px !important;
}
.minus-content-padding-margin .row {
  padding: 0 20px;
}

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

.padding-top-0 {
  padding-top: 0 !important;
}

.padding-top-10 {
  padding-top: 10px !important;
}

.padding-top-20 {
  padding-top: 20px !important;
}

.padding-top-25 {
  padding-top: 25px !important;
}

.padding-top-30 {
  padding-top: 30px !important;
}

.padding-top-40 {
  padding-top: 40px !important;
}

.padding-top-50 {
  padding-top: 50px !important;
}

.padding-top-60 {
  padding-top: 60px !important;
}

.padding-top-70 {
  padding-top: 70px !important;
}

.padding-top-75 {
  padding-top: 75px !important;
}

.padding-top-80 {
  padding-top: 80px !important;
}

.padding-top-100 {
  padding-top: 100px !important;
}

.padding-bottom-0 {
  padding-bottom: 0;
}

.padding-bottom-10 {
  padding-bottom: 10px !important;
}

.padding-bottom-15 {
  padding-bottom: 15px !important;
}

.padding-bottom-20 {
  padding-bottom: 20px !important;
}

.padding-bottom-25 {
  padding-bottom: 25px !important;
}

.padding-bottom-30 {
  padding-bottom: 30px !important;
}

.padding-bottom-40 {
  padding-bottom: 40px !important;
}

.padding-bottom-50 {
  padding-bottom: 50px !important;
}

.padding-bottom-60 {
  padding-bottom: 60px !important;
}

.padding-bottom-70 {
  padding-bottom: 70px !important;
}

.padding-bottom-75 {
  padding-bottom: 75px !important;
}

.padding-bottom-80 {
  padding-bottom: 80px !important;
}

.padding-bottom-100 {
  padding-bottom: 100px !important;
}

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

.padding-left-10 {
  padding-left: 10px !important;
}

.padding-left-20 {
  padding-left: 20px !important;
}

.padding-left-25 {
  padding-left: 25px !important;
}

.padding-left-30 {
  padding-left: 30px !important;
}

.padding-left-40 {
  padding-left: 40px !important;
}

.padding-left-50 {
  padding-left: 50px !important;
}

.padding-left-60 {
  padding-left: 60px !important;
}

.padding-left-70 {
  padding-left: 70px !important;
}

.padding-left-75 {
  padding-left: 75px !important;
}

.padding-left-80 {
  padding-left: 80px !important;
}

.padding-left-100 {
  padding-left: 100px !important;
}

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

.padding-right-10 {
  padding-right: 10px !important;
}

.padding-right-20 {
  padding-right: 20px !important;
}

.padding-right-25 {
  padding-right: 25px !important;
}

.padding-right-30 {
  padding-right: 30px !important;
}

.padding-right-40 {
  padding-right: 40px !important;
}

.padding-right-50 {
  padding-right: 50px !important;
}

.padding-right-60 {
  padding-right: 60px !important;
}

.padding-right-70 {
  padding-right: 70px !important;
}

.padding-right-75 {
  padding-right: 75px !important;
}

.padding-right-80 {
  padding-right: 80px !important;
}

.padding-right-100 {
  padding-right: 100px !important;
}

.padding-10 {
  padding: 10px !important;
}

.padding-15 {
  padding: 15px !important;
}

.padding-20 {
  padding: 20px !important;
}

.padding-25 {
  padding: 25px !important;
}

.padding-30 {
  padding: 30px !important;
}

.padding-40 {
  padding: 40px !important;
}

.padding-50 {
  padding: 50px !important;
}

.padding-60 {
  padding: 60px !important;
}

.padding-70 {
  padding: 70px !important;
}

.padding-75 {
  padding: 75px !important;
}

.padding-80 {
  padding: 80px !important;
}

.padding-100 {
  padding: 100px !important;
}

.width-full {
  width: 100% !important;
}

.margin-zero {
  margin: 0 !important;
}

.upload-table {
  border: 1px solid #E6E6E6;
  border-top: 0;
  table-layout: fixed;
  color: #999999;
  counter-reset: uploads;
  width: 100%;
}
.upload-table caption {
  border-bottom: 2px solid #E6E6E6;
  height: 2.667em;
}

.upload {
  counter-increment: uploads;
}
.upload:nth-child(odd) {
  background: #FCFCFC;
}
.upload:nth-child(even) {
  background: #FFF;
}
.upload:hover {
  background: #F9F9F9;
}
.upload progress {
  width: 150px;
  height: 0.667em;
  display: inline-block;
  -webkit-appearance: none;
  border: none;
  position: relative;
  top: -0.333em;
}
.upload progress::-webkit-progress-bar {
  background: #E6E6E6;
  border-radius: 3px;
  position: relative;
  overflow: hidden;
}
.upload progress::-webkit-progress-bar:before {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  border: 1px solid #D8D8D8;
  border-radius: 3px;
}
.upload progress::-webkit-progress-value {
  border-radius: 3px 0 0 3px;
  background: #0099CC;
  height: 0.667em;
  position: relative;
  z-index: 1;
}

#performance .child ul.editing-btns.dark.table-btns.double {
  margin: 7px 0 !important;
}

.upload-name, .upload-size, .upload-progress {
  border-bottom: 1px solid #E6E6E6;
  height: 4em;
  padding: 0 1em;
  font-family: "Open sans", sans-serif;
}

.upload-name {
  color: #666;
  text-align: left;
  font-weight: 600;
}

.upload-index:before {
  content: counter(uploads);
  background: #D8D8D8;
  border-radius: 3px;
  line-height: 1.6em;
  width: 1.6em;
  display: inline-block;
  text-align: center;
  color: #fff;
  font-size: 0.8em;
  margin-right: 1em;
}

.upload-size {
  text-align: center;
}

.upload-progress {
  text-align: right;
  opacity: 0;
  transition: opacity 0.25s;
  border-left: 0;
}

.not-started .upload-progress {
  opacity: 1;
}

.success .upload-progress {
  color: #7ACC29;
  opacity: 1;
}

.error .upload-progress {
  color: #CC2944;
  opacity: 1;
}

.in-progress .upload-progress {
  opacity: 1;
}

.attach-files-btn.btn {
  padding: 0 1.8em;
  color: #fff;
  border: 0;
  font: inherit;
  font-weight: 400;
  line-height: 2.533em;
  margin: 1em auto;
  display: block;
}
.attach-files-btn.btn-primary {
  background: #0099CC;
  border-radius: 5px;
  outline: 0;
}
.attach-files-btn.btn-primary:hover {
  background: #11AADD;
  border-radius: 5px;
  cursor: pointer;
}
.attach-files-btn.btn-primary:active {
  background: #0088BB;
  border-radius: 5px;
  cursor: pointer;
}

.notes-docs-section {
  width: 100%;
  float: none;
  margin: 0;
}
.notes-docs-section.notes {
  padding: 10px 20px 0;
  box-sizing: border-box;
  background: #EAEAEA;
  border: 1px solid #c0c0c0;
  border-radius: 5px;
  margin: 0 0 30px;
}

div#stateRuleList {
  vertical-align: top;
}

.rule-info {
  text-align: right;
  margin: 5px 15px 0 0;
  color: #0099cc;
  cursor: pointer;
}

.performance-table-wrap {
  margin-bottom: 50px;
}

.performance-table-wrap li.calendar-btn.with-h-text {
  margin-right: 10px;
  margin-top: 3px;
}

.performance-notes-docs .notes-docs-section.notes {
  margin-top: 0 !important;
}

.review-reports {
  display: none;
  text-align: right;
  padding: 10px;
  background: #dadada;
  border: 1px solid #c0c0c0;
  box-sizing: border-box;
}

button.reject-review-btn.review-reports-btn.btn.btn-primary {
  background: #F47C43;
  border-color: #D56A37;
}

.documents-header {
  padding: 12px 0 12px 15px;
  background: #0A4668;
}

.documents-header h4 {
  color: white;
  margin: 0;
}

.documents-header ul.editing-btns {
  margin-top: -8px;
}

ul.editing-btns.dark.performance-action.table-btns {
  width: 90px;
  text-align: center;
}

#AssetOverview ul.editing-btns.dark.performance-action.table-btns {
  width: 130px;
  text-align: center;
}

ul.editing-btns.dark.performance-action.table-btns li {
  margin: 0 5px;
  background-image: url(/assets/images/actions-icons.png) !important;
  vertical-align: middle;
  z-index: 10;
}

ul.editing-btns.dark.performance-action.table-btns li.datatable-edit-detail-btn {
  background-image: url(/assets/images/edit-detail-datatable.png) !important;
  margin: 0 5px;
  vertical-align: middle;
  z-index: 10;
}
ul.editing-btns.dark.performance-action.table-btns li.datatable-edit-detail-btn > a {
  display: block;
  height: 100%;
  width: 100%;
}

ul.inspection-checklist-btn li {
  margin: 0 4px !important;
  background-image: url(/assets/images/actions-icons.png) !important;
  vertical-align: middle;
}

ul.editing-btns.dark.performance-action.table-btns li.complete-btn {
  background-position: -24px;
}

td .editing-btns.performance-action.table-btns li:hover::before {
  background: transparent;
  border: 0;
}

ul.editing-btns.dark.performance-action.table-btns li.view-docs-btn {
  background-position: -48px;
}

ul.editing-btns.dark.performance-action.table-btns li.schedule-btn-gray {
  background-position: -72px;
  cursor: default;
  margin: 0 0 0 5px;
}

ul li.schedule-btn-gray.inspection-checklist-btn {
  background-position: -72px;
  cursor: default;
  margin: 0 2px 0 3px !important;
}

ul.editing-btns.dark.performance-action.table-btns li.schedule-btn-gray {
  background-position: -72px;
  cursor: default;
}

ul.editing-btns.dark.performance-action.table-btns li.report-btn {
  background-position: -142px;
  cursor: default;
}
ul.editing-btns.dark.performance-action.table-btns li.report-btn.assign-btn {
  width: 20px;
  height: 20px;
  background-size: 20px 20px;
  background-image: url(/assets/images/action-items-icon-blue.png) !important;
  background-position: unset;
  cursor: pointer;
}

ul.editing-btns.dark.performance-action.table-btns li.report-btn-gray {
  background-position: -162px;
  cursor: default;
}

#AssetOverview ul.editing-btns.dark.performance-action.table-btns li.report-btn {
  background-position: -142px;
  cursor: default;
  margin: 0;
}
#AssetOverview ul.editing-btns.dark.performance-action.table-btns li.report-btn.assign-btn {
  background-position: unset;
  cursor: pointer;
  margin: 0 5px 0 0;
}
#AssetOverview ul.editing-btns.dark.performance-action.table-btns li.report-btn.delay-btn {
  margin: 0 5px;
}

ul.editing-btns.dark.performance-action.table-btns li.complete-btn:before {
  width: 15px;
  opacity: 0.9;
  background: #0A4668;
  left: -67px;
}

ul.editing-btns.dark.performance-action.table-btns li.schedule-btn:before {
  width: 145px;
  opacity: 0.9;
  background: #0A4668;
  left: -32px;
}

ul.editing-btns.dark.performance-action.table-btns li.view-docs-btn:before {
  width: 145px;
  opacity: 0.9;
  background: #0A4668;
  left: -100px;
}

#actions {
  margin: 2em 0;
}

/* Mimic table appearance */
div.preview-section {
  display: block;
}

div.preview-section .file-row {
  display: block;
  border-top: 1px solid #dadada;
  border-bottom: 1px solid #dadada;
  background: transparent;
}

div.preview-section .file-row > div {
  display: inline-block;
  vertical-align: top;
  padding: 8px;
  box-sizing: border-box;
}

div.preview-section .file-row:nth-child(odd) {
  border-top: 0;
}

div.preview-section .file-row:nth-child(even) {
  border-top: 0;
}

div.preview-section .file-row:first-child {
  border-top: 1px solid #dadada;
}

.dropzone-wrapper p.name {
  white-space: normal;
  width: 100%;
  margin: 0;
  text-overflow: ellipsis;
  overflow: hidden;
}

.preview-wrapper {
  width: 17% !important;
}

.preview-wrapper img {
  width: 100% !important;
}

.name-wrapper {
  width: 50% !important;
}

.upload-wrapper {
  width: 30% !important;
}

.st-cl-dl-wrapper {
  width: 100% !important;
  text-align: right;
}

/* The total progress gets shown by event listeners */
#total-progress {
  opacity: 0;
  transition: opacity 0.3s linear;
}

/* Hide the progress bar when finished */
#previews .file-row.dz-success .progress {
  opacity: 0;
  transition: opacity 0.3s linear;
}

/* Hide the delete button initially */
#previews .file-row .delete {
  display: none;
}

/* Hide the start and cancel buttons and show the delete button */
#previews .file-row.dz-success .start,
#previews .file-row.dz-success .cancel {
  display: none;
}

#previews .file-row.dz-success .delete {
  display: block;
}

.dropzone-wrapper {
  height: 300px !important;
  overflow: scroll;
}

.progress {
  background: #eee;
}

.documents-section {
  padding-bottom: 50px;
}

.performance-doc-table-wrap {
  border: 1px solid #c0c0c0;
}

td ul.editing-btns.dark.performance-action.table-btns li.report-btn:hover::before {
  width: 155px;
  opacity: 0.9;
  background: #0A4668;
  left: -100px;
}

td ul.editing-btns.dark.performance-action.table-btns li.datatable-edit-detail-btn:hover::before {
  width: 155px;
  opacity: 0.9;
  background: #0A4668;
  left: -100px;
}

ul.editing-btns.dark.performance-action.table-btns li.complete-btn-gray {
  background-position: -96px;
  width: 21px;
}

@media (min-width: 1700px) {
  .performance-modal-table th:first-child, .performance-modal-table td:first-child {
    display: none;
  }
  .performance-modal-table th:nth-child(2), .performance-modal-table td:nth-child(2) {
    border-left: 0;
  }
}
@media screen and (max-width: 350px) {
  .name-wrapper {
    width: 78% !important;
  }
  .upload-wrapper {
    width: 100% !important;
  }
}
.review-request {
  width: 14% !important;
}

@media (min-width: 768px) and (max-width: 1040px) {
  .col-md-3-custom {
    width: 47% !important;
  }
}
@media (min-width: 1041px) {
  .col-md-3-custom {
    width: 31.5% !important;
  }
}
@media (max-width: 767px) {
  .test-tog-field {
    padding-left: 6px;
  }
  .label_td.test-tog-label {
    padding-left: 4px;
    padding-top: 7px;
  }
}
.col-xs-2.test-radio-btn {
  padding: 0px;
}

.col-xs-3.test-date-meridiem {
  margin-top: -3px;
}

.date-col {
  padding-left: 0px;
}

.date-label {
  padding-left: 14px;
}

.modal-check-box.sm-wrap.init-test-box {
  margin-top: 8px;
}

@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
  .init-test-checkboxes.modal-check-box.sm-wrap {
    width: 152px !important;
  }
}
.date-col .btn {
  padding-left: 6px;
  padding-right: 6px;
}

ul.editing-btns.dark.performance-action.table-btns li.hover-full-width:before {
  width: initial;
}

ul.editing-btns.table-btns.trend-report {
  width: 140px;
}
ul.editing-btns.table-btns.trend-report li.report-btn {
  background-image: url(/assets/images/actions-icons.png) !important;
  vertical-align: top;
  background-position: -139px;
  width: 20px;
  height: 20px;
  margin: 0 5px;
}
ul.editing-btns.table-btns.trend-report .trend-history i.fa-history {
  vertical-align: top;
  color: #3b677e;
  margin: 0 4px 0 2px;
  font-size: 20px;
}
ul.editing-btns.table-btns.trend-report i.complete-icon {
  vertical-align: top;
  cursor: pointer;
  font-size: 20px;
}

@media (max-width: 768px) {
  .desktop-notif-cont.only-desktop {
    display: block;
  }
  .desktop-notif-cont.only-desktop .form-section.section-quarter-border {
    width: 32%;
    vertical-align: bottom;
    min-height: 0;
    padding-left: 0;
    border-right: none;
    height: 35px;
  }
}
@media (min-width: 1700px) {
  .runtime-table th:first-child, .runtime-table td:first-child {
    display: none;
  }
  .runtime-table th:nth-child(2), .runtime-table td:nth-child(2) {
    border-left: 0;
  }
}
@media (min-width: 1700px) {
  .documents-table th:first-child, .documents-table td:first-child {
    display: none;
  }
  .documents-table th:nth-child(2), .documents-table td:nth-child(2) {
    border-left: 0;
  }
}
.runtime-edit.editing-btns li.delete-relationship:hover::before {
  width: 155px !important;
  z-index: 9999 !important;
}

.companylist th.edit {
  max-width: 75px !important;
  width: 75px !important;
}

#deviationLogModal .modal-form-wrap {
  padding-bottom: 0 !important;
}

.deviation-log-table .editing-btns li:hover::before {
  left: -50px !important;
}

@media (min-width: 1700px) {
  .deviation-log-table th:first-child, .deviation-log-table td:first-child {
    display: none;
  }
  .deviation-log-table th:nth-child(2), .deviation-log-table td:nth-child(2) {
    border-left: 0;
  }
}
.info-window-wrapper {
  width: 550px;
}
.info-window-wrapper h1.info-window-title {
  margin: 0;
  padding: 5px 5px 15px;
}
.info-window-wrapper hr {
  margin: 0 !important;
}
.info-window-wrapper .info-window-content {
  padding: 10px;
  width: 50%;
  float: left;
  box-sizing: border-box;
}
.info-window-wrapper .info-window-content p {
  margin: 0;
}
.info-window-wrapper .info-window-content p.addres-contact-title {
  padding-bottom: 5px;
  font-size: 11pt;
}
.info-window-wrapper .info-window-content b.contact-bold {
  width: 50px;
  display: inline-block;
}
.info-window-wrapper .info-window-content.right {
  padding-left: 20px;
}
.info-window-wrapper .info-window-content.left {
  border-right: 1px solid #dadada;
  margin-bottom: 15px;
}
.info-window-wrapper .info-window-assets {
  padding: 10px;
}
.info-window-wrapper .info-window-assets p.asset-title {
  margin-bottom: 0;
  font-size: 11pt;
}
.info-window-wrapper .info-window-assets ul.asset-list {
  margin-top: 0;
}
.info-window-wrapper .info-window-assets ul.asset-list li {
  color: #333;
  display: inline-block;
  background: #0099cc;
  margin: 5px 10px 0 0;
  border-radius: 3px;
  text-align: center;
}
.info-window-wrapper .info-window-assets ul.asset-list li a {
  padding: 5px 10px;
  display: block;
  color: white;
  border: 1px solid #037EA8;
  border-radius: 3px;
}
.info-window-wrapper .info-window-assets ul.asset-list li a:hover {
  background: #25A5D0 !important;
  border-radius: 3px;
}
.info-window-wrapper .info-window-assets ul.asset-list li a span.engine-name {
  font-weight: 700 !important;
  font-size: 11pt;
  margin-bottom: 2px;
  display: block;
}
.info-window-wrapper .info-window-footer {
  padding: 10px 10px 0;
}
.info-window-wrapper .info-window-footer button.btn.btn-default.email-btn {
  background: none;
  border-color: transparent;
  padding: 0;
  color: #0099cc;
  font-weight: 600;
}
.info-window-wrapper .info-window-footer button.btn.btn-default.email-btn:hover {
  color: #006C91;
}

.chart-wrap ul.bar-legend {
  margin-top: 15px;
}
.chart-wrap ul.bar-legend li {
  display: inline-block;
}
.chart-wrap ul.bar-legend li span {
  display: inline-block;
  width: 15px;
  height: 15px;
  border: 1px solid #B8420A;
  margin-bottom: -2px;
}
.chart-wrap ul.bar-legend li:nth-child(2) {
  margin-left: 20px;
}
.chart-wrap ul.bar-legend li:nth-child(2) span {
  border: 1px solid #037EA8;
}

.spcc-dashboard .spcc-metric-list.perf-test-list li {
  width: 72px;
  padding-right: 7px;
}

@media (max-width: 1330px) {
  .spcc-dashboard .spcc-metric-list.perf-test-list {
    width: 100%;
    height: 100%;
    float: left;
  }
}
@media (max-width: 786px) {
  .spcc-dashboard .spcc-metric-list.perf-test-list li {
    width: 50px;
  }
  .spcc-dashboard .spcc-metric-list.perf-test-list li.active {
    width: 49px;
  }
  .spcc-dashboard .spcc-metric-list.perf-test-list li p:last-child {
    font-size: xx-small;
  }
}
@media (max-width: 545px) {
  .spcc-dashboard ul.spcc-metric-list.perf-test-list {
    height: 95px;
  }
}
/* FONTS */
/* COLORS */
/* BORDERS */
.text-align-right {
  text-align: right;
}

.no-margin {
  margin: 0 !important;
}

.margin-top-negative-50 {
  margin-top: -50px !important;
}

.margin-top-5 {
  margin-top: 5px !important;
}

.margin-top-10 {
  margin-top: 10px !important;
}

.margin-top-15 {
  margin-top: 15px !important;
}

.margin-top-20 {
  margin-top: 20px !important;
}

.margin-top-25 {
  margin-top: 25px !important;
}

.margin-top-30 {
  margin-top: 30px !important;
}

.margin-top-40 {
  margin-top: 40px !important;
}

.margin-top-45 {
  margin-top: 45px !important;
}

.margin-top-50 {
  margin-top: 50px !important;
}

.margin-top-60 {
  margin-top: 60px !important;
}

.margin-top-70 {
  margin-top: 70px !important;
}

.margin-top-75 {
  margin-top: 75px !important;
}

.margin-top-80 {
  margin-top: 80px !important;
}

.margin-top-100 {
  margin-top: 100px !important;
}

.margin-bottom-10 {
  margin-bottom: 10px !important;
}

.margin-bottom-20 {
  margin-bottom: 20px !important;
}

.margin-bottom-25 {
  margin-bottom: 25px !important;
}

.margin-bottom-30 {
  margin-bottom: 30px !important;
}

.margin-bottom-40 {
  margin-bottom: 40px !important;
}

.margin-bottom-50 {
  margin-bottom: 50px !important;
}

.margin-bottom-60 {
  margin-bottom: 60px !important;
}

.margin-bottom-70 {
  margin-bottom: 70px !important;
}

.margin-bottom-75 {
  margin-bottom: 75px !important;
}

.margin-bottom-80 {
  margin-bottom: 80px !important;
}

.margin-bottom-100 {
  margin-bottom: 100px !important;
}

.margin-left-10 {
  margin-left: 10px !important;
}

.margin-left-20 {
  margin-left: 20px !important;
}

.margin-left-25 {
  margin-left: 25px !important;
}

.margin-left-30 {
  margin-left: 30px !important;
}

.margin-left-40 {
  margin-left: 40px !important;
}

.margin-left-50 {
  margin-left: 50px !important;
}

.margin-left-60 {
  margin-left: 60px !important;
}

.margin-left-70 {
  margin-left: 70px !important;
}

.margin-left-75 {
  margin-left: 75px !important;
}

.margin-left-80 {
  margin-left: 80px !important;
}

.margin-left-100 {
  margin-left: 100px !important;
}

.no-margin-right {
  margin-right: 0 !important;
}

.margin-right-10 {
  margin-right: 10px !important;
}

.margin-right-20 {
  margin-right: 20px !important;
}

.margin-right-25 {
  margin-right: 25px !important;
}

.margin-right-30 {
  margin-right: 30px !important;
}

.margin-right-40 {
  margin-right: 40px !important;
}

.margin-right-50 {
  margin-right: 50px !important;
}

.margin-right-60 {
  margin-right: 60px !important;
}

.margin-right-70 {
  margin-right: 70px !important;
}

.margin-right-75 {
  margin-right: 75px !important;
}

.margin-right-80 {
  margin-right: 80px !important;
}

.margin-right-100 {
  margin-right: 100px !important;
}

.margin-10 {
  margin: 10px !important;
}

.margin-20 {
  margin: 20px !important;
}

.margin-25 {
  margin: 25px !important;
}

.margin-30 {
  margin: 30px !important;
}

.margin-40 {
  margin: 40px !important;
}

.margin-50 {
  margin: 50px !important;
}

.margin-60 {
  margin: 60px !important;
}

.margin-70 {
  margin: 70px !important;
}

.margin-75 {
  margin: 75px !important;
}

.margin-80 {
  margin: 80px !important;
}

.margin-100 {
  margin: 100px !important;
}

.minus-content-padding-margin {
  margin: 0 -10px !important;
}
.minus-content-padding-margin .row {
  padding: 0 20px;
}

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

.padding-top-0 {
  padding-top: 0 !important;
}

.padding-top-10 {
  padding-top: 10px !important;
}

.padding-top-20 {
  padding-top: 20px !important;
}

.padding-top-25 {
  padding-top: 25px !important;
}

.padding-top-30 {
  padding-top: 30px !important;
}

.padding-top-40 {
  padding-top: 40px !important;
}

.padding-top-50 {
  padding-top: 50px !important;
}

.padding-top-60 {
  padding-top: 60px !important;
}

.padding-top-70 {
  padding-top: 70px !important;
}

.padding-top-75 {
  padding-top: 75px !important;
}

.padding-top-80 {
  padding-top: 80px !important;
}

.padding-top-100 {
  padding-top: 100px !important;
}

.padding-bottom-0 {
  padding-bottom: 0;
}

.padding-bottom-10 {
  padding-bottom: 10px !important;
}

.padding-bottom-15 {
  padding-bottom: 15px !important;
}

.padding-bottom-20 {
  padding-bottom: 20px !important;
}

.padding-bottom-25 {
  padding-bottom: 25px !important;
}

.padding-bottom-30 {
  padding-bottom: 30px !important;
}

.padding-bottom-40 {
  padding-bottom: 40px !important;
}

.padding-bottom-50 {
  padding-bottom: 50px !important;
}

.padding-bottom-60 {
  padding-bottom: 60px !important;
}

.padding-bottom-70 {
  padding-bottom: 70px !important;
}

.padding-bottom-75 {
  padding-bottom: 75px !important;
}

.padding-bottom-80 {
  padding-bottom: 80px !important;
}

.padding-bottom-100 {
  padding-bottom: 100px !important;
}

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

.padding-left-10 {
  padding-left: 10px !important;
}

.padding-left-20 {
  padding-left: 20px !important;
}

.padding-left-25 {
  padding-left: 25px !important;
}

.padding-left-30 {
  padding-left: 30px !important;
}

.padding-left-40 {
  padding-left: 40px !important;
}

.padding-left-50 {
  padding-left: 50px !important;
}

.padding-left-60 {
  padding-left: 60px !important;
}

.padding-left-70 {
  padding-left: 70px !important;
}

.padding-left-75 {
  padding-left: 75px !important;
}

.padding-left-80 {
  padding-left: 80px !important;
}

.padding-left-100 {
  padding-left: 100px !important;
}

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

.padding-right-10 {
  padding-right: 10px !important;
}

.padding-right-20 {
  padding-right: 20px !important;
}

.padding-right-25 {
  padding-right: 25px !important;
}

.padding-right-30 {
  padding-right: 30px !important;
}

.padding-right-40 {
  padding-right: 40px !important;
}

.padding-right-50 {
  padding-right: 50px !important;
}

.padding-right-60 {
  padding-right: 60px !important;
}

.padding-right-70 {
  padding-right: 70px !important;
}

.padding-right-75 {
  padding-right: 75px !important;
}

.padding-right-80 {
  padding-right: 80px !important;
}

.padding-right-100 {
  padding-right: 100px !important;
}

.padding-10 {
  padding: 10px !important;
}

.padding-15 {
  padding: 15px !important;
}

.padding-20 {
  padding: 20px !important;
}

.padding-25 {
  padding: 25px !important;
}

.padding-30 {
  padding: 30px !important;
}

.padding-40 {
  padding: 40px !important;
}

.padding-50 {
  padding: 50px !important;
}

.padding-60 {
  padding: 60px !important;
}

.padding-70 {
  padding: 70px !important;
}

.padding-75 {
  padding: 75px !important;
}

.padding-80 {
  padding: 80px !important;
}

.padding-100 {
  padding: 100px !important;
}

.width-full {
  width: 100% !important;
}

.margin-zero {
  margin: 0 !important;
}

.tm-input {
  position: relative;
  z-index: 101;
}

.tt-hint {
  opacity: 0.5 !important;
}
.tt-dropdown-menu, .tt-dropdown-menu * {
  box-sizing: border-box;
}
.tt-dropdown-menu {
  background: #fff;
  border-radius: 0 0 3px 3px;
  width: 100%;
  margin-top: -6px;
  box-shadow: 0 0 7px 2px rgba(0, 0, 0, 0.125);
  overflow: hidden;
}
.tt-dropdown-menu::before {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  border: 1px solid #ccc;
  pointer-events: none;
  z-index: -1;
}
.tt-suggestion {
  border-top: 1px solid #ccc;
  padding: 0.5em 0.75em;
  line-height: 1.25;
  z-index: 1;
  font-size: 13px;
  font-weight: bold;
}
.tt-suggestion p {
  padding: 0;
  margin: 0;
  color: inherit;
  font-family: "Open sans", sans-serif;
}
.tt-suggestion:first-child {
  border-top: 0;
}
.tt-suggestion:hover {
  background: hsl(195, 100%, 40%);
  color: #fff;
}
.tt-suggestion:focus, .tt-suggestion:active {
  background: hsl(195, 100%, 35%);
  color: #fff;
}
.tt-cursor {
  background: hsla(195, 75%, 30%, 0.75);
  color: #fff;
}

/* FONTS */
/* COLORS */
/* BORDERS */
.text-align-right {
  text-align: right;
}

.no-margin {
  margin: 0 !important;
}

.margin-top-negative-50 {
  margin-top: -50px !important;
}

.margin-top-5 {
  margin-top: 5px !important;
}

.margin-top-10 {
  margin-top: 10px !important;
}

.margin-top-15 {
  margin-top: 15px !important;
}

.margin-top-20 {
  margin-top: 20px !important;
}

.margin-top-25 {
  margin-top: 25px !important;
}

.margin-top-30 {
  margin-top: 30px !important;
}

.margin-top-40 {
  margin-top: 40px !important;
}

.margin-top-45 {
  margin-top: 45px !important;
}

.margin-top-50 {
  margin-top: 50px !important;
}

.margin-top-60 {
  margin-top: 60px !important;
}

.margin-top-70 {
  margin-top: 70px !important;
}

.margin-top-75 {
  margin-top: 75px !important;
}

.margin-top-80 {
  margin-top: 80px !important;
}

.margin-top-100 {
  margin-top: 100px !important;
}

.margin-bottom-10 {
  margin-bottom: 10px !important;
}

.margin-bottom-20 {
  margin-bottom: 20px !important;
}

.margin-bottom-25 {
  margin-bottom: 25px !important;
}

.margin-bottom-30 {
  margin-bottom: 30px !important;
}

.margin-bottom-40 {
  margin-bottom: 40px !important;
}

.margin-bottom-50 {
  margin-bottom: 50px !important;
}

.margin-bottom-60 {
  margin-bottom: 60px !important;
}

.margin-bottom-70 {
  margin-bottom: 70px !important;
}

.margin-bottom-75 {
  margin-bottom: 75px !important;
}

.margin-bottom-80 {
  margin-bottom: 80px !important;
}

.margin-bottom-100 {
  margin-bottom: 100px !important;
}

.margin-left-10 {
  margin-left: 10px !important;
}

.margin-left-20 {
  margin-left: 20px !important;
}

.margin-left-25 {
  margin-left: 25px !important;
}

.margin-left-30 {
  margin-left: 30px !important;
}

.margin-left-40 {
  margin-left: 40px !important;
}

.margin-left-50 {
  margin-left: 50px !important;
}

.margin-left-60 {
  margin-left: 60px !important;
}

.margin-left-70 {
  margin-left: 70px !important;
}

.margin-left-75 {
  margin-left: 75px !important;
}

.margin-left-80 {
  margin-left: 80px !important;
}

.margin-left-100 {
  margin-left: 100px !important;
}

.no-margin-right {
  margin-right: 0 !important;
}

.margin-right-10 {
  margin-right: 10px !important;
}

.margin-right-20 {
  margin-right: 20px !important;
}

.margin-right-25 {
  margin-right: 25px !important;
}

.margin-right-30 {
  margin-right: 30px !important;
}

.margin-right-40 {
  margin-right: 40px !important;
}

.margin-right-50 {
  margin-right: 50px !important;
}

.margin-right-60 {
  margin-right: 60px !important;
}

.margin-right-70 {
  margin-right: 70px !important;
}

.margin-right-75 {
  margin-right: 75px !important;
}

.margin-right-80 {
  margin-right: 80px !important;
}

.margin-right-100 {
  margin-right: 100px !important;
}

.margin-10 {
  margin: 10px !important;
}

.margin-20 {
  margin: 20px !important;
}

.margin-25 {
  margin: 25px !important;
}

.margin-30 {
  margin: 30px !important;
}

.margin-40 {
  margin: 40px !important;
}

.margin-50 {
  margin: 50px !important;
}

.margin-60 {
  margin: 60px !important;
}

.margin-70 {
  margin: 70px !important;
}

.margin-75 {
  margin: 75px !important;
}

.margin-80 {
  margin: 80px !important;
}

.margin-100 {
  margin: 100px !important;
}

.minus-content-padding-margin {
  margin: 0 -10px !important;
}
.minus-content-padding-margin .row {
  padding: 0 20px;
}

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

.padding-top-0 {
  padding-top: 0 !important;
}

.padding-top-10 {
  padding-top: 10px !important;
}

.padding-top-20 {
  padding-top: 20px !important;
}

.padding-top-25 {
  padding-top: 25px !important;
}

.padding-top-30 {
  padding-top: 30px !important;
}

.padding-top-40 {
  padding-top: 40px !important;
}

.padding-top-50 {
  padding-top: 50px !important;
}

.padding-top-60 {
  padding-top: 60px !important;
}

.padding-top-70 {
  padding-top: 70px !important;
}

.padding-top-75 {
  padding-top: 75px !important;
}

.padding-top-80 {
  padding-top: 80px !important;
}

.padding-top-100 {
  padding-top: 100px !important;
}

.padding-bottom-0 {
  padding-bottom: 0;
}

.padding-bottom-10 {
  padding-bottom: 10px !important;
}

.padding-bottom-15 {
  padding-bottom: 15px !important;
}

.padding-bottom-20 {
  padding-bottom: 20px !important;
}

.padding-bottom-25 {
  padding-bottom: 25px !important;
}

.padding-bottom-30 {
  padding-bottom: 30px !important;
}

.padding-bottom-40 {
  padding-bottom: 40px !important;
}

.padding-bottom-50 {
  padding-bottom: 50px !important;
}

.padding-bottom-60 {
  padding-bottom: 60px !important;
}

.padding-bottom-70 {
  padding-bottom: 70px !important;
}

.padding-bottom-75 {
  padding-bottom: 75px !important;
}

.padding-bottom-80 {
  padding-bottom: 80px !important;
}

.padding-bottom-100 {
  padding-bottom: 100px !important;
}

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

.padding-left-10 {
  padding-left: 10px !important;
}

.padding-left-20 {
  padding-left: 20px !important;
}

.padding-left-25 {
  padding-left: 25px !important;
}

.padding-left-30 {
  padding-left: 30px !important;
}

.padding-left-40 {
  padding-left: 40px !important;
}

.padding-left-50 {
  padding-left: 50px !important;
}

.padding-left-60 {
  padding-left: 60px !important;
}

.padding-left-70 {
  padding-left: 70px !important;
}

.padding-left-75 {
  padding-left: 75px !important;
}

.padding-left-80 {
  padding-left: 80px !important;
}

.padding-left-100 {
  padding-left: 100px !important;
}

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

.padding-right-10 {
  padding-right: 10px !important;
}

.padding-right-20 {
  padding-right: 20px !important;
}

.padding-right-25 {
  padding-right: 25px !important;
}

.padding-right-30 {
  padding-right: 30px !important;
}

.padding-right-40 {
  padding-right: 40px !important;
}

.padding-right-50 {
  padding-right: 50px !important;
}

.padding-right-60 {
  padding-right: 60px !important;
}

.padding-right-70 {
  padding-right: 70px !important;
}

.padding-right-75 {
  padding-right: 75px !important;
}

.padding-right-80 {
  padding-right: 80px !important;
}

.padding-right-100 {
  padding-right: 100px !important;
}

.padding-10 {
  padding: 10px !important;
}

.padding-15 {
  padding: 15px !important;
}

.padding-20 {
  padding: 20px !important;
}

.padding-25 {
  padding: 25px !important;
}

.padding-30 {
  padding: 30px !important;
}

.padding-40 {
  padding: 40px !important;
}

.padding-50 {
  padding: 50px !important;
}

.padding-60 {
  padding: 60px !important;
}

.padding-70 {
  padding: 70px !important;
}

.padding-75 {
  padding: 75px !important;
}

.padding-80 {
  padding: 80px !important;
}

.padding-100 {
  padding: 100px !important;
}

.width-full {
  width: 100% !important;
}

.margin-zero {
  margin: 0 !important;
}

#assignAssetBtn {
  display: inline-block;
}

/* FONTS */
/* COLORS */
/* BORDERS */
.text-align-right {
  text-align: right;
}

.no-margin {
  margin: 0 !important;
}

.margin-top-negative-50 {
  margin-top: -50px !important;
}

.margin-top-5 {
  margin-top: 5px !important;
}

.margin-top-10 {
  margin-top: 10px !important;
}

.margin-top-15 {
  margin-top: 15px !important;
}

.margin-top-20 {
  margin-top: 20px !important;
}

.margin-top-25 {
  margin-top: 25px !important;
}

.margin-top-30 {
  margin-top: 30px !important;
}

.margin-top-40 {
  margin-top: 40px !important;
}

.margin-top-45 {
  margin-top: 45px !important;
}

.margin-top-50 {
  margin-top: 50px !important;
}

.margin-top-60 {
  margin-top: 60px !important;
}

.margin-top-70 {
  margin-top: 70px !important;
}

.margin-top-75 {
  margin-top: 75px !important;
}

.margin-top-80 {
  margin-top: 80px !important;
}

.margin-top-100 {
  margin-top: 100px !important;
}

.margin-bottom-10 {
  margin-bottom: 10px !important;
}

.margin-bottom-20 {
  margin-bottom: 20px !important;
}

.margin-bottom-25 {
  margin-bottom: 25px !important;
}

.margin-bottom-30 {
  margin-bottom: 30px !important;
}

.margin-bottom-40 {
  margin-bottom: 40px !important;
}

.margin-bottom-50 {
  margin-bottom: 50px !important;
}

.margin-bottom-60 {
  margin-bottom: 60px !important;
}

.margin-bottom-70 {
  margin-bottom: 70px !important;
}

.margin-bottom-75 {
  margin-bottom: 75px !important;
}

.margin-bottom-80 {
  margin-bottom: 80px !important;
}

.margin-bottom-100 {
  margin-bottom: 100px !important;
}

.margin-left-10 {
  margin-left: 10px !important;
}

.margin-left-20 {
  margin-left: 20px !important;
}

.margin-left-25 {
  margin-left: 25px !important;
}

.margin-left-30 {
  margin-left: 30px !important;
}

.margin-left-40 {
  margin-left: 40px !important;
}

.margin-left-50 {
  margin-left: 50px !important;
}

.margin-left-60 {
  margin-left: 60px !important;
}

.margin-left-70 {
  margin-left: 70px !important;
}

.margin-left-75 {
  margin-left: 75px !important;
}

.margin-left-80 {
  margin-left: 80px !important;
}

.margin-left-100 {
  margin-left: 100px !important;
}

.no-margin-right {
  margin-right: 0 !important;
}

.margin-right-10 {
  margin-right: 10px !important;
}

.margin-right-20 {
  margin-right: 20px !important;
}

.margin-right-25 {
  margin-right: 25px !important;
}

.margin-right-30 {
  margin-right: 30px !important;
}

.margin-right-40 {
  margin-right: 40px !important;
}

.margin-right-50 {
  margin-right: 50px !important;
}

.margin-right-60 {
  margin-right: 60px !important;
}

.margin-right-70 {
  margin-right: 70px !important;
}

.margin-right-75 {
  margin-right: 75px !important;
}

.margin-right-80 {
  margin-right: 80px !important;
}

.margin-right-100 {
  margin-right: 100px !important;
}

.margin-10 {
  margin: 10px !important;
}

.margin-20 {
  margin: 20px !important;
}

.margin-25 {
  margin: 25px !important;
}

.margin-30 {
  margin: 30px !important;
}

.margin-40 {
  margin: 40px !important;
}

.margin-50 {
  margin: 50px !important;
}

.margin-60 {
  margin: 60px !important;
}

.margin-70 {
  margin: 70px !important;
}

.margin-75 {
  margin: 75px !important;
}

.margin-80 {
  margin: 80px !important;
}

.margin-100 {
  margin: 100px !important;
}

.minus-content-padding-margin {
  margin: 0 -10px !important;
}
.minus-content-padding-margin .row {
  padding: 0 20px;
}

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

.padding-top-0 {
  padding-top: 0 !important;
}

.padding-top-10 {
  padding-top: 10px !important;
}

.padding-top-20 {
  padding-top: 20px !important;
}

.padding-top-25 {
  padding-top: 25px !important;
}

.padding-top-30 {
  padding-top: 30px !important;
}

.padding-top-40 {
  padding-top: 40px !important;
}

.padding-top-50 {
  padding-top: 50px !important;
}

.padding-top-60 {
  padding-top: 60px !important;
}

.padding-top-70 {
  padding-top: 70px !important;
}

.padding-top-75 {
  padding-top: 75px !important;
}

.padding-top-80 {
  padding-top: 80px !important;
}

.padding-top-100 {
  padding-top: 100px !important;
}

.padding-bottom-0 {
  padding-bottom: 0;
}

.padding-bottom-10 {
  padding-bottom: 10px !important;
}

.padding-bottom-15 {
  padding-bottom: 15px !important;
}

.padding-bottom-20 {
  padding-bottom: 20px !important;
}

.padding-bottom-25 {
  padding-bottom: 25px !important;
}

.padding-bottom-30 {
  padding-bottom: 30px !important;
}

.padding-bottom-40 {
  padding-bottom: 40px !important;
}

.padding-bottom-50 {
  padding-bottom: 50px !important;
}

.padding-bottom-60 {
  padding-bottom: 60px !important;
}

.padding-bottom-70 {
  padding-bottom: 70px !important;
}

.padding-bottom-75 {
  padding-bottom: 75px !important;
}

.padding-bottom-80 {
  padding-bottom: 80px !important;
}

.padding-bottom-100 {
  padding-bottom: 100px !important;
}

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

.padding-left-10 {
  padding-left: 10px !important;
}

.padding-left-20 {
  padding-left: 20px !important;
}

.padding-left-25 {
  padding-left: 25px !important;
}

.padding-left-30 {
  padding-left: 30px !important;
}

.padding-left-40 {
  padding-left: 40px !important;
}

.padding-left-50 {
  padding-left: 50px !important;
}

.padding-left-60 {
  padding-left: 60px !important;
}

.padding-left-70 {
  padding-left: 70px !important;
}

.padding-left-75 {
  padding-left: 75px !important;
}

.padding-left-80 {
  padding-left: 80px !important;
}

.padding-left-100 {
  padding-left: 100px !important;
}

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

.padding-right-10 {
  padding-right: 10px !important;
}

.padding-right-20 {
  padding-right: 20px !important;
}

.padding-right-25 {
  padding-right: 25px !important;
}

.padding-right-30 {
  padding-right: 30px !important;
}

.padding-right-40 {
  padding-right: 40px !important;
}

.padding-right-50 {
  padding-right: 50px !important;
}

.padding-right-60 {
  padding-right: 60px !important;
}

.padding-right-70 {
  padding-right: 70px !important;
}

.padding-right-75 {
  padding-right: 75px !important;
}

.padding-right-80 {
  padding-right: 80px !important;
}

.padding-right-100 {
  padding-right: 100px !important;
}

.padding-10 {
  padding: 10px !important;
}

.padding-15 {
  padding: 15px !important;
}

.padding-20 {
  padding: 20px !important;
}

.padding-25 {
  padding: 25px !important;
}

.padding-30 {
  padding: 30px !important;
}

.padding-40 {
  padding: 40px !important;
}

.padding-50 {
  padding: 50px !important;
}

.padding-60 {
  padding: 60px !important;
}

.padding-70 {
  padding: 70px !important;
}

.padding-75 {
  padding: 75px !important;
}

.padding-80 {
  padding: 80px !important;
}

.padding-100 {
  padding: 100px !important;
}

.width-full {
  width: 100% !important;
}

.margin-zero {
  margin: 0 !important;
}

.reports-body {
  margin: 0;
  font-family: "Open sans", sans-serif;
}

header.reports-header {
  height: 60px;
  border-bottom: 1px solid #dadada;
}

.reports-body .reports-header .header-sections.logo {
  height: 60px;
  background-position: 0;
}

.reports-body .footer-wrap .logo.footer-section {
  height: 60px;
  background-position: 5px;
  margin-top: 0 !important;
  margin-left: 10px;
}

p {
  font-family: "Lora", serif;
}

.section-title {
  border: 1px solid #C0C0C0;
  border-top: 0;
  border-bottom: 0;
  color: #888;
  font-size: 14pt;
  font-weight: 700;
  line-height: 35px;
  margin: 0;
  padding: 0 0 0 5px;
  background: #F4F4F4;
}

.bottom-text-wrapper {
  padding: 20px 20px;
  border: 1px solid #C0C0C0;
  background: white;
}

.bottom-text-wrapper.seperated {
  /* border: 0; */
}

.checkbox-area label {
  font-weight: 400;
  padding-left: 25px;
  text-align: center;
}

.bottom-text-wrapper .checkbox-wrap {
  margin: 20px;
  padding: 0;
}

.checkbox.float-left {
  margin-right: 10px !important;
}

.clear {
  clear: both;
}

.header-background {
  background: #fff !important;
  border-bottom: 3px solid #0099cc;
}

.logo-img {
  margin: 8px 0 0 20px;
  width: 250px;
}

.col-padding-0 {
  padding-left: 0;
  padding-right: 0;
}

#reportBuilder .main-area {
  padding: 0 35px;
}
#reportBuilder .main-content-body {
  background-color: white;
  border-bottom: 1px solid #dadada;
  padding-bottom: 35px;
}
#reportBuilder .main-content-body * {
  box-sizing: border-box;
}
#reportBuilder .main-content-body .content-box * {
  box-sizing: content-box;
}
#reportBuilder .main-content-body > .container {
  padding: 0;
}
#reportBuilder .main-content-body .container {
  width: auto;
}
#reportBuilder .section-title {
  background-color: transparent;
  font-size: 12pt;
  font-weight: 400;
  line-height: 1.4em;
  margin: 0;
  padding: 0 0 0 10px;
}
#reportBuilder .left-section {
  padding: 0;
}
#reportBuilder .left-section h3 {
  border-bottom: 1px solid #dadada;
  color: black;
  font-size: 1em;
  font-weight: bold;
  line-height: 1.4em;
  margin: 20px 0 0;
  padding: 10px 0 10px 15px;
}
#reportBuilder #report-progress {
  background-color: #0A4668;
  color: white;
  padding: 20px 0;
}
#reportBuilder #report-progress .percent {
  color: #ddd;
  font-weight: bold;
  padding-right: 15px;
  text-align: right;
}
#reportBuilder #progress-menu,
#reportBuilder #nav-menu {
  white-space: nowrap;
}
#reportBuilder #progress-menu li,
#reportBuilder #nav-menu li {
  list-style: none;
  padding-left: 10px;
}
#reportBuilder #progress-menu li.active,
#reportBuilder #nav-menu li.active {
  background-color: #f6f6f6;
}
#reportBuilder #progress-menu li a,
#reportBuilder #nav-menu li a {
  display: block;
  padding: 6px 0;
  color: #888888;
}
#reportBuilder #progress-menu li a:hover,
#reportBuilder #nav-menu li a:hover {
  color: #0A4668;
}
#reportBuilder #progress-menu .step-complete,
#reportBuilder #nav-menu .step-complete {
  color: green;
}
#reportBuilder #progress-menu .step-incomplete,
#reportBuilder #nav-menu .step-incomplete {
  color: #ddd;
}
#reportBuilder #nav-menu {
  margin-top: 10px;
}
#reportBuilder #nav-menu li {
  padding-left: 15px;
}
#reportBuilder .header h2 {
  padding: 19px 15px;
}
#reportBuilder .header h2 .highlight {
  color: #0099cc;
}
#reportBuilder .content-body .section-title {
  border: none;
  color: #0A4668;
  padding-left: 0;
}
#reportBuilder .content-body .section-title.h2-report-main-heading {
  font-size: 1.6em;
  font-weight: bold;
}
#reportBuilder .content-body .section-title.table-border {
  background: #ddd;
  border: 1px solid #C0C0C0;
  border-bottom: none;
  font-size: 1.1em;
  margin-top: 15px;
  padding: 10px 0 10px 10px;
}
#reportBuilder .content-body .report-table {
  margin-bottom: 45px;
}
#reportBuilder .content-body .report-table:last-child {
  margin-bottom: 0;
}
#reportBuilder .content-body .bootstrap-switch {
  margin: 0;
}
@media (min-width: 300px) and (max-width: 479px) {
  #reportBuilder .content-body .bootstrap-switch {
    margin-bottom: 20px;
    margin-left: 0;
  }
}
@media (min-width: 300px) and (max-width: 980px) {
  #reportBuilder .header .left-section {
    padding-right: 0;
  }
  #reportBuilder .header h2 {
    padding-left: 15px;
  }
  #reportBuilder .content-body .left-section {
    border-bottom: 1px solid #dadada;
    margin-bottom: 30px;
    padding-bottom: 30px;
  }
  #reportBuilder .content-body .left-section .row div {
    padding: 0;
  }
  #reportBuilder .content-body .left-section .row div h3 {
    margin-top: 0;
  }
  #reportBuilder .content-body .section-title.h2-report-main-heading {
    font-size: 1.3em !important;
  }
}

.report-name {
  width: auto;
  float: right;
  font-weight: 600;
  color: #AEAEAE;
  margin: 75px 3% 20px;
  font-size: 14pt;
}

.report-name-print {
  width: auto;
  float: left;
  font-weight: 600;
  color: #AEAEAE;
  margin: 30px 30px 0;
  font-size: 14pt;
}

.download-pdf {
  position: absolute;
  top: -34px;
  right: 0;
  cursor: pointer;
}

.report-title {
  color: white;
  background: #0e4768;
  font-size: 14pt;
  font-family: "Open sans", sans-serif;
  padding: 10px 15px;
  width: auto;
}

.report-container {
  padding-top: 60px;
  box-sizing: border-box;
}

.report-wrap {
  width: 100%;
  background: #f6f6f6;
}

.report-wrap section {
  background: none !important;
  padding: 50px 0 0;
  max-width: 1200px;
  margin: 0 auto;
  box-sizing: border-box;
}

.export-pdf {
  float: right;
  font-family: "Open sans", sans-serif;
  text-decoration: none;
  color: #1b9ac7;
}

.export-pdf:hover {
  color: #117FA6;
}

.export-pdf:visited {
  color: #117FA6;
}

.note h3 {
  text-align: center;
}

thead {
  background: rgba(14, 71, 104, 0.2);
}

td {
  border-left: 1px solid #C4C4C4;
  padding: 7px 10px;
  height: 20px;
  color: #6d6d6d;
  font-size: 11pt;
  font-family: "Open sans", sans-serif;
  line-height: 1.25em;
}

.four-column td {
  width: 33%;
}

.three-column td {
  width: 42%;
}

.two-column td {
  width: 83%;
}

.footer-wrap {
  height: auto;
  background: #FFF;
  display: block;
  border-top: 1px solid #ddd;
  padding: 5px 0 10px;
}

.footer-section {
  display: inline-block;
  vertical-align: bottom;
  float: left;
}

.logo.footer-section > img {
  width: 100%;
  margin: 10px 0 0 20px;
  max-width: 200px;
}

.two-table-wrap {
  border-left: 1px solid #C0C0C0;
  border-right: 1px solid #C0C0C0;
}

.table-info-nospace-wrap .two-table-wrap {
  border-left: 1px solid #C0C0C0;
  border-right: 1px solid #C0C0C0;
}

.two-table-wrap-engine-facility {
  border-left: 0 solid white;
  border-right: 0 solid white;
}

.table-info-nospace-wrap .two-table-wrap-engine-facility {
  border-left: 0 solid white;
  border-right: 0 solid white;
}

.two-table-wrap-third-white {
  border-left: 0 solid white;
  border-right: 0 solid white;
}

.table-info-nospace-wrap .two-table-wrap-third-white {
  border-left: 1px solid #C0C0C0;
  border-right: 1px solid #C0C0C0;
}

.two-table-wrap-first-third-white {
  border-left: 0 solid white;
  border-right: 0 solid white;
}

.table-info-nospace-wrap .two-table-wrap-first-third-white {
  border-left: 1px solid #C0C0C0;
  border-right: 1px solid #C0C0C0;
}

.full-width.left-head {
  border-left: 1px solid #C0C0C0;
  border-right: 1px solid #C0C0C0;
}

.single-table {
  border-bottom: 1px solid #C0C0C0;
  border-left: 1px solid #C0C0C0;
  border-right: 1px solid #C0C0C0;
  /*border-top: 2px solid $TertiaryColor;*/
}

.full-width.with-title.left-head td:first-child {
  width: 17%;
}

.full-width.with-title.left-head.last {
  border-bottom: 1px solid #C0C0C0;
}

.bottom-text-wrapper.last .single-table.td-top-border {
  border: 0 !important;
}

.disclaimer {
  font-size: 10pt;
  margin: 20px 0 0;
  color: #666;
}

#footer-date:before {
  content: "Date Created: ";
}

.batch-name::before {
  content: "Created For: ";
}

.batch-name {
  margin-right: 50px;
}

.Trigger {
  color: #F47C43;
}

.Exempt {
  color: #0099cc;
}

.NSPSSIonly {
  color: #A58C6E;
}

.NSPSSIexempt {
  color: #0099cc;
}

.NSPSCIonly {
  color: #A58C6E;
}

.trigger-bg {
  background-color: #F47C43;
  border: 3px solid #F47C43 !important;
  background-image: url("/assets/images/trigger-icon.png");
  background-repeat: no-repeat;
  background-position: 99% center;
  background-size: 24px;
  line-height: 30px;
  color: white;
}

.trigger-border {
  border: 2px solid #F47C43;
  border-top: 0;
}

.soft-trigger-bg {
  border: 3px solid #B8A894;
  background: #B8A894 url("/assets/images/soft-trigger-icon.png") no-repeat 99% center;
  background-size: 24px;
  line-height: 30px;
  color: white;
}

.soft-trigger-border {
  border: 2px solid #B8A894;
  border-top: 0;
}

.exempt-bg {
  border: 3px solid #0099cc !important;
  background: url("/assets/images/exempt-icon.png") no-repeat 99% center #0099cc;
  background-size: 24px;
  line-height: 30px;
  color: white;
}

.exempt-border {
  border: 2px solid #0099cc;
  border-top: 0;
}

.no-trigger-border {
  border: 2px solid #9A9A9A;
  border-top: 0;
}

.no-trigger-bg {
  border: 3px solid #9A9A9A !important;
  background: #9A9A9A url("/assets/images/no-icon.png") no-repeat 99% center;
  background-size: 24px;
  line-height: 33px;
  color: white;
}

td.Trigger {
  background-color: #F47C43;
  color: white;
  font-weight: 600;
  text-overflow: clip;
  text-indent: -500px;
  overflow: hidden;
  background-image: url("/assets/images/trigger-icon.png");
  background-repeat: no-repeat;
  background-position: center;
  background-size: 24px;
  height: 30px;
  width: 150px !important;
}

td.Exempt {
  background-color: #0099cc;
  color: white;
  font-weight: 600;
  text-overflow: clip;
  text-indent: -500px;
  overflow: hidden;
  background-image: url("/assets/images/exempt-icon.png");
  background-repeat: no-repeat;
  background-position: center;
  background-size: 24px;
  height: 30px;
  width: 150px !important;
}

td.NSPSSIexempt {
  background-color: #0099cc;
  color: white;
  font-weight: 600;
  text-overflow: clip;
  text-indent: -500px;
  overflow: hidden;
  background-image: url("/assets/images/exempt-icon.png");
  background-repeat: no-repeat;
  background-position: center;
  background-size: 24px;
  height: 30px;
  width: 150px !important;
}

td.NSPSSIonly {
  background-color: #A58C6E;
  color: white;
  font-weight: 600;
  text-overflow: clip;
  text-indent: -500px;
  overflow: hidden;
  background-image: url("/assets/images/soft-trigger-icon.png");
  background-repeat: no-repeat;
  background-position: center;
  background-size: 24px;
  height: 30px;
  width: 150px !important;
}

td.NSPSCIonly {
  color: white;
  font-weight: 600;
  text-overflow: clip;
  text-indent: -500px;
  overflow: hidden;
  background: #A58C6E url("/assets/images/soft-trigger-icon.png") no-repeat center;
  background-size: 24px;
  height: 30px;
  width: 150px !important;
}

.compliance div.Trigger {
  color: white;
  font-weight: 600;
  text-overflow: clip;
  text-indent: -500px;
  overflow: hidden;
  background: #F47C43 url("/assets/images/trigger-icon.png") no-repeat center;
  background-size: 24px;
  height: 37px;
}

.compliance div.Exempt {
  background-color: #0099cc;
  color: white;
  font-weight: 600;
  text-overflow: clip;
  text-indent: -500px;
  overflow: hidden;
  background-image: url("/assets/images/exempt-icon.png");
  background-repeat: no-repeat;
  background-position: center;
  background-size: 24px;
  height: 37px;
}

.compliance div.NSPSSIexempt {
  background-color: #0099cc;
  color: white;
  font-weight: 600;
  text-overflow: clip;
  text-indent: -500px;
  overflow: hidden;
  background-image: url("/assets/images/exempt-icon.png");
  background-repeat: no-repeat;
  background-position: center;
  background-size: 24px;
  height: 37px;
}

.compliance div.NSPSSIonly {
  color: white;
  font-weight: 600;
  text-overflow: clip;
  text-indent: -500px;
  overflow: hidden;
  background: #A58C6E url("/assets/images/soft-trigger-icon.png") no-repeat center;
  background-size: 24px;
  height: 37px;
}

.compliance div.NSPSCIonly {
  color: white;
  font-weight: 600;
  text-overflow: clip;
  text-indent: -500px;
  overflow: hidden;
  background: #A58C6E url("/assets/images/soft-trigger-icon.png") no-repeat center;
  background-size: 24px;
  height: 37px;
}

.compliance div.no-trigger-bg {
  border: 0 !important;
  color: white;
  font-weight: 600;
  text-overflow: clip;
  text-indent: -500px;
  overflow: hidden;
  background: #9A9A9A url("/assets/images/no-icon.png") no-repeat center;
  background-size: 24px;
  height: 37px;
}

.InitNotif {
  color: rgb(206, 134, 4);
}

.NA {
  color: #999;
}

td.NA {
  font-weight: 600;
  width: 150px !important;
  height: 30px;
}

.yes {
  color: #A52A2A;
}

.Yes {
  color: #A52A2A;
}

.inline {
  display: inline-block;
}

.single-table tr:nth-child(odd) {
  background: #fff !important;
}

.single-table tr:nth-child(even) {
  background: #EEF4F7;
}

table td {
  border-top: 1px solid #C0C0C0;
}

.seperated-sub-sections td {
  border-top: 1px solid #C0C0C0;
}

table.left-head td:first-child, .two-table-wrap table.left-head td:nth-child(3) {
  background-color: #EEF4F7;
  text-align: left;
  border-left: 1px solid #C0C0C0;
  font-weight: 600;
  color: #777;
  width: 17%;
  position: static;
  font-family: "Open sans", sans-serif;
}

table.left-head td:first-child, .two-table-wrap-engine-facility table.left-head td:nth-child(3) {
  background-color: #EEF4F7;
  text-align: left;
  border-left: 1px solid #C0C0C0;
  font-weight: 600;
  color: #777;
  width: 17%;
  position: static;
  font-family: "Open sans", sans-serif;
}

table.left-head td:first-child, .two-table-wrap-third-white table.left-head td:nth-child(3) {
  text-align: left;
  border-left: 1px solid #C0C0C0;
  font-weight: 600;
  color: #777;
  width: 17%;
  position: static;
  font-family: "Open sans", sans-serif;
}

table.left-head-report-testing-company td:first-child, .two-table-wrap-first-third-white table.left-head td:nth-child(3) {
  text-align: left;
  border-left: 1px solid #C0C0C0;
  font-weight: 600;
  color: #777;
  width: 17%;
  position: static;
  font-family: "Open sans", sans-serif;
}

tr.th-tested-pollutants th {
  background-color: #f4f4f4;
  text-align: left;
  font-weight: 600;
  color: #777;
  width: 17%;
  position: static;
  font-family: "Open sans", sans-serif;
  border: 0;
}

div.report-table table tr td {
  border: 1px solid silver;
}

table.top-head {
  border-left: 1px solid #C0C0C0;
  border-right: 1px solid #C0C0C0;
}

tr th:first-child {
  border-left: 0 !important;
}

tr td:first-child {
  border-left: 0 !important;
}

.inline-tables {
  border-bottom: 0;
  width: 100%;
}

.inline-tables.table-one table {
  border-right: 0 !important;
}

.inline-tables.table-two table {
  border-left: 1px solid #C0C0C0;
}

.inline-tables.column-left-border h2 {
  border-left: 5px solid rgb(92, 134, 158);
}

.inline-tables.column-left-border table {
  border-left: 1px solid #C0C0C0;
  border-bottom: 0;
}

.seperated-sub-sections {
  border: 1px solid #C0C0C0;
  overflow: hidden;
  padding: 20px 0;
}

.divider {
  margin-bottom: 40px !important;
}

.bottom-text-wrapper.note {
  background: #EDEDED;
  color: #666666;
  line-height: 30px;
  padding: 10px 20px;
  min-height: 25px;
  border-bottom: 1px solid #C0C0C0;
  border-top: 1px solid #C0C0C0;
}

.bottom-text-wrapper.note p {
  color: #444;
  line-height: 20px;
  font-size: 10pt;
  margin: 10px;
}

.bottom-text-wrapper.note.seperated {
  background: rgba(92, 134, 158, 0.75);
  color: #fff;
  border-top: 1px solid #C0C0C0;
  min-height: 30px !important;
}

.bottom-table-border {
  background: rgb(92, 134, 158);
  height: 50px;
  color: white;
  line-height: 30px;
  padding: 0 20px;
}

.table-border-l-r-only {
  border-left: 1px solid #C0C0C0;
  border-right: 1px solid #C0C0C0;
}

.centered-title {
  text-align: center;
  color: black;
}

.align-right.facility::before {
  content: "Facility: ";
  letter-spacing: 1px;
  font-weight: 600;
}

.align-right.facility {
  margin-right: 25px;
}

.align-right.engine::before {
  content: "Engine: ";
  letter-spacing: 1px;
  font-weight: 600;
}

.align-right {
  float: right;
  font-size: 12pt;
  margin-top: 2px;
}

.exempt {
  /* border-bottom: 2px solid rgba(92, 134, 158, 1); */
  /* border-left: 2px solid rgba(92, 134, 158, 1); */
  /* border-right: 2px solid rgba(92, 134, 158, 1); */
  padding: 10px;
  /* margin-bottom: 50px; */
}

.exempt h2 {
  background: none;
  padding: 0;
  margin: 0;
  font-size: 14pt;
  color: #999;
  text-align: center;
}

table.full-table.last {
  border-left: 1px solid #C0C0C0;
  border-right: 1px solid #C0C0C0;
}

.half-column {
  width: 50%;
}

section .report-title:first-child {
  margin-top: 0;
}

.looped-section-wrap.table-info-with-spaces-wrap {
  padding-bottom: 100px;
  margin-top: 20px;
  position: relative;
}

.looped-section-wrap.table-info-nospace-wrap {
  position: relative;
  padding-bottom: 100px;
  margin-top: 20px;
}

.trigger p {
  text-align: center;
  font-size: 18pt;
}

.trigger-exempt {
  color: #0099cc;
}

.trigger-softtrigger {
  color: #B8A894;
}

.trigger-true {
  color: #F47C43;
}

.trigger-wrap {
  display: inline-block;
  width: 50%;
  float: left;
  padding: 2%;
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
}

.trigger-wrap:nth-child(2) {
  padding-left: 0;
}

.trigger-wrap p {
  font-size: 11pt;
}

.print .trigger-wrap {
  display: block;
  width: 100%;
}

.trigger-area {
  background: white;
  border: 1px solid #C0C0C0;
}

.trigger-area .bottom-text-wrapper {
  min-height: 122px;
}

.seperated-sub-sections p {
  padding: 0 20px;
}

.td-top-border td {
  border-top: 1px solid #C0C0C0;
}

.seperated-sub-sections .main.full-width.left-head {
  border: 0;
}

.bottom-text-wrapper .note {
  color: #888;
  font-size: 10pt;
  margin-bottom: 25px;
  margin-top: 0;
}

.seperated-sub-sections .note {
  color: #888;
  font-size: 10pt;
}

.seperated-sub-sections .note::before {
  content: "Note: ";
  font-weight: 600;
}

.bottom-text-wrapper.no-padding {
  padding: 0 !important;
}

.bottom-text-wrapper.no-radius-note {
  background: rgb(207, 222, 231);
}

.bottom-text-wrapper.no-radius-note p {
  font-size: 10pt;
}

.bottom-text-wrapper.last {
  border-bottom: 1px solid #C0C0C0;
  /* border-top:  1px solid #C0C0C0; */
}

.seperated-margin-wrap .bottom-text-wrapper.note {
  border-top: 0;
}

.one-color-table.no-padding td {
  border-bottom: 1px solid #C0C0C0;
  border-left: 1px solid #C0C0C0;
  background: #EEF4F7;
  color: #666;
}

.one-color-table.no-padding {
  padding: 0 !important;
  background: rgb(207, 222, 231);
  font-size: 10pt;
  border-left: 1px solid #C0C0C0;
  border-right: 1px solid #C0C0C0;
}

.inside-table-note {
  font-size: 10pt;
  margin: 10px 0 0;
  padding: 10px 0 0;
  border-top: 1px solid #C0C0C0;
}

.text-note {
  border-top: 1px solid #C0C0C0;
  margin: 0;
  padding: 10px;
  background: rgb(218, 139, 139);
  color: white;
}

.signature {
  display: inline-block;
  vertical-align: bottom;
  width: 40%;
  padding: 0 4.5%;
  min-width: 300px;
}

.signature p {
  border-top: 1px solid #333;
  margin-top: 3px;
  margin-bottom: 40px;
  text-indent: 10px;
  font-weight: 300;
  height: 14pt;
}

.above-border {
  border: 0 !important;
  margin-bottom: 5px !important;
  font-weight: 600 !important;
  font-size: 12pt;
  font-family: "Open sans", sans-serif;
}

table.top-head th {
  background: rgba(14, 71, 104, 0.55);
  color: white;
  text-align: left;
  padding-left: 15px;
  font-family: "Open sans", sans-serif;
  font-weight: 400;
}

table.top-head td {
  text-align: left !important;
  height: 50px;
  padding: 12px 15px;
}

.inner-wrap-title {
  text-align: center;
}

h1.inner-wrap-title {
  color: #0e4768;
  line-height: 45px;
}

h3.inner-wrap-title {
  color: #316A8B;
  line-height: 10pt;
}

.inner-wrap-note {
  text-align: center;
  margin: 30px auto 0;
  margin-bottom: 20px;
  color: #888;
  font-weight: 300;
  font-size: 10pt;
}

.batch-name-wrap {
  display: inline-block;
  vertical-align: bottom;
  float: right;
  margin: 17px 20px;
}

p.note:before {
  content: "*";
}

.division-border {
  border-top: 30px solid #ecedee;
}

thead tr {
  background: white !important;
}

.single-table td {
  width: 25%;
}

.seperated-margin-wrap {
  margin: 30px 0;
}

.seperated-margin-wrap .bottom-text-wrapper {
  /* border-top:  1px solid #C0C0C0; */
  /* border-bottom:   1px solid #C0C0C0; */
}

.top-border {
  border-top: 1px solid #C0C0C0;
}

h2.section-title.table-border {
  border-left: none;
  border-right: none;
}

h2.section-title.w-top-margin {
  border-top: 1px solid #C0C0C0;
}

.no-top-brdr {
  border-top: 0;
}

.no-btm-brdr {
  border-bottom: 0;
}

.compliance td.no-trigger-bg.center-icon {
  background-position: center;
}

.compliance td {
  padding: 10px;
}

/* Temporary styles for Mockup of Engine Profile - Erase after implamenting syncfusion */
.temp-searchbar {
  background: #ecedee;
  border: 1px solid #C0C0C0;
  border-bottom: 0;
  padding: 5px;
}

.temp-searchbar input[type=text] {
  height: 12px;
  margin: 0 5px;
  border: 1px solid #C0C0C0;
  float: right;
}

h2.section-title.w-top-margin.darkblue {
  background: #0e4768;
  color: white;
  border: 0;
  padding: 4px 7px 4px 15px;
}

table.single-table.w-total {
  border: none;
}

.w-total th {
  border: 1px solid #C0C0C0;
  border-bottom: 3px solid #0099cc;
}

.w-total th:first-child {
  border-left: 1px solid #C0C0C0 !important;
}

.w-total td {
  border: 1px solid #C0C0C0;
}

.w-total td:first-child {
  border-left: 1px solid #C0C0C0 !important;
}

th.total {
  border-bottom: 3px solid #CB9595 !important;
}

.quarter-width {
  width: 25% !important;
}

td.sixth-width {
  width: 16.666%;
}

td.two-sixth-width {
  width: 33.333%;
}

td.fifth-width {
  width: 20%;
}

td.two-fifths-width {
  width: 40%;
}

td.eleventh-width {
  width: 9.0909%;
}

td.two-elevenths-width {
  width: 18.1818%;
}

td.three-elevenths-width {
  width: 27.27%;
}

td.four-elevenths-width {
  width: 36.36%;
}

td.five-elevenths-width {
  width: 45.45%;
}

td.six-elevenths-width {
  width: 54.54%;
}

td.nine-elevenths-width {
  width: 81.85%;
}

.signature-wrap {
  margin-top: 35px;
}

h3.sub-text {
  margin: 0;
  font-size: 10pt;
  background: white;
  padding: 10px 0 10px 12px;
  border: 1px solid #C0C0C0;
  border-bottom: 0;
}

span.notice {
  color: #d60000;
  font-size: 10pt;
}

p.notice-text.small-text {
  margin-bottom: 0;
}

/* Form Styles */
h3.inner-wrap-title.form-title {
  color: #888;
  font-size: 14pt;
  line-height: 1.231;
}

p.inner-wrap-note.form-title {
  margin-top: 20px;
  font-size: 14pt;
  font-family: "Open sans", sans-serif;
  font-weight: 400;
}

.form-title {
  padding: 10px !important;
  margin: 0 !important;
}

span.sitation-number {
  float: right;
  margin-right: 10px;
  font-size: 10pt;
}

.no-bottom-border {
  border-bottom: 0 !important;
}

.no-top-border {
  border-top: 0 !important;
}

.no-border {
  border: 0 !important;
}

/* Table Widths defined */
.width-fifty {
  width: 50px !important;
}

.width-one-hundred {
  width: 100px !important;
}

.width-one-fifty {
  width: 150px !important;
}

.width-two-hundred {
  width: 200px !important;
}

.width-two-fifty {
  width: 250px !important;
}

.width-three-hundred {
  width: 300px !important;
}

.width-three-fifty {
  width: 350px !important;
}

.width-four-hundred {
  width: 400px !important;
}

.bottom-text-wrapper ul {
  padding-left: 20px;
}

.bottom-text-wrapper li {
  padding: 10px 0;
}

p.sub-checkbox-text {
  margin-left: 25px;
  font-weight: 700;
}

.sub-checkbox-text input {
  padding: 2px 0;
}

span.right-span {
  border-left: 0;
}

.letter-wrao {
  background: white;
  border: 1px solid #C0C0C0;
  padding: 50px;
  max-width: 914px;
  margin: 0 auto;
}

p.letter-text {
  margin: 0 0 2px;
}

.letter-table td {
  text-align: left;
  border: 1px solid #C0C0C0 !important;
}

.letter-table td:first-child {
  width: 225px;
  background: #EEF4F7;
  border: 1px solid #C0C0C0 !important;
  border-left: 1px solid #C0C0C0 !important;
}

table.letter-table {
  border: 0;
  margin: 0 auto;
}

.checkbox-area textarea {
  width: 96%;
  height: 75px;
  margin: 0 2% 0;
}

.notification p {
  text-align: center;
  margin-top: 20px;
}

table.main-table.full.left-head.two-column {
  width: 50%;
  border-bottom: 0;
}

table.left-head.two-column td:nth-child(even) {
  border-right: 1px solid #dadada;
}

table.left-head.two-column td:first-child {
  width: 34.1%;
}

.inline-tables.table-one.w-border-bottom {
  border-bottom: 1px solid #c0c0c0;
  background: white;
}

td.no-padding {
  padding: 0 !important;
}

td.wrap-pre {
  white-space: nowrap !important;
  min-width: 160px;
}

td.no-padding h2.section-title {
  border: 0;
}

.performance-test-notif table.left-head.two-column td:first-child {
  min-width: 160px;
}

.reports-body h2.section-title {
  text-align: left;
  line-height: 20px;
  padding: 10px;
}

td input[type=text] {
  width: 100%;
  border: 0 !important;
  padding: 1px 0 0;
  text-align: center;
}

td input[type=number] {
  width: 100%;
  border: 0 !important;
  padding: 1px 0 0 15px;
  text-align: center;
  box-sizing: border-box;
}

.checkbox-area label.form-text-area-label {
  text-align: left;
  margin-top: 20px;
  font-weight: 700;
}

.reports-body button[disabled], .reports-body input[disabled] {
  background-color: #fff;
  border-color: #c0c0c0;
}

.w-total td.no-padding:first-child {
  padding: 0;
  border: 0 !important;
  border-right: 1px solid #C0C0C0 !important;
}
.w-total td.no-padding table {
  border: 0;
}
.w-total td.no-padding td {
  border-top: 0 !important;
}
.w-total td.no-padding td:last-child {
  border-right: 0 !important;
}

td.texasYes {
  background: #F47C43;
  color: white;
}

td.texasNo {
  background: #0099CC;
  color: white;
}

td.texasna {
  background: #888;
  color: white;
}

table.tested-pollutants-table-td-border tr td {
  border: 1px solid silver !important;
  text-align: left;
}

.h2-report-weight {
  font-weight: 700;
  word-wrap: break-word;
}

table.border-background-color tr td {
  background-color: #f4f4f4 !important;
  border: none !important;
  text-align: left;
}

.left-hand-menu-report {
  width: 18%;
  padding-left: 0 !important;
  float: left;
}

.report-test-detail {
  display: inline;
  padding-left: 11%;
}

.report-equipments {
  display: inline;
  padding-left: 9%;
}

.left-hand-heading {
  padding-left: 15%;
}

.loader {
  border-top: 16px solid #3498db; /* Blue */
  border-bottom: 16px solid #3498db; /* Blue */
  border-radius: 50%;
  height: 120px;
  animation: spin 2s linear infinite;
  width: 10%;
  margin: 15% auto;
}

@keyframes spin {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
.left-side-test-detail-text {
  border-left: none;
  border-right: none;
  line-height: 35px;
  background: white;
}

.left-side-step-complete-percentage {
  border-left: none;
  border-right: none;
  line-height: 0;
}

.report-test-detail a {
  font-weight: 700;
  color: #626262;
}

.current-active-step-icon {
  display: inline;
}

.equipment-icon {
  display: inline;
}

.equipment-icon i {
  color: blue;
}

.table-border-color {
  border: 1px solid silver;
}

.reportBuilder-table-border {
  border: 0;
}

.report-document-modal {
  padding-left: 1%;
}

.report-equipment-modal {
  padding-left: 5%;
}

/* Print Area iFrame */
.responsive-iframe-wrap {
  width: 0;
  height: 0;
  overflow: hidden;
}

li#createReportFromSchedule {
  background-image: none !important;
  margin: 0 5px;
}
li#createReportFromSchedule > a > i {
  vertical-align: top;
}
li#createReportFromSchedule a {
  font-size: 1em;
  padding: 0;
}

li#createReportFromComplete {
  background-image: initial !important;
}

.th-heading {
  font-family: "Open sans", sans-serif !important;
  font-weight: 700 !important;
  font-size: 12pt;
  color: #888 !important;
}

#pollutants-table tbody tr td input {
  text-align: left !important;
}

/* Page Breaks */
@media print {
  .looped-section-wrap {
    page-break-after: always;
  }
  .looped-section-wrap:last-child {
    page-break-after: auto;
  }
}
@media (min-width: 300px) and (max-width: 445px) {
  .left-hand-menu-report {
    width: 100%;
    padding-left: 0 !important;
    float: left;
  }
  .report-tested-document {
    list-style: none;
    padding-left: 7%;
    font-size: 9pt !important;
  }
  .report-equipments {
    display: inline;
    padding-left: 2%;
    font-size: 9pt !important;
  }
  .report-test-detail {
    display: inline;
    padding-left: 3%;
    font-size: 9pt !important;
  }
  .left-hand-heading {
    padding-left: 30%;
  }
  form#reportBuilderForm table.left-head td:first-child {
    width: 25% !important;
  }
  table:not(.dataTable) td {
    font-size: 6pt;
  }
  form#reportBuilderForm table.four-column td {
    width: 25%;
    padding: 7px 5px;
  }
  form#reportBuilderForm table td input[type=text] {
    font-size: 7pt;
    text-align: left;
  }
  .h2-report-weight {
    font-weight: 700;
    word-wrap: break-word;
    font-size: 9pt !important;
    text-align: left;
  }
  div.report-table span div a {
    font-size: 8pt !important;
  }
  table#pollutants-table tr.th-tested-pollutants th {
    font-size: 7pt !important;
  }
  .th-heading {
    font-family: "Open sans", sans-serif !important;
    font-weight: 700 !important;
    font-size: 9pt !important;
    color: #888;
  }
}
@media (min-width: 446px) and (max-width: 770px) {
  .left-hand-menu-report {
    width: 100%;
    padding-left: 0 !important;
    float: left;
  }
  .report-tested-document {
    list-style: none;
    padding-left: 7%;
    font-size: 10pt !important;
  }
  .report-equipments {
    display: inline;
    padding-left: 4%;
    font-size: 10pt !important;
  }
  .report-test-detail {
    display: inline;
    padding-left: 5%;
    font-size: 10pt !important;
  }
  .left-hand-heading {
    padding-left: 28%;
  }
  form#reportBuilderForm table.left-head td:first-child {
    width: 25% !important;
  }
  td {
    font-size: 8pt;
  }
  form#reportBuilderForm table.four-column td {
    width: 25%;
    padding: 7px 5px;
  }
  form#reportBuilderForm table td input[type=text] {
    font-size: 7pt;
    text-align: left;
  }
  .right-hand-heading {
    word-wrap: break-word;
  }
  div.right-hand-heading h2 {
    font-size: 10pt !important;
  }
  .h2-report-weight {
    font-weight: 700;
    word-wrap: break-word;
    text-align: left;
    font-size: 10pt !important;
  }
  div.report-table span div a {
    font-size: 10pt !important;
  }
  .th-heading {
    font-family: "Open sans", sans-serif !important;
    font-weight: 700 !important;
    font-size: 9pt !important;
    color: #888;
  }
  table#pollutants-table tr.th-tested-pollutants th {
    font-size: 9pt !important;
  }
}
@media (min-width: 771px) and (max-width: 955px) {
  .left-hand-menu-report {
    width: 100%;
    padding-left: 0 !important;
    float: left;
  }
  .report-tested-document {
    list-style: none;
    padding-left: 7%;
    font-size: 11pt !important;
  }
  .report-equipments {
    display: inline;
    padding-left: 5%;
    font-size: 11pt !important;
  }
  .report-test-detail {
    display: inline;
    padding-left: 5.5%;
    font-size: 11pt !important;
  }
  .left-hand-heading {
    padding-left: 36%;
  }
  form#reportBuilderForm table.left-head td:first-child {
    width: 25% !important;
  }
  td {
    font-size: 9pt;
  }
  form#reportBuilderForm table.four-column td {
    width: 25%;
    padding: 7px 5px;
  }
  form#reportBuilderForm table td input[type=text] {
    font-size: 7pt;
    text-align: left;
  }
  .right-hand-heading {
    word-wrap: break-word;
  }
  div.right-hand-heading h2 {
    font-size: 12pt !important;
  }
  .h2-report-weight {
    font-weight: 700;
    word-wrap: break-word;
    text-align: left;
    font-size: 11pt;
  }
  div.report-table span div a {
    font-size: 10pt !important;
  }
  .th-heading {
    font-family: "Open sans", sans-serif !important;
    font-weight: 700 !important;
    font-size: 11pt !important;
    color: #888 !important;
  }
  table#pollutants-table tr.th-tested-pollutants th {
    font-size: 10pt !important;
  }
}
@media (min-width: 500px) and (max-width: 629px) {
  h2.section-title.table-border {
    border-left: none;
    border-right: none;
  }
}
@media (min-width: 630px) and (max-width: 739px) {
  h2.section-title.table-border {
    border-left: none;
    border-right: none;
  }
}
@media (min-width: 630px) and (max-width: 739px) {
  h2.section-title.table-border {
    border-left: none;
    border-right: none;
  }
}
@media (min-width: 740px) and (max-width: 850px) {
  h2.section-title.table-border {
    border-left: none;
    border-right: none;
  }
}
@media (min-width: 851px) and (max-width: 920px) {
  h2.section-title.table-border {
    border-left: none;
    border-right: none;
  }
}
@media (min-width: 921px) and (max-width: 954px) {
  h2.section-title.table-border {
    border-left: none;
    border-right: none;
  }
}
@media (min-width: 956px) and (max-width: 991px) {
  .left-hand-menu-report {
    width: 96%;
    padding-left: 0 !important;
    float: left;
  }
  .report-tested-document {
    list-style: none;
    padding-left: 7%;
  }
  .report-equipments {
    display: inline;
    padding-left: 5%;
  }
  .report-test-detail {
    display: inline;
    padding-left: 5.5%;
  }
  .left-hand-heading {
    padding-left: 37%;
  }
  .right-hand-heading {
    padding-left: 30%;
    word-wrap: break-word;
  }
  h2.section-title.table-border {
    border-left: none;
    border-right: none;
  }
}
@media (min-width: 992px) and (max-width: 1200px) {
  .left-hand-menu-report {
    width: 20%;
    padding-left: 0 !important;
    float: left;
    padding-right: 17px;
  }
  .report-tested-document {
    list-style: none;
    padding-left: 0;
  }
  .report-equipments {
    display: inline;
    padding-left: 2%;
  }
  .report-test-detail {
    display: inline;
    padding-left: 5.5%;
  }
  .left-hand-heading {
    padding-left: 1%;
  }
  .right-hand-heading {
    padding-left: 0;
    word-wrap: break-word;
  }
  .current-active-step-icon {
    display: inline;
    margin-left: -10%;
  }
  .equipment-icon {
    display: inline;
    margin-left: -12%;
  }
  .col-md-9 {
    width: 72% !important;
  }
  .h2-report-weight {
    font-weight: 700;
    word-wrap: break-word;
    font-size: 11.5pt !important;
  }
}
@media (min-width: 1150px) and (max-width: 1200px) {
  .left-hand-menu-report {
    width: 20%;
    padding-left: 0 !important;
    float: left;
    padding-right: 17px;
  }
  .report-tested-document {
    list-style: none;
    padding-left: 0;
  }
  .report-equipments {
    display: inline;
    padding-left: 2%;
  }
  .report-test-detail {
    display: inline;
    padding-left: 5.5%;
  }
  .left-hand-heading {
    padding-left: 1%;
  }
  .right-hand-heading {
    padding-left: 0;
    word-wrap: break-word;
  }
  .current-active-step-icon {
    display: inline;
    margin-left: 0;
  }
  .report-tested-document {
    list-style: none;
    padding-left: 10%;
  }
  .equipment-icon {
    display: inline;
    margin-left: 0;
  }
}
@media (min-width: 1201px) and (max-width: 1700px) {
  .left-hand-menu-report {
    width: 20%;
    padding-left: 0 !important;
    float: left;
  }
  .report-tested-document {
    list-style: none;
    padding-left: 9%;
  }
  .report-equipments {
    display: inline;
    padding-left: 2%;
  }
  .report-test-detail {
    display: inline;
    padding-left: 5.5%;
  }
  .left-hand-heading {
    padding-left: 4%;
  }
  .right-hand-heading {
    padding-left: 0;
    word-wrap: break-word;
  }
}
.report-radio-btn {
  float: left !important;
  -webkit-appearance: none !important;
  width: 20px !important;
  height: 20px !important;
  border: 2px solid #0099CC !important;
  border-radius: 50% !important;
  outline: none !important;
}

.report-radio-btn {
  -webkit-appearance: none !important;
  width: 20px !important;
  margin: 0 0;
  height: 20px !important;
  border: 2px solid #0099CC !important;
  border-radius: 50% !important;
  outline: none !important;
}

#fuel_gas_profile_type_1, #fuel_gas_profile_type_2, #fuel_gas_profile_type_3 {
  width: 20px !important;
  margin: 0 0;
}

.report-radio-btn:hover {
  cursor: pointer;
}

.report-radio-btn:before {
  content: "" !important;
  display: block !important;
  width: 60% !important;
  height: 60% !important;
  margin: 20% auto !important;
  border-radius: 50% !important;
}

.report-radio-btn:checked:before {
  background: #0099CC !important;
}

.no-left-border {
  border-left: 0 !important;
}

.no-right-border {
  border-right: 0 !important;
}

.no-bottom-border {
  border-bottom: 0 !important;
}

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

.white-back {
  background-color: white !important;
}

.lightblue-back {
  background: #EEF4F7 !important;
}

.inspection-checklist-report-head {
  border: none !important;
}
.inspection-checklist-report-head td, .inspection-checklist-report-head th {
  border: none !important;
  text-align: left;
}
.inspection-checklist-report-head td.head-title {
  width: 20%;
}
.inspection-checklist-report-head td.head-value {
  width: 40%;
}

.inspection-survey-table td.numbered-td {
  width: 5% !important;
}
.inspection-survey-table td.question-td {
  width: 50% !important;
}
.inspection-survey-table .tb-small {
  width: 30px;
  border: solid 1px #bbbbbb !important;
}

.comment-area .additional-comment {
  width: 100%;
  height: 200px;
  border: 1px solid #CCC;
}

/* FONTS */
/* COLORS */
/* BORDERS */
.text-align-right {
  text-align: right;
}

.no-margin {
  margin: 0 !important;
}

.margin-top-negative-50 {
  margin-top: -50px !important;
}

.margin-top-5 {
  margin-top: 5px !important;
}

.margin-top-10 {
  margin-top: 10px !important;
}

.margin-top-15 {
  margin-top: 15px !important;
}

.margin-top-20 {
  margin-top: 20px !important;
}

.margin-top-25 {
  margin-top: 25px !important;
}

.margin-top-30 {
  margin-top: 30px !important;
}

.margin-top-40 {
  margin-top: 40px !important;
}

.margin-top-45 {
  margin-top: 45px !important;
}

.margin-top-50 {
  margin-top: 50px !important;
}

.margin-top-60 {
  margin-top: 60px !important;
}

.margin-top-70 {
  margin-top: 70px !important;
}

.margin-top-75 {
  margin-top: 75px !important;
}

.margin-top-80 {
  margin-top: 80px !important;
}

.margin-top-100 {
  margin-top: 100px !important;
}

.margin-bottom-10 {
  margin-bottom: 10px !important;
}

.margin-bottom-20 {
  margin-bottom: 20px !important;
}

.margin-bottom-25 {
  margin-bottom: 25px !important;
}

.margin-bottom-30 {
  margin-bottom: 30px !important;
}

.margin-bottom-40 {
  margin-bottom: 40px !important;
}

.margin-bottom-50 {
  margin-bottom: 50px !important;
}

.margin-bottom-60 {
  margin-bottom: 60px !important;
}

.margin-bottom-70 {
  margin-bottom: 70px !important;
}

.margin-bottom-75 {
  margin-bottom: 75px !important;
}

.margin-bottom-80 {
  margin-bottom: 80px !important;
}

.margin-bottom-100 {
  margin-bottom: 100px !important;
}

.margin-left-10 {
  margin-left: 10px !important;
}

.margin-left-20 {
  margin-left: 20px !important;
}

.margin-left-25 {
  margin-left: 25px !important;
}

.margin-left-30 {
  margin-left: 30px !important;
}

.margin-left-40 {
  margin-left: 40px !important;
}

.margin-left-50 {
  margin-left: 50px !important;
}

.margin-left-60 {
  margin-left: 60px !important;
}

.margin-left-70 {
  margin-left: 70px !important;
}

.margin-left-75 {
  margin-left: 75px !important;
}

.margin-left-80 {
  margin-left: 80px !important;
}

.margin-left-100 {
  margin-left: 100px !important;
}

.no-margin-right {
  margin-right: 0 !important;
}

.margin-right-10 {
  margin-right: 10px !important;
}

.margin-right-20 {
  margin-right: 20px !important;
}

.margin-right-25 {
  margin-right: 25px !important;
}

.margin-right-30 {
  margin-right: 30px !important;
}

.margin-right-40 {
  margin-right: 40px !important;
}

.margin-right-50 {
  margin-right: 50px !important;
}

.margin-right-60 {
  margin-right: 60px !important;
}

.margin-right-70 {
  margin-right: 70px !important;
}

.margin-right-75 {
  margin-right: 75px !important;
}

.margin-right-80 {
  margin-right: 80px !important;
}

.margin-right-100 {
  margin-right: 100px !important;
}

.margin-10 {
  margin: 10px !important;
}

.margin-20 {
  margin: 20px !important;
}

.margin-25 {
  margin: 25px !important;
}

.margin-30 {
  margin: 30px !important;
}

.margin-40 {
  margin: 40px !important;
}

.margin-50 {
  margin: 50px !important;
}

.margin-60 {
  margin: 60px !important;
}

.margin-70 {
  margin: 70px !important;
}

.margin-75 {
  margin: 75px !important;
}

.margin-80 {
  margin: 80px !important;
}

.margin-100 {
  margin: 100px !important;
}

.minus-content-padding-margin {
  margin: 0 -10px !important;
}
.minus-content-padding-margin .row {
  padding: 0 20px;
}

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

.padding-top-0 {
  padding-top: 0 !important;
}

.padding-top-10 {
  padding-top: 10px !important;
}

.padding-top-20 {
  padding-top: 20px !important;
}

.padding-top-25 {
  padding-top: 25px !important;
}

.padding-top-30 {
  padding-top: 30px !important;
}

.padding-top-40 {
  padding-top: 40px !important;
}

.padding-top-50 {
  padding-top: 50px !important;
}

.padding-top-60 {
  padding-top: 60px !important;
}

.padding-top-70 {
  padding-top: 70px !important;
}

.padding-top-75 {
  padding-top: 75px !important;
}

.padding-top-80 {
  padding-top: 80px !important;
}

.padding-top-100 {
  padding-top: 100px !important;
}

.padding-bottom-0 {
  padding-bottom: 0;
}

.padding-bottom-10 {
  padding-bottom: 10px !important;
}

.padding-bottom-15 {
  padding-bottom: 15px !important;
}

.padding-bottom-20 {
  padding-bottom: 20px !important;
}

.padding-bottom-25 {
  padding-bottom: 25px !important;
}

.padding-bottom-30 {
  padding-bottom: 30px !important;
}

.padding-bottom-40 {
  padding-bottom: 40px !important;
}

.padding-bottom-50 {
  padding-bottom: 50px !important;
}

.padding-bottom-60 {
  padding-bottom: 60px !important;
}

.padding-bottom-70 {
  padding-bottom: 70px !important;
}

.padding-bottom-75 {
  padding-bottom: 75px !important;
}

.padding-bottom-80 {
  padding-bottom: 80px !important;
}

.padding-bottom-100 {
  padding-bottom: 100px !important;
}

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

.padding-left-10 {
  padding-left: 10px !important;
}

.padding-left-20 {
  padding-left: 20px !important;
}

.padding-left-25 {
  padding-left: 25px !important;
}

.padding-left-30 {
  padding-left: 30px !important;
}

.padding-left-40 {
  padding-left: 40px !important;
}

.padding-left-50 {
  padding-left: 50px !important;
}

.padding-left-60 {
  padding-left: 60px !important;
}

.padding-left-70 {
  padding-left: 70px !important;
}

.padding-left-75 {
  padding-left: 75px !important;
}

.padding-left-80 {
  padding-left: 80px !important;
}

.padding-left-100 {
  padding-left: 100px !important;
}

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

.padding-right-10 {
  padding-right: 10px !important;
}

.padding-right-20 {
  padding-right: 20px !important;
}

.padding-right-25 {
  padding-right: 25px !important;
}

.padding-right-30 {
  padding-right: 30px !important;
}

.padding-right-40 {
  padding-right: 40px !important;
}

.padding-right-50 {
  padding-right: 50px !important;
}

.padding-right-60 {
  padding-right: 60px !important;
}

.padding-right-70 {
  padding-right: 70px !important;
}

.padding-right-75 {
  padding-right: 75px !important;
}

.padding-right-80 {
  padding-right: 80px !important;
}

.padding-right-100 {
  padding-right: 100px !important;
}

.padding-10 {
  padding: 10px !important;
}

.padding-15 {
  padding: 15px !important;
}

.padding-20 {
  padding: 20px !important;
}

.padding-25 {
  padding: 25px !important;
}

.padding-30 {
  padding: 30px !important;
}

.padding-40 {
  padding: 40px !important;
}

.padding-50 {
  padding: 50px !important;
}

.padding-60 {
  padding: 60px !important;
}

.padding-70 {
  padding: 70px !important;
}

.padding-75 {
  padding: 75px !important;
}

.padding-80 {
  padding: 80px !important;
}

.padding-100 {
  padding: 100px !important;
}

.width-full {
  width: 100% !important;
}

.margin-zero {
  margin: 0 !important;
}

/******* MAKE ALL CUSTOMIZATIONS HERE  ********/
/********* Custom Styles - These will *********/
/********* override all other styles. *********/
/********** Syncfusion Grid Overrides **********/
.e-grid .e-headercelldiv {
  margin-top: 0;
  width: 100%;
  padding: 0 7px;
  font-family: "Open sans" sans-serif;
  font-weight: 600;
  padding: 0 10px;
  text-align: center !important;
}

.e-grid .e-groupdroparea {
  background-color: #0A4668;
}

.e-grid .e-indentcell, .e-grid .e-recordpluscollapse, .e-grid .e-recordplusexpand {
  background-color: #e6e6e6;
}

.e-content {
  background: #e6e6e6;
}

tbody tr {
  background: white;
}

.e-grid .e-alt_row {
  background: #EEF4F7;
}

.e-grid .e-groupdroparea {
  /*height: 30px !important;*/
  padding: 7px 0;
  cursor: default;
}

.e-grid .e-groupdroparea .e-icon.e-animatebutton {
  color: white;
  display: none;
}

.e-grid .e-groupcaption {
  font-size: 11pt;
  height: 27px;
  color: #666;
  background-color: #F1F1F1;
  font-family: "Open sans" sans-serif;
  font-weight: 600;
  padding: 10px 10px 0 !important;
  border-bottom: 0;
  text-align: left;
  line-height: 14pt;
}

td.e-recordplusexpand {
  padding-top: 5px !important;
  line-height: 0 !important;
  height: auto !important;
}

.e-grid .e-recordpluscollapse, .e-grid .e-recordplusexpand {
  background-color: #F1F1F1;
  padding: 0 !important;
  border-bottom: 1px solid #c4c4c4;
}

.e-grid .e-groupheadercell, .e-grid .e-groupheadercell:hover {
  margin-top: -1px;
  background-color: #0A4668;
  color: white;
  font-weight: bold;
  border-color: #7794A5;
  border-width: 2px;
  box-sizing: border-box;
  height: 33px;
  padding: 5px;
}

.e-grid .e-groupheadercell .e-togglegroupbutton {
  color: white;
}

.e-grid .e-groupheadercell .e-cancel {
  margin-top: 3px;
}

/* Specific styles for Grid per page */
/* My Fleet Page */
.fleet-grid .e-grid {
  margin: 0 auto;
}

.fleet-grid {
  /* padding: 0 40px; */
  position: relative;
}

.e-grid td.e-active, .e-grid .e-form-titlebar {
  background: #0099cc;
}

.e-grid td {
  font-family: "Lora" serif;
}

.e-icon {
  font-family: "ej-webfont" !important;
}

.e-chkbox-wrap .e-chk-image {
  background-image: url(/assets/images/checkedtick.png) !important;
}

.e-prop {
  width: auto;
  border: 0 !important;
  padding: 0 0 20px;
}

.prop-grid.content {
  width: 145px;
  min-width: 0;
  float: right;
}

.e-grid .col-md-2 {
  width: 15px !important;
  padding: 0;
}

.e-grid .col-md-3 {
  width: 96px !important;
  color: #666;
}

#sampleProperties > div.heading {
  display: none;
}

.e-recordpluscollapse {
  border-bottom: 0 !important;
}

.cols-prop-area {
  position: absolute;
  top: 53px;
  right: 10px;
}

.e-grid .e-cloneproperties {
  background-color: #0A4668;
  margin: -150px auto auto -250px;
  opacity: 0.95;
}

/* Dashboard Overrides */
#container1_svg_connectorLine0 {
  stroke: #666 !important;
  stroke-width: 1px;
}

#container1_svg_connectorLine1 {
  stroke: #666;
  stroke-width: 1px;
}

#container1_svg_connectorLine2 {
  stroke: #666;
  stroke-width: 1px;
}

#container2_svg_connectorLine0 {
  stroke: #666 !important;
  stroke-width: 1px;
}

#container2_svg_connectorLine1 {
  stroke: #666;
  stroke-width: 1px;
}

#container2_svg_connectorLine2 {
  stroke: #666;
  stroke-width: 1px;
}

#container2_svg_connectorLine3 {
  stroke: #666;
  stroke-width: 1px;
}

#container1_svg_Legend0 path {
  stroke-width: 0;
}

#container1_svg_Legend1 path {
  stroke-width: 0;
}

#container1_svg_Legend2 path {
  stroke-width: 0;
}

#container1_svg_Legend3 path {
  stroke-width: 0;
}

#container2_svg_Legend0 path {
  stroke-width: 0;
}

#container2_svg_Legend1 path {
  stroke-width: 0;
}

#container2_svg_Legend2 path {
  stroke-width: 0;
}

#container2_svg_Legend3 path {
  stroke-width: 0;
}

#container1_svg_LegendItemText {
  dominant-baseline: central;
  font-family: "Lora" serif;
  /* font-size:  11px; */
  font-weight: normal;
  fill: #333;
}

#container2_svg_LegendItemText {
  dominant-baseline: central;
  font-family: "Lora" serif;
  font-weight: normal;
  fill: #333;
}

text {
  font-family: "Lora";
}

.e-chkbox-wrap .e-chkbox-small > span {
  height: 13px;
  width: 13px;
  top: 3px;
  color: #C0C0C0;
}

.e-grid .e-chkbox-wrap .e-chkbox-small .e-chk-act .e-chk-image.e-chk-activeicon {
  background-position: -1px -21px;
  position: absolute;
  left: 0;
  top: -1px;
}

.e-grid tr td:first-child, .e-grid tr th:first-child {
  border-left: 0px;
  padding: 0 0.5em;
  height: 24px;
}

input.e-ejinputtext {
  margin: 0;
  padding: 3px 0;
  border-radius: 0 !important;
}

input.e-ejinputtext:focus {
  box-shadow: none !important;
  outline: none !important;
  border: 1px solid #0099cc !important;
}

.e-toolbar .e-horizontal .e-hover {
  background: none;
  outline: none !important;
  border: 1px solid transparent;
}

.e-grid .e-toolbar .e-hover .e-icon {
  color: #797979;
}

.e-bgdefault:hover .e-buttondiv .e-icon.e-uiLight, .e-bgdefault:active .e-buttondiv .e-icon.e-uiLight {
  background-image: url("../themes/common-images/icons-white.png");
}

.frame {
  width: 500px;
}

.control {
  margin-left: 100px;
  width: 500px;
}

.e-btn.e-select, .e-btn.e-disable.e-select:hover, .e-tbtn.e-disable {
  background: #0099cc;
  color: white;
  border-color: #bbbcbb;
  float: right;
}

.e-btn.e-select:hover {
  background: #25A8D4;
  border-color: #555;
  color: white;
}

e-btn.e-btn-small {
  height: 32px;
  width: 89px;
  font-size: 13px;
}

td.e-rowcell.e-templatecell {
  padding: 0;
}

.e-field.e-ejinputtext {
  background: none !important;
  height: 22px !important;
  margin: 4px 0;
  text-align: left !important;
  box-shadow: none;
  border-color: #C0C0C0;
}

td.e-editcell.e-normaledit {
  padding-left: 0 !important;
}

/*img#__lpform_Gridid_icon {
    display:  none;
}*/
.e-toolbar > .e-horizontal.e-ul {
  vertical-align: middle;
  float: right;
}

td.e-indentcell {
  border-right: 0 !important;
}

.e-datewidget .e-select, .e-datewidget.e-rtl .e-select, .e-datewidget .e-disable.e-select:hover {
  background: #09c;
  color: white;
  border-color: #005E7E;
}

/********** Bootstrap Style Overrides **********/
.row {
  margin: 0 !important;
}

.e-allowDrop.e-hover {
  cursor: copy;
}

/* FONTS */
/* COLORS */
/* BORDERS */
.text-align-right {
  text-align: right;
}

.no-margin {
  margin: 0 !important;
}

.margin-top-negative-50 {
  margin-top: -50px !important;
}

.margin-top-5 {
  margin-top: 5px !important;
}

.margin-top-10 {
  margin-top: 10px !important;
}

.margin-top-15 {
  margin-top: 15px !important;
}

.margin-top-20 {
  margin-top: 20px !important;
}

.margin-top-25 {
  margin-top: 25px !important;
}

.margin-top-30 {
  margin-top: 30px !important;
}

.margin-top-40 {
  margin-top: 40px !important;
}

.margin-top-45 {
  margin-top: 45px !important;
}

.margin-top-50 {
  margin-top: 50px !important;
}

.margin-top-60 {
  margin-top: 60px !important;
}

.margin-top-70 {
  margin-top: 70px !important;
}

.margin-top-75 {
  margin-top: 75px !important;
}

.margin-top-80 {
  margin-top: 80px !important;
}

.margin-top-100 {
  margin-top: 100px !important;
}

.margin-bottom-10 {
  margin-bottom: 10px !important;
}

.margin-bottom-20 {
  margin-bottom: 20px !important;
}

.margin-bottom-25 {
  margin-bottom: 25px !important;
}

.margin-bottom-30 {
  margin-bottom: 30px !important;
}

.margin-bottom-40 {
  margin-bottom: 40px !important;
}

.margin-bottom-50 {
  margin-bottom: 50px !important;
}

.margin-bottom-60 {
  margin-bottom: 60px !important;
}

.margin-bottom-70 {
  margin-bottom: 70px !important;
}

.margin-bottom-75 {
  margin-bottom: 75px !important;
}

.margin-bottom-80 {
  margin-bottom: 80px !important;
}

.margin-bottom-100 {
  margin-bottom: 100px !important;
}

.margin-left-10 {
  margin-left: 10px !important;
}

.margin-left-20 {
  margin-left: 20px !important;
}

.margin-left-25 {
  margin-left: 25px !important;
}

.margin-left-30 {
  margin-left: 30px !important;
}

.margin-left-40 {
  margin-left: 40px !important;
}

.margin-left-50 {
  margin-left: 50px !important;
}

.margin-left-60 {
  margin-left: 60px !important;
}

.margin-left-70 {
  margin-left: 70px !important;
}

.margin-left-75 {
  margin-left: 75px !important;
}

.margin-left-80 {
  margin-left: 80px !important;
}

.margin-left-100 {
  margin-left: 100px !important;
}

.no-margin-right {
  margin-right: 0 !important;
}

.margin-right-10 {
  margin-right: 10px !important;
}

.margin-right-20 {
  margin-right: 20px !important;
}

.margin-right-25 {
  margin-right: 25px !important;
}

.margin-right-30 {
  margin-right: 30px !important;
}

.margin-right-40 {
  margin-right: 40px !important;
}

.margin-right-50 {
  margin-right: 50px !important;
}

.margin-right-60 {
  margin-right: 60px !important;
}

.margin-right-70 {
  margin-right: 70px !important;
}

.margin-right-75 {
  margin-right: 75px !important;
}

.margin-right-80 {
  margin-right: 80px !important;
}

.margin-right-100 {
  margin-right: 100px !important;
}

.margin-10 {
  margin: 10px !important;
}

.margin-20 {
  margin: 20px !important;
}

.margin-25 {
  margin: 25px !important;
}

.margin-30 {
  margin: 30px !important;
}

.margin-40 {
  margin: 40px !important;
}

.margin-50 {
  margin: 50px !important;
}

.margin-60 {
  margin: 60px !important;
}

.margin-70 {
  margin: 70px !important;
}

.margin-75 {
  margin: 75px !important;
}

.margin-80 {
  margin: 80px !important;
}

.margin-100 {
  margin: 100px !important;
}

.minus-content-padding-margin {
  margin: 0 -10px !important;
}
.minus-content-padding-margin .row {
  padding: 0 20px;
}

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

.padding-top-0 {
  padding-top: 0 !important;
}

.padding-top-10 {
  padding-top: 10px !important;
}

.padding-top-20 {
  padding-top: 20px !important;
}

.padding-top-25 {
  padding-top: 25px !important;
}

.padding-top-30 {
  padding-top: 30px !important;
}

.padding-top-40 {
  padding-top: 40px !important;
}

.padding-top-50 {
  padding-top: 50px !important;
}

.padding-top-60 {
  padding-top: 60px !important;
}

.padding-top-70 {
  padding-top: 70px !important;
}

.padding-top-75 {
  padding-top: 75px !important;
}

.padding-top-80 {
  padding-top: 80px !important;
}

.padding-top-100 {
  padding-top: 100px !important;
}

.padding-bottom-0 {
  padding-bottom: 0;
}

.padding-bottom-10 {
  padding-bottom: 10px !important;
}

.padding-bottom-15 {
  padding-bottom: 15px !important;
}

.padding-bottom-20 {
  padding-bottom: 20px !important;
}

.padding-bottom-25 {
  padding-bottom: 25px !important;
}

.padding-bottom-30 {
  padding-bottom: 30px !important;
}

.padding-bottom-40 {
  padding-bottom: 40px !important;
}

.padding-bottom-50 {
  padding-bottom: 50px !important;
}

.padding-bottom-60 {
  padding-bottom: 60px !important;
}

.padding-bottom-70 {
  padding-bottom: 70px !important;
}

.padding-bottom-75 {
  padding-bottom: 75px !important;
}

.padding-bottom-80 {
  padding-bottom: 80px !important;
}

.padding-bottom-100 {
  padding-bottom: 100px !important;
}

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

.padding-left-10 {
  padding-left: 10px !important;
}

.padding-left-20 {
  padding-left: 20px !important;
}

.padding-left-25 {
  padding-left: 25px !important;
}

.padding-left-30 {
  padding-left: 30px !important;
}

.padding-left-40 {
  padding-left: 40px !important;
}

.padding-left-50 {
  padding-left: 50px !important;
}

.padding-left-60 {
  padding-left: 60px !important;
}

.padding-left-70 {
  padding-left: 70px !important;
}

.padding-left-75 {
  padding-left: 75px !important;
}

.padding-left-80 {
  padding-left: 80px !important;
}

.padding-left-100 {
  padding-left: 100px !important;
}

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

.padding-right-10 {
  padding-right: 10px !important;
}

.padding-right-20 {
  padding-right: 20px !important;
}

.padding-right-25 {
  padding-right: 25px !important;
}

.padding-right-30 {
  padding-right: 30px !important;
}

.padding-right-40 {
  padding-right: 40px !important;
}

.padding-right-50 {
  padding-right: 50px !important;
}

.padding-right-60 {
  padding-right: 60px !important;
}

.padding-right-70 {
  padding-right: 70px !important;
}

.padding-right-75 {
  padding-right: 75px !important;
}

.padding-right-80 {
  padding-right: 80px !important;
}

.padding-right-100 {
  padding-right: 100px !important;
}

.padding-10 {
  padding: 10px !important;
}

.padding-15 {
  padding: 15px !important;
}

.padding-20 {
  padding: 20px !important;
}

.padding-25 {
  padding: 25px !important;
}

.padding-30 {
  padding: 30px !important;
}

.padding-40 {
  padding: 40px !important;
}

.padding-50 {
  padding: 50px !important;
}

.padding-60 {
  padding: 60px !important;
}

.padding-70 {
  padding: 70px !important;
}

.padding-75 {
  padding: 75px !important;
}

.padding-80 {
  padding: 80px !important;
}

.padding-100 {
  padding: 100px !important;
}

.width-full {
  width: 100% !important;
}

.margin-zero {
  margin: 0 !important;
}

/*
 * Table styles
 */
table.dataTable {
  width: 100%;
  margin: 0 auto;
  clear: both;
  border-collapse: separate;
  border-spacing: 0;
  /*
   * Header and footer styles
   */
  /*
   * Body styles
   */
}

table.dataTable thead th,
table.dataTable tfoot th {
  font-weight: bold;
}

table.dataTable th.shadow-col,
table.dataTable td.shadow-col {
  background: linear-gradient(90deg, rgba(201, 201, 201, 0.65) 0%, transparent 8%) !important;
  border-left-color: transparent !important;
}
table.dataTable th.shadow-sm-col,
table.dataTable td.shadow-sm-col {
  background: linear-gradient(90deg, rgba(201, 201, 201, 0.65) 0%, transparent 25%) !important;
  border-left-color: transparent !important;
}

table.dataTable thead th:active,
table.dataTable thead td:active {
  outline: none;
}

table.dataTable tfoot th,
table.dataTable tfoot td {
  padding: 10px 18px 6px 18px;
  border-top: 1px solid #111111;
}

table.dataTable thead .sorting_asc,
table.dataTable thead .sorting_desc,
table.dataTable thead .sorting {
  cursor: pointer;
  *cursor: hand;
}

table.dataTable thead .sorting {
  background: url("../images/sort_both.png") no-repeat center right;
}
table.dataTable thead .sorting.shadow-col {
  background: linear-gradient(90deg, rgba(201, 201, 201, 0.65) 0%, transparent 8%), url("../images/sort_both.png") no-repeat center right !important;
}

table.dataTable thead .sorting_asc {
  background: url("../images/sort_asc.png") no-repeat center right;
}
table.dataTable thead .sorting_asc.shadow-col {
  background: linear-gradient(90deg, rgba(201, 201, 201, 0.65) 0%, transparent 8%), url("../images/sort_asc.png") no-repeat center right !important;
}

table.dataTable thead .sorting_desc {
  background: url("../images/sort_desc.png") no-repeat center right;
}
table.dataTable thead .sorting_desc.shadow-col {
  background: linear-gradient(90deg, rgba(201, 201, 201, 0.65) 0%, transparent 8%), url("../images/sort_desc.png") no-repeat center right !important;
}

table.dataTable thead .sorting_asc_disabled {
  background: url("../images/sort_asc_disabled.png") no-repeat center right;
}
table.dataTable thead .sorting_asc_disabled.shadow-col {
  background: linear-gradient(90deg, rgba(201, 201, 201, 0.65) 0%, transparent 8%), url("../images/sort_asc_disabled.png") no-repeat center right !important;
}

table.dataTable thead .sorting_desc_disabled {
  background: url("../images/sort_desc_disabled.png") no-repeat center right;
}
table.dataTable thead .sorting_desc_disabled.shadow-col {
  background: linear-gradient(90deg, rgba(201, 201, 201, 0.65) 0%, transparent 8%), url("../images/sort_desc_disabled.png") no-repeat center right !important;
}

table.dataTable tbody tr {
  background-color: white;
}

table.dataTable tbody tr.selected {
  background-color: #b0bed9;
}

table.dataTable tbody th,
table.dataTable tbody td {
  padding: 8px 10px;
}

table.dataTable.row-border tbody th, table.dataTable.row-border tbody td, table.dataTable.display tbody th, table.dataTable.display tbody td {
  border-top: 1px solid #dddddd;
}

table.dataTable.row-border tbody tr:first-child th,
table.dataTable.row-border tbody tr:first-child td, table.dataTable.display tbody tr:first-child th,
table.dataTable.display tbody tr:first-child td {
  border-top: none;
}

table.dataTable.cell-border tbody th, table.dataTable.cell-border tbody td {
  border-top: 1px solid #dddddd;
  border-right: 1px solid #dddddd;
}

table.dataTable.cell-border tbody tr th:first-child,
table.dataTable.cell-border tbody tr td:first-child {
  border-left: 1px solid #dddddd;
}

table.dataTable.cell-border tbody tr:first-child th,
table.dataTable.cell-border tbody tr:first-child td {
  border-top: none;
}

table.dataTable.stripe tbody tr.odd, table.dataTable.display tbody tr.odd {
  background-color: #f9f9f9;
}

table.dataTable.stripe tbody tr.odd.selected, table.dataTable.display tbody tr.odd.selected {
  background-color: #abb9d3;
}

table.dataTable.hover tbody tr:hover,
table.dataTable.hover tbody tr.odd:hover,
table.dataTable.hover tbody tr.even:hover, table.dataTable.display tbody tr:hover,
table.dataTable.display tbody tr.odd:hover,
table.dataTable.display tbody tr.even:hover {
  background-color: whitesmoke;
}

table.dataTable.hover tbody tr:hover.selected,
table.dataTable.hover tbody tr.odd:hover.selected,
table.dataTable.hover tbody tr.even:hover.selected, table.dataTable.display tbody tr:hover.selected,
table.dataTable.display tbody tr.odd:hover.selected,
table.dataTable.display tbody tr.even:hover.selected {
  background-color: #a9b7d1;
}

table.dataTable.order-column tbody tr > .sorting_1,
table.dataTable.order-column tbody tr > .sorting_2,
table.dataTable.order-column tbody tr > .sorting_3, table.dataTable.display tbody tr > .sorting_1,
table.dataTable.display tbody tr > .sorting_2,
table.dataTable.display tbody tr > .sorting_3 {
  background-color: #f9f9f9;
}

table.dataTable.order-column tbody tr.selected > .sorting_1,
table.dataTable.order-column tbody tr.selected > .sorting_2,
table.dataTable.order-column tbody tr.selected > .sorting_3, table.dataTable.display tbody tr.selected > .sorting_1,
table.dataTable.display tbody tr.selected > .sorting_2,
table.dataTable.display tbody tr.selected > .sorting_3 {
  background-color: #acbad4;
}

table.dataTable.display tbody tr.odd > .sorting_1, table.dataTable.order-column.stripe tbody tr.odd > .sorting_1 {
  background-color: #f1f1f1;
}

table.dataTable.display tbody tr.odd > .sorting_2, table.dataTable.order-column.stripe tbody tr.odd > .sorting_2 {
  background-color: #f3f3f3;
}

table.dataTable.display tbody tr.odd > .sorting_3, table.dataTable.order-column.stripe tbody tr.odd > .sorting_3 {
  background-color: whitesmoke;
}

table.dataTable.display tbody tr.odd.selected > .sorting_1, table.dataTable.order-column.stripe tbody tr.odd.selected > .sorting_1 {
  background-color: #a6b3cd;
}

table.dataTable.display tbody tr.odd.selected > .sorting_2, table.dataTable.order-column.stripe tbody tr.odd.selected > .sorting_2 {
  background-color: #a7b5ce;
}

table.dataTable.display tbody tr.odd.selected > .sorting_3, table.dataTable.order-column.stripe tbody tr.odd.selected > .sorting_3 {
  background-color: #a9b6d0;
}

table.dataTable.display tbody tr.even > .sorting_1, table.dataTable.order-column.stripe tbody tr.even > .sorting_1 {
  background-color: #f9f9f9;
}

table.dataTable.display tbody tr.even > .sorting_2, table.dataTable.order-column.stripe tbody tr.even > .sorting_2 {
  background-color: #fbfbfb;
}

table.dataTable.display tbody tr.even > .sorting_3, table.dataTable.order-column.stripe tbody tr.even > .sorting_3 {
  background-color: #fdfdfd;
}

table.dataTable.display tbody tr.even.selected > .sorting_1, table.dataTable.order-column.stripe tbody tr.even.selected > .sorting_1 {
  background-color: #acbad4;
}

table.dataTable.display tbody tr.even.selected > .sorting_2, table.dataTable.order-column.stripe tbody tr.even.selected > .sorting_2 {
  background-color: #adbbd6;
}

table.dataTable.display tbody tr.even.selected > .sorting_3, table.dataTable.order-column.stripe tbody tr.even.selected > .sorting_3 {
  background-color: #afbdd8;
}

table.dataTable.display tbody tr:hover > .sorting_1,
table.dataTable.display tbody tr.odd:hover > .sorting_1,
table.dataTable.display tbody tr.even:hover > .sorting_1, table.dataTable.order-column.hover tbody tr:hover > .sorting_1,
table.dataTable.order-column.hover tbody tr.odd:hover > .sorting_1,
table.dataTable.order-column.hover tbody tr.even:hover > .sorting_1 {
  background-color: #eaeaea;
}

table.dataTable.display tbody tr:hover > .sorting_2,
table.dataTable.display tbody tr.odd:hover > .sorting_2,
table.dataTable.display tbody tr.even:hover > .sorting_2, table.dataTable.order-column.hover tbody tr:hover > .sorting_2,
table.dataTable.order-column.hover tbody tr.odd:hover > .sorting_2,
table.dataTable.order-column.hover tbody tr.even:hover > .sorting_2 {
  background-color: #ebebeb;
}

table.dataTable.display tbody tr:hover > .sorting_3,
table.dataTable.display tbody tr.odd:hover > .sorting_3,
table.dataTable.display tbody tr.even:hover > .sorting_3, table.dataTable.order-column.hover tbody tr:hover > .sorting_3,
table.dataTable.order-column.hover tbody tr.odd:hover > .sorting_3,
table.dataTable.order-column.hover tbody tr.even:hover > .sorting_3 {
  background-color: #eeeeee;
}

table.dataTable.display tbody tr:hover.selected > .sorting_1,
table.dataTable.display tbody tr.odd:hover.selected > .sorting_1,
table.dataTable.display tbody tr.even:hover.selected > .sorting_1, table.dataTable.order-column.hover tbody tr:hover.selected > .sorting_1,
table.dataTable.order-column.hover tbody tr.odd:hover.selected > .sorting_1,
table.dataTable.order-column.hover tbody tr.even:hover.selected > .sorting_1 {
  background-color: #a1aec7;
}

table.dataTable.display tbody tr:hover.selected > .sorting_2,
table.dataTable.display tbody tr.odd:hover.selected > .sorting_2,
table.dataTable.display tbody tr.even:hover.selected > .sorting_2, table.dataTable.order-column.hover tbody tr:hover.selected > .sorting_2,
table.dataTable.order-column.hover tbody tr.odd:hover.selected > .sorting_2,
table.dataTable.order-column.hover tbody tr.even:hover.selected > .sorting_2 {
  background-color: #a2afc8;
}

table.dataTable.display tbody tr:hover.selected > .sorting_3,
table.dataTable.display tbody tr.odd:hover.selected > .sorting_3,
table.dataTable.display tbody tr.even:hover.selected > .sorting_3, table.dataTable.order-column.hover tbody tr:hover.selected > .sorting_3,
table.dataTable.order-column.hover tbody tr.odd:hover.selected > .sorting_3,
table.dataTable.order-column.hover tbody tr.even:hover.selected > .sorting_3 {
  background-color: #a4b2cb;
}

table.dataTable.no-footer {
  border-bottom: 1px solid #111111;
}

table.dataTable.nowrap th, table.dataTable.nowrap td {
  white-space: nowrap;
}

table.dataTable.compact thead th,
table.dataTable.compact thead td {
  padding: 5px 9px;
}

table.dataTable.compact tfoot th,
table.dataTable.compact tfoot td {
  padding: 5px 9px 3px 9px;
}

table.dataTable.compact tbody th,
table.dataTable.compact tbody td {
  padding: 4px 5px;
}

table.dataTable th.dt-left,
table.dataTable td.dt-left {
  text-align: left;
}

table.dataTable th.dt-center,
table.dataTable td.dt-center,
table.dataTable td.dataTables_empty {
  text-align: center;
}

table.dataTable th.dt-right,
table.dataTable td.dt-right {
  text-align: right;
}

table.dataTable th.dt-justify,
table.dataTable td.dt-justify {
  text-align: justify;
}

table.dataTable th.dt-nowrap,
table.dataTable td.dt-nowrap {
  white-space: nowrap;
}

table.dataTable thead th.dt-head-left,
table.dataTable thead td.dt-head-left,
table.dataTable tfoot th.dt-head-left,
table.dataTable tfoot td.dt-head-left {
  text-align: left;
}

table.dataTable thead th.dt-head-center,
table.dataTable thead td.dt-head-center,
table.dataTable tfoot th.dt-head-center,
table.dataTable tfoot td.dt-head-center {
  text-align: center;
}

table.dataTable thead th.dt-head-right,
table.dataTable thead td.dt-head-right,
table.dataTable tfoot th.dt-head-right,
table.dataTable tfoot td.dt-head-right {
  text-align: right;
}

table.dataTable thead th.dt-head-justify,
table.dataTable thead td.dt-head-justify,
table.dataTable tfoot th.dt-head-justify,
table.dataTable tfoot td.dt-head-justify {
  text-align: justify;
}

table.dataTable thead th.dt-head-nowrap,
table.dataTable thead td.dt-head-nowrap,
table.dataTable tfoot th.dt-head-nowrap,
table.dataTable tfoot td.dt-head-nowrap {
  white-space: nowrap;
}

table.dataTable tbody th.dt-body-left,
table.dataTable tbody td.dt-body-left {
  text-align: left;
}

table.dataTable tbody th.dt-body-center,
table.dataTable tbody td.dt-body-center {
  text-align: center;
}

table.dataTable tbody th.dt-body-right,
table.dataTable tbody td.dt-body-right {
  text-align: right;
}

table.dataTable tbody th.dt-body-justify,
table.dataTable tbody td.dt-body-justify {
  text-align: justify;
}

table.dataTable tbody th.dt-body-nowrap,
table.dataTable tbody td.dt-body-nowrap {
  white-space: nowrap;
}

table.dataTable,
table.dataTable th,
table.dataTable td {
  box-sizing: content-box;
}

/*
 * Control feature layout
 */
.dataTables_wrapper {
  position: relative;
  clear: both;
  *zoom: 1;
  zoom: 1;
}

.dataTables_wrapper .dataTables_length {
  float: left;
}

.dataTables_wrapper .dataTables_filter {
  float: right;
  text-align: right;
}

.dataTables_wrapper .dataTables_filter input {
  margin-left: 0.5em;
  background-image: url(/assets/images/search_icon_gray.png);
  background-repeat: no-repeat;
  background-size: 17px;
  background-position-y: center;
  background-position-x: 95%;
  padding-right: 30px !important;
  height: 35px !important;
  box-sizing: border-box !important;
  border-radius: 5px;
}

.dataTables_wrapper .dataTables_info {
  font-size: 14px;
  clear: both;
  float: left;
  padding-top: 0.755em;
  font-weight: bold;
}

.dataTables_wrapper .dataTables_paginate {
  font-size: 14px;
  float: right;
  text-align: right;
  padding-top: 0.25em;
}
.dataTables_wrapper .dataTables_paginate a {
  font-weight: bold;
}
.dataTables_wrapper .dataTables_paginate a:not(.current) {
  color: #0096cc !important;
}

.dataTables_wrapper .dataTables_paginate .paginate_button {
  box-sizing: border-box;
  display: inline-block;
  min-width: 1.5em;
  padding: 0.5em 1em;
  margin-left: 2px;
  text-align: center;
  text-decoration: none !important;
  cursor: pointer;
  *cursor: hand;
  color: #333333 !important;
  border: 1px solid transparent;
}

.dataTables_wrapper .dataTables_paginate .paginate_button.current, .dataTables_wrapper .dataTables_paginate .paginate_button.current:hover {
  color: #5D5D5D !important;
  border: 1px solid #cacaca;
  background: #fff;
}

.dataTables_wrapper .dataTables_paginate .paginate_button.disabled, .dataTables_wrapper .dataTables_paginate .paginate_button.disabled:hover, .dataTables_wrapper .dataTables_paginate .paginate_button.disabled:active {
  cursor: default;
  color: #666 !important;
  border: 1px solid transparent;
  background: transparent;
  box-shadow: none;
}

.dataTables_wrapper .dataTables_paginate .paginate_button:hover {
  color: #fff !important;
  border: 1px solid #111111;
  background-color: #585858;
  /* Chrome,Safari4+ */
  /* Chrome10+,Safari5.1+ */
  /* FF3.6+ */
  /* IE10+ */
  /* Opera 11.10+ */
  background: linear-gradient(to bottom, #585858 0%, #111111 100%);
  /* W3C */
}

.dataTables_wrapper .dataTables_paginate .paginate_button:active {
  outline: none;
  background-color: #2b2b2b;
  /* Chrome,Safari4+ */
  /* Chrome10+,Safari5.1+ */
  /* FF3.6+ */
  /* IE10+ */
  /* Opera 11.10+ */
  background: linear-gradient(to bottom, #2b2b2b 0%, #0c0c0c 100%);
  /* W3C */
  box-shadow: inset 0 0 3px #111;
}

.dataTables_wrapper .dataTables_processing {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 100%;
  height: 40px;
  margin-left: -50%;
  margin-top: -25px;
  padding-top: 20px;
  text-align: center;
  font-size: 1.2em;
  background-color: white;
  /* Chrome,Safari4+ */
  /* Chrome10+,Safari5.1+ */
  /* FF3.6+ */
  /* IE10+ */
  /* Opera 11.10+ */
  background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.9) 25%, rgba(255, 255, 255, 0.9) 75%, rgba(255, 255, 255, 0) 100%);
  /* W3C */
}

.dataTables_wrapper .dataTables_length,
.dataTables_wrapper .dataTables_filter,
.dataTables_wrapper .dataTables_info,
.dataTables_wrapper .dataTables_processing,
.dataTables_wrapper .dataTables_paginate {
  color: #5d5d5d;
}

.dataTables_wrapper .dataTables_scroll {
  clear: both;
}

.dataTables_wrapper .dataTables_scroll div.dataTables_scrollBody {
  *margin-top: -1px;
  -webkit-overflow-scrolling: touch;
}

.dataTables_wrapper .dataTables_scroll div.dataTables_scrollBody th > div.dataTables_sizing,
.dataTables_wrapper .dataTables_scroll div.dataTables_scrollBody td > div.dataTables_sizing {
  height: 0;
  overflow: hidden;
  margin: 0 !important;
  padding: 0 !important;
}

.dataTables_wrapper.no-footer .dataTables_scrollBody {
  border-bottom: 1px solid #111111;
}

.dataTables_wrapper.no-footer div.dataTables_scrollHead table,
.dataTables_wrapper.no-footer div.dataTables_scrollBody table {
  border-bottom: none;
}

.dataTables_wrapper:after {
  visibility: hidden;
  display: block;
  content: "";
  clear: both;
  height: 0;
}

.datatable-container {
  margin-bottom: 30px;
}

@media screen and (max-width: 767px) {
  .dataTables_wrapper .dataTables_info,
  .dataTables_wrapper .dataTables_paginate {
    float: none;
    text-align: center;
  }
  .dataTables_wrapper .dataTables_paginate {
    margin-top: 0.5em;
  }
}
@media screen and (max-width: 640px) {
  .dataTables_wrapper .dataTables_length,
  .dataTables_wrapper .dataTables_filter {
    float: none;
    text-align: center;
  }
  .dataTables_wrapper .dataTables_filter {
    margin-top: 0.5em;
  }
}
.wp-no-wrap {
  white-space: nowrap;
}

.editing-btns li.action-items-btn.blue {
  background-image: url(/assets/images/action-items-icon-blue.png) !important;
}

td ul.editing-btns.dark.table-btns.neshap li {
  margin: 0;
}

/*
 * File:        TableTools.css
 * Description: Styles for TableTools 2
 * Author:      Allan Jardine (www.sprymedia.co.uk)
 * Language:    Javascript
 * License:     GPL v2 / 3 point BSD
 * Project:     DataTables
 * 
 * Copyright 2009-2012 Allan Jardine, all rights reserved.
 *
 * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * *
 *
 * CSS name space:
 *   DTTT                  DataTables TableTools
 *
 * Style sheet provides:
 *   CONTAINER             TableTools container element and styles applying to all components
 *   BUTTON_STYLES         Action specific button styles
 *   SELECTING             Row selection styles
 *   COLLECTIONS           Drop down list (collection) styles
 *   PRINTING              Print display styles
 */
/*
 * CONTAINER
 * TableTools container element and styles applying to all components
 */
div.DTTT_container {
  position: relative;
  float: right;
  margin-bottom: 1em;
}

@media screen and (max-width: 640px) {
  div.DTTT_container {
    float: none !important;
    text-align: center !important;
    padding-top: 8px;
    padding-bottom: 8px;
  }
  div.DTTT_container:after {
    visibility: hidden;
    display: block;
    content: "";
    clear: both;
    height: 0;
  }
}
button.DTTT_button,
div.DTTT_button,
a.DTTT_button {
  position: relative;
  display: inline-block;
  margin-right: 3px;
  padding: 5px 8px;
  border: 1px solid #999;
  cursor: pointer;
  *cursor: hand;
  font-size: 0.88em;
  color: black !important;
  border-radius: 2px;
  -ms-box-shadow: 1px 1px 3px #ccc;
  -o-box-shadow: 1px 1px 3px #ccc;
  box-shadow: 1px 1px 3px #ccc;
  /* Generated by http://www.colorzilla.com/gradient-editor/ */
  background: #ffffff; /* Old browsers */ /* Chrome10+,Safari5.1+ */ /* FF3.6+ */ /* IE10+ */ /* Opera 11.10+ */
  background: linear-gradient(to bottom, #ffffff 0%, #f3f3f3 89%, #f9f9f9 100%); /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr="#ffffff", endColorstr="#f9f9f9",GradientType=0 ); /* IE6-9 */
}

/* Buttons are cunning border-box sizing - we can't just use that for A and DIV due to IE6/7 */
button.DTTT_button {
  height: 30px;
  padding: 3px 8px;
}

.DTTT_button embed {
  outline: none;
}

button.DTTT_button:hover,
div.DTTT_button:hover,
a.DTTT_button:hover {
  border: 1px solid #666;
  text-decoration: none !important;
  -ms-box-shadow: 1px 1px 3px #999;
  -o-box-shadow: 1px 1px 3px #999;
  box-shadow: 1px 1px 3px #999;
  background: #f3f3f3; /* Old browsers */ /* Chrome10+,Safari5.1+ */ /* FF3.6+ */ /* IE10+ */ /* Opera 11.10+ */
  background: linear-gradient(to bottom, #f3f3f3 0%, #e2e2e2 89%, #f4f4f4 100%); /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr="#f3f3f3", endColorstr="#f4f4f4",GradientType=0 ); /* IE6-9 */
}

button.DTTT_button:focus,
div.DTTT_button:focus,
a.DTTT_button:focus {
  border: 1px solid #426c9e;
  text-shadow: 0 1px 0 #c4def1;
  outline: none;
  background-color: #a3d0ef 100%;
  background-image: linear-gradient(to bottom, #a3d0ef 0%, #79ace9 65%, #a3d0ef 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,StartColorStr="#a3d0ef", EndColorStr="#a3d0ef");
}

button.DTTT_button:active,
div.DTTT_button:active,
a.DTTT_button:active {
  box-shadow: inset 1px 1px 3px #999999;
}

button.DTTT_disabled,
div.DTTT_disabled,
a.DTTT_disabled {
  color: #999;
  border: 1px solid #d0d0d0;
  background: #ffffff; /* Old browsers */ /* Chrome10+,Safari5.1+ */ /* FF3.6+ */ /* IE10+ */ /* Opera 11.10+ */
  background: linear-gradient(to bottom, #ffffff 0%, #f9f9f9 89%, #fafafa 100%); /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr="#ffffff", endColorstr="#fafafa",GradientType=0 ); /* IE6-9 */
}

/*
 * BUTTON_STYLES
 * Action specific button styles
 * If you want images - comment this back in

a.DTTT_button_csv,
a.DTTT_button_xls,
a.DTTT_button_copy,
a.DTTT_button_pdf,
a.DTTT_button_print {
	padding-right: 0px;
}

a.DTTT_button_csv span,
a.DTTT_button_xls span,
a.DTTT_button_copy span,
a.DTTT_button_pdf span,
a.DTTT_button_print span {
	display: inline-block;
	height: 24px;
	line-height: 24px;
	padding-right: 30px;
}


a.DTTT_button_csv span { background: url(../images/csv.png) no-repeat bottom right; }
a.DTTT_button_csv:hover span { background: url(../images/csv_hover.png) no-repeat center right; }

a.DTTT_button_xls span { background: url(../images/xls.png) no-repeat center right; }
a.DTTT_button_xls:hover span { background: #f0f0f0 url(../images/xls_hover.png) no-repeat center right; }

a.DTTT_button_copy span { background: url(../images/copy.png) no-repeat center right; }
a.DTTT_button_copy:hover span { background: #f0f0f0 url(../images/copy_hover.png) no-repeat center right; }

a.DTTT_button_pdf span { background: url(../images/pdf.png) no-repeat center right; }
a.DTTT_button_pdf:hover span { background: #f0f0f0 url(../images/pdf_hover.png) no-repeat center right; }

a.DTTT_button_print span { background: url(../images/print.png) no-repeat center right; }
a.DTTT_button_print:hover span { background: #f0f0f0 url(../images/print_hover.png) no-repeat center right; }

 */
button.DTTT_button_collection span {
  padding-right: 17px;
  background: url(../images/collection.png) no-repeat center right;
}

button.DTTT_button_collection:hover span {
  padding-right: 17px;
  background: #f0f0f0 url(../images/collection_hover.png) no-repeat center right;
}

/*
 * SELECTING
 * Row selection styles
 */
table.DTTT_selectable tbody tr {
  cursor: pointer;
  *cursor: hand;
}

table.dataTable tr.DTTT_selected.odd {
  background-color: #9FAFD1;
}

table.dataTable tr.DTTT_selected.odd td.sorting_1 {
  background-color: #9FAFD1;
}

table.dataTable tr.DTTT_selected.odd td.sorting_2 {
  background-color: #9FAFD1;
}

table.dataTable tr.DTTT_selected.odd td.sorting_3 {
  background-color: #9FAFD1;
}

table.dataTable tr.DTTT_selected.even {
  background-color: #B0BED9;
}

table.dataTable tr.DTTT_selected.even td.sorting_1 {
  background-color: #B0BED9;
}

table.dataTable tr.DTTT_selected.even td.sorting_2 {
  background-color: #B0BED9;
}

table.dataTable tr.DTTT_selected.even td.sorting_3 {
  background-color: #B0BED9;
}

/*
 * COLLECTIONS
 * Drop down list (collection) styles
 */
div.DTTT_collection {
  width: 150px;
  padding: 8px 8px 4px 8px;
  border: 1px solid #ccc;
  border: 1px solid rgba(0, 0, 0, 0.4);
  background-color: #f3f3f3;
  background-color: rgba(255, 255, 255, 0.3);
  overflow: hidden;
  z-index: 2002;
  border-radius: 5px;
  -ms-box-shadow: 3px 3px 5px rgba(0, 0, 0, 0.3);
  -o-box-shadow: 3px 3px 5px rgba(0, 0, 0, 0.3);
  box-shadow: 3px 3px 5px rgba(0, 0, 0, 0.3);
}

div.DTTT_collection_background {
  background: transparent url(../images/background.png) repeat top left;
  z-index: 2001;
}

div.DTTT_collection button.DTTT_button,
div.DTTT_collection div.DTTT_button,
div.DTTT_collection a.DTTT_button {
  position: relative;
  left: 0;
  right: 0;
  display: block;
  float: none;
  margin-bottom: 4px;
  -ms-box-shadow: 1px 1px 3px #999;
  -o-box-shadow: 1px 1px 3px #999;
  box-shadow: 1px 1px 3px #999;
}

/*
 * PRINTING
 * Print display styles
 */
.DTTT_print_info, .dt-button-info {
  position: fixed;
  top: 50%;
  left: 50%;
  width: 400px;
  height: 150px;
  margin-left: -200px;
  margin-top: -75px;
  text-align: center;
  color: #333;
  padding: 10px 30px;
  z-index: 100;
  background: #ffffff; /* Old browsers */ /* Chrome10+,Safari5.1+ */ /* FF3.6+ */ /* IE10+ */ /* Opera 11.10+ */
  background: linear-gradient(to bottom, #ffffff 0%, #f3f3f3 89%, #f9f9f9 100%); /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr="#ffffff", endColorstr="#f9f9f9",GradientType=0 ); /* IE6-9 */
  opacity: 0.95;
  border: 1px solid black;
  border: 1px solid rgba(0, 0, 0, 0.5);
  border-radius: 6px;
  -ms-box-shadow: 0 3px 7px rgba(0, 0, 0, 0.5);
  -o-box-shadow: 0 3px 7px rgba(0, 0, 0, 0.5);
  box-shadow: 0 3px 7px rgba(0, 0, 0, 0.5);
}

.DTTT_print_info h6, .dt-button-info h2 {
  font-weight: normal;
  font-size: 28px;
  line-height: 28px;
  margin: 1em;
}

.DTTT_print_info p {
  font-size: 14px;
  line-height: 20px;
}

table.dataTable.dtr-inline.collapsed tbody td:first-child,
table.dataTable.dtr-inline.collapsed tbody th:first-child {
  position: relative;
  cursor: pointer;
}
table.dataTable.dtr-inline.collapsed tbody td:first-child:before,
table.dataTable.dtr-inline.collapsed tbody th:first-child:before {
  top: 8px;
  left: 4px;
  height: 16px;
  width: 16px;
  display: block;
  position: absolute;
  color: white;
  border: 2px solid white;
  border-radius: 16px;
  text-align: center;
  line-height: 14px;
  box-shadow: 0 0 3px #444;
  box-sizing: content-box;
  content: "+";
  background-color: #31b131;
}
table.dataTable.dtr-inline.collapsed tbody td:first-child.dataTables_empty:before,
table.dataTable.dtr-inline.collapsed tbody th:first-child.dataTables_empty:before {
  display: none;
}
table.dataTable.dtr-inline.collapsed tbody tr.parent td:first-child:before,
table.dataTable.dtr-inline.collapsed tbody tr.parent th:first-child:before {
  content: "-";
  background-color: #d33333;
}
table.dataTable.dtr-inline.collapsed tbody tr.child td:before {
  display: none;
}
table.dataTable.dtr-column tbody td.control,
table.dataTable.dtr-column tbody th.control {
  position: relative;
  cursor: pointer;
}
table.dataTable.dtr-column tbody td.control:before,
table.dataTable.dtr-column tbody th.control:before {
  top: 50%;
  left: 50%;
  height: 16px;
  width: 16px;
  margin-top: -10px;
  margin-left: -10px;
  display: block;
  position: absolute;
  color: white;
  border: 2px solid white;
  border-radius: 16px;
  text-align: center;
  line-height: 14px;
  box-shadow: 0 0 3px #444;
  box-sizing: content-box;
  content: "+";
  background-color: #31b131;
}
table.dataTable.dtr-column tbody tr.parent td.control:before,
table.dataTable.dtr-column tbody tr.parent th.control:before {
  content: "-";
  background-color: #d33333;
}
table.dataTable tr.child {
  padding: 0.5em 1em;
}
table.dataTable tr.child:hover {
  background: transparent !important;
}
table.dataTable tr.child ul {
  display: inline-block;
  list-style-type: none;
  margin: 0;
  padding: 0;
}
table.dataTable tr.child ul li {
  border-bottom: 1px solid #efefef;
  padding: 0.5em 0;
}
table.dataTable tr.child ul li:first-child {
  padding-top: 0;
}
table.dataTable tr.child ul li:last-child {
  border-bottom: none;
}
table.dataTable tr.child span.dtr-title {
  display: inline-block;
  min-width: 75px;
  font-weight: bold;
}
/* FONTS */
/* COLORS */
/* BORDERS */
.text-align-right {
  text-align: right;
}

.no-margin {
  margin: 0 !important;
}

.margin-top-negative-50 {
  margin-top: -50px !important;
}

.margin-top-5 {
  margin-top: 5px !important;
}

.margin-top-10 {
  margin-top: 10px !important;
}

.margin-top-15 {
  margin-top: 15px !important;
}

.margin-top-20 {
  margin-top: 20px !important;
}

.margin-top-25 {
  margin-top: 25px !important;
}

.margin-top-30 {
  margin-top: 30px !important;
}

.margin-top-40 {
  margin-top: 40px !important;
}

.margin-top-45 {
  margin-top: 45px !important;
}

.margin-top-50 {
  margin-top: 50px !important;
}

.margin-top-60 {
  margin-top: 60px !important;
}

.margin-top-70 {
  margin-top: 70px !important;
}

.margin-top-75 {
  margin-top: 75px !important;
}

.margin-top-80 {
  margin-top: 80px !important;
}

.margin-top-100 {
  margin-top: 100px !important;
}

.margin-bottom-10 {
  margin-bottom: 10px !important;
}

.margin-bottom-20 {
  margin-bottom: 20px !important;
}

.margin-bottom-25 {
  margin-bottom: 25px !important;
}

.margin-bottom-30 {
  margin-bottom: 30px !important;
}

.margin-bottom-40 {
  margin-bottom: 40px !important;
}

.margin-bottom-50 {
  margin-bottom: 50px !important;
}

.margin-bottom-60 {
  margin-bottom: 60px !important;
}

.margin-bottom-70 {
  margin-bottom: 70px !important;
}

.margin-bottom-75 {
  margin-bottom: 75px !important;
}

.margin-bottom-80 {
  margin-bottom: 80px !important;
}

.margin-bottom-100 {
  margin-bottom: 100px !important;
}

.margin-left-10 {
  margin-left: 10px !important;
}

.margin-left-20 {
  margin-left: 20px !important;
}

.margin-left-25 {
  margin-left: 25px !important;
}

.margin-left-30 {
  margin-left: 30px !important;
}

.margin-left-40 {
  margin-left: 40px !important;
}

.margin-left-50 {
  margin-left: 50px !important;
}

.margin-left-60 {
  margin-left: 60px !important;
}

.margin-left-70 {
  margin-left: 70px !important;
}

.margin-left-75 {
  margin-left: 75px !important;
}

.margin-left-80 {
  margin-left: 80px !important;
}

.margin-left-100 {
  margin-left: 100px !important;
}

.no-margin-right {
  margin-right: 0 !important;
}

.margin-right-10 {
  margin-right: 10px !important;
}

.margin-right-20 {
  margin-right: 20px !important;
}

.margin-right-25 {
  margin-right: 25px !important;
}

.margin-right-30 {
  margin-right: 30px !important;
}

.margin-right-40 {
  margin-right: 40px !important;
}

.margin-right-50 {
  margin-right: 50px !important;
}

.margin-right-60 {
  margin-right: 60px !important;
}

.margin-right-70 {
  margin-right: 70px !important;
}

.margin-right-75 {
  margin-right: 75px !important;
}

.margin-right-80 {
  margin-right: 80px !important;
}

.margin-right-100 {
  margin-right: 100px !important;
}

.margin-10 {
  margin: 10px !important;
}

.margin-20 {
  margin: 20px !important;
}

.margin-25 {
  margin: 25px !important;
}

.margin-30 {
  margin: 30px !important;
}

.margin-40 {
  margin: 40px !important;
}

.margin-50 {
  margin: 50px !important;
}

.margin-60 {
  margin: 60px !important;
}

.margin-70 {
  margin: 70px !important;
}

.margin-75 {
  margin: 75px !important;
}

.margin-80 {
  margin: 80px !important;
}

.margin-100 {
  margin: 100px !important;
}

.minus-content-padding-margin {
  margin: 0 -10px !important;
}
.minus-content-padding-margin .row {
  padding: 0 20px;
}

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

.padding-top-0 {
  padding-top: 0 !important;
}

.padding-top-10 {
  padding-top: 10px !important;
}

.padding-top-20 {
  padding-top: 20px !important;
}

.padding-top-25 {
  padding-top: 25px !important;
}

.padding-top-30 {
  padding-top: 30px !important;
}

.padding-top-40 {
  padding-top: 40px !important;
}

.padding-top-50 {
  padding-top: 50px !important;
}

.padding-top-60 {
  padding-top: 60px !important;
}

.padding-top-70 {
  padding-top: 70px !important;
}

.padding-top-75 {
  padding-top: 75px !important;
}

.padding-top-80 {
  padding-top: 80px !important;
}

.padding-top-100 {
  padding-top: 100px !important;
}

.padding-bottom-0 {
  padding-bottom: 0;
}

.padding-bottom-10 {
  padding-bottom: 10px !important;
}

.padding-bottom-15 {
  padding-bottom: 15px !important;
}

.padding-bottom-20 {
  padding-bottom: 20px !important;
}

.padding-bottom-25 {
  padding-bottom: 25px !important;
}

.padding-bottom-30 {
  padding-bottom: 30px !important;
}

.padding-bottom-40 {
  padding-bottom: 40px !important;
}

.padding-bottom-50 {
  padding-bottom: 50px !important;
}

.padding-bottom-60 {
  padding-bottom: 60px !important;
}

.padding-bottom-70 {
  padding-bottom: 70px !important;
}

.padding-bottom-75 {
  padding-bottom: 75px !important;
}

.padding-bottom-80 {
  padding-bottom: 80px !important;
}

.padding-bottom-100 {
  padding-bottom: 100px !important;
}

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

.padding-left-10 {
  padding-left: 10px !important;
}

.padding-left-20 {
  padding-left: 20px !important;
}

.padding-left-25 {
  padding-left: 25px !important;
}

.padding-left-30 {
  padding-left: 30px !important;
}

.padding-left-40 {
  padding-left: 40px !important;
}

.padding-left-50 {
  padding-left: 50px !important;
}

.padding-left-60 {
  padding-left: 60px !important;
}

.padding-left-70 {
  padding-left: 70px !important;
}

.padding-left-75 {
  padding-left: 75px !important;
}

.padding-left-80 {
  padding-left: 80px !important;
}

.padding-left-100 {
  padding-left: 100px !important;
}

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

.padding-right-10 {
  padding-right: 10px !important;
}

.padding-right-20 {
  padding-right: 20px !important;
}

.padding-right-25 {
  padding-right: 25px !important;
}

.padding-right-30 {
  padding-right: 30px !important;
}

.padding-right-40 {
  padding-right: 40px !important;
}

.padding-right-50 {
  padding-right: 50px !important;
}

.padding-right-60 {
  padding-right: 60px !important;
}

.padding-right-70 {
  padding-right: 70px !important;
}

.padding-right-75 {
  padding-right: 75px !important;
}

.padding-right-80 {
  padding-right: 80px !important;
}

.padding-right-100 {
  padding-right: 100px !important;
}

.padding-10 {
  padding: 10px !important;
}

.padding-15 {
  padding: 15px !important;
}

.padding-20 {
  padding: 20px !important;
}

.padding-25 {
  padding: 25px !important;
}

.padding-30 {
  padding: 30px !important;
}

.padding-40 {
  padding: 40px !important;
}

.padding-50 {
  padding: 50px !important;
}

.padding-60 {
  padding: 60px !important;
}

.padding-70 {
  padding: 70px !important;
}

.padding-75 {
  padding: 75px !important;
}

.padding-80 {
  padding: 80px !important;
}

.padding-100 {
  padding: 100px !important;
}

.width-full {
  width: 100% !important;
}

.margin-zero {
  margin: 0 !important;
}

tr.fg-total {
  background: #DDDDDD;
}
tr.fg-total input {
  background: #DDDDDD !important;
}
tr.calc-lhv {
  background: #E7F3F7;
}
tr.calc-lhv input {
  background: #E7F3F7 !important;
}
tr input:-moz-read-only { /* For Firefox */
  background: #f1f1f1;
}
tr input:read-only {
  background: #f1f1f1;
}
tr .table-input-area {
  background: #f1f1f1;
}
tr td.table-input-area input[type=number]:focus {
  border: 1px solid #0099cc !important;
  box-sizing: border-box;
}
tr td.table-input-area input[type=number] {
  border: 1px solid #f1f1f1 !important;
}
tr td.table-input-area input[type=number]:-moz-read-only:focus { /* For Firefox */
  border: 1px solid #f1f1f1 !important;
}
tr td.table-input-area input[type=number]:read-only:focus {
  border: 1px solid #f1f1f1 !important;
}

td p {
  margin: 0 !important;
}
td.focus {
  border: 1px solid #0099cc !important;
}
td.passed {
  color: #0099cc;
  font-weight: bold;
}
td.failed {
  color: #F47C43;
  font-weight: bold;
}
td span.view-docs {
  color: #0099cc;
  font-weight: bold;
}
td span.log-test {
  color: #F47C43;
  font-weight: bold;
}

td p.table-modal-link {
  color: #09c;
  cursor: pointer;
  font-weight: 700;
}

.dataTables_wrapper {
  height: 100%;
  background: #f1f1f1;
  padding: 0;
}

.panel-body {
  padding: 0;
  overflow: hidden;
  border: 1px solid #C4C4C4;
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
}

.panel-body.no-top-btm-border {
  border-bottom: 0;
  border-top: 0;
}

.dataTable {
  border: 1px solid #C0C0C0 !important;
  border-left: 0 !important;
  border-right: 0 !important;
}

.table-striped > tbody tr.child > td {
  white-space: normal !important;
}
.table-striped > tbody tr:nth-child(odd) {
  background: white;
}
.table-striped > tbody tr:nth-child(odd) > td,
.table-striped > tbody tr:nth-child(odd) > th {
  background: transparent;
}
.table-striped > tbody tr:nth-child(even) {
  background: #EEF4F7;
}
.table-striped > tbody tr:nth-child(even) > td,
.table-striped > tbody tr:nth-child(even) > th {
  background: transparent;
}

table.dataTable {
  width: 100% !important;
}
table.dataTable thead tr th {
  white-space: nowrap;
  padding: 7px 18px;
  border-right: none !important;
  vertical-align: middle;
}
table.dataTable tbody tr td {
  vertical-align: middle;
  position: relative;
  padding: 7px 18px;
  border-top-color: transparent !important;
}
table.dataTable tbody tr td.status-created {
  color: #F47C43;
  font-weight: 700;
}
table.dataTable tbody tr td.status-in-process {
  color: #B8A894;
  font-weight: 700;
}
table.dataTable tbody tr td.status-resolved {
  color: #09c;
  font-weight: 700;
}
table.dataTable tbody tr .even {
  background: #EEF4F7;
}
table.dataTable tr.child ul {
  width: auto;
  padding: 0;
  margin: 5px;
  border: 0;
  display: block;
  background: #fff;
}
table.dataTable tr.child ul li {
  text-align: left;
  padding: 0;
  border: 0;
  position: relative;
  min-height: 31px;
}
table.dataTable tr.child ul li:nth-child(even) {
  background: rgba(4, 69, 105, 0.05);
  border: 0;
}
table.dataTable tr.child ul:hover {
  background: white !important;
}
table.dataTable thead th {
  font-size: 11pt;
}
table.dataTable.dtr-inline.collapsed tbody td:first-child,
table.dataTable.dtr-inline.collapsed tbody th:first-child {
  width: 25px !important;
}
table.dataTable.dtr-inline.collapsed tbody td:first-child:before,
table.dataTable.dtr-inline.collapsed tbody th:first-child:before {
  top: 0;
  left: 0px;
  display: block;
  position: relative;
  color: #fff;
  border: none;
  border-radius: 0;
  text-align: center;
  line-height: 14px;
  box-shadow: none;
  box-sizing: content-box;
  content: "";
  background-color: transparent !important;
  width: 0;
  height: 0;
  border-bottom: 7px solid transparent;
  border-left: 7px solid #0099cc;
  border-top: 7px solid transparent;
  display: inline-block;
  vertical-align: middle;
}
table.dataTable.dtr-inline.collapsed tbody tr.parent td:first-child:before,
table.dataTable.dtr-inline.collapsed tbody tr.parent th:first-child:before {
  top: 4px;
  left: 2px;
  border-left: 7px solid transparent;
  border-right: 7px solid transparent;
  border-top: 7px solid #0099cc;
  margin-left: -6px;
}

table.my-fleet thead tr .table-expand {
  width: 0px !important;
}
table.my-fleet thead tr .select-engine {
  width: 44px !important;
}
table.my-fleet thead tr .name {
  text-align: left;
}
table.my-fleet thead tr .trigger-column.nsps {
  width: 60px !important;
}
table.my-fleet thead tr .trigger-column.neshap {
  width: 57px !important;
}
table.my-fleet thead tr .trigger-column.naaqs {
  width: 58px !important;
}
table.my-fleet thead tr .trigger-column.state {
  width: 59px !important;
}
table.my-fleet thead tr .owner {
  text-align: right;
}
table.my-fleet thead tr .operator {
  text-align: left;
}
table.my-fleet thead tr .facility-name {
  text-align: left;
}
table.my-fleet thead tr .city {
  text-align: right;
}
table.my-fleet thead tr .state {
  text-align: left;
}
table.my-fleet thead tr .county {
  text-align: left;
}
table.my-fleet tbody tr td:nth-child(3) {
  text-align: left;
}
table.my-fleet tbody tr td:nth-child(8) {
  text-align: right;
}
table.my-fleet tbody tr td:nth-child(9) {
  text-align: left;
}
table.my-fleet tbody tr td:nth-child(10) {
  text-align: left;
}
table.my-fleet tbody tr td:nth-child(11) {
  text-align: right;
}
table.my-fleet tbody tr td:nth-child(12) {
  text-align: left;
}
table.my-fleet tbody tr td:nth-child(13) {
  text-align: left;
}

table.manage-engines thead tr .table-expand {
  width: 0px !important;
}
table.manage-engines thead tr .select-engine {
  width: 44px !important;
}
table.manage-engines thead tr .name {
  text-align: left;
}
table.manage-engines thead tr .trigger-column.nsps {
  width: 60px !important;
}
table.manage-engines thead tr .trigger-column.neshap {
  width: 57px !important;
}
table.manage-engines thead tr .trigger-column.naaqs {
  width: 58px !important;
}
table.manage-engines thead tr .trigger-column.state {
  width: 59px !important;
}
table.manage-engines thead tr .account-owner {
  text-align: left;
}
table.manage-engines thead tr .owner {
  text-align: right;
}
table.manage-engines thead tr .operator {
  text-align: left;
}
table.manage-engines thead tr .facility-name {
  text-align: left;
}
table.manage-engines thead tr .city {
  text-align: right;
}
table.manage-engines thead tr .state {
  text-align: left;
}
table.manage-engines thead tr .county {
  text-align: left;
}
table.manage-engines tbody tr td:nth-child(3) {
  text-align: left;
}
table.manage-engines tbody tr td:nth-child(5) {
  text-align: left;
}
table.manage-engines tbody tr td:nth-child(6) {
  text-align: right;
}
table.manage-engines tbody tr td:nth-child(7) {
  text-align: left;
}
table.manage-engines tbody tr td:nth-child(8) {
  text-align: left;
}
table.manage-engines tbody tr td:nth-child(9) {
  text-align: right;
}
table.manage-engines tbody tr td:nth-child(10) {
  text-align: left;
}

td.child {
  background: #DADADA !important;
  padding: 0 !important;
}

th.sorting:focus {
  outline: none;
}

table.dataTable tr.child ul li:first-child {
  padding: 0;
  border-top: 0;
}

table th,
table td {
  border-color: #bbbbbb !important;
}

.dataTables_wrapper .dataTables_length,
.dataTables_wrapper .dataTables_filter,
.dataTables_wrapper .dataTables_info,
.dataTables_wrapper .dataTables_processing,
.dataTables_wrapper .dataTables_paginate {
  padding: 12px 0 5px;
}

.dataTables_wrapper .dataTables_filter input {
  height: 25px;
  width: 150px;
  margin-right: 20px;
}

.dataTables_filter input[type=search] {
  font-size: 0.9em;
  padding: 0;
  line-height: 25px;
  height: 25px;
}

.dataTables_length select {
  width: 68px;
  background-position: 45px 5px;
  padding: 2px !important;
  border-radius: 5px;
  height: 35px !important;
  max-height: 100% !important;
  box-sizing: border-box;
  border: 1px solid #C0C0C0 !important;
  margin: 0 5px;
}

.dataTables_wrapper .dataTables_length {
  margin-left: 20px;
}

.dataTables_wrapper .dataTables_info {
  padding: 14px 0 14px 2%;
  width: 35%;
  box-sizing: border-box;
  background: #f1f1f1;
}

.dataTables_wrapper .dataTables_paginate {
  padding: 8px 10px 8px 0;
  background: #f1f1f1;
  width: 65%;
  box-sizing: border-box;
}

.dataTables_length label {
  color: #444;
  font-weight: 600;
}

.dataTables_filter label {
  color: #444;
  font-weight: 600;
}

.myfleet-wrap .dataTable tr th:first-child {
  width: 1px !important;
}

.myfleet-wrap .report-modal-table.dataTable tr th:first-child {
  width: auto !important;
}

.btnsht {
  background: #0A4668;
  padding: 10px;
  border: 1px solid #02111A;
  margin: 0 -2px 0 0;
  border-top: 0;
  width: 100%;
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  height: 50px;
}

button.engine-view-btn {
  float: right;
  background: #fff;
  border: 0;
  color: #0A4668;
  font-size: 10pt;
  padding: 6px 10px;
  font-weight: 600;
  opacity: 0.8;
  border-radius: 5px;
}
button.engine-view-btn:hover {
  opacity: 0.9;
}

.button-right button.engine-view-btn {
  margin-right: 7px;
  line-height: 13pt;
  margin-top: 3px;
}

table.dataTable thead .sorting {
  background: url(/assets/images/sort_both.png) no-repeat center right;
}
table.dataTable thead .sorting_asc {
  background: url(/assets/images/sort_asc.png) no-repeat center right;
}
table.dataTable thead .sorting_desc {
  background: url(/assets/images/sort_desc.png) no-repeat center right;
}
table.dataTable thead .sorting_asc_disabled {
  background: url(/assets/images/sort_asc_disabled.png) no-repeat center right;
}
table.dataTable thead .sorting_desc_disabled {
  background: url(/assets/images/sort_desc_disabled.png) no-repeat center right;
}

tbody tr:first-child td {
  border-top: 0;
}

/* ADD EDIT DEL AND DUPLICATE BTNS */
ul.editing-btns {
  float: right;
  height: auto;
  margin-right: 0;
  margin-top: 12px;
  text-align: center;
}

td ul.editing-btns {
  height: 20px !important;
  width: 80px;
  margin: 0 auto !important;
}
td ul.editing-btns.neshap {
  height: 27px !important;
}

.editing-btns li {
  display: inline-block;
  vertical-align: top;
  background-image: url(/assets/images/add-edit-del.png) !important;
  background-repeat: no-repeat !important;
  background-size: auto 100%;
  padding: 0;
  width: 20px;
  height: 20px;
  opacity: 0.8;
  cursor: pointer;
  position: relative;
  border: 0 !important;
  z-index: 10;
}
.editing-btns li > a {
  display: block;
  height: 100%;
  width: 100%;
}

td i.neshap-icon {
  font-size: 1.5em;
  margin-top: 3px;
}
td i.neshap-icon.blue {
  color: #0099cc;
}
td i.neshap-icon.green {
  color: #22b14c;
}

td a.neshap-icon:hover::after {
  content: attr(data-title);
  font-size: 10pt;
  position: absolute;
  margin-left: -30px;
  margin-top: 3px;
  white-space: nowrap;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  box-shadow: 0px 0px 4px #222;
  background: #0A4668;
  opacity: 0.9;
  color: #fff;
  width: auto;
  min-width: 150px;
  padding: 5px 10px;
  top: -50px;
  left: 0px;
  font-weight: 700;
  border: 1px solid #888;
  text-align: center;
  border-radius: 5px;
  line-height: 20pt !important;
}

td ul.editing-btns.dark a:last-child li {
  margin-right: 0;
}

td .editing-btns.dark li {
  background-image: url(/assets/images/add-edit-del-dark-table.png) !important;
  vertical-align: middle;
}

td ul.editing-btns.dark li {
  width: 20px;
  height: 20px;
  margin-right: 10px;
}

.editing-btns.table-btns {
  float: none;
  text-align: center;
}

.editing-btns.table-btns.single {
  width: 20px;
}

td ul li span ul.editing-btns.table-btns {
  border: 0;
  position: absolute;
  left: 45%;
  right: 0;
  top: 0;
  bottom: 0;
  margin: auto !important;
}

li button.delete-btn {
  width: 20px;
  height: 20px;
  background: none;
  border: none;
}

.editing-btns li:hover {
  opacity: 0.9;
}

.editing-btns li:hover::before {
  content: attr(data-title);
  position: absolute;
  width: auto;
  min-width: 150px;
  padding: 5px 10px;
  background: #ffffff;
  color: #333;
  top: -50px;
  left: -150px;
  font-weight: 700;
  border: 1px solid #888;
  text-align: center;
  border-radius: 5px;
  line-height: 20pt !important;
  white-space: nowrap;
}

.editing-btns li.hover-top:hover::before {
  top: -65px;
}

.editing-btns li.hover-right:hover::before {
  top: -11px;
  left: 32px;
}

.editing-btns li.hover-left:hover::before {
  top: -11px;
  left: -185px;
}

.dashboard-btnsht {
  background: #0A4668;
  border-top-right-radius: 7px;
  margin: 0 -2px 0 0;
  width: 100%;
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  height: auto;
}

ul.editing-btns.dashboard-btns {
  height: 100%;
  margin-top: 0;
}

.editing-btns.dashboard-btns li:hover::before {
  display: none;
}

.editing-btns.dashboard-btns li {
  background-image: none;
  width: auto;
  height: auto;
  opacity: 1;
  box-sizing: border-box;
  float: left;
}
.editing-btns.dashboard-btns li:first-child {
  border-left: none;
}
.editing-btns.dashboard-btns li:last-child {
  border-right: none !important;
}
.editing-btns.dashboard-btns li.view-btn {
  background-image: none !important;
  height: auto;
  padding: 7px 0;
  min-height: 50px;
}
.editing-btns.dashboard-btns li.view-btn a {
  width: auto;
  height: 100%;
  color: #fff;
  box-sizing: border-box;
  text-align: center;
  font-size: 12px;
}
.editing-btns.dashboard-btns li.active {
  border: none !important;
  background: #FFFFFF;
}
.editing-btns.dashboard-btns li.active a {
  color: #093556 !important;
}

li.calendar-btn {
  background-image: url(/assets/images/calendar.png) !important;
  background-size: 100%;
  margin: 0 5px;
}
li.calendar-btn > a {
  display: block;
  height: 100%;
  width: 100%;
}

li.call-out-inspection-btn {
  background-image: url(/assets/images/call-out-inspection.png) !important;
  background-size: 100%;
  margin: 0 5px;
}
li.call-out-inspection-btn > a {
  display: block;
  height: 100%;
  width: 100%;
}

li.sync-offline-data-btn {
  background-image: url(/assets/images/upload-to-cloud.png) !important;
  background-size: 100%;
  margin: 0 5px;
}
li.sync-offline-data-btn > a {
  display: block;
  height: 100%;
  width: 100%;
}

li.datatable-edit-btn {
  background-image: url(/assets/images/edit-datatable-override.png) !important;
  background-size: 100%;
  margin: 0 5px;
}
li.datatable-edit-btn > a {
  display: block;
  height: 100%;
  width: 100%;
}

li.add-btn.with-h-text {
  margin: 0 5px;
}

li.view-btn.enabled-view-icon {
  margin: 0 5px;
}

li.test-trend.trend-history {
  margin: 0 1px 0 3px;
  display: inline-block;
  position: relative;
  background-image: none !important;
}

li.test-trend.hover-top {
  margin: 0 5px;
}

li.delete-btn.with-h-text.large-data-title:before {
  left: -159px;
}

.editing-btns li.testing-btn:hover::before {
  left: -170px;
}

.tigger-btn:hover:before {
  content: attr(data-title);
  position: absolute;
  width: 181px;
  padding: 9px 10px;
  background: #ffffff;
  color: #333;
  top: -32px;
  left: 0;
  right: 0;
  opacity: 0.9;
  font-weight: 700;
  border: 1px solid #888;
  text-align: right;
  border-radius: 5px;
  z-index: 9999 !important;
  margin: auto;
  line-height: 16pt !important;
}

td .editing-btns.table-btns li:hover::before {
  opacity: 0.9;
  background: #0A4668;
  color: white;
}

h2 ul.editing-btns {
  height: 20px;
  margin-top: 12px !important;
}

ul.editing-btns.two-edit-buttons.runtime-edit.dark.table-btns {
  width: 51px;
}

li.delete-btn {
  background-position: -22px 0;
}
li.edit-btn {
  background-position: -40px 0;
}
li.duplicate-btn {
  background-position: -60px 0;
}
li.explore-btn {
  background-position: -80px 0;
}
li.associate-btn {
  background-position: -100px 0;
}
li.associate-btn a div {
  display: block;
  height: 100%;
  width: 100%;
}
li.view-btn {
  background-image: url(/assets/images/reports-icon.png) !important;
  background-size: 100%;
}
li.view-btn div {
  cursor: pointer !important;
}
li.view-btn.compass-btn {
  background-image: url(/assets/images/compass-wht-28x28.png) !important;
  margin-right: 10px;
}
li.view-btn.compass-btn.no-margin {
  margin: 0;
}
li.view-btn a {
  display: block;
  padding: 10px 18px;
}
li.open-folder-btn {
  background-image: url(/assets/images/open-folder.png) !important;
  background-size: 110%;
}
li.user-btn {
  background-image: url(/assets/images/user-icon.png) !important;
  background-repeat: no-repeat;
  background-position: center;
}
li.list-btn {
  background-image: url(/assets/images/list-icon.png) !important;
  background-repeat: no-repeat;
  background-position: center;
}
li.deviation-btn {
  background-image: url(/assets/images/deviation-icon.png) !important;
  background-repeat: no-repeat;
  background-position: center;
  margin: 0 10px 0 10px;
}
li.testing-btn {
  background-image: url(/assets/images/testing-icon.png) !important;
  background-repeat: no-repeat;
  background-position: center;
  margin: 0 5px;
}
li.action-items-btn {
  background-image: url(/assets/images/action-items-icon.png) !important;
  background-repeat: no-repeat;
  background-size: 100%;
  background-position: center;
  margin: 0 5px;
}
li.view-btn.gen-info-btn {
  background-image: url(/assets/images/info-icon.png) !important;
}
li.view-btn.gen-info-btn:before {
  width: 170px;
}
li.view-btn.pds-btn {
  background-image: url(/assets/images/performance-icon-28.png) !important;
  margin-right: 10px;
}

.datatable-container {
  margin-bottom: 0;
  box-shadow: -12px 0px 10px -10px rgba(0, 0, 0, 0.9);
  z-index: 1;
  position: relative;
  display: flex;
  flex-direction: column;
  height: 100%;
}
.datatable-container.asset-datatable-container {
  box-shadow: none;
}
.datatable-container .panel-body {
  width: 100%;
  height: 100%;
  border-top: none;
}
.datatable-container .panel-body .table-responsive {
  width: 100%;
  max-height: calc(100% - 102px);
}
.datatable-container .panel-body .table-responsive > table tbody tr {
  height: 50px;
}
.datatable-container li.active {
  border: none !important; /* ff3.6+ */ /* safari4+,chrome */ /* safari5.1+,chrome10+ */ /* opera 11.10+ */ /* ie10+ */
  background: linear-gradient(180deg, rgb(244, 244, 244) 0%, rgb(148, 157, 158) 100%); /* w3c */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr="#f4f4f4", endColorstr="#949d9e",GradientType=0 ); /* ie6-9 */
}
.datatable-container li.active a {
  color: #093556;
}

.datatable-container:not(.asset-datatable-container) .panel-body {
  border-left: none;
  border-right: none;
}

@media (max-width: 767px) {
  .dashboard-btnsht {
    height: auto;
    border-radius: 0;
    margin: 0;
    box-shadow: 0 8px 4px -4px rgba(0, 0, 0, 0.2);
    position: relative;
    z-index: 1;
    overflow: auto;
    padding: 8px 0;
  }
  .dashboard-btnsht .add-btn-container {
    display: none;
  }
  .dashboard-btnsht .dropdown-btn {
    color: #0A4668;
  }
  .dashboard-btnsht .dropdown-btn::after {
    content: "";
    display: inline-block;
    border: 8px solid #0A4668;
    border-top: none;
    border-right-color: transparent;
    border-left-color: transparent;
    margin: 2px 4px;
  }
  .dashboard-btnsht .active .dropdown-btn::after {
    border-top: 8px solid #0A4668;
    border-bottom: none;
  }
  ul.editing-btns.dashboard-btns {
    border-bottom: 1px solid rgba(255, 255, 255, 0.4);
    width: 100%;
    display: none;
  }
  ul.editing-btns.dashboard-btns li {
    height: auto !important;
    display: block;
    width: 100%;
  }
  ul.editing-btns.dashboard-btns li a {
    color: #0A4668 !important;
  }
  .editing-btns li.active a,
  .editing-btns li a {
    background-image: none !important;
    text-indent: 0 !important;
    padding: 9px;
    font-size: 14px;
  }
  .dataTables_wrapper .dataTables_length {
    margin: 0;
    width: 50%;
    float: left;
    padding: 10px 5px;
    box-sizing: border-box;
    text-align: left;
  }
  .dataTables_wrapper .dataTables_length label {
    margin: 0;
  }
  .dataTables_wrapper .dataTables_length label select {
    margin: 0;
    width: 55px;
    text-align: center;
    text-indent: 0;
  }
  .dataTables_wrapper .dataTables_filter {
    margin: 0;
    width: 50%;
    float: right;
    padding: 10px 5px;
    box-sizing: border-box;
    text-align: right;
  }
  .dataTables_wrapper .dataTables_filter label {
    margin: 0;
  }
  .dataTables_wrapper .dataTables_filter label input {
    margin: 0;
    width: 100%;
  }
}
td ul.editing-btns.dark li.delete-btn {
  background-position: -22px 0 !important;
}
td ul.editing-btns.dark li.edit-btn {
  background-position: -43px 0 !important;
  z-index: 10;
}
td ul.editing-btns.dark li.duplicate-btn {
  background-position: -65px 0 !important;
}

.delete-button-my-fleet {
  margin-right: 40px;
}

.hide-delete-button {
  display: none;
}

.dataTables_wrapper .dataTables_paginate .paginate_button {
  border-radius: 20px;
  padding: 0.3em 0.75em;
}
.dataTables_wrapper .dataTables_paginate .paginate_button:hover {
  background-color: #367090;
  background: linear-gradient(to bottom, #367090 0%, #0A4668 100%);
  border: 1px solid #F6F6F6;
}

th.left-head-td {
  background: #EDEDED !important;
  width: 35% !important;
  border-bottom: 0 !important;
}

th.empty-head-for-error {
  display: none !important;
}

.group td:before {
  display: none !important;
}

.group td {
  text-align: left;
  background: #0A4668 !important;
  color: white;
}

span.dtr-data {
  padding: 5px 20px 5px 25%;
  display: inline-block;
  box-sizing: border-box;
  width: 100%;
  vertical-align: top;
}
span.dtr-data button.asset-modal-link {
  background: #09c;
  border: 1px solid #006283;
  color: white;
  border-radius: 5px;
  padding: 2px 10px;
}

table.dataTable tr.child span.dtr-title {
  padding: 5px 20px;
  display: inline-block;
  box-sizing: border-box;
  width: 24%;
  font-weight: 600;
  text-align: right;
  background: none repeat scroll 0% 0% rgba(4, 69, 105, 0.1);
  position: absolute;
  height: 100%;
  color: #444;
}

.runtime-edit.editing-btns li:hover::before {
  left: -40px !important;
}

.runtime-edit li:nth-child(2) {
  margin-right: 0 !important;
}

ul.editing-btns.dark.table-btns.double {
  width: 55px;
}

ul.editing-btns.dark.table-btns.double li:nth-child(2) {
  margin-right: 0;
}

tr.odd.assigned td {
  background: rgba(255, 0, 0, 0.2) !important;
}

tr.even.assigned td {
  background: rgba(255, 0, 0, 0.2) !important;
}

tr.odd.available td {
  background: rgba(0, 255, 0, 0.2) !important;
}

tr.even.available td {
  background: rgba(0, 255, 0, 0.2) !important;
}

tr.odd.unavailable td {
  background: rgba(108, 108, 108, 0.2) !important;
}

tr.even.unavailable td {
  background: rgba(108, 108, 108, 0.2) !important;
}

.ms-drop input[type=checkbox] {
  width: 15px;
  margin-right: 10px;
}

.filter-wrap {
  padding: 25px 0;
}

.usetype-checkboxes.checkbox-wrap.no-border {
  padding: 0;
  display: inline-block;
  width: 33%;
  vertical-align: middle;
}

.usetype-checkboxes.no-border .checkbox-area.form-section .small-checkbox-wrap .label_td {
  width: 85%;
  padding: 0;
}

.usetype-checkboxes.no-border .checkbox-area.form-section {
  padding: 0;
}

.usetype-checkboxes.no-border .checkbox-area.form-section .small-checkbox-wrap .input_td {
  margin: 3%;
}

.yes-no-btn {
  width: 64px;
}

.company-info-table-wrap {
  width: 100%;
  padding: 0 0 40px 0;
  box-sizing: border-box;
}

.btn-group.btn-toggle.yes-no-btn .btn-xs .octicon {
  font-size: 12pt !important;
  margin: 0 4px;
}

table.company-list tr td:nth-child(4) {
  font-weight: bold !important;
  color: #0A4668;
}

table.company-list tr.pending-row td:nth-child(4) {
  color: #BB470F;
}

table.company-list tr.disabled-row td:nth-child(4) {
  color: #666;
}

tr.disabled-row {
  background: #EDEDED !important;
}

tr.disabled-row > td {
  background: transparent !important;
}

tr.inactive-row {
  background: #EDEDED !important;
}

tr.inactive-row > td {
  background: transparent !important;
}

tr.pending-row td {
  background: transparent !important;
}

tr.pending-row {
  background: #FFEBE2 !important;
}

button.DTTT_button:hover, div.DTTT_button:hover, a.DTTT_button:hover,
button.DTTT_button:active, div.DTTT_button:active, a.DTTT_button:active,
button.DTTT_button:focus, div.DTTT_button:focus, a.DTTT_button:focus {
  background: #d9601f;
}

button.DTTT_button, div.DTTT_button, a.DTTT_button {
  box-shadow: none !important;
  background: #f46900;
  font-weight: 600;
  border: none !important;
  color: #fff !important;
  padding: 0 15px;
  border-radius: 7px;
  font-size: 14px;
  text-transform: uppercase;
  box-sizing: border-box;
}

div.DTTT_container {
  margin: 0;
  float: none;
  padding: 7px 10px;
  background: #dadada;
  text-align: right;
  min-height: 44px;
}

.DTTT_container .dt-reset-search {
  padding-top: 1px;
  padding-bottom: 1px;
  background: #f46900;
  border-color: #f46900;
  width: auto;
}

.DTTT_container .dt-custom-search {
  padding: 0%;
  margin-right: 0.2%;
  height: 32px;
}

.DTTT_container .dt-reset-search:hover {
  background: #F58F5E;
  border-color: #D56A37;
}

.two-section-inline {
  width: 48%;
  float: left;
}

.two-section-inline.company-assets-table-wrap {
  padding-left: 4%;
}

.two-section-inline.panel-body {
  overflow: visible;
}

table.dataTable tbody tr.selected td {
  background: transparent !important;
}

table.dataTable tr.DTTT_selected.even {
  background-color: #C6DDE8 !important;
}

table.dataTable tr.DTTT_selected.odd {
  background-color: #C6DDE8 !important;
}

table.dataTable tr.DTTT_flagged {
  background-color: #EDEDED !important;
}

table.DTTT_selectable tbody tr {
  cursor: default;
}

.passed.octicon-check {
  width: 20px;
  height: 20px;
  margin: 0 auto;
  background: #22B14C;
  color: white;
  font-size: 12pt !important;
  border-radius: 10px;
  border: 1px solid #02769C;
  text-align: center;
}
.passed.octicon-check span.hidden-datatable-text {
  display: none;
}

.failed.octicon-x {
  width: 20px;
  height: 20px;
  margin: 0 auto;
  background: #ED1C24;
  color: white;
  font-size: 12pt !important;
  border-radius: 10px;
  border: 1px solid #02769C;
  text-align: center;
}
.failed.octicon-x span.hidden-datatable-text {
  display: none;
}

.scheduled.octicon-calendar {
  width: 25px;
  height: 20px;
  margin: 0 auto;
  font-size: 15pt !important;
}
.scheduled.octicon-calendar span.hidden-datatable-text {
  display: none;
}

span.hidden-value {
  visibility: collapse;
}

.passed.octicon-check:before {
  line-height: 15pt;
}

.failed.octicon-x:before {
  line-height: 15pt;
}

.scheduled.octicon-calendar:before {
  line-height: 15pt;
}

.status:hover:before {
  content: attr(data-title);
  position: absolute;
  width: 120px;
  padding: 9px 10px;
  background: #ffffff;
  color: #333;
  top: -42px;
  left: 0;
  right: 0;
  opacity: 0.9;
  font-weight: 700;
  border: 1px solid #888;
  text-align: center;
  border-radius: 5px;
  z-index: 9999 !important;
  margin: auto;
  line-height: 16pt !important;
}

tr.warning-due td {
  background: #FAF7C9 !important;
}

tr.past-due td {
  background: #F8DDD1 !important;
}

table.dataTable.dtr-inline.collapsed tbody td:first-child, table.dataTable.dtr-inline.collapsed tbody th:first-child {
  cursor: default !important;
}

.editing-btns li button.delete-btn {
  padding: 0;
}

@-moz-document url-prefix() {
  /* firefox-only css goes here */
  .dataTables_length select {
    background-image: none !important;
    text-indent: 5px;
  }
}
.red-flag {
  color: #CF604D;
}

.grey-flag {
  color: #7E7E7E;
}

@media screen and (max-width: 768px) {
  .buttons-copy {
    display: none !important;
  }
}
.runtime-edit.editing-btns.delete-document li:hover::before {
  left: -100px !important;
}

.ui-popup-container {
  max-width: 1656px;
  z-index: 1100;
  left: 100;
  display: none;
  position: absolute;
  padding: 0;
  outline: 0;
  border-width: 1px;
  border-style: solid;
  background-color: #fff;
  border-color: #ddd;
  color: #333;
  text-shadow: 0 1px 0 #f3f3f3;
  box-shadow: 1px 1px 1px #888888;
  border-radius: 0.3125em;
}

.ui-popup-container.active {
  display: inline-block;
}

.ui-popup-container li {
  list-style-type: none;
}

.rrs-table.fixed-min-height .dataTables_scrollBody {
  min-height: 320px;
}

.rrs-table.fixed-min-height .dataTables_info {
  min-height: 85px;
}

.test-trends-table-container .dataTable .dataTables_empty {
  font-size: large;
}

.label.label-subsequent {
  margin: 1px;
}
.label.label-swing {
  background-color: #0099CC;
}
.label.label-modified {
  background-color: #22B14C;
}

@media (min-width: 551px) and (max-width: 1070px) {
  div.DTTT_container .dt-responsive-btns.dt-button {
    width: 20%;
    float: left;
    text-align: center;
  }
  div.DTTT_container .dt-responsive-btns.dt-button.advance-search {
    width: 20%;
  }
}
@media (max-width: 550px) {
  div.DTTT_container .dt-responsive-btns.dt-button {
    text-align: center;
    float: none !important;
  }
  div.DTTT_container .dt-custom-search {
    margin-bottom: 2px;
    width: 100%;
    height: 39px;
  }
  div.DTTT_container .dt-responsive-btns.dt-button.advance-search.glyphicon.glyphicon-search {
    box-sizing: inherit;
  }
}

/* FONTS */
/* COLORS */
/* BORDERS */
.text-align-right {
  text-align: right;
}

.no-margin {
  margin: 0 !important;
}

.margin-top-negative-50 {
  margin-top: -50px !important;
}

.margin-top-5 {
  margin-top: 5px !important;
}

.margin-top-10 {
  margin-top: 10px !important;
}

.margin-top-15 {
  margin-top: 15px !important;
}

.margin-top-20 {
  margin-top: 20px !important;
}

.margin-top-25 {
  margin-top: 25px !important;
}

.margin-top-30 {
  margin-top: 30px !important;
}

.margin-top-40 {
  margin-top: 40px !important;
}

.margin-top-45 {
  margin-top: 45px !important;
}

.margin-top-50 {
  margin-top: 50px !important;
}

.margin-top-60 {
  margin-top: 60px !important;
}

.margin-top-70 {
  margin-top: 70px !important;
}

.margin-top-75 {
  margin-top: 75px !important;
}

.margin-top-80 {
  margin-top: 80px !important;
}

.margin-top-100 {
  margin-top: 100px !important;
}

.margin-bottom-10 {
  margin-bottom: 10px !important;
}

.margin-bottom-20 {
  margin-bottom: 20px !important;
}

.margin-bottom-25 {
  margin-bottom: 25px !important;
}

.margin-bottom-30 {
  margin-bottom: 30px !important;
}

.margin-bottom-40 {
  margin-bottom: 40px !important;
}

.margin-bottom-50 {
  margin-bottom: 50px !important;
}

.margin-bottom-60 {
  margin-bottom: 60px !important;
}

.margin-bottom-70 {
  margin-bottom: 70px !important;
}

.margin-bottom-75 {
  margin-bottom: 75px !important;
}

.margin-bottom-80 {
  margin-bottom: 80px !important;
}

.margin-bottom-100 {
  margin-bottom: 100px !important;
}

.margin-left-10 {
  margin-left: 10px !important;
}

.margin-left-20 {
  margin-left: 20px !important;
}

.margin-left-25 {
  margin-left: 25px !important;
}

.margin-left-30 {
  margin-left: 30px !important;
}

.margin-left-40 {
  margin-left: 40px !important;
}

.margin-left-50 {
  margin-left: 50px !important;
}

.margin-left-60 {
  margin-left: 60px !important;
}

.margin-left-70 {
  margin-left: 70px !important;
}

.margin-left-75 {
  margin-left: 75px !important;
}

.margin-left-80 {
  margin-left: 80px !important;
}

.margin-left-100 {
  margin-left: 100px !important;
}

.no-margin-right {
  margin-right: 0 !important;
}

.margin-right-10 {
  margin-right: 10px !important;
}

.margin-right-20 {
  margin-right: 20px !important;
}

.margin-right-25 {
  margin-right: 25px !important;
}

.margin-right-30 {
  margin-right: 30px !important;
}

.margin-right-40 {
  margin-right: 40px !important;
}

.margin-right-50 {
  margin-right: 50px !important;
}

.margin-right-60 {
  margin-right: 60px !important;
}

.margin-right-70 {
  margin-right: 70px !important;
}

.margin-right-75 {
  margin-right: 75px !important;
}

.margin-right-80 {
  margin-right: 80px !important;
}

.margin-right-100 {
  margin-right: 100px !important;
}

.margin-10 {
  margin: 10px !important;
}

.margin-20 {
  margin: 20px !important;
}

.margin-25 {
  margin: 25px !important;
}

.margin-30 {
  margin: 30px !important;
}

.margin-40 {
  margin: 40px !important;
}

.margin-50 {
  margin: 50px !important;
}

.margin-60 {
  margin: 60px !important;
}

.margin-70 {
  margin: 70px !important;
}

.margin-75 {
  margin: 75px !important;
}

.margin-80 {
  margin: 80px !important;
}

.margin-100 {
  margin: 100px !important;
}

.minus-content-padding-margin {
  margin: 0 -10px !important;
}
.minus-content-padding-margin .row {
  padding: 0 20px;
}

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

.padding-top-0 {
  padding-top: 0 !important;
}

.padding-top-10 {
  padding-top: 10px !important;
}

.padding-top-20 {
  padding-top: 20px !important;
}

.padding-top-25 {
  padding-top: 25px !important;
}

.padding-top-30 {
  padding-top: 30px !important;
}

.padding-top-40 {
  padding-top: 40px !important;
}

.padding-top-50 {
  padding-top: 50px !important;
}

.padding-top-60 {
  padding-top: 60px !important;
}

.padding-top-70 {
  padding-top: 70px !important;
}

.padding-top-75 {
  padding-top: 75px !important;
}

.padding-top-80 {
  padding-top: 80px !important;
}

.padding-top-100 {
  padding-top: 100px !important;
}

.padding-bottom-0 {
  padding-bottom: 0;
}

.padding-bottom-10 {
  padding-bottom: 10px !important;
}

.padding-bottom-15 {
  padding-bottom: 15px !important;
}

.padding-bottom-20 {
  padding-bottom: 20px !important;
}

.padding-bottom-25 {
  padding-bottom: 25px !important;
}

.padding-bottom-30 {
  padding-bottom: 30px !important;
}

.padding-bottom-40 {
  padding-bottom: 40px !important;
}

.padding-bottom-50 {
  padding-bottom: 50px !important;
}

.padding-bottom-60 {
  padding-bottom: 60px !important;
}

.padding-bottom-70 {
  padding-bottom: 70px !important;
}

.padding-bottom-75 {
  padding-bottom: 75px !important;
}

.padding-bottom-80 {
  padding-bottom: 80px !important;
}

.padding-bottom-100 {
  padding-bottom: 100px !important;
}

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

.padding-left-10 {
  padding-left: 10px !important;
}

.padding-left-20 {
  padding-left: 20px !important;
}

.padding-left-25 {
  padding-left: 25px !important;
}

.padding-left-30 {
  padding-left: 30px !important;
}

.padding-left-40 {
  padding-left: 40px !important;
}

.padding-left-50 {
  padding-left: 50px !important;
}

.padding-left-60 {
  padding-left: 60px !important;
}

.padding-left-70 {
  padding-left: 70px !important;
}

.padding-left-75 {
  padding-left: 75px !important;
}

.padding-left-80 {
  padding-left: 80px !important;
}

.padding-left-100 {
  padding-left: 100px !important;
}

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

.padding-right-10 {
  padding-right: 10px !important;
}

.padding-right-20 {
  padding-right: 20px !important;
}

.padding-right-25 {
  padding-right: 25px !important;
}

.padding-right-30 {
  padding-right: 30px !important;
}

.padding-right-40 {
  padding-right: 40px !important;
}

.padding-right-50 {
  padding-right: 50px !important;
}

.padding-right-60 {
  padding-right: 60px !important;
}

.padding-right-70 {
  padding-right: 70px !important;
}

.padding-right-75 {
  padding-right: 75px !important;
}

.padding-right-80 {
  padding-right: 80px !important;
}

.padding-right-100 {
  padding-right: 100px !important;
}

.padding-10 {
  padding: 10px !important;
}

.padding-15 {
  padding: 15px !important;
}

.padding-20 {
  padding: 20px !important;
}

.padding-25 {
  padding: 25px !important;
}

.padding-30 {
  padding: 30px !important;
}

.padding-40 {
  padding: 40px !important;
}

.padding-50 {
  padding: 50px !important;
}

.padding-60 {
  padding: 60px !important;
}

.padding-70 {
  padding: 70px !important;
}

.padding-75 {
  padding: 75px !important;
}

.padding-80 {
  padding: 80px !important;
}

.padding-100 {
  padding: 100px !important;
}

.width-full {
  width: 100% !important;
}

.margin-zero {
  margin: 0 !important;
}

/* Tooltip Modal */
.modal.fade {
  background: rgba(0, 0, 0, 0.8);
  z-index: 9999;
}
.modal .modal-dialog {
  position: relative;
  z-index: 9999 !important;
  /* TODO: See if Calc-Modal should be called Modal-Body */
}
.modal .modal-dialog.calc-modal .calc-modal-title {
  color: #0A4668;
  font-weight: 600;
  margin: 0;
  line-height: 1.428571429;
  font-size: 16pt;
}
.modal .modal-dialog.calc-modal .calc-modal-body {
  color: #666;
  font-family: "Open sans", sans-serif;
  background: #f6f6f6;
  padding: 0 20px;
}
.modal .modal-dialog.calc-modal .calc-modal-body p {
  color: #444;
  padding: 0 25px;
  text-align: justify;
}
.modal .modal-dialog.calc-modal .calc-modal-body h3.modal-sub-title-block {
  padding: 10px;
  margin-bottom: 15px;
  background: #6C6C6C;
  color: #fff;
  font-weight: 600;
  border: 1px solid #333;
}
.modal .modal-dialog.calc-modal .calc-modal-body h3.no-space.modal-sub-title-block {
  margin: 30px -16px 30px;
  padding-left: 20px;
}
.modal .modal-dialog.calc-modal .calc-footer {
  background: #eee;
  border: 1px solid #C0C0C0;
  width: 99.7%;
  border-top: 0;
}
.modal .modal-dialog.modal-lg {
  width: 80%;
}
.modal .modal-dialog.modal-auto {
  width: auto !important;
}
.modal .modal-dialog .modal-content {
  box-shadow: none;
  -webkit-box-shadow: none;
  border: 0;
  border-radius: 10px;
  /*overflow: hidden;*/
}
.modal .modal-dialog .modal-content .modal-header {
  border-bottom: 0;
  background: #F6F6F6;
}
.modal .modal-dialog .modal-content .modal-title {
  color: #0A4668;
  font-weight: 600;
  font-size: 16pt;
  padding: 0 5px;
}
.modal .modal-dialog .modal-content .modal-body {
  color: #666;
  font-family: "Open sans", sans-serif;
  background: #f6f6f6;
}
.modal .modal-dialog .modal-content .modal-body p {
  color: #444;
  padding: 0 5px;
  text-align: justify;
}
.modal .modal-dialog .modal-content .modal-body h3.modal-sub-title-block {
  padding: 10px;
  margin-bottom: 15px;
  background: #6C6C6C;
  color: #fff;
  font-weight: 600;
  border: 1px solid #333;
}
.modal .modal-dialog .modal-content .modal-body h3.no-space.modal-sub-title-block {
  margin: 30px -16px 30px;
  padding-left: 20px;
}
.modal .modal-dialog .modal-content .modal-body .addPollutant, .modal .modal-dialog .modal-content .modal-body .addPollutantSec {
  margin-left: 10px;
  background: #0099cc;
  color: white;
  border: 1px solid #00749A;
}
.modal .modal-dialog .modal-content .modal-body .duplicate-wrap .pollutantRowWrapper, .modal .modal-dialog .modal-content .modal-body .duplicate-wrap .pollutantRowWrapperSec {
  padding: 20px 0;
  margin: 0 20px 0 20px;
  border-bottom: 1px solid #dadada;
}
.modal .modal-dialog .modal-content .modal-body .duplicate-wrap .pollutantRowWrapper .remove-row-inline-style, .modal .modal-dialog .modal-content .modal-body .duplicate-wrap .pollutantRowWrapperSec .remove-row-inline-style {
  display: inline-block;
  vertical-align: top;
  margin: 37px 0 0;
  width: 5%;
}
.modal .modal-dialog .modal-content .modal-body .duplicate-wrap .pollutantRowWrapper .remove-row-inline-style .remove-row-icon, .modal .modal-dialog .modal-content .modal-body .duplicate-wrap .pollutantRowWrapperSec .remove-row-inline-style .remove-row-icon {
  width: 22px;
  height: 21px;
  text-align: center;
  background: #F47C43;
  color: white;
  border-radius: 15px;
  border: 1px solid #BB501E;
  line-height: 13pt;
  font-weight: bold;
  cursor: pointer;
}
.modal .modal-dialog .modal-content .modal-body .duplicate-wrap .pollutantRowWrapper .polutant-section-wrapper, .modal .modal-dialog .modal-content .modal-body .duplicate-wrap .pollutantRowWrapperSec .polutant-section-wrapper {
  display: inline-block;
  width: 94%;
}
.modal .modal-dialog .modal-content .modal-body .modal-checkbox-wrap {
  margin: 10px;
  background: #e1e1e1;
  padding: 10px;
  border: 1px solid #c0c0c0;
}
.modal .modal-dialog .modal-content .modal-body .modal-checkbox-wrap .checkbox-section .checkbox-input {
  display: inline-block;
  margin-left: 10px;
}
.modal .modal-dialog .modal-content .modal-body .modal-checkbox-wrap .checkbox-section .checkbox-label {
  display: inline-block;
  margin-left: 5px;
}
.modal .modal-dialog .modal-content .modal-footer {
  border-top: 0;
  background: #F6F6F6;
}

.modal-checkbox-wrap.two-sections.vertical-boxes {
  padding: 20px !important;
  max-width: 300px;
}

.vertical-boxes .form-modal-section.checkbox-section {
  width: 100%;
}

.result-label-modal {
  color: #666666;
  font-size: 12pt;
  font-family: "Open sans", sans-serif;
  cursor: pointer;
}

.name-make-model-wrap {
  padding: 10px;
  margin-bottom: 20px;
  border: 1px solid #DADADA;
  background: white;
}

p.info-box {
  padding: 6px 0 5px;
  border-bottom: 1px solid #c0c0c0;
  cursor: default;
  font-weight: 800;
  height: 20px !important;
}

p.name-make-model-title {
  margin: 15px 15px;
}

span.nmm-sections {
  margin: 0 40px 0 0;
}

.report-sections {
  display: inline-block;
  vertical-align: top;
  width: 33%;
}

#commanddialog_wrapper {
  z-index: 10001;
  width: 1000px;
  min-width: 0px;
  min-height: 0px;
  top: 0 !important;
  bottom: 0 !important;
  left: 0 !important;
  position: fixed !important;
  width: 100% !important;
  height: 100% !important;
  background: rgba(0, 0, 0, 0.8) !important;
  border: 0 !important;
}

div#commanddialog_title {
  background: transparent !important;
  border: 0;
}

.modal-wrap {
  background: white;
  width: 1000px;
  position: fixed;
  top: 0 !important;
  bottom: 0;
  right: 0;
  left: 0;
  height: 484px;
  margin: auto;
}

.modal-wrap.reports {
  background: none;
  width: auto;
  position: relative;
  top: 0 !important;
  bottom: 0;
  right: 0;
  left: 0;
  height: auto;
  margin: auto;
}

.section-wrap {
  padding: 35px 40px;
}

.report-sections {
  margin: 20px 0;
}

.e-dialog-scroller {
  height: 100%;
}

.report-sections li {
  display: block;
}

.report-sections p {
  text-align: center;
  font-size: 11pt;
  line-height: 18pt;
}

.fleet-grid .e-dialog-icon {
  background: #0099cc !important;
  border-radius: 20px !important;
  padding: 5px 4px 5px 6px !important;
  width: 23px !important;
  height: 23px !important;
}

#commanddialog_wrapper span.e-icon.e-close {
  line-height: 25px !important;
}

#commanddialog_wrapper [class^=e-] {
  box-sizing: inherit !important;
}

#commanddialog_title .e-title {
  font-size: 20pt;
}

input.e-reportsbutton.e-button.e-js.e-btn-normal.e-btn.e-select.e-widget.e-txt {
  background: none;
  border: 0;
  box-shadow: none;
  color: #0099cc;
  font-size: 11pt;
  margin: 0;
}

.e-grid tr.e-hover input.e-reportsbutton.e-button.e-js.e-btn-normal.e-btn.e-select.e-widget.e-txt {
  color: #fff;
}

td.e-rowcell.e-unboundcell.e-Reports {
  padding: 0 0.7em !important;
}

.e-grid td.e-active input.e-reportsbutton.e-button.e-js.e-btn-normal.e-btn.e-select.e-widget.e-txt {
  color: #fff;
}

.e-unboundcelldiv input:focus {
  border: 0 !important;
}

.modal-footer {
  margin-top: 0;
  padding: 20px;
}

.form-modal-section .input_td {
  float: none;
}

.form-modal-section {
  width: 33.3333%;
  float: left;
  vertical-align: bottom;
  margin: 10px 0;
}

.form-modal-section.section-md {
  width: 50%;
}

.form-modal-section.section-lg {
  width: 66.666%;
}

.form-modal-section.section-full {
  width: 100%;
}

.section-full textarea {
  width: 100%;
  box-sizing: border-box;
  padding: 5px;
  color: #666;
  height: 165px;
}

.modal-dialog.modal-md {
  width: 60%;
}

.checkbox-modal-section input[type=checkbox] {
  float: left;
  margin: 5px 10px 0 0;
}

.checkboxes {
  padding: 20px;
  border-bottom: 1px solid #DADADA;
}

.checkboxes input.text-input {
  width: 100%;
}

.other-chbx-section {
  margin-top: 20px;
}

.sub-checkboxes {
  width: 56px;
  display: inline-block;
  margin: 10px;
}

.checkbox-modal-section {
  padding: 0 10px;
}

.checkbox-modal-section label {
  text-align: justify;
}

.sub-chbx-section {
  margin: 20px 0 10px;
  width: 50%;
}

.modal-form-wrap {
  border-bottom: 1px solid #DADADA;
  padding: 10px 0 20px;
}

.modal-form-wrap.last {
  border-bottom: 0;
}

.form-modal-section .e-datetimepicker {
  width: 100% !important;
}

.form-modal-section span.e-datetimepicker.e-widget {
  width: 100%;
}

p.total-number {
  background: white;
  border: 1px solid #C0C0C0;
  padding: 5px 10px !important;
}

@-moz-document url-prefix() {
  p.total-number {
    background: white;
    border: 1px solid #C0C0C0;
    padding: 5px 10px;
    margin: 0;
    border: 0;
  }
}
.form-modal-section .e-datetimepicker {
  width: 100% !important;
  font-family: "Lora" serif;
  font-size: 12pt;
}

.form-modal-section .e-datepicker {
  width: 100% !important;
  font-family: "Lora" serif;
  font-size: 12pt;
}

.e-datetime-wrap.e-widget {
  width: 100% !important;
}

span.e-datewidget.e-widget {
  width: 100% !important;
}

.e-datetime-wrap {
  height: 35px !important;
}

.checkbox-modal-section .form-section {
  width: 32%;
  min-height: 0 !important;
}

/* Calculator View Modal */
.modal-content .results-area {
  margin: 0;
}

.checkboxes.three-column-list.header {
  border-bottom: 1px solid #DADADA !important;
  padding-bottom: 0 !important;
  margin: 25px 0 10px !important;
}

.checkboxes.three-column-list {
  padding: 5px 20px !important;
  border: 0 !important;
}

h4.checkbox-header {
  margin-bottom: 0 !important;
}

.checkboxes.three-column-list .form-section {
  vertical-align: bottom;
}

.other-write-in {
  float: left;
  margin-left: 15px;
  width: 45%;
  min-width: 0;
}

.checkbox-modal-section label {
  text-align: justify;
  float: left;
  max-width: 92%;
}

.form-section.section-lg.right-column-section {
  margin-left: 50%;
}

.form-section.section-lg.right-column-section.short {
  min-height: 50px !important;
}

.category.select-btn-wrap {
  width: 33%;
}

td.name-of-Report {
  text-align: left;
}

.report-modal-table-wrap {
  margin-top: 30px;
}

.report-modal-table-wrap table {
  border: 1px solid #C0C0C0;
}

td.report-dscptn {
  text-align: left;
  padding: 10px 20px;
  white-space: normal !important;
}

.report-modal-table th {
  white-space: pre;
  padding: 20px 20px 5px;
}

.modal .accordion-group.form-segment-wraps {
  padding: 0 20px;
  margin: 0 -15px;
  background: transparent;
}

.accordion, .accordion-group {
  padding: 0px !important;
}
.accordion .accordion-group.form-segment-wraps, .accordion-group .accordion-group.form-segment-wraps {
  padding: 0px !important;
}
.accordion .accordion-heading, .accordion-group .accordion-heading {
  background-color: #fff;
  padding: 5px 20px;
  border-bottom: 1px solid #d2d2d2;
}
.accordion .accordion-heading-alt, .accordion-group .accordion-heading-alt {
  background-color: #eeeeee !important;
}

.accordion-inner.accordion-form.last {
  padding-bottom: 1px !important;
}

.modal-form-wrap.no-bottom-border.no-padding-bottom {
  padding-bottom: 0;
}

.modal-body.no-padding-bottom {
  padding-bottom: 0;
}

.modal h3.form-sections-title.collapsable-title {
  margin: 0 -20px;
  padding: 15px 36px;
  color: #888;
  border-top: none;
}

.modal-accordion-section-wrap {
  margin-top: 20px;
}

.modal span.arrow {
  margin-right: 20px;
  background-color: white;
  border: 2px solid white;
  border-radius: 13px;
  margin-top: 12px;
  z-index: 99999;
}
@media (min-width: 1440px) {
  .modal span.arrow {
    left: 0.5em;
  }
}

.modal .modal-lg .upload-files-wrap {
  width: 70%;
  max-width: 500px;
}

.modal .modal-lg .centered-modal-form-section.no-margin-bottom.no-bottom-border {
  padding: 40px 0px;
}

.modal .modal-lg .centered-modal-form-section.no-margin-bottom.no-bottom-border.half-width {
  width: 49.5%;
  border-top: 0;
  padding-top: 0;
  display: inline-block;
  vertical-align: top;
  margin-top: 6px;
}

.modal .form-section {
  vertical-align: top;
}

.left-aligned-doc-tag-section {
  padding: 25px 15px;
  margin: 25px 0 0;
  border-top: 1px solid #DADADA;
  border-bottom: 1px solid #DADADA;
}

ul.faux-tags.performance-doc-tags {
  margin: 20px;
}

.modal-check-box .small-checkbox-wrap {
  margin: 0;
  width: 50%;
  padding: 0;
}

.modal-small-checkbox-wrap .input_td {
  display: inline-block;
  width: 15px;
  margin-right: 0;
}

.modal-small-checkbox-wrap .label_td {
  display: inline-block;
  padding: 0;
}

.modal-small-checkbox-wrap .label_td label {
  text-align: left;
  padding: 0;
}

.modal-check-box.sm-wrap {
  margin: 20px 9px 20px;
  width: 50%;
}

.init-test-checkboxes.modal-check-box.sm-wrap {
  width: 115px;
  padding: 7px 20px 5px;
  background: #f1f1f1;
  border-radius: 5px;
  border: 1px solid #c0c0c0;
  display: inline-block;
}

.final-test-checkboxes.modal-check-box.sm-wrap {
  width: 100%;
  padding: 7px 20px 5px;
  background: #8F8F8F;
  display: inline-block;
  margin: 0;
  box-sizing: border-box;
}

.final-test-checkboxes .modal-small-checkbox-wrap .label_td label {
  color: #fff;
}

.form-section.checkbox-area.modal-check-sm {
  width: 100% !important;
}

.final-test-checkboxes .form-section.checkbox-area.modal-check-sm {
  width: 48% !important;
  text-align: center;
  padding: 0;
}

.modal-btn {
  cursor: pointer;
}

.modal hr {
  border-color: #dadada;
}

.tag-modal-form-section {
  padding: 30px 10px 0;
}

h3.sub-title-blue {
  margin-bottom: 20px;
  color: #0099cc;
  font-weight: 600;
  font-size: 14pt;
}

@media (max-width: 955px) {
  .modal-content #results > div.source-wrap.result_box {
    width: 100% !important;
  }
  .modal-content #nspsIIIISection {
    display: inline-block;
    width: 100%;
    float: none;
  }
  .modal-content #neshap_zzzz {
    float: none;
    width: 100%;
  }
  .modal-content #results .result_box {
    width: 100%;
  }
  #neshap_zzzz > div {
    border-left: 0 !important;
  }
  #results .result_box .result_details {
    height: auto !important;
  }
}
@media (max-width: 850px) {
  .modal-dialog.modal-md {
    width: 90%;
  }
}
@media (max-width: 768px) {
  .modal-dialog {
    margin: 50px auto 10px !important;
  }
  .modal-dialog.modal-lg {
    width: 95% !important;
    margin: 50px auto !important;
  }
  .modal-dialog.modal-md {
    width: 95%;
  }
  .form-section.pollutantWrapper {
    width: 49.5%;
  }
  .form-section.limitWrapper {
    width: 49.5%;
  }
  .form-section.uomWrapper {
    width: 100%;
  }
  .remove-row-inline-style {
    margin: 63px 0 0 !important;
  }
}
@media (max-width: 600px) {
  .form-section.pollutantWrapper {
    width: 100%;
  }
  .form-section.limitWrapper {
    width: 100%;
  }
  .remove-row-inline-style {
    margin: 63px 0 0 !important;
  }
  .remove-row-inline-style {
    display: block !important;
    margin: 0px 2% 36px !important;
    width: 98% !important;
  }
  .removeRow.remove-row-icon, .removeRowSec.remove-row-icon {
    float: right;
    margin-right: 2%;
    width: 30px !important;
    height: 30px !important;
    font-size: 20pt;
    line-height: 19pt !important;
    border-radius: 18px !important;
  }
  .pollutantRowWrapper {
    margin: 0 !important;
    width: 100% !important;
  }
  .polutant-section-wrapper {
    width: 100% !important;
  }
}
@media (max-width: 550px) {
  .checkbox-modal-section label {
    max-width: 89%;
  }
  .form-modal-section.section-md {
    width: 100%;
  }
}
@media (max-width: 350px) {
  .checkbox-modal-section label {
    max-width: 85%;
  }
}
/* FONTS */
/* COLORS */
/* BORDERS */
.text-align-right {
  text-align: right;
}

.no-margin {
  margin: 0 !important;
}

.margin-top-negative-50 {
  margin-top: -50px !important;
}

.margin-top-5 {
  margin-top: 5px !important;
}

.margin-top-10 {
  margin-top: 10px !important;
}

.margin-top-15 {
  margin-top: 15px !important;
}

.margin-top-20 {
  margin-top: 20px !important;
}

.margin-top-25 {
  margin-top: 25px !important;
}

.margin-top-30 {
  margin-top: 30px !important;
}

.margin-top-40 {
  margin-top: 40px !important;
}

.margin-top-45 {
  margin-top: 45px !important;
}

.margin-top-50 {
  margin-top: 50px !important;
}

.margin-top-60 {
  margin-top: 60px !important;
}

.margin-top-70 {
  margin-top: 70px !important;
}

.margin-top-75 {
  margin-top: 75px !important;
}

.margin-top-80 {
  margin-top: 80px !important;
}

.margin-top-100 {
  margin-top: 100px !important;
}

.margin-bottom-10 {
  margin-bottom: 10px !important;
}

.margin-bottom-20 {
  margin-bottom: 20px !important;
}

.margin-bottom-25 {
  margin-bottom: 25px !important;
}

.margin-bottom-30 {
  margin-bottom: 30px !important;
}

.margin-bottom-40 {
  margin-bottom: 40px !important;
}

.margin-bottom-50 {
  margin-bottom: 50px !important;
}

.margin-bottom-60 {
  margin-bottom: 60px !important;
}

.margin-bottom-70 {
  margin-bottom: 70px !important;
}

.margin-bottom-75 {
  margin-bottom: 75px !important;
}

.margin-bottom-80 {
  margin-bottom: 80px !important;
}

.margin-bottom-100 {
  margin-bottom: 100px !important;
}

.margin-left-10 {
  margin-left: 10px !important;
}

.margin-left-20 {
  margin-left: 20px !important;
}

.margin-left-25 {
  margin-left: 25px !important;
}

.margin-left-30 {
  margin-left: 30px !important;
}

.margin-left-40 {
  margin-left: 40px !important;
}

.margin-left-50 {
  margin-left: 50px !important;
}

.margin-left-60 {
  margin-left: 60px !important;
}

.margin-left-70 {
  margin-left: 70px !important;
}

.margin-left-75 {
  margin-left: 75px !important;
}

.margin-left-80 {
  margin-left: 80px !important;
}

.margin-left-100 {
  margin-left: 100px !important;
}

.no-margin-right {
  margin-right: 0 !important;
}

.margin-right-10 {
  margin-right: 10px !important;
}

.margin-right-20 {
  margin-right: 20px !important;
}

.margin-right-25 {
  margin-right: 25px !important;
}

.margin-right-30 {
  margin-right: 30px !important;
}

.margin-right-40 {
  margin-right: 40px !important;
}

.margin-right-50 {
  margin-right: 50px !important;
}

.margin-right-60 {
  margin-right: 60px !important;
}

.margin-right-70 {
  margin-right: 70px !important;
}

.margin-right-75 {
  margin-right: 75px !important;
}

.margin-right-80 {
  margin-right: 80px !important;
}

.margin-right-100 {
  margin-right: 100px !important;
}

.margin-10 {
  margin: 10px !important;
}

.margin-20 {
  margin: 20px !important;
}

.margin-25 {
  margin: 25px !important;
}

.margin-30 {
  margin: 30px !important;
}

.margin-40 {
  margin: 40px !important;
}

.margin-50 {
  margin: 50px !important;
}

.margin-60 {
  margin: 60px !important;
}

.margin-70 {
  margin: 70px !important;
}

.margin-75 {
  margin: 75px !important;
}

.margin-80 {
  margin: 80px !important;
}

.margin-100 {
  margin: 100px !important;
}

.minus-content-padding-margin {
  margin: 0 -10px !important;
}
.minus-content-padding-margin .row {
  padding: 0 20px;
}

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

.padding-top-0 {
  padding-top: 0 !important;
}

.padding-top-10 {
  padding-top: 10px !important;
}

.padding-top-20 {
  padding-top: 20px !important;
}

.padding-top-25 {
  padding-top: 25px !important;
}

.padding-top-30 {
  padding-top: 30px !important;
}

.padding-top-40 {
  padding-top: 40px !important;
}

.padding-top-50 {
  padding-top: 50px !important;
}

.padding-top-60 {
  padding-top: 60px !important;
}

.padding-top-70 {
  padding-top: 70px !important;
}

.padding-top-75 {
  padding-top: 75px !important;
}

.padding-top-80 {
  padding-top: 80px !important;
}

.padding-top-100 {
  padding-top: 100px !important;
}

.padding-bottom-0 {
  padding-bottom: 0;
}

.padding-bottom-10 {
  padding-bottom: 10px !important;
}

.padding-bottom-15 {
  padding-bottom: 15px !important;
}

.padding-bottom-20 {
  padding-bottom: 20px !important;
}

.padding-bottom-25 {
  padding-bottom: 25px !important;
}

.padding-bottom-30 {
  padding-bottom: 30px !important;
}

.padding-bottom-40 {
  padding-bottom: 40px !important;
}

.padding-bottom-50 {
  padding-bottom: 50px !important;
}

.padding-bottom-60 {
  padding-bottom: 60px !important;
}

.padding-bottom-70 {
  padding-bottom: 70px !important;
}

.padding-bottom-75 {
  padding-bottom: 75px !important;
}

.padding-bottom-80 {
  padding-bottom: 80px !important;
}

.padding-bottom-100 {
  padding-bottom: 100px !important;
}

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

.padding-left-10 {
  padding-left: 10px !important;
}

.padding-left-20 {
  padding-left: 20px !important;
}

.padding-left-25 {
  padding-left: 25px !important;
}

.padding-left-30 {
  padding-left: 30px !important;
}

.padding-left-40 {
  padding-left: 40px !important;
}

.padding-left-50 {
  padding-left: 50px !important;
}

.padding-left-60 {
  padding-left: 60px !important;
}

.padding-left-70 {
  padding-left: 70px !important;
}

.padding-left-75 {
  padding-left: 75px !important;
}

.padding-left-80 {
  padding-left: 80px !important;
}

.padding-left-100 {
  padding-left: 100px !important;
}

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

.padding-right-10 {
  padding-right: 10px !important;
}

.padding-right-20 {
  padding-right: 20px !important;
}

.padding-right-25 {
  padding-right: 25px !important;
}

.padding-right-30 {
  padding-right: 30px !important;
}

.padding-right-40 {
  padding-right: 40px !important;
}

.padding-right-50 {
  padding-right: 50px !important;
}

.padding-right-60 {
  padding-right: 60px !important;
}

.padding-right-70 {
  padding-right: 70px !important;
}

.padding-right-75 {
  padding-right: 75px !important;
}

.padding-right-80 {
  padding-right: 80px !important;
}

.padding-right-100 {
  padding-right: 100px !important;
}

.padding-10 {
  padding: 10px !important;
}

.padding-15 {
  padding: 15px !important;
}

.padding-20 {
  padding: 20px !important;
}

.padding-25 {
  padding: 25px !important;
}

.padding-30 {
  padding: 30px !important;
}

.padding-40 {
  padding: 40px !important;
}

.padding-50 {
  padding: 50px !important;
}

.padding-60 {
  padding: 60px !important;
}

.padding-70 {
  padding: 70px !important;
}

.padding-75 {
  padding: 75px !important;
}

.padding-80 {
  padding: 80px !important;
}

.padding-100 {
  padding: 100px !important;
}

.width-full {
  width: 100% !important;
}

.margin-zero {
  margin: 0 !important;
}

.e-datepicker {
  border: 1px solid #C0C0C0 !important;
}

.btn-file {
  position: relative;
  overflow: hidden;
}
.btn-file input[type=file] {
  position: absolute;
  top: 0;
  right: 0;
  min-width: 100%;
  min-height: 100%;
  font-size: 100px;
  text-align: right;
  filter: alpha(opacity=0);
  opacity: 0;
  outline: none;
  background: white;
  cursor: inherit;
  display: block;
}

.input-group input.form-control {
  height: 22px;
  padding: 5px 6px;
}
.input-group input.form-control:focus {
  outline: 0 !important;
  box-shadow: none !important;
}

.btn.btn-default {
  font-family: "Open sans", sans-serif;
}
.btn.btn-default a {
  font-family: "Open sans", sans-serif;
}
.btn.btn-default:hover {
  background: #25A5D0;
}
.btn.btn-default.cancel-btn {
  background: #F47C43;
  border-color: #D56A37;
}
.btn.btn-default.cancel-btn:hover {
  background: #F58F5E;
}
.btn.btn-default.table-head-btn-gray {
  background: #fff;
  border-color: #CFCFCF;
  color: #0e4768;
  padding: 1px 10px;
  margin-right: 7px;
}
.btn.btn-default.table-head-btn-gray a {
  color: #0099cc;
}
.btn.btn-default.table-head-btn-gray:hover {
  background: #fff;
  color: #0e4768;
}
.btn.btn-default.table-head-btn-gray:hover a {
  color: #0e4768;
}

/* Switch Button Styles */
button.btn.btn-default {
  background: #0099cc;
  color: white;
  border-color: #037EA8;
  min-width: 78px;
}
button.btn.btn-default.update-engine {
  margin-right: 10px;
}
button.btn.btn-default.orange-btn {
  background: #F47C43;
  border-color: #D56A37;
}
button.btn.switch-btn.btn-default {
  background: #fff;
  color: #0A4668;
  font-family: "Open sans", sans-serif;
  font-weight: 500;
  min-width: 0;
  box-shadow: inset -1px 1px 2px rgba(0, 0, 0, 0.1);
  -webkit-box-shadow: inset -1px 1px 2px rgba(0, 0, 0, 0.1);
  -moz-box-shadow: inset -1px 1px 2px rgba(0, 0, 0, 0.1);
  border-color: #0A4668;
}
button.btn.switch-btn.btn-default.active.btn-primary {
  box-shadow: inset 0px -1px 2px rgba(0, 0, 0, 0.2);
  -webkit-box-shadow: inset 0px -1px 2px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: inset 0px -1px 2px rgba(0, 0, 0, 0.2);
  font-weight: 700;
}
button.btn.btn-primary.btn-on.active {
  background: #0099cc;
}
button.btn.btn-primary.btn-off.active {
  background: #F47C43;
}
button.btn.modal-switch-btn.btn-default {
  background: #fff;
  color: #0A4668;
  font-family: "Open sans", sans-serif;
  font-weight: 500;
  min-width: 0;
  box-shadow: inset -1px 1px 2px rgba(0, 0, 0, 0.1);
  -webkit-box-shadow: inset -1px 1px 2px rgba(0, 0, 0, 0.1);
  -moz-box-shadow: inset -1px 1px 2px rgba(0, 0, 0, 0.1);
  border-color: #0A4668;
}
button.btn.modal-switch-btn.btn-default.active.btn-primary {
  box-shadow: inset 0px -1px 2px rgba(0, 0, 0, 0.2);
  -webkit-box-shadow: inset 0px -1px 2px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: inset 0px -1px 2px rgba(0, 0, 0, 0.2);
  font-weight: 700;
}

.dataTables_filter input[type=search] {
  border: 1px solid #c0c0c0 !important;
}

:after, :before {
  box-sizing: initial;
}

* {
  box-sizing: initial;
}

.bootstrap-switch {
  margin: 5px;
}

.bootstrap-switch .bootstrap-switch-handle-off, .bootstrap-switch .bootstrap-switch-handle-on, .bootstrap-switch .bootstrap-switch-label {
  padding: 5px !important;
}

@media screen and (min-width: 768px) {
  .modal-dialog {
    width: 600px;
    margin: 50px auto;
  }
}
.row.no-gutters > [class*=col-] {
  padding-left: 0 !important;
  padding-right: 0 !important;
}

.dropzone {
  border: 3px dotted #C7E0E8 !important;
}

.dropzone-wrapper {
  border: 1px solid #c0c0c0;
}

/* FONTS */
/* COLORS */
/* BORDERS */
.text-align-right {
  text-align: right;
}

.no-margin {
  margin: 0 !important;
}

.margin-top-negative-50 {
  margin-top: -50px !important;
}

.margin-top-5 {
  margin-top: 5px !important;
}

.margin-top-10 {
  margin-top: 10px !important;
}

.margin-top-15 {
  margin-top: 15px !important;
}

.margin-top-20 {
  margin-top: 20px !important;
}

.margin-top-25 {
  margin-top: 25px !important;
}

.margin-top-30 {
  margin-top: 30px !important;
}

.margin-top-40 {
  margin-top: 40px !important;
}

.margin-top-45 {
  margin-top: 45px !important;
}

.margin-top-50 {
  margin-top: 50px !important;
}

.margin-top-60 {
  margin-top: 60px !important;
}

.margin-top-70 {
  margin-top: 70px !important;
}

.margin-top-75 {
  margin-top: 75px !important;
}

.margin-top-80 {
  margin-top: 80px !important;
}

.margin-top-100 {
  margin-top: 100px !important;
}

.margin-bottom-10 {
  margin-bottom: 10px !important;
}

.margin-bottom-20 {
  margin-bottom: 20px !important;
}

.margin-bottom-25 {
  margin-bottom: 25px !important;
}

.margin-bottom-30 {
  margin-bottom: 30px !important;
}

.margin-bottom-40 {
  margin-bottom: 40px !important;
}

.margin-bottom-50 {
  margin-bottom: 50px !important;
}

.margin-bottom-60 {
  margin-bottom: 60px !important;
}

.margin-bottom-70 {
  margin-bottom: 70px !important;
}

.margin-bottom-75 {
  margin-bottom: 75px !important;
}

.margin-bottom-80 {
  margin-bottom: 80px !important;
}

.margin-bottom-100 {
  margin-bottom: 100px !important;
}

.margin-left-10 {
  margin-left: 10px !important;
}

.margin-left-20 {
  margin-left: 20px !important;
}

.margin-left-25 {
  margin-left: 25px !important;
}

.margin-left-30 {
  margin-left: 30px !important;
}

.margin-left-40 {
  margin-left: 40px !important;
}

.margin-left-50 {
  margin-left: 50px !important;
}

.margin-left-60 {
  margin-left: 60px !important;
}

.margin-left-70 {
  margin-left: 70px !important;
}

.margin-left-75 {
  margin-left: 75px !important;
}

.margin-left-80 {
  margin-left: 80px !important;
}

.margin-left-100 {
  margin-left: 100px !important;
}

.no-margin-right {
  margin-right: 0 !important;
}

.margin-right-10 {
  margin-right: 10px !important;
}

.margin-right-20 {
  margin-right: 20px !important;
}

.margin-right-25 {
  margin-right: 25px !important;
}

.margin-right-30 {
  margin-right: 30px !important;
}

.margin-right-40 {
  margin-right: 40px !important;
}

.margin-right-50 {
  margin-right: 50px !important;
}

.margin-right-60 {
  margin-right: 60px !important;
}

.margin-right-70 {
  margin-right: 70px !important;
}

.margin-right-75 {
  margin-right: 75px !important;
}

.margin-right-80 {
  margin-right: 80px !important;
}

.margin-right-100 {
  margin-right: 100px !important;
}

.margin-10 {
  margin: 10px !important;
}

.margin-20 {
  margin: 20px !important;
}

.margin-25 {
  margin: 25px !important;
}

.margin-30 {
  margin: 30px !important;
}

.margin-40 {
  margin: 40px !important;
}

.margin-50 {
  margin: 50px !important;
}

.margin-60 {
  margin: 60px !important;
}

.margin-70 {
  margin: 70px !important;
}

.margin-75 {
  margin: 75px !important;
}

.margin-80 {
  margin: 80px !important;
}

.margin-100 {
  margin: 100px !important;
}

.minus-content-padding-margin {
  margin: 0 -10px !important;
}
.minus-content-padding-margin .row {
  padding: 0 20px;
}

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

.padding-top-0 {
  padding-top: 0 !important;
}

.padding-top-10 {
  padding-top: 10px !important;
}

.padding-top-20 {
  padding-top: 20px !important;
}

.padding-top-25 {
  padding-top: 25px !important;
}

.padding-top-30 {
  padding-top: 30px !important;
}

.padding-top-40 {
  padding-top: 40px !important;
}

.padding-top-50 {
  padding-top: 50px !important;
}

.padding-top-60 {
  padding-top: 60px !important;
}

.padding-top-70 {
  padding-top: 70px !important;
}

.padding-top-75 {
  padding-top: 75px !important;
}

.padding-top-80 {
  padding-top: 80px !important;
}

.padding-top-100 {
  padding-top: 100px !important;
}

.padding-bottom-0 {
  padding-bottom: 0;
}

.padding-bottom-10 {
  padding-bottom: 10px !important;
}

.padding-bottom-15 {
  padding-bottom: 15px !important;
}

.padding-bottom-20 {
  padding-bottom: 20px !important;
}

.padding-bottom-25 {
  padding-bottom: 25px !important;
}

.padding-bottom-30 {
  padding-bottom: 30px !important;
}

.padding-bottom-40 {
  padding-bottom: 40px !important;
}

.padding-bottom-50 {
  padding-bottom: 50px !important;
}

.padding-bottom-60 {
  padding-bottom: 60px !important;
}

.padding-bottom-70 {
  padding-bottom: 70px !important;
}

.padding-bottom-75 {
  padding-bottom: 75px !important;
}

.padding-bottom-80 {
  padding-bottom: 80px !important;
}

.padding-bottom-100 {
  padding-bottom: 100px !important;
}

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

.padding-left-10 {
  padding-left: 10px !important;
}

.padding-left-20 {
  padding-left: 20px !important;
}

.padding-left-25 {
  padding-left: 25px !important;
}

.padding-left-30 {
  padding-left: 30px !important;
}

.padding-left-40 {
  padding-left: 40px !important;
}

.padding-left-50 {
  padding-left: 50px !important;
}

.padding-left-60 {
  padding-left: 60px !important;
}

.padding-left-70 {
  padding-left: 70px !important;
}

.padding-left-75 {
  padding-left: 75px !important;
}

.padding-left-80 {
  padding-left: 80px !important;
}

.padding-left-100 {
  padding-left: 100px !important;
}

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

.padding-right-10 {
  padding-right: 10px !important;
}

.padding-right-20 {
  padding-right: 20px !important;
}

.padding-right-25 {
  padding-right: 25px !important;
}

.padding-right-30 {
  padding-right: 30px !important;
}

.padding-right-40 {
  padding-right: 40px !important;
}

.padding-right-50 {
  padding-right: 50px !important;
}

.padding-right-60 {
  padding-right: 60px !important;
}

.padding-right-70 {
  padding-right: 70px !important;
}

.padding-right-75 {
  padding-right: 75px !important;
}

.padding-right-80 {
  padding-right: 80px !important;
}

.padding-right-100 {
  padding-right: 100px !important;
}

.padding-10 {
  padding: 10px !important;
}

.padding-15 {
  padding: 15px !important;
}

.padding-20 {
  padding: 20px !important;
}

.padding-25 {
  padding: 25px !important;
}

.padding-30 {
  padding: 30px !important;
}

.padding-40 {
  padding: 40px !important;
}

.padding-50 {
  padding: 50px !important;
}

.padding-60 {
  padding: 60px !important;
}

.padding-70 {
  padding: 70px !important;
}

.padding-75 {
  padding: 75px !important;
}

.padding-80 {
  padding: 80px !important;
}

.padding-100 {
  padding: 100px !important;
}

.width-full {
  width: 100% !important;
}

.margin-zero {
  margin: 0 !important;
}

.canvas-holder {
  width: 70%;
  margin: 15px auto;
}

.dash-col {
  padding: 0 20px;
  float: left;
  width: 50%;
  margin: 20px 0;
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -o-box-sizing: border-box;
}
.dash-col .legend {
  cursor: default;
}
.dash-col .legend > ul {
  list-style: none;
  margin: 0 auto;
  width: 40%;
}
.dash-col .legend > ul > li {
  display: flex;
  align-items: center;
}
.dash-col .legend .circle {
  width: 11px;
  height: 11px;
  border-radius: 50%;
  display: inline-block;
  margin-right: 10px;
}

.dash-col path {
  stroke: #f6f6f6;
  stroke-width: 3px;
}

ul.doughnut-legend {
  position: relative;
  margin: 0 auto;
  width: 265px;
  padding: 0;
}

#my-location-legend ul.doughnut-legend {
  width: 165px;
}

.doughnut-legend li {
  display: inline-block;
  margin: 10px;
  color: #333;
  font-family: "Lora" serif;
  font-size: 10pt;
}

.comm-how {
  display: inline-block;
  margin-left: 10px;
}

.doughnut-legend span {
  height: 15px;
  width: 15px;
  display: inline-block;
  vertical-align: sub;
}

canvas#chart-area {
  width: 100% !important;
  height: 100% !important;
}

.chart-wrap.left-border {
  border-color: #DADADA;
}

/* FONTS */
/* COLORS */
/* BORDERS */
.text-align-right {
  text-align: right;
}

.no-margin {
  margin: 0 !important;
}

.margin-top-negative-50 {
  margin-top: -50px !important;
}

.margin-top-5 {
  margin-top: 5px !important;
}

.margin-top-10 {
  margin-top: 10px !important;
}

.margin-top-15 {
  margin-top: 15px !important;
}

.margin-top-20 {
  margin-top: 20px !important;
}

.margin-top-25 {
  margin-top: 25px !important;
}

.margin-top-30 {
  margin-top: 30px !important;
}

.margin-top-40 {
  margin-top: 40px !important;
}

.margin-top-45 {
  margin-top: 45px !important;
}

.margin-top-50 {
  margin-top: 50px !important;
}

.margin-top-60 {
  margin-top: 60px !important;
}

.margin-top-70 {
  margin-top: 70px !important;
}

.margin-top-75 {
  margin-top: 75px !important;
}

.margin-top-80 {
  margin-top: 80px !important;
}

.margin-top-100 {
  margin-top: 100px !important;
}

.margin-bottom-10 {
  margin-bottom: 10px !important;
}

.margin-bottom-20 {
  margin-bottom: 20px !important;
}

.margin-bottom-25 {
  margin-bottom: 25px !important;
}

.margin-bottom-30 {
  margin-bottom: 30px !important;
}

.margin-bottom-40 {
  margin-bottom: 40px !important;
}

.margin-bottom-50 {
  margin-bottom: 50px !important;
}

.margin-bottom-60 {
  margin-bottom: 60px !important;
}

.margin-bottom-70 {
  margin-bottom: 70px !important;
}

.margin-bottom-75 {
  margin-bottom: 75px !important;
}

.margin-bottom-80 {
  margin-bottom: 80px !important;
}

.margin-bottom-100 {
  margin-bottom: 100px !important;
}

.margin-left-10 {
  margin-left: 10px !important;
}

.margin-left-20 {
  margin-left: 20px !important;
}

.margin-left-25 {
  margin-left: 25px !important;
}

.margin-left-30 {
  margin-left: 30px !important;
}

.margin-left-40 {
  margin-left: 40px !important;
}

.margin-left-50 {
  margin-left: 50px !important;
}

.margin-left-60 {
  margin-left: 60px !important;
}

.margin-left-70 {
  margin-left: 70px !important;
}

.margin-left-75 {
  margin-left: 75px !important;
}

.margin-left-80 {
  margin-left: 80px !important;
}

.margin-left-100 {
  margin-left: 100px !important;
}

.no-margin-right {
  margin-right: 0 !important;
}

.margin-right-10 {
  margin-right: 10px !important;
}

.margin-right-20 {
  margin-right: 20px !important;
}

.margin-right-25 {
  margin-right: 25px !important;
}

.margin-right-30 {
  margin-right: 30px !important;
}

.margin-right-40 {
  margin-right: 40px !important;
}

.margin-right-50 {
  margin-right: 50px !important;
}

.margin-right-60 {
  margin-right: 60px !important;
}

.margin-right-70 {
  margin-right: 70px !important;
}

.margin-right-75 {
  margin-right: 75px !important;
}

.margin-right-80 {
  margin-right: 80px !important;
}

.margin-right-100 {
  margin-right: 100px !important;
}

.margin-10 {
  margin: 10px !important;
}

.margin-20 {
  margin: 20px !important;
}

.margin-25 {
  margin: 25px !important;
}

.margin-30 {
  margin: 30px !important;
}

.margin-40 {
  margin: 40px !important;
}

.margin-50 {
  margin: 50px !important;
}

.margin-60 {
  margin: 60px !important;
}

.margin-70 {
  margin: 70px !important;
}

.margin-75 {
  margin: 75px !important;
}

.margin-80 {
  margin: 80px !important;
}

.margin-100 {
  margin: 100px !important;
}

.minus-content-padding-margin {
  margin: 0 -10px !important;
}
.minus-content-padding-margin .row {
  padding: 0 20px;
}

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

.padding-top-0 {
  padding-top: 0 !important;
}

.padding-top-10 {
  padding-top: 10px !important;
}

.padding-top-20 {
  padding-top: 20px !important;
}

.padding-top-25 {
  padding-top: 25px !important;
}

.padding-top-30 {
  padding-top: 30px !important;
}

.padding-top-40 {
  padding-top: 40px !important;
}

.padding-top-50 {
  padding-top: 50px !important;
}

.padding-top-60 {
  padding-top: 60px !important;
}

.padding-top-70 {
  padding-top: 70px !important;
}

.padding-top-75 {
  padding-top: 75px !important;
}

.padding-top-80 {
  padding-top: 80px !important;
}

.padding-top-100 {
  padding-top: 100px !important;
}

.padding-bottom-0 {
  padding-bottom: 0;
}

.padding-bottom-10 {
  padding-bottom: 10px !important;
}

.padding-bottom-15 {
  padding-bottom: 15px !important;
}

.padding-bottom-20 {
  padding-bottom: 20px !important;
}

.padding-bottom-25 {
  padding-bottom: 25px !important;
}

.padding-bottom-30 {
  padding-bottom: 30px !important;
}

.padding-bottom-40 {
  padding-bottom: 40px !important;
}

.padding-bottom-50 {
  padding-bottom: 50px !important;
}

.padding-bottom-60 {
  padding-bottom: 60px !important;
}

.padding-bottom-70 {
  padding-bottom: 70px !important;
}

.padding-bottom-75 {
  padding-bottom: 75px !important;
}

.padding-bottom-80 {
  padding-bottom: 80px !important;
}

.padding-bottom-100 {
  padding-bottom: 100px !important;
}

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

.padding-left-10 {
  padding-left: 10px !important;
}

.padding-left-20 {
  padding-left: 20px !important;
}

.padding-left-25 {
  padding-left: 25px !important;
}

.padding-left-30 {
  padding-left: 30px !important;
}

.padding-left-40 {
  padding-left: 40px !important;
}

.padding-left-50 {
  padding-left: 50px !important;
}

.padding-left-60 {
  padding-left: 60px !important;
}

.padding-left-70 {
  padding-left: 70px !important;
}

.padding-left-75 {
  padding-left: 75px !important;
}

.padding-left-80 {
  padding-left: 80px !important;
}

.padding-left-100 {
  padding-left: 100px !important;
}

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

.padding-right-10 {
  padding-right: 10px !important;
}

.padding-right-20 {
  padding-right: 20px !important;
}

.padding-right-25 {
  padding-right: 25px !important;
}

.padding-right-30 {
  padding-right: 30px !important;
}

.padding-right-40 {
  padding-right: 40px !important;
}

.padding-right-50 {
  padding-right: 50px !important;
}

.padding-right-60 {
  padding-right: 60px !important;
}

.padding-right-70 {
  padding-right: 70px !important;
}

.padding-right-75 {
  padding-right: 75px !important;
}

.padding-right-80 {
  padding-right: 80px !important;
}

.padding-right-100 {
  padding-right: 100px !important;
}

.padding-10 {
  padding: 10px !important;
}

.padding-15 {
  padding: 15px !important;
}

.padding-20 {
  padding: 20px !important;
}

.padding-25 {
  padding: 25px !important;
}

.padding-30 {
  padding: 30px !important;
}

.padding-40 {
  padding: 40px !important;
}

.padding-50 {
  padding: 50px !important;
}

.padding-60 {
  padding: 60px !important;
}

.padding-70 {
  padding: 70px !important;
}

.padding-75 {
  padding: 75px !important;
}

.padding-80 {
  padding: 80px !important;
}

.padding-100 {
  padding: 100px !important;
}

.width-full {
  width: 100% !important;
}

.margin-zero {
  margin: 0 !important;
}

.tm-tag {
  padding: 4px 5px 5px;
  background: #0099cc;
  margin-right: 5px;
  color: white;
  border-radius: 5px;
  border: 0;
  box-shadow: none;
  font-family: "Open sans", sans-serif;
  font-weight: 600;
  font-size: 11pt;
}

.tm-tag .tm-tag-remove {
  color: white;
  padding: 0 5px 0 5px;
  opacity: 1;
  font-family: "Open sans", sans-serif;
}

.tm-tag span {
  padding: 0 5px 0;
}

.tm-tag .tm-tag-remove:hover {
  color: #FFFFFF;
  text-decoration: none;
  opacity: 0.8;
}

/* Faux Tags */
.faux-tag {
  padding: 4px 10px 5px;
  background: #0099cc;
  color: white;
  border-radius: 5px;
  border: 0;
  box-shadow: none;
  font-family: "Open sans", sans-serif;
  font-weight: 600;
  font-size: 11pt;
  display: inline-block;
  margin: 2px 2px;
}

span.remove-tag {
  margin-left: 10px;
  cursor: pointer;
}

@-moz-document url-prefix() {
  /* firefox-only css goes here */
  input.tm-input[type=text] {
    border: 1px solid #c0c0c0 !important;
  }
}
/* FONTS */
/* COLORS */
/* BORDERS */
.text-align-right {
  text-align: right;
}

.no-margin {
  margin: 0 !important;
}

.margin-top-negative-50 {
  margin-top: -50px !important;
}

.margin-top-5 {
  margin-top: 5px !important;
}

.margin-top-10 {
  margin-top: 10px !important;
}

.margin-top-15 {
  margin-top: 15px !important;
}

.margin-top-20 {
  margin-top: 20px !important;
}

.margin-top-25 {
  margin-top: 25px !important;
}

.margin-top-30 {
  margin-top: 30px !important;
}

.margin-top-40 {
  margin-top: 40px !important;
}

.margin-top-45 {
  margin-top: 45px !important;
}

.margin-top-50 {
  margin-top: 50px !important;
}

.margin-top-60 {
  margin-top: 60px !important;
}

.margin-top-70 {
  margin-top: 70px !important;
}

.margin-top-75 {
  margin-top: 75px !important;
}

.margin-top-80 {
  margin-top: 80px !important;
}

.margin-top-100 {
  margin-top: 100px !important;
}

.margin-bottom-10 {
  margin-bottom: 10px !important;
}

.margin-bottom-20 {
  margin-bottom: 20px !important;
}

.margin-bottom-25 {
  margin-bottom: 25px !important;
}

.margin-bottom-30 {
  margin-bottom: 30px !important;
}

.margin-bottom-40 {
  margin-bottom: 40px !important;
}

.margin-bottom-50 {
  margin-bottom: 50px !important;
}

.margin-bottom-60 {
  margin-bottom: 60px !important;
}

.margin-bottom-70 {
  margin-bottom: 70px !important;
}

.margin-bottom-75 {
  margin-bottom: 75px !important;
}

.margin-bottom-80 {
  margin-bottom: 80px !important;
}

.margin-bottom-100 {
  margin-bottom: 100px !important;
}

.margin-left-10 {
  margin-left: 10px !important;
}

.margin-left-20 {
  margin-left: 20px !important;
}

.margin-left-25 {
  margin-left: 25px !important;
}

.margin-left-30 {
  margin-left: 30px !important;
}

.margin-left-40 {
  margin-left: 40px !important;
}

.margin-left-50 {
  margin-left: 50px !important;
}

.margin-left-60 {
  margin-left: 60px !important;
}

.margin-left-70 {
  margin-left: 70px !important;
}

.margin-left-75 {
  margin-left: 75px !important;
}

.margin-left-80 {
  margin-left: 80px !important;
}

.margin-left-100 {
  margin-left: 100px !important;
}

.no-margin-right {
  margin-right: 0 !important;
}

.margin-right-10 {
  margin-right: 10px !important;
}

.margin-right-20 {
  margin-right: 20px !important;
}

.margin-right-25 {
  margin-right: 25px !important;
}

.margin-right-30 {
  margin-right: 30px !important;
}

.margin-right-40 {
  margin-right: 40px !important;
}

.margin-right-50 {
  margin-right: 50px !important;
}

.margin-right-60 {
  margin-right: 60px !important;
}

.margin-right-70 {
  margin-right: 70px !important;
}

.margin-right-75 {
  margin-right: 75px !important;
}

.margin-right-80 {
  margin-right: 80px !important;
}

.margin-right-100 {
  margin-right: 100px !important;
}

.margin-10 {
  margin: 10px !important;
}

.margin-20 {
  margin: 20px !important;
}

.margin-25 {
  margin: 25px !important;
}

.margin-30 {
  margin: 30px !important;
}

.margin-40 {
  margin: 40px !important;
}

.margin-50 {
  margin: 50px !important;
}

.margin-60 {
  margin: 60px !important;
}

.margin-70 {
  margin: 70px !important;
}

.margin-75 {
  margin: 75px !important;
}

.margin-80 {
  margin: 80px !important;
}

.margin-100 {
  margin: 100px !important;
}

.minus-content-padding-margin {
  margin: 0 -10px !important;
}
.minus-content-padding-margin .row {
  padding: 0 20px;
}

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

.padding-top-0 {
  padding-top: 0 !important;
}

.padding-top-10 {
  padding-top: 10px !important;
}

.padding-top-20 {
  padding-top: 20px !important;
}

.padding-top-25 {
  padding-top: 25px !important;
}

.padding-top-30 {
  padding-top: 30px !important;
}

.padding-top-40 {
  padding-top: 40px !important;
}

.padding-top-50 {
  padding-top: 50px !important;
}

.padding-top-60 {
  padding-top: 60px !important;
}

.padding-top-70 {
  padding-top: 70px !important;
}

.padding-top-75 {
  padding-top: 75px !important;
}

.padding-top-80 {
  padding-top: 80px !important;
}

.padding-top-100 {
  padding-top: 100px !important;
}

.padding-bottom-0 {
  padding-bottom: 0;
}

.padding-bottom-10 {
  padding-bottom: 10px !important;
}

.padding-bottom-15 {
  padding-bottom: 15px !important;
}

.padding-bottom-20 {
  padding-bottom: 20px !important;
}

.padding-bottom-25 {
  padding-bottom: 25px !important;
}

.padding-bottom-30 {
  padding-bottom: 30px !important;
}

.padding-bottom-40 {
  padding-bottom: 40px !important;
}

.padding-bottom-50 {
  padding-bottom: 50px !important;
}

.padding-bottom-60 {
  padding-bottom: 60px !important;
}

.padding-bottom-70 {
  padding-bottom: 70px !important;
}

.padding-bottom-75 {
  padding-bottom: 75px !important;
}

.padding-bottom-80 {
  padding-bottom: 80px !important;
}

.padding-bottom-100 {
  padding-bottom: 100px !important;
}

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

.padding-left-10 {
  padding-left: 10px !important;
}

.padding-left-20 {
  padding-left: 20px !important;
}

.padding-left-25 {
  padding-left: 25px !important;
}

.padding-left-30 {
  padding-left: 30px !important;
}

.padding-left-40 {
  padding-left: 40px !important;
}

.padding-left-50 {
  padding-left: 50px !important;
}

.padding-left-60 {
  padding-left: 60px !important;
}

.padding-left-70 {
  padding-left: 70px !important;
}

.padding-left-75 {
  padding-left: 75px !important;
}

.padding-left-80 {
  padding-left: 80px !important;
}

.padding-left-100 {
  padding-left: 100px !important;
}

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

.padding-right-10 {
  padding-right: 10px !important;
}

.padding-right-20 {
  padding-right: 20px !important;
}

.padding-right-25 {
  padding-right: 25px !important;
}

.padding-right-30 {
  padding-right: 30px !important;
}

.padding-right-40 {
  padding-right: 40px !important;
}

.padding-right-50 {
  padding-right: 50px !important;
}

.padding-right-60 {
  padding-right: 60px !important;
}

.padding-right-70 {
  padding-right: 70px !important;
}

.padding-right-75 {
  padding-right: 75px !important;
}

.padding-right-80 {
  padding-right: 80px !important;
}

.padding-right-100 {
  padding-right: 100px !important;
}

.padding-10 {
  padding: 10px !important;
}

.padding-15 {
  padding: 15px !important;
}

.padding-20 {
  padding: 20px !important;
}

.padding-25 {
  padding: 25px !important;
}

.padding-30 {
  padding: 30px !important;
}

.padding-40 {
  padding: 40px !important;
}

.padding-50 {
  padding: 50px !important;
}

.padding-60 {
  padding: 60px !important;
}

.padding-70 {
  padding: 70px !important;
}

.padding-75 {
  padding: 75px !important;
}

.padding-80 {
  padding: 80px !important;
}

.padding-100 {
  padding: 100px !important;
}

.width-full {
  width: 100% !important;
}

.margin-zero {
  margin: 0 !important;
}

.octicon, .mega-octicon {
  font: normal normal normal 24px/1 octicons !important;
}

.download-pdf span.mega-octicon.octicon-cloud-download {
  margin-right: 7px;
}

/* FONTS */
/* COLORS */
/* BORDERS */
.text-align-right {
  text-align: right;
}

.no-margin {
  margin: 0 !important;
}

.margin-top-negative-50 {
  margin-top: -50px !important;
}

.margin-top-5 {
  margin-top: 5px !important;
}

.margin-top-10 {
  margin-top: 10px !important;
}

.margin-top-15 {
  margin-top: 15px !important;
}

.margin-top-20 {
  margin-top: 20px !important;
}

.margin-top-25 {
  margin-top: 25px !important;
}

.margin-top-30 {
  margin-top: 30px !important;
}

.margin-top-40 {
  margin-top: 40px !important;
}

.margin-top-45 {
  margin-top: 45px !important;
}

.margin-top-50 {
  margin-top: 50px !important;
}

.margin-top-60 {
  margin-top: 60px !important;
}

.margin-top-70 {
  margin-top: 70px !important;
}

.margin-top-75 {
  margin-top: 75px !important;
}

.margin-top-80 {
  margin-top: 80px !important;
}

.margin-top-100 {
  margin-top: 100px !important;
}

.margin-bottom-10 {
  margin-bottom: 10px !important;
}

.margin-bottom-20 {
  margin-bottom: 20px !important;
}

.margin-bottom-25 {
  margin-bottom: 25px !important;
}

.margin-bottom-30 {
  margin-bottom: 30px !important;
}

.margin-bottom-40 {
  margin-bottom: 40px !important;
}

.margin-bottom-50 {
  margin-bottom: 50px !important;
}

.margin-bottom-60 {
  margin-bottom: 60px !important;
}

.margin-bottom-70 {
  margin-bottom: 70px !important;
}

.margin-bottom-75 {
  margin-bottom: 75px !important;
}

.margin-bottom-80 {
  margin-bottom: 80px !important;
}

.margin-bottom-100 {
  margin-bottom: 100px !important;
}

.margin-left-10 {
  margin-left: 10px !important;
}

.margin-left-20 {
  margin-left: 20px !important;
}

.margin-left-25 {
  margin-left: 25px !important;
}

.margin-left-30 {
  margin-left: 30px !important;
}

.margin-left-40 {
  margin-left: 40px !important;
}

.margin-left-50 {
  margin-left: 50px !important;
}

.margin-left-60 {
  margin-left: 60px !important;
}

.margin-left-70 {
  margin-left: 70px !important;
}

.margin-left-75 {
  margin-left: 75px !important;
}

.margin-left-80 {
  margin-left: 80px !important;
}

.margin-left-100 {
  margin-left: 100px !important;
}

.no-margin-right {
  margin-right: 0 !important;
}

.margin-right-10 {
  margin-right: 10px !important;
}

.margin-right-20 {
  margin-right: 20px !important;
}

.margin-right-25 {
  margin-right: 25px !important;
}

.margin-right-30 {
  margin-right: 30px !important;
}

.margin-right-40 {
  margin-right: 40px !important;
}

.margin-right-50 {
  margin-right: 50px !important;
}

.margin-right-60 {
  margin-right: 60px !important;
}

.margin-right-70 {
  margin-right: 70px !important;
}

.margin-right-75 {
  margin-right: 75px !important;
}

.margin-right-80 {
  margin-right: 80px !important;
}

.margin-right-100 {
  margin-right: 100px !important;
}

.margin-10 {
  margin: 10px !important;
}

.margin-20 {
  margin: 20px !important;
}

.margin-25 {
  margin: 25px !important;
}

.margin-30 {
  margin: 30px !important;
}

.margin-40 {
  margin: 40px !important;
}

.margin-50 {
  margin: 50px !important;
}

.margin-60 {
  margin: 60px !important;
}

.margin-70 {
  margin: 70px !important;
}

.margin-75 {
  margin: 75px !important;
}

.margin-80 {
  margin: 80px !important;
}

.margin-100 {
  margin: 100px !important;
}

.minus-content-padding-margin {
  margin: 0 -10px !important;
}
.minus-content-padding-margin .row {
  padding: 0 20px;
}

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

.padding-top-0 {
  padding-top: 0 !important;
}

.padding-top-10 {
  padding-top: 10px !important;
}

.padding-top-20 {
  padding-top: 20px !important;
}

.padding-top-25 {
  padding-top: 25px !important;
}

.padding-top-30 {
  padding-top: 30px !important;
}

.padding-top-40 {
  padding-top: 40px !important;
}

.padding-top-50 {
  padding-top: 50px !important;
}

.padding-top-60 {
  padding-top: 60px !important;
}

.padding-top-70 {
  padding-top: 70px !important;
}

.padding-top-75 {
  padding-top: 75px !important;
}

.padding-top-80 {
  padding-top: 80px !important;
}

.padding-top-100 {
  padding-top: 100px !important;
}

.padding-bottom-0 {
  padding-bottom: 0;
}

.padding-bottom-10 {
  padding-bottom: 10px !important;
}

.padding-bottom-15 {
  padding-bottom: 15px !important;
}

.padding-bottom-20 {
  padding-bottom: 20px !important;
}

.padding-bottom-25 {
  padding-bottom: 25px !important;
}

.padding-bottom-30 {
  padding-bottom: 30px !important;
}

.padding-bottom-40 {
  padding-bottom: 40px !important;
}

.padding-bottom-50 {
  padding-bottom: 50px !important;
}

.padding-bottom-60 {
  padding-bottom: 60px !important;
}

.padding-bottom-70 {
  padding-bottom: 70px !important;
}

.padding-bottom-75 {
  padding-bottom: 75px !important;
}

.padding-bottom-80 {
  padding-bottom: 80px !important;
}

.padding-bottom-100 {
  padding-bottom: 100px !important;
}

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

.padding-left-10 {
  padding-left: 10px !important;
}

.padding-left-20 {
  padding-left: 20px !important;
}

.padding-left-25 {
  padding-left: 25px !important;
}

.padding-left-30 {
  padding-left: 30px !important;
}

.padding-left-40 {
  padding-left: 40px !important;
}

.padding-left-50 {
  padding-left: 50px !important;
}

.padding-left-60 {
  padding-left: 60px !important;
}

.padding-left-70 {
  padding-left: 70px !important;
}

.padding-left-75 {
  padding-left: 75px !important;
}

.padding-left-80 {
  padding-left: 80px !important;
}

.padding-left-100 {
  padding-left: 100px !important;
}

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

.padding-right-10 {
  padding-right: 10px !important;
}

.padding-right-20 {
  padding-right: 20px !important;
}

.padding-right-25 {
  padding-right: 25px !important;
}

.padding-right-30 {
  padding-right: 30px !important;
}

.padding-right-40 {
  padding-right: 40px !important;
}

.padding-right-50 {
  padding-right: 50px !important;
}

.padding-right-60 {
  padding-right: 60px !important;
}

.padding-right-70 {
  padding-right: 70px !important;
}

.padding-right-75 {
  padding-right: 75px !important;
}

.padding-right-80 {
  padding-right: 80px !important;
}

.padding-right-100 {
  padding-right: 100px !important;
}

.padding-10 {
  padding: 10px !important;
}

.padding-15 {
  padding: 15px !important;
}

.padding-20 {
  padding: 20px !important;
}

.padding-25 {
  padding: 25px !important;
}

.padding-30 {
  padding: 30px !important;
}

.padding-40 {
  padding: 40px !important;
}

.padding-50 {
  padding: 50px !important;
}

.padding-60 {
  padding: 60px !important;
}

.padding-70 {
  padding: 70px !important;
}

.padding-75 {
  padding: 75px !important;
}

.padding-80 {
  padding: 80px !important;
}

.padding-100 {
  padding: 100px !important;
}

.width-full {
  width: 100% !important;
}

.margin-zero {
  margin: 0 !important;
}

table.kv-strength-container {
  max-width: 478px;
}
table.kv-strength-container td {
  border: 0;
  padding-left: 0;
}
table .kv-scorebar {
  background-image: url(/assets/images/bg_strength_gradient.jpg);
  border-radius: 0;
  height: 16px;
  width: 100%;
}
table .kv-score.kv-score-0, table .kv-score.kv-score-1, table .kv-score.kv-score-2,
table .kv-score.kv-score-3, table .kv-score.kv-score-4, table .kv-score.kv-score-5 {
  border-radius: 0;
  width: 100%;
}
table .kv-scorebar-border {
  border: 0;
  border-radius: 0;
  width: 100%;
  background: none repeat scroll 0 0 #016701;
}
table .kv-meter-container {
  width: 150px;
  box-sizing: border-box;
  padding: 0;
}

button.reset-pw.btn.btn-default {
  background: #F06623;
  border-color: #B8420A;
}

/* FONTS */
/* COLORS */
/* BORDERS */
.text-align-right {
  text-align: right;
}

.no-margin {
  margin: 0 !important;
}

.margin-top-negative-50 {
  margin-top: -50px !important;
}

.margin-top-5 {
  margin-top: 5px !important;
}

.margin-top-10 {
  margin-top: 10px !important;
}

.margin-top-15 {
  margin-top: 15px !important;
}

.margin-top-20 {
  margin-top: 20px !important;
}

.margin-top-25 {
  margin-top: 25px !important;
}

.margin-top-30 {
  margin-top: 30px !important;
}

.margin-top-40 {
  margin-top: 40px !important;
}

.margin-top-45 {
  margin-top: 45px !important;
}

.margin-top-50 {
  margin-top: 50px !important;
}

.margin-top-60 {
  margin-top: 60px !important;
}

.margin-top-70 {
  margin-top: 70px !important;
}

.margin-top-75 {
  margin-top: 75px !important;
}

.margin-top-80 {
  margin-top: 80px !important;
}

.margin-top-100 {
  margin-top: 100px !important;
}

.margin-bottom-10 {
  margin-bottom: 10px !important;
}

.margin-bottom-20 {
  margin-bottom: 20px !important;
}

.margin-bottom-25 {
  margin-bottom: 25px !important;
}

.margin-bottom-30 {
  margin-bottom: 30px !important;
}

.margin-bottom-40 {
  margin-bottom: 40px !important;
}

.margin-bottom-50 {
  margin-bottom: 50px !important;
}

.margin-bottom-60 {
  margin-bottom: 60px !important;
}

.margin-bottom-70 {
  margin-bottom: 70px !important;
}

.margin-bottom-75 {
  margin-bottom: 75px !important;
}

.margin-bottom-80 {
  margin-bottom: 80px !important;
}

.margin-bottom-100 {
  margin-bottom: 100px !important;
}

.margin-left-10 {
  margin-left: 10px !important;
}

.margin-left-20 {
  margin-left: 20px !important;
}

.margin-left-25 {
  margin-left: 25px !important;
}

.margin-left-30 {
  margin-left: 30px !important;
}

.margin-left-40 {
  margin-left: 40px !important;
}

.margin-left-50 {
  margin-left: 50px !important;
}

.margin-left-60 {
  margin-left: 60px !important;
}

.margin-left-70 {
  margin-left: 70px !important;
}

.margin-left-75 {
  margin-left: 75px !important;
}

.margin-left-80 {
  margin-left: 80px !important;
}

.margin-left-100 {
  margin-left: 100px !important;
}

.no-margin-right {
  margin-right: 0 !important;
}

.margin-right-10 {
  margin-right: 10px !important;
}

.margin-right-20 {
  margin-right: 20px !important;
}

.margin-right-25 {
  margin-right: 25px !important;
}

.margin-right-30 {
  margin-right: 30px !important;
}

.margin-right-40 {
  margin-right: 40px !important;
}

.margin-right-50 {
  margin-right: 50px !important;
}

.margin-right-60 {
  margin-right: 60px !important;
}

.margin-right-70 {
  margin-right: 70px !important;
}

.margin-right-75 {
  margin-right: 75px !important;
}

.margin-right-80 {
  margin-right: 80px !important;
}

.margin-right-100 {
  margin-right: 100px !important;
}

.margin-10 {
  margin: 10px !important;
}

.margin-20 {
  margin: 20px !important;
}

.margin-25 {
  margin: 25px !important;
}

.margin-30 {
  margin: 30px !important;
}

.margin-40 {
  margin: 40px !important;
}

.margin-50 {
  margin: 50px !important;
}

.margin-60 {
  margin: 60px !important;
}

.margin-70 {
  margin: 70px !important;
}

.margin-75 {
  margin: 75px !important;
}

.margin-80 {
  margin: 80px !important;
}

.margin-100 {
  margin: 100px !important;
}

.minus-content-padding-margin {
  margin: 0 -10px !important;
}
.minus-content-padding-margin .row {
  padding: 0 20px;
}

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

.padding-top-0 {
  padding-top: 0 !important;
}

.padding-top-10 {
  padding-top: 10px !important;
}

.padding-top-20 {
  padding-top: 20px !important;
}

.padding-top-25 {
  padding-top: 25px !important;
}

.padding-top-30 {
  padding-top: 30px !important;
}

.padding-top-40 {
  padding-top: 40px !important;
}

.padding-top-50 {
  padding-top: 50px !important;
}

.padding-top-60 {
  padding-top: 60px !important;
}

.padding-top-70 {
  padding-top: 70px !important;
}

.padding-top-75 {
  padding-top: 75px !important;
}

.padding-top-80 {
  padding-top: 80px !important;
}

.padding-top-100 {
  padding-top: 100px !important;
}

.padding-bottom-0 {
  padding-bottom: 0;
}

.padding-bottom-10 {
  padding-bottom: 10px !important;
}

.padding-bottom-15 {
  padding-bottom: 15px !important;
}

.padding-bottom-20 {
  padding-bottom: 20px !important;
}

.padding-bottom-25 {
  padding-bottom: 25px !important;
}

.padding-bottom-30 {
  padding-bottom: 30px !important;
}

.padding-bottom-40 {
  padding-bottom: 40px !important;
}

.padding-bottom-50 {
  padding-bottom: 50px !important;
}

.padding-bottom-60 {
  padding-bottom: 60px !important;
}

.padding-bottom-70 {
  padding-bottom: 70px !important;
}

.padding-bottom-75 {
  padding-bottom: 75px !important;
}

.padding-bottom-80 {
  padding-bottom: 80px !important;
}

.padding-bottom-100 {
  padding-bottom: 100px !important;
}

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

.padding-left-10 {
  padding-left: 10px !important;
}

.padding-left-20 {
  padding-left: 20px !important;
}

.padding-left-25 {
  padding-left: 25px !important;
}

.padding-left-30 {
  padding-left: 30px !important;
}

.padding-left-40 {
  padding-left: 40px !important;
}

.padding-left-50 {
  padding-left: 50px !important;
}

.padding-left-60 {
  padding-left: 60px !important;
}

.padding-left-70 {
  padding-left: 70px !important;
}

.padding-left-75 {
  padding-left: 75px !important;
}

.padding-left-80 {
  padding-left: 80px !important;
}

.padding-left-100 {
  padding-left: 100px !important;
}

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

.padding-right-10 {
  padding-right: 10px !important;
}

.padding-right-20 {
  padding-right: 20px !important;
}

.padding-right-25 {
  padding-right: 25px !important;
}

.padding-right-30 {
  padding-right: 30px !important;
}

.padding-right-40 {
  padding-right: 40px !important;
}

.padding-right-50 {
  padding-right: 50px !important;
}

.padding-right-60 {
  padding-right: 60px !important;
}

.padding-right-70 {
  padding-right: 70px !important;
}

.padding-right-75 {
  padding-right: 75px !important;
}

.padding-right-80 {
  padding-right: 80px !important;
}

.padding-right-100 {
  padding-right: 100px !important;
}

.padding-10 {
  padding: 10px !important;
}

.padding-15 {
  padding: 15px !important;
}

.padding-20 {
  padding: 20px !important;
}

.padding-25 {
  padding: 25px !important;
}

.padding-30 {
  padding: 30px !important;
}

.padding-40 {
  padding: 40px !important;
}

.padding-50 {
  padding: 50px !important;
}

.padding-60 {
  padding: 60px !important;
}

.padding-70 {
  padding: 70px !important;
}

.padding-75 {
  padding: 75px !important;
}

.padding-80 {
  padding: 80px !important;
}

.padding-100 {
  padding: 100px !important;
}

.width-full {
  width: 100% !important;
}

.margin-zero {
  margin: 0 !important;
}

.bootstrap-datetimepicker-widget {
  box-sizing: border-box;
}
.bootstrap-datetimepicker-widget div {
  box-sizing: border-box;
}
.bootstrap-datetimepicker-widget .table-condensed > thead > tr > th, .bootstrap-datetimepicker-widget .table-condensed > tbody > tr > th, .bootstrap-datetimepicker-widget .table-condensed > tfoot > tr > th, .bootstrap-datetimepicker-widget .table-condensed > thead > tr > td, .bootstrap-datetimepicker-widget .table-condensed > tbody > tr > td, .bootstrap-datetimepicker-widget .table-condensed > tfoot > tr > td {
  padding: 5px !important;
  width: auto !important;
}
.bootstrap-datetimepicker-widget table {
  border: 0 !important;
  box-sizing: border-box;
}
.bootstrap-datetimepicker-widget table tr {
  border: 0 !important;
  box-sizing: border-box;
}
.bootstrap-datetimepicker-widget table tr td {
  border: 0 !important;
  box-sizing: border-box;
}
.bootstrap-datetimepicker-widget table tr td.day {
  height: 20px !important;
  line-height: 20px !important !important;
  width: 20px !important;
  box-sizing: border-box;
}
.bootstrap-datetimepicker-widget table tr td.disabled, .bootstrap-datetimepicker-widget table tr td.disabled:hover {
  background: #dadada;
  color: #777777;
  cursor: not-allowed;
  border-radius: 0;
}
.bootstrap-datetimepicker-widget table th {
  border: 0 !important;
  height: 20px !important;
  line-height: 20px !important;
  width: 20px !important;
  box-sizing: border-box;
}

.col-sm-12 {
  padding: 0 !important;
}

.input_td .col-sm-12 {
  padding: 0 !important;
}

.input-group .form-control {
  z-index: 0;
}

.glyphicon {
  position: relative;
  top: 1px;
  display: inline-block;
  font-family: "Glyphicons Halflings";
  font-style: normal;
  font-weight: 400;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  box-sizing: border-box;
}

.has-feedback label ~ .form-control-feedback {
  top: 25px;
  position: absolute;
  padding-top: 11px;
}

@media (max-width: 768px) {
  .bootstrap-datetimepicker-widget {
    top: 35px !important;
    bottom: auto !important;
  }
  .bootstrap-datetimepicker-widget.dropdown-menu.top:before {
    display: none;
  }
  .bootstrap-datetimepicker-widget.dropdown-menu.top:after {
    display: none;
  }
  .input_td .col-sm-12 {
    padding: 0 !important;
  }
  span.glyphicon.glyphicon-chevron-down {
    margin: 0;
  }
  .bootstrap-datetimepicker-widget a[data-action] {
    padding: 0;
  }
  .timepicker-picker tr td {
    padding: 0 !important;
  }
  .bootstrap-datetimepicker-widget .table-condensed > tbody > tr > td {
    padding: 0;
  }
}
.calendar-wrap {
  width: 98%;
  padding: 2%;
  margin: 0 auto;
}
.calendar-wrap .fc-unthemed .fc-today {
  background: rgba(24, 155, 209, 0.1) !important;
}
.calendar-wrap .fc h2 {
  font-size: 16pt;
  color: #666;
}
.calendar-wrap .fc .fc-toolbar {
  position: relative;
}
.calendar-wrap .fc .fc-toolbar .fc-center {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  margin: 0 auto;
  display: block;
  width: 179px;
}
.calendar-wrap .fc table thead {
  background: transparent !important;
}
.calendar-wrap .fc table thead td.fc-unthemed .fc-today {
  background: transparent !important;
}
.calendar-wrap .fc table thead td.fc-today {
  background: transparent !important;
  border-style: inset !important;
}
.calendar-wrap .fc table tbody tr {
  background: transparent !important;
}
.calendar-wrap .fc table tbody tr td {
  border-top: 1px solid #dadada !important;
}
.calendar-wrap .fc table tbody tr.fc-minor td {
  border-top: 1px dotted #ddd !important;
}
.calendar-wrap .fc .fc-row table {
  border-left: 1px solid #c0c0c0 !important;
  border-color: #c0c0c0;
}
.calendar-wrap .fc .fc-row table thead tr th {
  height: auto;
  line-height: 24pt;
  border-right: 1px solid white;
  border-bottom: 3px solid #c0c0c0;
  background-color: #0099cc;
  color: white;
}
.calendar-wrap .fc .fc-row table thead tr th:first-child {
  border-left: 1px solid #c0c0c0 !important;
}
.calendar-wrap .fc .fc-row table tbody tr td {
  height: auto;
  border-color: #c0c0c0 !important;
}
.calendar-wrap .fc .fc-row table tbody tr td.fc-unthemed .fc-today {
  background: transparent;
}
.calendar-wrap .fc .fc-row table tbody tr td.fc-today {
  background: rgba(24, 155, 209, 0.1);
  border-style: inset !important;
}
.calendar-wrap .fc .fc-row.fc-week .fc-content-skeleton table thead tr :first-child td {
  border-top: 0 !important;
}
.calendar-wrap .fc .fc-row.fc-week .fc-content-skeleton table thead tr td.fc-day-number {
  border-top: 0 !important;
}
.calendar-wrap .fc .fc-row.fc-week .fc-content-skeleton table tbody tr:first-child td {
  border-top: 0 !important;
}
.calendar-wrap .fc .fc-row.fc-week .fc-content-skeleton table tbody tr td.fc-day-number {
  border-top: 0 !important;
}
.calendar-wrap .fc .fc-unthemed .fc-divider {
  background: #0099cc;
}
.calendar-wrap .fc .fc-time-grid-container.fc-scroller {
  border-left: 1px solid #c0c0c0;
}

.chosen-rtl .chosen-drop {
  left: -9000px;
}

.chosen-search input[type=text] {
  box-sizing: border-box;
}

.chosen-container-single .chosen-single {
  background: white;
  border-radius: 0;
  box-shadow: none;
  height: 35px;
  padding-left: 10px;
  color: #666;
  border-color: #bbb !important;
}

.chosen-container-active .chosen-single {
  border: 1px solid #0099cc !important;
}

.chosen-container .chosen-drop {
  border: 1px solid #0099cc;
}

.chosen-container-single .chosen-single span {
  font-family: "Lora", serif !important;
  font-size: 12pt;
  font-weight: 400;
  line-height: 25pt;
}

.chosen-container-single .chosen-single div {
  width: 23px;
}

.chosen-container-single .chosen-single div b {
  background-position: 0 7px;
  background: url("/assets/images/select-background.png") !important;
  background-size: auto !important;
  background-repeat: no-repeat !important;
}

.chosen-container-active.chosen-with-drop .chosen-single div b {
  background-position: -18px 7px;
}

.chosen-container-active.chosen-with-drop .chosen-single {
  background: white !important;
}

.chosen-container .chosen-results li.highlighted {
  background: #0099cc !important;
}

/* FONTS */
/* COLORS */
/* BORDERS */
.text-align-right {
  text-align: right;
}

.no-margin {
  margin: 0 !important;
}

.margin-top-negative-50 {
  margin-top: -50px !important;
}

.margin-top-5 {
  margin-top: 5px !important;
}

.margin-top-10 {
  margin-top: 10px !important;
}

.margin-top-15 {
  margin-top: 15px !important;
}

.margin-top-20 {
  margin-top: 20px !important;
}

.margin-top-25 {
  margin-top: 25px !important;
}

.margin-top-30 {
  margin-top: 30px !important;
}

.margin-top-40 {
  margin-top: 40px !important;
}

.margin-top-45 {
  margin-top: 45px !important;
}

.margin-top-50 {
  margin-top: 50px !important;
}

.margin-top-60 {
  margin-top: 60px !important;
}

.margin-top-70 {
  margin-top: 70px !important;
}

.margin-top-75 {
  margin-top: 75px !important;
}

.margin-top-80 {
  margin-top: 80px !important;
}

.margin-top-100 {
  margin-top: 100px !important;
}

.margin-bottom-10 {
  margin-bottom: 10px !important;
}

.margin-bottom-20 {
  margin-bottom: 20px !important;
}

.margin-bottom-25 {
  margin-bottom: 25px !important;
}

.margin-bottom-30 {
  margin-bottom: 30px !important;
}

.margin-bottom-40 {
  margin-bottom: 40px !important;
}

.margin-bottom-50 {
  margin-bottom: 50px !important;
}

.margin-bottom-60 {
  margin-bottom: 60px !important;
}

.margin-bottom-70 {
  margin-bottom: 70px !important;
}

.margin-bottom-75 {
  margin-bottom: 75px !important;
}

.margin-bottom-80 {
  margin-bottom: 80px !important;
}

.margin-bottom-100 {
  margin-bottom: 100px !important;
}

.margin-left-10 {
  margin-left: 10px !important;
}

.margin-left-20 {
  margin-left: 20px !important;
}

.margin-left-25 {
  margin-left: 25px !important;
}

.margin-left-30 {
  margin-left: 30px !important;
}

.margin-left-40 {
  margin-left: 40px !important;
}

.margin-left-50 {
  margin-left: 50px !important;
}

.margin-left-60 {
  margin-left: 60px !important;
}

.margin-left-70 {
  margin-left: 70px !important;
}

.margin-left-75 {
  margin-left: 75px !important;
}

.margin-left-80 {
  margin-left: 80px !important;
}

.margin-left-100 {
  margin-left: 100px !important;
}

.no-margin-right {
  margin-right: 0 !important;
}

.margin-right-10 {
  margin-right: 10px !important;
}

.margin-right-20 {
  margin-right: 20px !important;
}

.margin-right-25 {
  margin-right: 25px !important;
}

.margin-right-30 {
  margin-right: 30px !important;
}

.margin-right-40 {
  margin-right: 40px !important;
}

.margin-right-50 {
  margin-right: 50px !important;
}

.margin-right-60 {
  margin-right: 60px !important;
}

.margin-right-70 {
  margin-right: 70px !important;
}

.margin-right-75 {
  margin-right: 75px !important;
}

.margin-right-80 {
  margin-right: 80px !important;
}

.margin-right-100 {
  margin-right: 100px !important;
}

.margin-10 {
  margin: 10px !important;
}

.margin-20 {
  margin: 20px !important;
}

.margin-25 {
  margin: 25px !important;
}

.margin-30 {
  margin: 30px !important;
}

.margin-40 {
  margin: 40px !important;
}

.margin-50 {
  margin: 50px !important;
}

.margin-60 {
  margin: 60px !important;
}

.margin-70 {
  margin: 70px !important;
}

.margin-75 {
  margin: 75px !important;
}

.margin-80 {
  margin: 80px !important;
}

.margin-100 {
  margin: 100px !important;
}

.minus-content-padding-margin {
  margin: 0 -10px !important;
}
.minus-content-padding-margin .row {
  padding: 0 20px;
}

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

.padding-top-0 {
  padding-top: 0 !important;
}

.padding-top-10 {
  padding-top: 10px !important;
}

.padding-top-20 {
  padding-top: 20px !important;
}

.padding-top-25 {
  padding-top: 25px !important;
}

.padding-top-30 {
  padding-top: 30px !important;
}

.padding-top-40 {
  padding-top: 40px !important;
}

.padding-top-50 {
  padding-top: 50px !important;
}

.padding-top-60 {
  padding-top: 60px !important;
}

.padding-top-70 {
  padding-top: 70px !important;
}

.padding-top-75 {
  padding-top: 75px !important;
}

.padding-top-80 {
  padding-top: 80px !important;
}

.padding-top-100 {
  padding-top: 100px !important;
}

.padding-bottom-0 {
  padding-bottom: 0;
}

.padding-bottom-10 {
  padding-bottom: 10px !important;
}

.padding-bottom-15 {
  padding-bottom: 15px !important;
}

.padding-bottom-20 {
  padding-bottom: 20px !important;
}

.padding-bottom-25 {
  padding-bottom: 25px !important;
}

.padding-bottom-30 {
  padding-bottom: 30px !important;
}

.padding-bottom-40 {
  padding-bottom: 40px !important;
}

.padding-bottom-50 {
  padding-bottom: 50px !important;
}

.padding-bottom-60 {
  padding-bottom: 60px !important;
}

.padding-bottom-70 {
  padding-bottom: 70px !important;
}

.padding-bottom-75 {
  padding-bottom: 75px !important;
}

.padding-bottom-80 {
  padding-bottom: 80px !important;
}

.padding-bottom-100 {
  padding-bottom: 100px !important;
}

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

.padding-left-10 {
  padding-left: 10px !important;
}

.padding-left-20 {
  padding-left: 20px !important;
}

.padding-left-25 {
  padding-left: 25px !important;
}

.padding-left-30 {
  padding-left: 30px !important;
}

.padding-left-40 {
  padding-left: 40px !important;
}

.padding-left-50 {
  padding-left: 50px !important;
}

.padding-left-60 {
  padding-left: 60px !important;
}

.padding-left-70 {
  padding-left: 70px !important;
}

.padding-left-75 {
  padding-left: 75px !important;
}

.padding-left-80 {
  padding-left: 80px !important;
}

.padding-left-100 {
  padding-left: 100px !important;
}

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

.padding-right-10 {
  padding-right: 10px !important;
}

.padding-right-20 {
  padding-right: 20px !important;
}

.padding-right-25 {
  padding-right: 25px !important;
}

.padding-right-30 {
  padding-right: 30px !important;
}

.padding-right-40 {
  padding-right: 40px !important;
}

.padding-right-50 {
  padding-right: 50px !important;
}

.padding-right-60 {
  padding-right: 60px !important;
}

.padding-right-70 {
  padding-right: 70px !important;
}

.padding-right-75 {
  padding-right: 75px !important;
}

.padding-right-80 {
  padding-right: 80px !important;
}

.padding-right-100 {
  padding-right: 100px !important;
}

.padding-10 {
  padding: 10px !important;
}

.padding-15 {
  padding: 15px !important;
}

.padding-20 {
  padding: 20px !important;
}

.padding-25 {
  padding: 25px !important;
}

.padding-30 {
  padding: 30px !important;
}

.padding-40 {
  padding: 40px !important;
}

.padding-50 {
  padding: 50px !important;
}

.padding-60 {
  padding: 60px !important;
}

.padding-70 {
  padding: 70px !important;
}

.padding-75 {
  padding: 75px !important;
}

.padding-80 {
  padding: 80px !important;
}

.padding-100 {
  padding: 100px !important;
}

.width-full {
  width: 100% !important;
}

.margin-zero {
  margin: 0 !important;
}

/* Web object shown and hidden before Mobile View */
.phone-view {
  display: none;
}

.tablet-view {
  display: none;
}

.web-view {
  display: block;
}

.responsive-view {
  display: none;
}

.e-m-tablet .tablet-view {
  display: block;
}

.mobile-table-view-two-col {
  display: none;
}

/******* Generic Responsive styles *******/
/******* using mobile view styles  *******/
@media (max-width: 1040px) {
  .responsive-view {
    display: block;
  }
  .web-view {
    display: none;
  }
}
@media (max-width: 768px) {
  .responsive-view {
    display: none;
  }
  .tablet-view {
    display: block;
  }
  .mobile-table-view-two-col {
    display: block;
  }
}
@media (max-width: 550px) {
  .tablet-view {
    display: none;
  }
  .phone-view {
    display: block;
  }
  button.DTTT_button, div.DTTT_button, a.DTTT_button {
    width: auto;
    text-align: center;
    box-sizing: border-box !important;
    padding-top: 8px;
    padding-bottom: 8px;
    height: auto;
  }
  .DTTT_container .dt-reset-search {
    padding-top: 8px;
  }
  .spcc-dashboard .spcc-metric-list {
    margin-top: 15px !important;
  }
}
/******* End Generic Responsive styles *******/
.mobile-menu-wrapper {
  background: rgba(10, 70, 104, 0.9019607843);
  position: fixed;
  bottom: 0;
  display: block;
  top: 51px;
  width: 0;
  overflow-x: hidden;
  height: calc(100% - 51px);
  z-index: 9999;
}
.mobile-menu-wrapper > ul {
  padding: 10px;
}
.mobile-menu-wrapper > ul > li {
  margin-bottom: 8px;
}
.mobile-menu-wrapper ul {
  list-style: none;
}
.mobile-menu-wrapper ul.submenu {
  display: none;
}
.mobile-menu-wrapper ul.submenu li a {
  padding: 3px 25px;
  margin-bottom: 2px;
}
.mobile-menu-wrapper ul.submenu li a:hover, .mobile-menu-wrapper ul.submenu li a:active, .mobile-menu-wrapper ul.submenu li a.active {
  background-color: rgba(43, 103, 149, 0.9019607843);
}
.mobile-menu-wrapper a {
  color: #e1e1e1;
  display: block;
}
.mobile-menu-wrapper a.dropdown-btn::after {
  content: "";
  display: inline-block;
  border: 5px solid #e1e1e1;
  border-top: none;
  border-right-color: transparent;
  border-left-color: transparent;
  margin: 4px;
}
.mobile-menu-wrapper a.dropdown-btn.active::after {
  border-top: 5px solid #e1e1e1;
  border-bottom: none;
  margin: 2px 4px !important;
}

.mobile-nav-link-div {
  text-align: center;
  color: white;
  font-weight: 600;
  cursor: pointer;
}

.manage-more-nav-link-div span {
  margin-right: 10px;
}

li.manage-more-nav-link {
  display: block;
  padding: 10px 30px;
  border-bottom: 1px solid #c0c0c0;
}

ul.free-calc-menu.mobile-menu {
  max-width: 120px;
}

ul.free-calc-menu.mobile-menu li {
  margin: 0 10px;
}

/* Microsoft BS Edge specifier */
@supports (-ms-accelerator: true) {
  .header-wrap header .header-sections .logo {
    background-image: url(/assets/images/s2cmobile_logo5-small.png?v=2.0);
  }
  input.ie_input {
    height: 2.15em;
    width: 100% !important;
  }
}
@media all and (-ms-high-contrast: none), (-ms-high-conthrast: active) {
  /* IE10+ CSS styles go here */
  .upload-files-wrap .input-group input.ie_input {
    height: 2.15em;
    width: 100% !important;
  }
  .repair-details .card-list .card-item.ldar-card .delete-btn {
    background-position: -122px !important;
  }
  .repair-details .card-list .card-item.ldar-card.ldar-card {
    min-height: 114px !important;
    max-height: 114px !important;
  }
  .repair-details .card-list .card-item.ldar-card.ldar-card .card-delay-icon {
    height: 27px;
    width: 26px;
  }
  .review-info .review-delay.card-delay-icon {
    border-radius: 0;
  }
}
@-moz-document url-prefix() {
  /* Firefox CSS styles go here */
  .upload-files-wrap .input-group input.ie_input {
    height: 2.12em;
    width: 100% !important;
  }
  input.ie_input {
    padding: 1em !important;
  }
}
@media all and (-ms-high-contrast: none), (-ms-high-conthrast: active) {
  /* IE10+ CSS styles go here */
  .upload-files-wrap .input-group input.ie_input {
    height: 2.1em;
    width: 100% !important;
  }
}
/* FONTS */
/* COLORS */
/* BORDERS */
.text-align-right {
  text-align: right;
}

.no-margin {
  margin: 0 !important;
}

.margin-top-negative-50 {
  margin-top: -50px !important;
}

.margin-top-5 {
  margin-top: 5px !important;
}

.margin-top-10 {
  margin-top: 10px !important;
}

.margin-top-15 {
  margin-top: 15px !important;
}

.margin-top-20 {
  margin-top: 20px !important;
}

.margin-top-25 {
  margin-top: 25px !important;
}

.margin-top-30 {
  margin-top: 30px !important;
}

.margin-top-40 {
  margin-top: 40px !important;
}

.margin-top-45 {
  margin-top: 45px !important;
}

.margin-top-50 {
  margin-top: 50px !important;
}

.margin-top-60 {
  margin-top: 60px !important;
}

.margin-top-70 {
  margin-top: 70px !important;
}

.margin-top-75 {
  margin-top: 75px !important;
}

.margin-top-80 {
  margin-top: 80px !important;
}

.margin-top-100 {
  margin-top: 100px !important;
}

.margin-bottom-10 {
  margin-bottom: 10px !important;
}

.margin-bottom-20 {
  margin-bottom: 20px !important;
}

.margin-bottom-25 {
  margin-bottom: 25px !important;
}

.margin-bottom-30 {
  margin-bottom: 30px !important;
}

.margin-bottom-40 {
  margin-bottom: 40px !important;
}

.margin-bottom-50 {
  margin-bottom: 50px !important;
}

.margin-bottom-60 {
  margin-bottom: 60px !important;
}

.margin-bottom-70 {
  margin-bottom: 70px !important;
}

.margin-bottom-75 {
  margin-bottom: 75px !important;
}

.margin-bottom-80 {
  margin-bottom: 80px !important;
}

.margin-bottom-100 {
  margin-bottom: 100px !important;
}

.margin-left-10 {
  margin-left: 10px !important;
}

.margin-left-20 {
  margin-left: 20px !important;
}

.margin-left-25 {
  margin-left: 25px !important;
}

.margin-left-30 {
  margin-left: 30px !important;
}

.margin-left-40 {
  margin-left: 40px !important;
}

.margin-left-50 {
  margin-left: 50px !important;
}

.margin-left-60 {
  margin-left: 60px !important;
}

.margin-left-70 {
  margin-left: 70px !important;
}

.margin-left-75 {
  margin-left: 75px !important;
}

.margin-left-80 {
  margin-left: 80px !important;
}

.margin-left-100 {
  margin-left: 100px !important;
}

.no-margin-right {
  margin-right: 0 !important;
}

.margin-right-10 {
  margin-right: 10px !important;
}

.margin-right-20 {
  margin-right: 20px !important;
}

.margin-right-25 {
  margin-right: 25px !important;
}

.margin-right-30 {
  margin-right: 30px !important;
}

.margin-right-40 {
  margin-right: 40px !important;
}

.margin-right-50 {
  margin-right: 50px !important;
}

.margin-right-60 {
  margin-right: 60px !important;
}

.margin-right-70 {
  margin-right: 70px !important;
}

.margin-right-75 {
  margin-right: 75px !important;
}

.margin-right-80 {
  margin-right: 80px !important;
}

.margin-right-100 {
  margin-right: 100px !important;
}

.margin-10 {
  margin: 10px !important;
}

.margin-20 {
  margin: 20px !important;
}

.margin-25 {
  margin: 25px !important;
}

.margin-30 {
  margin: 30px !important;
}

.margin-40 {
  margin: 40px !important;
}

.margin-50 {
  margin: 50px !important;
}

.margin-60 {
  margin: 60px !important;
}

.margin-70 {
  margin: 70px !important;
}

.margin-75 {
  margin: 75px !important;
}

.margin-80 {
  margin: 80px !important;
}

.margin-100 {
  margin: 100px !important;
}

.minus-content-padding-margin {
  margin: 0 -10px !important;
}
.minus-content-padding-margin .row {
  padding: 0 20px;
}

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

.padding-top-0 {
  padding-top: 0 !important;
}

.padding-top-10 {
  padding-top: 10px !important;
}

.padding-top-20 {
  padding-top: 20px !important;
}

.padding-top-25 {
  padding-top: 25px !important;
}

.padding-top-30 {
  padding-top: 30px !important;
}

.padding-top-40 {
  padding-top: 40px !important;
}

.padding-top-50 {
  padding-top: 50px !important;
}

.padding-top-60 {
  padding-top: 60px !important;
}

.padding-top-70 {
  padding-top: 70px !important;
}

.padding-top-75 {
  padding-top: 75px !important;
}

.padding-top-80 {
  padding-top: 80px !important;
}

.padding-top-100 {
  padding-top: 100px !important;
}

.padding-bottom-0 {
  padding-bottom: 0;
}

.padding-bottom-10 {
  padding-bottom: 10px !important;
}

.padding-bottom-15 {
  padding-bottom: 15px !important;
}

.padding-bottom-20 {
  padding-bottom: 20px !important;
}

.padding-bottom-25 {
  padding-bottom: 25px !important;
}

.padding-bottom-30 {
  padding-bottom: 30px !important;
}

.padding-bottom-40 {
  padding-bottom: 40px !important;
}

.padding-bottom-50 {
  padding-bottom: 50px !important;
}

.padding-bottom-60 {
  padding-bottom: 60px !important;
}

.padding-bottom-70 {
  padding-bottom: 70px !important;
}

.padding-bottom-75 {
  padding-bottom: 75px !important;
}

.padding-bottom-80 {
  padding-bottom: 80px !important;
}

.padding-bottom-100 {
  padding-bottom: 100px !important;
}

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

.padding-left-10 {
  padding-left: 10px !important;
}

.padding-left-20 {
  padding-left: 20px !important;
}

.padding-left-25 {
  padding-left: 25px !important;
}

.padding-left-30 {
  padding-left: 30px !important;
}

.padding-left-40 {
  padding-left: 40px !important;
}

.padding-left-50 {
  padding-left: 50px !important;
}

.padding-left-60 {
  padding-left: 60px !important;
}

.padding-left-70 {
  padding-left: 70px !important;
}

.padding-left-75 {
  padding-left: 75px !important;
}

.padding-left-80 {
  padding-left: 80px !important;
}

.padding-left-100 {
  padding-left: 100px !important;
}

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

.padding-right-10 {
  padding-right: 10px !important;
}

.padding-right-20 {
  padding-right: 20px !important;
}

.padding-right-25 {
  padding-right: 25px !important;
}

.padding-right-30 {
  padding-right: 30px !important;
}

.padding-right-40 {
  padding-right: 40px !important;
}

.padding-right-50 {
  padding-right: 50px !important;
}

.padding-right-60 {
  padding-right: 60px !important;
}

.padding-right-70 {
  padding-right: 70px !important;
}

.padding-right-75 {
  padding-right: 75px !important;
}

.padding-right-80 {
  padding-right: 80px !important;
}

.padding-right-100 {
  padding-right: 100px !important;
}

.padding-10 {
  padding: 10px !important;
}

.padding-15 {
  padding: 15px !important;
}

.padding-20 {
  padding: 20px !important;
}

.padding-25 {
  padding: 25px !important;
}

.padding-30 {
  padding: 30px !important;
}

.padding-40 {
  padding: 40px !important;
}

.padding-50 {
  padding: 50px !important;
}

.padding-60 {
  padding: 60px !important;
}

.padding-70 {
  padding: 70px !important;
}

.padding-75 {
  padding: 75px !important;
}

.padding-80 {
  padding: 80px !important;
}

.padding-100 {
  padding: 100px !important;
}

.width-full {
  width: 100% !important;
}

.margin-zero {
  margin: 0 !important;
}

/******* Main Responsive styles *******/
/*******  for specific styles   *******/
@media (min-width: 1800px) {
  .item.w2 {
    width: 23%;
  }
}
@media (min-width: 1700px) {
  .single-trigger-tile {
    margin: 1%;
    width: 48%;
  }
  .myfleet-wrap {
    width: 100%;
  }
  .single-trigger-tile.nsps {
    margin-left: 1%;
  }
  .total-triggered {
    padding: 9% 0;
  }
  .total-triggered {
    padding: 5% 0;
  }
  .item.w3 {
    width: 23%;
  }
  .form-section.section-lg {
    width: 33%;
  }
  .form-section.section-lg.no-responsive-lg {
    width: 49.5%;
  }
  .modal-dialog .form-section.section-lg {
    width: 49.5%;
  }
  .form-section {
    width: 33.1%;
  }
  .main-content-body {
    margin: 0 auto !important;
    width: 95% !important;
  }
  .section-double .label_td {
    width: 47.5%;
  }
  .section-double .input_td {
    width: 47.5%;
    float: left;
    margin: 0 12px;
  }
  .input_td.other-input-wrap.other-right {
    margin-right: 0;
  }
  .no-desktop-dropdown {
    display: none;
  }
  .faqs-wrap img {
    max-width: 800px;
  }
  .faqs-wrap .modal-body img {
    max-width: 100%;
  }
  .notes-docs-section {
    width: 48%;
    float: left;
    margin: 0 1%;
  }
  .notes-docs-section.notes {
    margin: 43px 1% 0 !important;
  }
  table.kv-strength-container {
    max-width: 566px;
  }
  .password-change-wrap .password-wrap {
    max-width: 566px;
  }
  table.static-modal-table td:first-child,
  table.static-modal-table tr th:first-child {
    display: none !important;
  }
  table.static-modal-table th:first-child {
    display: none;
  }
  table.static-modal-table th:nth-child(2) {
    margin-left: 0 !important;
    border-left: 0;
  }
  table.static-modal-table td:nth-child(2) {
    margin-left: 0 !important;
    border-left: 0;
  }
  table.static-modal-table {
    border-left: 0 !important;
    margin: 0;
    width: 100% !important;
  }
  table.hidden-first-th td:first-child,
  table.static-modal-table tr th:first-child {
    display: none !important;
  }
  table.hidden-first-th th:first-child {
    display: none;
  }
  table.hidden-first-th th:nth-child(2) {
    margin-left: 0 !important;
    border-left: 0 !important;
  }
  table.hidden-first-th td:nth-child(2) {
    margin-left: 0 !important;
    border-left: 0 !important;
  }
  table.hidden-first-th {
    border-left: 0 !important;
    margin: 0;
    width: 100% !important;
  }
  table.hidden-first-th.companylist td:first-child,
  table.static-modal-table tr th:first-child {
    display: none !important;
  }
  table.hidden-first-th.companylist th:first-child {
    display: none;
  }
  table.hidden-first-th.companylist th:nth-child(2) {
    margin-left: 0 !important;
    border-left: 0;
  }
  table.hidden-first-th.companylist td:nth-child(2) {
    margin-left: 0 !important;
    border-left: 0;
  }
  table.hidden-first-th.companylist {
    border-left: 0 !important;
    margin: 0;
    width: 100% !important;
  }
}
@media (min-width: 1193px) {
  .spcc-dashboard.spcc-dashboard-header {
    margin-left: calc(-2.5% - 2px) !important;
  }
  .dashboard-map-wrap {
    margin-left: calc(-2.5% - 2px) !important;
  }
}
@media (min-width: 1440px) and (max-width: 1800px) {
  .item.w2 {
    width: 31.33%;
  }
  .form-section {
    width: 33%;
  }
  .main-content-body {
    margin: 0 auto !important;
    width: 95% !important;
  }
  .faqs-wrap img {
    max-width: 800px;
  }
  .faqs-wrap .modal-body img {
    max-width: 100%;
  }
  .notes-docs-section {
    width: 48%;
    float: left;
    margin: 0 1%;
  }
  .notes-docs-section.notes {
    margin: 43px 1% 0 !important;
  }
}
@media (min-width: 768px) and (max-width: 1699px) {
  table.static-modal-table.hide-until-tablet td:first-child,
  table.static-modal-table.hide-until-tablet tr th:first-child {
    display: none !important;
  }
  table.static-modal-table.hide-until-tablet th:first-child {
    display: none;
  }
  table.static-modal-table.hide-until-tablet th:nth-child(2) {
    margin-left: 0 !important;
    border-left: 0;
  }
  table.static-modal-table.hide-until-tablet td:nth-child(2) {
    margin-left: 0 !important;
    border-left: 0;
  }
  table.static-modal-table.hide-until-tablet {
    border-left: 0 !important;
    margin: 0;
    width: 100% !important;
  }
}
@media (max-width: 1700px) {
  table.my-fleet tbody tr td:nth-child(8) {
    text-align: left;
  }
}
@media (max-width: 1600px) {
  .dash-triggers-wrap .stats-wrapper .stats h1 {
    font-size: 60px !important;
  }
}
@media (max-width: 1450px) {
  .dash-triggers-wrap .stats-wrapper .stats h1 {
    font-size: 50px !important;
  }
}
@media (max-width: 1350px) {
  .pollutant-tile-wrap {
    width: 32.5%;
  }
}
@media (max-width: 1250px) {
  .content {
    min-width: 0 !important;
  }
  .content.my-fleet-content {
    margin: 0;
    width: 100%;
  }
  .modal-dialog.modal-lg.calc-modal {
    width: 95%;
  }
}
@media (max-width: 1150px) {
  .dash-triggers-wrap .stats-wrapper .stats h1 {
    font-size: 40px !important;
  }
  aside {
    display: none;
  }
  .content-footer-wrap-for-scrolling {
    margin-left: 0 !important;
  }
  .sub-nav-bar {
    /*margin-left: 45px;*/
  }
  .navigation-wrap {
    margin: auto !important;
    position: absolute !important;
    display: block !important;
    right: 0 !important;
    top: 0 !important;
  }
  .soft-trigger-results > div > p {
    font-size: 10pt !important;
  }
  .swipe-bar {
    margin-left: 0;
  }
  .main-content-body {
    width: 100% !important;
  }
  .content {
    width: 95% !important;
  }
  section.main-area {
    padding: 0 !important;
  }
  .modal-dialog.modal-md {
    width: 90%;
  }
  span.nav-name {
    display: none;
  }
  span.dropdown-arrow {
    display: none;
    margin-left: 0;
  }
  #freecalculator .header-wrap header .header-sections.navigation-wrap.free-calc-header-login-wrap {
    margin-right: 30px !important;
  }
  #freecalculator .header-wrap header .header-sections.navigation-wrap.free-calc-header-login-wrap span.nav-name {
    display: block !important;
  }
  .mobile-nav {
    display: block !important;
  }
  .logo-wrapper {
    display: none;
  }
}
@media (min-width: 1040px) {
  .emissions-modal-table.table td:first-child,
  .emissions-modal-table.table th:first-child {
    display: none !important;
  }
  .emissions-modal-table td:nth-child(2),
  .emissions-modal-table th:nth-child(2) {
    border-left: 0 !important;
  }
}
@media (max-width: 1040px) {
  .calculator #results .result_box p {
    font-size: 12pt;
  }
  .form-section {
    width: 49.5%;
  }
  .top-area-inline {
    width: 50%;
  }
  .form-section.section-double {
    width: 100%;
  }
  .section-double .input_td {
    margin: 0 12px;
  }
  .mobile-btn {
    margin: 10px 12px 0 0;
    padding: 5px 10px;
    background: #09c;
    color: white;
    float: right;
    border-radius: 4px;
    border: 1px solid #037ea8;
  }
  .modal-dialog.modal-lg.calc-modal {
    width: 100%;
  }
  .mobile-btn a {
    color: white !important;
    font-family: "Open sans", sans-serif;
  }
  .form-section.jurisdiction-details.section-two-thirds .form-section.section-lg {
    width: 49.5%;
  }
  .form-section.jurisdiction-details.section-two-thirds {
    width: 100%;
  }
  .two-section-inline {
    width: 100%;
    float: none;
  }
  .two-section-inline.company-assets-table-wrap {
    padding-left: 0;
    padding-top: 40px;
  }
  .form-section.section-fifth {
    width: 32.8%;
  }
}
@media (min-width: 1024px) and (max-width: 1700px) {
  .donut-charts-wrapper h3,
  .dash-triggers-wrap h3 {
    font-size: 1em;
    text-align: center;
  }
  .single-trigger-tile {
    margin: 1%;
    width: 48%;
  }
  .single-trigger-tile.nsps {
    margin-left: 1%;
  }
  .total-triggered {
    font-size: 3.4em;
  }
}
@media (max-width: 1080px) {
  .main-body-wrap {
    margin-top: 0;
  }
  .main-body-wrap .content-footer-wrap-for-scrolling {
    overflow: hidden;
  }
  #dashboard .content {
    padding-top: 70px !important;
  }
  .table-container > .row {
    display: block;
  }
  .table-container > .row .map-wrapper #map {
    border-top-right-radius: 7px;
    border-top-left-radius: 7px;
  }
  .table-container > .row .table-wrapper {
    height: auto;
  }
  .dashboard-btnsht {
    border-radius: 0;
  }
  .datatable-container {
    box-shadow: none;
  }
}
@media (max-width: 955px) {
  .map-dashboard-mobile-heading {
    display: block;
  }
  .mob-heading {
    display: block;
  }
  .table-container {
    border: none;
    border-radius: 0;
  }
  .table-container .map-wrapper #map {
    border-radius: 0 !important;
  }
  .table-container .charts-wrapper #defineDocument {
    background: #fff;
    overflow: auto;
    border-bottom: 1px solid #c0c0c0;
  }
  .table-container .charts-wrapper #defineDocument .engines-dashboard-mobile-heading {
    display: block;
  }
  .table-container .charts-wrapper #defineDocument .donut-charts-wrapper .dash-col {
    border-bottom: none;
    padding: 10px 25px;
    margin: 0;
    border-left: none !important;
    border-right: none !important;
  }
  .table-container .charts-wrapper #defineDocument .dash-triggers-wrap {
    margin-bottom: 40px;
  }
  .table-container .charts-wrapper #defineDocument .dash-triggers-wrap .stats-wrapper {
    margin-top: 5px;
    width: 90%;
  }
  .table-container .charts-wrapper #defineDocument .dash-triggers-wrap .stats-wrapper .title h4 {
    font-size: 14px;
  }
  .table-container .charts-wrapper #defineDocument .dash-triggers-wrap .stats-wrapper .stats {
    padding: 20px 0;
  }
  .table-container .charts-wrapper #defineDocument .dash-triggers-wrap .stats-wrapper .stats h1 {
    font-size: 35px !important;
    font-weight: 600;
  }
  .table-container #dt-custom-footer, .table-container .dt-custom-footer {
    background: none;
  }
  .table-container #dt-custom-footer #dt-info .dataTables_info,
  .table-container #dt-custom-footer #dt-pagination .dataTables_paginate,
  .table-container #dt-custom-footer .dt-info .dataTables_info,
  .table-container #dt-custom-footer .dt-pagination .dataTables_paginate, .table-container .dt-custom-footer #dt-info .dataTables_info,
  .table-container .dt-custom-footer #dt-pagination .dataTables_paginate,
  .table-container .dt-custom-footer .dt-info .dataTables_info,
  .table-container .dt-custom-footer .dt-pagination .dataTables_paginate {
    border-radius: 0;
  }
  .datatable-container {
    display: block;
  }
  div.DTTT_container {
    text-align: center !important;
    padding-top: 8px;
    padding-bottom: 8px;
  }
  .dashboard-btnsht {
    height: auto;
    margin: 0;
    box-shadow: 0 8px 4px -4px rgba(0, 0, 0, 0.2);
    position: relative;
    z-index: 1;
    overflow: auto;
    padding: 8px 0;
  }
  .dashboard-btnsht .add-btn-container {
    display: none;
  }
  .dashboard-btnsht .add-btn-container-md-visible {
    display: block !important;
    width: 100%;
    height: auto;
    padding: 10px 7px !important;
    box-sizing: border-box;
  }
  .dashboard-btnsht .dropdown-btn {
    color: #0A4668;
  }
  .dashboard-btnsht .dropdown-btn::after {
    content: "";
    display: inline-block;
    border: 8px solid #0A4668;
    border-top: none;
    border-right-color: transparent;
    border-left-color: transparent;
    margin: 2px 4px;
  }
  .dashboard-btnsht .active .dropdown-btn::after {
    border-top: 8px solid #0A4668;
    border-bottom: none;
  }
  .dashboard-btnsht-with-bg {
    background-color: #0A4668 !important;
    overflow-y: hidden !important;
    overflow-x: hidden !important;
  }
  ul.editing-btns.dashboard-btns {
    border: none;
    width: 100%;
    display: none;
  }
  ul.editing-btns.dashboard-btns li {
    height: auto !important;
    display: block;
    width: 100%;
  }
  ul.editing-btns.dashboard-btns li a {
    color: #0A4668 !important;
  }
  .dataTables_wrapper .dataTables_length {
    margin: 0;
    width: 50%;
    float: left;
    padding: 10px 5px;
    box-sizing: border-box;
    text-align: left;
  }
  .dataTables_wrapper .dataTables_length label {
    margin: 0;
  }
  .dataTables_wrapper .dataTables_length label select {
    margin: 0;
    width: 55px;
    text-align: center;
    text-indent: 0;
  }
  .dataTables_wrapper .dataTables_filter {
    margin: 0;
    width: 50%;
    float: right;
    padding: 10px 5px;
    box-sizing: border-box;
    text-align: right;
  }
  .dataTables_wrapper .dataTables_filter label {
    margin: 0;
  }
  .dataTables_wrapper .dataTables_filter label input {
    background-position-x: 98%;
    padding-right: 35px !important;
    margin: 0;
    width: 100%;
  }
  button.DTTT_button,
  div.DTTT_button,
  a.DTTT_button {
    width: 100% !important;
    padding-top: 8px !important;
    padding-bottom: 8px !important;
    height: auto !important;
    float: none !important;
    margin: 0.5em 0 0.5em 0;
  }
  .content {
    min-width: 0 !important;
  }
  .content.w-sub-nav-bar {
    padding-top: 75px !important;
  }
  .logo.footer-section > img {
    margin-left: 0 !important;
  }
  .footer-section {
    width: 100% !important;
    text-align: center !important;
  }
  .main-area {
    min-height: 400px;
  }
  .footer-section p {
    margin: 0px 0 12px !important;
  }
  .footer-section {
    width: 100%;
    text-align: center !important;
    margin: 0 !important;
  }
  .footer-section.right {
    float: none !important;
    padding-bottom: 15px !important;
    margin: 0 !important;
  }
  .faqs_link {
    float: none;
  }
  .footer .logo {
    margin: 11px auto !important;
    width: 200px !important;
    float: none !important;
    display: block !important;
  }
  .main-area {
    min-width: 0;
  }
  .footer {
    min-width: 550px !important;
  }
  .doc-tile-wrap {
    min-width: 750px;
    width: 100%;
  }
  .border-wrap.middle {
    margin-right: 0;
  }
  .border-wrap {
    width: 48%;
  }
  .form-tile-wrap {
    width: 100%;
    border-left: 0;
  }
  .border-wrap.right {
    margin-left: 0;
  }
  .form-tile {
    width: 32%;
    float: left;
  }
  #regionalForms {
    margin: 25px 2%;
  }
  .calculator.paid #results .result_box {
    width: 100% !important;
    height: auto;
    float: none;
    display: block;
  }
  .top-area-inline {
    width: 50%;
    display: block;
  }
  .form-section {
    width: 49.5%;
  }
  .fifth-area .form-section {
    width: 49.5%;
  }
  #nspsIIIISection > div {
    height: auto;
  }
  #neshap_zzzz > div {
    height: auto;
    min-height: 0;
  }
  #content_wide > div.results-area {
    height: 1200px !important;
  }
  .location-wrap.result_box {
    border-left: 1px solid #C0C0C0 !important;
  }
  .calculator #results .result_box .result_details {
    height: auto;
  }
  .form-modal-section {
    width: 100%;
  }
  .form-section.section-lg {
    width: 100%;
  }
  .form-section.w-date-picker.section-lg {
    width: 49%;
  }
  .form-section.date-picker-section {
    width: 49%;
  }
  .form-modal-section.section-lg {
    width: 100%;
  }
  .form-section.section-lg.right-column-section {
    margin-left: 0;
  }
  .myfleet-wrap {
    width: 100%;
  }
  .chart-wrap.left-border {
    border: 0;
  }
  .dash-col.right > .content-container-fluid {
    border-left: 0;
  }
  h3.donut-title {
    text-align: center;
    border-bottom: 1px solid #dadada;
    padding: 20px 0;
    background: #0a4668;
    border: 1px solid #072f45;
    color: white;
  }
  .dash-col {
    width: 100%;
    float: none;
    background: white;
    border: 1px solid #dadada;
    padding-bottom: 20px;
    margin: 50px 0;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
  }
  h2 {
    margin: 0;
    text-align: center;
  }
  .modal-dialog.modal-lg.calc-modal {
    width: 90%;
  }
  .contact-form-content {
    width: 100%;
    max-width: 400px;
  }
  .menu-show-hide {
    display: inline-block !important;
  }
  .centered-modal-form-section.no-margin-bottom.no-bottom-border.half-width {
    width: 100% !important;
  }
  .modal .form-section.section-quarter {
    width: 49.5%;
  }
  .emit-info {
    float: none;
    margin: 0px auto 20px;
    width: 300px;
  }
  .fuel-gas-wrap {
    width: 100%;
  }
  .catalyst-section {
    width: 100%;
  }
}
@media (max-width: 850px) {
  .doc-tile {
    width: 100%;
  }
  .tile-two {
    margin-right: 0;
    margin-left: 0;
  }
  .tile-four {
    margin-left: 0;
  }
  .tile-five {
    margin-left: 0;
  }
  .doc-tile-wrap {
    min-width: 470px;
  }
  .dataTables_wrapper .dataTables_info {
    width: 100%;
    text-align: right;
  }
  .dataTables_wrapper .dataTables_info {
    width: 100%;
    text-align: center;
    padding: 17px 0 5px;
    float: none;
  }
  .dataTables_wrapper .dataTables_paginate {
    width: 472px;
    padding: 8px 0;
    margin: 0 auto;
    float: none;
  }
}
@media (min-width: 956px) {
  .dashboard-map-wrap .charts-area {
    border-top-right-radius: 7px;
  }
}
@media (max-width: 768px) {
  #Grid_paginate {
    font-size: 12px;
  }
  .spcc-dashboard.spcc-dashboard-header {
    position: absolute !important;
    width: 100vw !important;
    top: 50px !important;
  }
  .dashboard-map-wrap .charts-area {
    min-height: 645px !important;
  }
  .dashboard-map-wrap div#map {
    min-height: 645px !important;
  }
  .content {
    min-width: 0 !important;
    padding-top: 50px !important;
  }
  .main-content-body .dashboard-map-wrap .map-area div#map {
    height: calc(100vh - 287px) !important;
  }
  .dashboard-map-wrap .charts-area {
    height: calc(100vh - 287px) !important;
    width: 150px !important;
  }
  .charts-area .flex-wrap {
    display: block !important;
  }
  .charts-area .flex-box {
    padding: 0 !important;
  }
  .charts-area p.charts-area-title {
    text-align: center !important;
  }
  .charts-area .flex-box.text-align-left {
    text-align: center !important;
  }
  .main-content-body .dashboard-map-wrap .map-area div#map .gmnoprint {
    right: 155px !important;
  }
  .main-content-body .dashboard-map-wrap .map-area div#map .gmnoprint.gm-bundled-control.gm-bundled-control-on-bottom {
    right: 175px !important;
  }
  .main-content-body .dashboard-map-wrap .map-area div#map button[title~=fullscreen] {
    right: 145px !important;
  }
  .header-wrap {
    border-bottom: 1px solid #c0c0c0 !important;
    overflow: visible !important;
  }
  .header-sections.logo {
    text-align: center !important;
    float: none !important;
    border-bottom: 1px solid #dadada !important;
    position: relative;
    margin: 0 !important;
    background-size: auto 40px !important;
    background-color: rgba(255, 255, 255, 0.9) !important;
    display: block;
    width: 100% !important;
  }
  .navigation-wrap {
    margin: 0 auto !important;
    position: absolute !important;
    width: 80% !important;
    display: block !important;
    right: 0 !important;
    left: 0 !important;
    top: 78px !important;
  }
  .header-sections.right-align {
    float: none !important;
    width: 100% !important;
    border: 0 !important;
  }
  ul.admin-nav-wrap {
    width: 100% !important;
  }
  li.settings-tab {
    width: 20% !important;
    border-left: 1px solid #246386 !important;
    border-right: 1px solid #072f45 !important;
    height: 59px !important;
  }
  li.admin-tab {
    width: 80% !important;
    border-left: 1px solid #246386 !important;
    border-right: 1px solid #072f45 !important;
  }
  .main-body-wrap {
    margin-top: 0 !important;
  }
  .content {
    padding-top: 38px !important;
  }
  aside {
    top: 155px;
  }
  .single-trigger-tile {
    width: 49%;
    margin: 10px 1%;
    float: left;
    background: white;
  }
  .single-trigger-tile.naaqs {
    margin-left: 0;
  }
  .single-trigger-tile.neshap {
    margin-right: 0;
  }
  .popup-footer .logo {
    width: 250px;
    margin: 0;
  }
  .recalculate_button {
    margin: 2px auto !important;
    float: none !important;
    bottom: 0 !important;
    margin-right: 0 !important;
    padding: 6px 10px !important;
  }
  .sub-nav-section .btn.btn-default.last-calculation {
    margin-right: 5px !important;
    vertical-align: baseline !important;
  }
  .show-options {
    margin: 0 auto;
    position: relative;
    float: none;
  }
  .hide-options {
    float: none;
    margin: 0 auto;
    width: 160px;
  }
  #nspsIIIISection {
    width: 100%;
  }
  #neshap_zzzz {
    width: 100%;
    min-height: 360px;
  }
  #results > div.source-wrap.result_box {
    height: auto !important;
  }
  #nspsIIIISection > div {
    height: auto;
  }
  #neshap_zzzz > div {
    height: auto;
    border-left: 0;
  }
  .calculator.paid #results .result_box {
    height: auto;
  }
  #content_wide > div.results-area {
    padding: 0;
  }
  #content_wide > div.results-area {
    height: 1550px !important;
  }
  .top-area-inline {
    width: 100%;
    display: block;
  }
  .form-section {
    width: 100%;
    min-height: 0 !important;
  }
  .form-section.section-quarter {
    width: 49%;
  }
  .form-section.date-picker-section.section-quarter {
    width: 49%;
    margin: 0;
  }
  .form-section.w-date-picker.section-lg {
    width: 100%;
  }
  .form-segment-wraps {
    padding: 5px;
  }
  .fifth-area .form-section {
    width: 100% !important;
  }
  .calculator.paid #results .error_box {
    width: 250px !important;
    margin-left: -147px !important;
  }
  .form-section input:not([type=checkbox]) {
    width: 100%;
  }
  .checkboxes.three-column-list .form-section input {
    width: 90% !important;
    margin-left: 0;
  }
  .checkboxes.three-column-list .form-section input[type=checkbox] {
    width: 15px !important;
  }
  .calculator .select_style {
    width: 100%;
  }
  .top-area .form-section {
    width: 100%;
  }
  .exact-date-container {
    margin: 20px 0;
    height: 30px;
  }
  .exact-date-container .label_td label {
    margin-right: 20px;
  }
  .top-area {
    padding: 5px 5px 15px;
  }
  .second-area {
    padding: 5px 5px 15px;
  }
  .third-area {
    padding: 5px 5px 15px;
  }
  .fifth-area {
    padding: 5px 5px 15px;
    margin: 0;
  }
  .top-area h3 {
    margin: -5px -5px 10px;
  }
  .table-responsive {
    width: 100%;
    margin-bottom: 0;
    overflow-x: scroll;
    overflow-y: hidden;
    border: 0 !important;
    -ms-overflow-style: -ms-autohiding-scrollbar;
    -webkit-overflow-scrolling: touch;
  }
  .two-table-wrap td:nth-child(3) {
    display: none !important;
  }
  .two-table-wrap td:nth-child(4) {
    display: none;
  }
  .four-column td {
    width: 60%;
    padding: 7px 5px;
  }
  table.left-head td:first-child {
    width: 40% !important;
  }
  .form-section.section-sm {
    width: 50%;
  }
  .form-section.number-input-section.section-sm {
    width: 50%;
  }
  .usetype-checkboxes .checkbox-area.form-section .small-checkbox-wrap .input_td {
    width: 10%;
    margin: 0;
    float: left;
  }
  .usetype-checkboxes .checkbox-area.form-section .small-checkbox-wrap .label_td {
    text-align: left;
    display: inline-block;
    padding: 0;
    width: 90%;
  }
  .usetype-checkboxes .checkbox-area .small-checkbox-wrap label {
    padding: 0 35px 0 0 !important;
  }
  .admin-settings {
    background-image: url(/assets/images/admin-icon.png) !important;
  }
  ul.admin-settings-dd {
    left: 0 !important;
  }
  .main-area {
    min-width: 500px;
    padding: 0;
  }
  .admin-tab {
    width: 100% !important;
  }
  .user-arrow {
    padding: 19px 10px 18px !important;
  }
  .admin-nav-wrap {
    width: 100% !important;
    margin: auto !important;
    position: absolute !important;
    right: 0 !important;
    left: 0 !important;
    z-index: 9000 !important;
  }
  p.back-button {
    padding: 5px 0 5px 30px;
    background-position-y: 12px;
    color: #e1e1e1;
    margin: 0 !important;
  }
  .sub-nav-section .btn.btn-default {
    padding: 6px 10px !important;
  }
  aside {
    height: auto;
    position: fixed;
    top: 61px;
    bottom: 0;
    margin: auto;
  }
  .admin-arrow {
    height: 30px;
    padding-top: 8px;
    background-position: right 1px;
  }
  .admin-nav-wrap li {
    margin-top: 7px !important;
    background: #0a4668 !important;
  }
  .navigation-wrap {
    width: 90% !important;
    min-width: 0 !important;
  }
  .settings-tab {
    width: 20% !important;
  }
  .admin-tab {
    width: 80% !important !important;
  }
  .header-sections.right-align {
    float: none !important;
    margin: 0 auto !important;
    text-align: center !important;
    width: 100% !important;
    height: 56px !important;
  }
  .top-tier-nav {
    margin: 0 auto !important;
    width: 264px !important;
  }
  .sub-nav-bar {
    position: fixed;
    top: 51px;
    left: 0;
    right: 0px;
    height: 44px;
    /* margin-left: 244px; */
    margin-right: 0;
    padding-top: 4px;
    background: rgba(255, 255, 255, 0.8);
    z-index: 999;
    border-bottom: 1px solid #dadada;
  }
  .menu-show-hide {
    top: 0 !important;
    position: fixed !important;
    left: 0px !important;
    border: 1px solid #dadada !important;
    z-index: 9999 !important;
    padding: 15px 10px 15px !important;
    border-top: 0 !important;
    background-color: rgba(255, 255, 255, 0.9) !important;
    height: 30px !important;
  }
  .sub-nav-section.save-btn-wrap {
    margin-right: 10px !important;
  }
  .sub-nav-section.close-btn-wrap {
    margin-right: 10px !important;
  }
  .sub-nav-section {
    margin: 2px !important;
  }
  .back-button-wrap {
    margin: 0 0 0 20px !important;
  }
  section.main-area.with-sub-nav .content {
    padding-top: 75px !important;
  }
  .sub-nav-bar.sticky-bar {
    position: fixed !important;
    /*top: 60px !important;*/
    width: 100% !important;
    z-index: 9999 !important;
  }
  .header-wrap header .header-sections.logo {
    background-position: center !important;
  }
  .admin-nav-wrap li ul li {
    margin-top: 0 !important;
    background: transparent !important;
  }
  .form-section.w-date-picker.section-lg {
    margin-top: 15px;
  }
  .sub-nav-section.save-btn-wrap.calculate-btn-wrap {
    width: auto;
    margin: 0 5% 0 0 !important;
  }
  .section-double .label_td {
    width: 95%;
  }
  .section-double .input_td {
    width: 95%;
  }
  .input_td.other-input-wrap.other-right {
    margin-top: 20px;
  }
  .pollutant-tile-wrap {
    width: 49%;
  }
  .trigger-wrap {
    display: block;
    width: 100%;
  }
  .trigger-wrap:nth-child(2) {
    padding-left: 2%;
  }
  .accordion-inner.accordion-form {
    padding: 30px 0;
  }
  .user-arrow a.user {
    color: white !important;
  }
  .password-change-wrap {
    width: 100%;
    padding: 40px 0;
    float: none;
  }
  .user-info-table-wrap {
    width: 100%;
    float: none;
    padding: 0;
    border-right: 0;
  }
  li.header-avatar {
    display: none !important;
  }
  .support-box.left-border {
    border-color: #dadada;
  }
  .support-box.align-left {
    width: 100%;
  }
  .support-box.align-left.right-box {
    margin-top: 20px;
    border-left: 0;
  }
  table.main-table.full.left-head.two-column {
    width: 100%;
  }
  table.left-head.two-column td:nth-child(even) {
    border-right: 0;
  }
  table.dataTable tr.child span.dtr-title {
    width: 40%;
    font-size: 9pt;
    line-height: 16pt;
    padding-right: 10px;
    word-break: break-word;
  }
  span.dtr-data {
    width: 100%;
    padding: 5px 20px 5px 45%;
    font-size: 9pt;
    line-height: 16pt;
  }
  table#performanceScheduleTable tr.child span.dtr-title,
  table#performanceLogTable tr.child span.dtr-title {
    width: 6%;
    font-size: 9pt;
    line-height: 16pt;
    padding-right: 10px;
    word-break: break-word;
    text-align: left;
  }
  table#performanceScheduleTable tr.child span.dtr-data,
  table#performanceLogTable tr.child span.dtr-data {
    width: 100%;
    padding: 5px 5px 5px 7%;
    font-size: 9pt;
    line-height: 16pt;
  }
  span .table-triggers-wrap {
    padding: 5px 20px 5px 45%;
  }
  .faqs-wrap h3 {
    padding: 20px 15px 0;
  }
  .faqs-wrap .faqs-text-section {
    padding: 25px 15px !important;
  }
  .form-section.jurisdiction-details.section-two-thirds .form-section.section-lg {
    width: 100%;
  }
  .modal .modal-lg .upload-files-wrap {
    width: 100%;
  }
  .modal .modal-lg .centered-modal-form-section.no-margin-bottom.no-bottom-border {
    padding: 40px 0;
  }
  .modal {
    margin-bottom: 50px !important;
  }
  .target-emisions-sections {
    width: 48%;
    margin-bottom: 20px;
  }
  .form-section.emissions.section-sm {
    width: 24%;
  }
  /*.blur {
        -webkit-filter: blur(5px);
        -moz-filter: blur(5px);
        -o-filter: blur(5px);
        -ms-filter: blur(5px);
        filter: blur(5px);
    }*/
  div.modal.fade {
    background: rgba(0, 0, 0, 0.2);
    z-index: 9999;
  }
  .form-section.section-fifth {
    width: 100%;
  }
  .form-section.am-pm-radio input {
    width: 15px;
  }
  .header-sections.main-nav {
    display: none !important;
  }
  .flex-header {
    display: block !important;
  }
  .footer {
    padding-bottom: 3px;
  }
  #freecalculator header.fixed-header {
    height: 60px !important;
  }
  #freecalculator .header-sections.navigation-wrap.free-calc-header-login-wrap {
    height: 0;
    min-height: 0;
  }
  #freecalculator .header-wrap header .header-sections.navigation-wrap.free-calc-header-login-wrap span.nav-name {
    display: none !important;
  }
  .form-section.test-date {
    max-width: 200px;
  }
  .mobile-hide {
    display: none !important;
  }
}
@media (min-width: 650px) and (max-width: 1040px) {
  .info-text-section {
    width: 100%;
  }
  .info-text-section p {
    font-size: 12pt;
  }
}
@media (max-width: 650px) {
  .tile {
    width: 50%;
  }
  .number {
    font-size: 35pt;
  }
  .details {
    text-align: center;
    font-size: 12pt;
  }
  .sub-nav-bar.close-nav {
    min-width: 550px !important;
  }
  .main-body-wrap {
    margin-top: 0 !important;
  }
  .main-area {
    min-width: 500px;
  }
}
@media screen and (max-width: 600px) {
  .modal-dialog {
    width: 90% !important;
    margin: 50px auto !important;
  }
  .faqs-wrap .modal-dialog {
    width: 96% !important;
    margin: 75px auto !important;
  }
  .dataTables_wrapper .dataTables_paginate {
    width: auto;
  }
  .dataTables_wrapper .dataTables_paginate .paginate_button.current,
  .dataTables_wrapper .dataTables_paginate .paginate_button.current:hover {
    width: 20px;
    padding: 5px;
  }
  .dataTables_wrapper .dataTables_paginate .paginate_button {
    width: auto;
    padding: 5px;
  }
  .main-area {
    min-width: 400px;
  }
  .sub-nav-bar.close-nav {
    min-width: 500px !important;
  }
}
@media (max-width: 550px) {
  .table-container #dt-custom-footer, .table-container .dt-custom-footer {
    flex-wrap: wrap;
  }
  .table-container #dt-custom-footer #dt-info,
  .table-container #dt-custom-footer #dt-pagination,
  .table-container #dt-custom-footer .dt-info,
  .table-container #dt-custom-footer .dt-pagination, .table-container .dt-custom-footer #dt-info,
  .table-container .dt-custom-footer #dt-pagination,
  .table-container .dt-custom-footer .dt-info,
  .table-container .dt-custom-footer .dt-pagination {
    width: 100%;
  }
  .footer .footer-section {
    height: 53px;
  }
  .content {
    min-width: 0;
  }
  .main-area {
    min-width: 500px;
  }
  .sub-nav-bar {
    min-width: 400px !important;
  }
  .footer {
    min-width: 403px !important;
  }
  .doc-tile {
    width: 90%;
    margin: 20px auto !important;
    float: none;
  }
  .doc-tile-wrap {
    min-width: 300px;
  }
  .border-wrap {
    width: 100%;
    float: none;
  }
  .border-wrap.middle {
    margin-left: 0;
  }
  .form-tile {
    width: 90%;
    float: none;
    margin: 25px auto;
  }
  #regionalForms {
    margin: 25px 5%;
  }
  .e-grid .e-groupdroparea {
    font-size: 10pt;
    padding-top: 20px !important;
  }
  .form-section.section-quarter {
    width: 100%;
  }
  .form-section.date-picker-section.section-quarter {
    width: 100%;
  }
  .main-area {
    min-width: 350px;
  }
  .form-section.date-picker-section {
    width: 100%;
  }
  span.e-datewidget.e-widget {
    width: 100%;
  }
  .sub-nav-bar.close-nav {
    min-width: 450px !important;
  }
  .form-section.section-quarter.section-state {
    width: 24%;
  }
  .form-section.section-three-quarters.section-city {
    width: 74%;
  }
  .checkboxes.three-column-list.header .form-section {
    display: none;
  }
  .checkboxes.three-column-list {
    padding: 5px 0 !important;
  }
  .checkbox-modal-section .form-section {
    width: 100%;
  }
  .checkboxes.three-column-list .form-section input {
    width: 100% !important;
  }
  .centered-modal-form-section {
    padding: 25px 0;
  }
  .upload-files-wrap {
    width: 100%;
  }
  .info-text-section {
    width: 100%;
  }
  .pollutant-tile-wrap {
    width: 100%;
  }
  .faqs-wrap img#viewMyFleet_AdditionalInfo {
    max-width: 100%;
  }
  .faqs-wrap img#viewMyFleet_ComplianceInfo {
    max-width: 100%;
  }
  .form-modal-section.section-xs.align-right {
    float: none;
  }
  .form-modal-section.section-xs.align-right.w-border {
    margin: -7px 10px 10px;
  }
  table.dataTable tbody tr td {
    word-break: break-word;
  }
  .modal .form-section.section-quarter {
    width: 100%;
  }
  .fuel-gas-wrap {
    width: 100%;
  }
  .checkbox-wrap.small-boxes.w-border {
    padding: 10px 0;
    width: 210px;
    margin: 40px auto;
  }
  .checkbox-wrap.small-boxes .small-checkbox-wrap {
    padding: 15px 0;
    width: 150px;
  }
  .checkbox-wrap.small-boxes .label_td {
    padding: 0;
    text-align: left !important;
    float: right;
    padding-right: 32px;
  }
  .checkbox-wrap.small-boxes .checkbox-area label {
    padding: 0;
    text-align: left;
  }
  .checkbox-wrap.small-boxes .input_td {
    float: left;
  }
  .checkbox-wrap.small-boxes .form-section.checkbox-area {
    width: 100% !important;
    padding: 0;
  }
}
@media (max-width: 505px) {
  .form-section.pass-fail-section {
    padding-left: 10px;
    padding-top: 10px;
  }
}
@media (min-width: 450px) and (max-width: 1700px) {
  table.hide-until-mobile-l td:first-child {
    display: none !important;
  }
  table.hide-until-mobile-l th:first-child {
    display: none;
  }
  table.hide-until-mobile-l th:nth-child(2) {
    margin-left: 0 !important;
    border-left: 0;
  }
  table.hide-until-mobile-l td:nth-child(2) {
    margin-left: 0 !important;
    border-left: 0;
  }
  table.hide-until-mobile-l {
    border-left: 0 !important;
    margin: 0;
    width: 100% !important;
  }
}
@media (max-width: 480px) {
  .content {
    padding-top: 50px !important;
    margin: 0 !important;
    width: 100% !important;
    max-width: 100% !important;
  }
  .title-w-top-rounded-borders {
    border-radius: 0;
  }
  ._cs-asset-title {
    padding: 10px 0;
    font-size: 24px;
  }
  .sm-text-left {
    text-align: left;
  }
}
@media (max-width: 450px) {
  .sm-no-padding {
    padding: 0;
  }
  .dashboard-map-wrap .charts-area {
    min-height: 0 !important;
  }
  .dashboard-map-wrap .charts-area {
    position: relative !important;
    width: 100% !important;
    box-shadow: 0 1px 5px rgba(0, 0, 0, 0.5);
  }
  .charts-area .round-number-icon {
    width: 39px !important;
    height: 39px !important;
    line-height: 39px !important;
    padding: 0 !important;
  }
  .charts-area p.charts-area-title {
    padding: 0 !important;
  }
  .dashboard-map-wrap .charts-area {
    min-height: 0 !important;
    height: auto !important;
  }
  .main-content-body .dashboard-map-wrap .map-area div#map {
    min-height: 0 !important;
  }
  .charts-area .flex-wrap {
    width: auto !important;
    display: flex !important;
    height: 48px !important;
    padding-top: 5px !important;
    box-sizing: border-box !important;
  }
  .charts-area .flex-box {
    width: 50%;
  }
  .text-align-right.flex-box p {
    font-size: 18pt;
    padding-top: 1px !important;
    text-align: right !important;
    padding-right: 20px;
  }
  .charts-area .flex-box.text-align-left {
    text-align: left !important;
    box-sizing: border-box;
    text-align: center !important;
  }
  .main-content-body .dashboard-map-wrap .map-area div#map .gmnoprint.gm-bundled-control.gm-bundled-control-on-bottom {
    right: 32px !important;
  }
  .main-content-body .dashboard-map-wrap .map-area div#map button[title~=fullscreen] {
    right: 0px !important;
  }
  .admin-tab {
    width: 100% !important;
  }
  .logo {
    margin: 12px auto !important;
    background-size: 200px !important;
    float: none !important;
    width: 200px !important;
    display: block !important;
  }
  .admin-nav-wrap {
    width: 100% !important;
    margin: auto !important;
    position: absolute !important;
    right: 0 !important;
    left: 0 !important;
    z-index: 9000 !important;
  }
  p.back-button {
    padding: 6px 0 5px 30px;
    background-position-y: 12px;
    color: #e1e1e1;
  }
  .back-button a {
    font-weight: 400;
    color: #e1e1e1;
  }
  .sub-nav-section .btn.btn-default {
    padding: 6px 10px;
  }
  .main-area {
    min-width: auto;
    min-height: 0px;
    padding: 0;
  }
  .main-body-wrap {
    margin-top: 0 !important;
    background: #0099cc !important;
  }
  aside {
    height: auto;
    position: fixed;
    top: 61px;
    bottom: 0;
    margin: auto;
  }
  .admin-arrow {
    height: 30px;
    padding-top: 8px;
    background-position: right 1px;
  }
  .admin-nav-wrap li {
    margin-top: 7px !important;
  }
  .navigation-wrap {
    width: 90% !important;
    min-width: 0 !important;
  }
  .settings-tab {
    width: 20% !important;
  }
  .admin-tab {
    width: 80% !important;
  }
  .header-sections.right-align {
    float: none !important;
    margin: 0 auto !important;
    text-align: center !important;
    width: 100% !important;
    height: 56px !important;
  }
  .top-tier-nav {
    margin: 0 auto !important;
    width: 264px !important;
  }
  .sub-nav-section.save-btn-wrap {
    margin-right: 10px;
  }
  .sub-nav-section.close-btn-wrap {
    margin-right: 10px;
  }
  .sub-nav-section {
    margin: 2px;
  }
  .back-button-wrap {
    margin: 0 0 0 20px !important;
  }
  section.main-area.with-sub-nav .content {
    padding-top: 75px !important;
  }
  .admin-arrow.active {
    background-position: right 0px;
  }
  .footer {
    min-width: 320px !important;
  }
  .calculator .content {
    padding: 0 !important;
    width: auto !important;
  }
  .single-trigger-tile {
    width: 96%;
    margin: 10px 2% !important;
    float: left;
    background: white;
  }
  h3 {
    padding: 20px;
  }
  h3.orange-title {
    padding: 20px 0;
  }
  .popup-content-wrap {
    top: 20px;
    bottom: 20px;
    max-height: 100%;
    margin: 0;
  }
  h3.reports-tile-title {
    margin: 0;
  }
  .bottom-wrapper h2 {
    font-size: 12pt;
    margin-top: 0;
  }
  .top-area > p {
    font-size: 12pt;
  }
  .calculator h3 {
    font-size: 12pt;
  }
  label {
    font-size: 12pt;
  }
  .calculator #content_wide {
    width: 90%;
  }
  .calculator.paid #results .result_box {
    width: 99% !important;
  }
  .top-area > p {
    margin: -15px -15px 20px;
  }
  /* Charts JS Styles */
  .sub-nav-bar.sticky-bar {
    position: fixed !important;
    width: 100% !important;
    z-index: 9100 !important;
  }
  .myfleet-wrap {
    width: 96%;
  }
  .sub-nav-bar.close-nav {
    min-width: 350px !important;
  }
  .social-btns {
    margin: 6px 0;
  }
  .social-btns-wrap {
    right: -25px;
  }
  .form-section.section-header-input {
    width: 100%;
  }
  table.kv-strength-container td {
    width: 75%;
  }
  table.dataTable tr.child span.dtr-title {
    box-sizing: border-box;
    word-break: normal;
    text-align: left;
    line-height: normal;
    width: 46%;
    padding: 5px 5px;
    white-space: nowrap;
  }
  span.dtr-data {
    padding: 5px 5px 5px 50%;
  }
  table#performanceScheduleTable tr.child span.dtr-title,
  table#performanceLogTable tr.child span.dtr-title {
    box-sizing: border-box;
    word-break: normal;
    text-align: left;
    line-height: normal;
    width: 6%;
    padding: 5px 5px;
    white-space: nowrap;
  }
  table#performanceScheduleTable tr.child span.dtr-data,
  table#performanceLogTable tr.child span.dtr-data {
    padding: 5px 5px 5px 7%;
  }
  span .table-triggers-wrap {
    position: relative;
    top: auto;
    bottom: auto;
    left: auto;
    right: auto;
    margin: 0 auto;
    cursor: pointer;
    padding: 0;
  }
  td ul li span ul.editing-btns.table-btns {
    position: initial;
  }
}
@media (max-width: 400px) {
  .popup-footer .logo {
    width: 150px;
  }
  .logo.popup-footer-section img {
    width: 150px !important;
  }
  .logo.popup-footer-section > img {
    width: 200px !important;
    margin: 15px 10px;
  }
  .popup-footer .logo {
    text-align: left;
  }
  .popup-header h2 {
    font-size: 14pt;
    margin-top: 19px;
  }
  header.fixed-header {
    min-width: 360px !important;
  }
  .sub-nav-bar.close-nav {
    min-width: 300px !important;
  }
  .button-right button.btn.btn-default {
    margin-right: 10px;
    margin-top: 0px;
  }
  h2.section-title.w-top-margin.darkblue {
    padding-left: 10px;
  }
  .sub-nav-bar {
    min-width: 350px !important;
  }
  .section-double .label_td {
    width: 94%;
  }
  .section-double .input_td {
    width: 94%;
  }
  h2 {
    font-size: 16pt;
  }
  ul.faux-tags.performance-doc-tags {
    margin: 20px 0;
  }
  .four-column td:nth-child(2) {
    word-break: break-all;
  }
  .form-section.am-pm-radio {
    padding-top: 12px;
  }
  .form-section.pass-fail-section {
    float: right;
    padding-top: 20px;
    max-width: 161px;
  }
  .form-section.test-date {
    max-width: 100%;
  }
}
@media screen and (max-width: 350px) {
  .button-right button.btn.btn-default {
    font-size: 9pt;
  }
  .soft-trigger-results > div > p {
    font-size: 10pt !important;
  }
  header.fixed-header {
    min-width: 320px !important;
  }
  .sub-nav-bar.close-nav {
    min-width: 250px !important;
  }
  .tooltip_result {
    /*visibility: hidden;*/
  }
  .form-section.section-quarter.section-state {
    width: 100%;
  }
  .form-section.section-three-quarters.section-city {
    width: 100%;
  }
  .sub-nav-bar {
    min-width: 300px !important;
  }
  div#state_stateResult {
    margin-top: 0;
    margin-bottom: 15px;
  }
  .target-emisions-sections {
    width: 97%;
    margin: 0 auto;
    float: none;
    margin-bottom: 20px;
  }
  table.dataTable tr.child span.dtr-title {
    width: 52%;
  }
  span.dtr-data {
    padding: 5px 5px 5px 56%;
  }
}
@media (max-width: 768px) {
  .neshap.back-btn-div p.back-button {
    color: #666;
  }
}
@media (max-width: 450px) {
  .neshap.back-btn-div p.back-button {
    color: #666;
  }
}
@media (min-width: 300px) {
  ul.editing-btns.dashboard-btns-md-visible {
    padding: 5px;
  }
  ul.editing-btns.dashboard-btns-md-visible li {
    border-right: solid 1px #fff !important;
  }
}
@media (max-width: 955px) {
  ul.editing-btns.dashboard-btns-md-visible {
    background: #0A4668 !important;
    width: 100%;
    display: flex !important;
    flex-wrap: wrap;
    padding: 0 !important;
    border-bottom: 1px solid rgba(255, 255, 255, 0.4);
  }
  ul.editing-btns.dashboard-btns-md-visible li {
    height: auto !important;
    display: block;
    width: auto;
  }
  ul.editing-btns.dashboard-btns-md-visible li a {
    color: #fff !important;
    font-size: 13px;
  }
}

@media (min-width: 1080px) {
  .main-body-wrap .content-footer-wrap-for-scrolling section .content.w-sub-nav-bar {
    padding-top: 60px !important;
  }
}
@media (max-width: 1080px) {
  .main-body-wrap .content-footer-wrap-for-scrolling section .content.w-sub-nav-bar {
    padding-top: 121px !important;
  }
}
/******* End Main Responsive styles *******/
/* FONTS */
/* COLORS */
/* BORDERS */
.text-align-right {
  text-align: right;
}

.no-margin {
  margin: 0 !important;
}

.margin-top-negative-50 {
  margin-top: -50px !important;
}

.margin-top-5 {
  margin-top: 5px !important;
}

.margin-top-10 {
  margin-top: 10px !important;
}

.margin-top-15 {
  margin-top: 15px !important;
}

.margin-top-20 {
  margin-top: 20px !important;
}

.margin-top-25 {
  margin-top: 25px !important;
}

.margin-top-30 {
  margin-top: 30px !important;
}

.margin-top-40 {
  margin-top: 40px !important;
}

.margin-top-45 {
  margin-top: 45px !important;
}

.margin-top-50 {
  margin-top: 50px !important;
}

.margin-top-60 {
  margin-top: 60px !important;
}

.margin-top-70 {
  margin-top: 70px !important;
}

.margin-top-75 {
  margin-top: 75px !important;
}

.margin-top-80 {
  margin-top: 80px !important;
}

.margin-top-100 {
  margin-top: 100px !important;
}

.margin-bottom-10 {
  margin-bottom: 10px !important;
}

.margin-bottom-20 {
  margin-bottom: 20px !important;
}

.margin-bottom-25 {
  margin-bottom: 25px !important;
}

.margin-bottom-30 {
  margin-bottom: 30px !important;
}

.margin-bottom-40 {
  margin-bottom: 40px !important;
}

.margin-bottom-50 {
  margin-bottom: 50px !important;
}

.margin-bottom-60 {
  margin-bottom: 60px !important;
}

.margin-bottom-70 {
  margin-bottom: 70px !important;
}

.margin-bottom-75 {
  margin-bottom: 75px !important;
}

.margin-bottom-80 {
  margin-bottom: 80px !important;
}

.margin-bottom-100 {
  margin-bottom: 100px !important;
}

.margin-left-10 {
  margin-left: 10px !important;
}

.margin-left-20 {
  margin-left: 20px !important;
}

.margin-left-25 {
  margin-left: 25px !important;
}

.margin-left-30 {
  margin-left: 30px !important;
}

.margin-left-40 {
  margin-left: 40px !important;
}

.margin-left-50 {
  margin-left: 50px !important;
}

.margin-left-60 {
  margin-left: 60px !important;
}

.margin-left-70 {
  margin-left: 70px !important;
}

.margin-left-75 {
  margin-left: 75px !important;
}

.margin-left-80 {
  margin-left: 80px !important;
}

.margin-left-100 {
  margin-left: 100px !important;
}

.no-margin-right {
  margin-right: 0 !important;
}

.margin-right-10 {
  margin-right: 10px !important;
}

.margin-right-20 {
  margin-right: 20px !important;
}

.margin-right-25 {
  margin-right: 25px !important;
}

.margin-right-30 {
  margin-right: 30px !important;
}

.margin-right-40 {
  margin-right: 40px !important;
}

.margin-right-50 {
  margin-right: 50px !important;
}

.margin-right-60 {
  margin-right: 60px !important;
}

.margin-right-70 {
  margin-right: 70px !important;
}

.margin-right-75 {
  margin-right: 75px !important;
}

.margin-right-80 {
  margin-right: 80px !important;
}

.margin-right-100 {
  margin-right: 100px !important;
}

.margin-10 {
  margin: 10px !important;
}

.margin-20 {
  margin: 20px !important;
}

.margin-25 {
  margin: 25px !important;
}

.margin-30 {
  margin: 30px !important;
}

.margin-40 {
  margin: 40px !important;
}

.margin-50 {
  margin: 50px !important;
}

.margin-60 {
  margin: 60px !important;
}

.margin-70 {
  margin: 70px !important;
}

.margin-75 {
  margin: 75px !important;
}

.margin-80 {
  margin: 80px !important;
}

.margin-100 {
  margin: 100px !important;
}

.minus-content-padding-margin {
  margin: 0 -10px !important;
}
.minus-content-padding-margin .row {
  padding: 0 20px;
}

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

.padding-top-0 {
  padding-top: 0 !important;
}

.padding-top-10 {
  padding-top: 10px !important;
}

.padding-top-20 {
  padding-top: 20px !important;
}

.padding-top-25 {
  padding-top: 25px !important;
}

.padding-top-30 {
  padding-top: 30px !important;
}

.padding-top-40 {
  padding-top: 40px !important;
}

.padding-top-50 {
  padding-top: 50px !important;
}

.padding-top-60 {
  padding-top: 60px !important;
}

.padding-top-70 {
  padding-top: 70px !important;
}

.padding-top-75 {
  padding-top: 75px !important;
}

.padding-top-80 {
  padding-top: 80px !important;
}

.padding-top-100 {
  padding-top: 100px !important;
}

.padding-bottom-0 {
  padding-bottom: 0;
}

.padding-bottom-10 {
  padding-bottom: 10px !important;
}

.padding-bottom-15 {
  padding-bottom: 15px !important;
}

.padding-bottom-20 {
  padding-bottom: 20px !important;
}

.padding-bottom-25 {
  padding-bottom: 25px !important;
}

.padding-bottom-30 {
  padding-bottom: 30px !important;
}

.padding-bottom-40 {
  padding-bottom: 40px !important;
}

.padding-bottom-50 {
  padding-bottom: 50px !important;
}

.padding-bottom-60 {
  padding-bottom: 60px !important;
}

.padding-bottom-70 {
  padding-bottom: 70px !important;
}

.padding-bottom-75 {
  padding-bottom: 75px !important;
}

.padding-bottom-80 {
  padding-bottom: 80px !important;
}

.padding-bottom-100 {
  padding-bottom: 100px !important;
}

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

.padding-left-10 {
  padding-left: 10px !important;
}

.padding-left-20 {
  padding-left: 20px !important;
}

.padding-left-25 {
  padding-left: 25px !important;
}

.padding-left-30 {
  padding-left: 30px !important;
}

.padding-left-40 {
  padding-left: 40px !important;
}

.padding-left-50 {
  padding-left: 50px !important;
}

.padding-left-60 {
  padding-left: 60px !important;
}

.padding-left-70 {
  padding-left: 70px !important;
}

.padding-left-75 {
  padding-left: 75px !important;
}

.padding-left-80 {
  padding-left: 80px !important;
}

.padding-left-100 {
  padding-left: 100px !important;
}

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

.padding-right-10 {
  padding-right: 10px !important;
}

.padding-right-20 {
  padding-right: 20px !important;
}

.padding-right-25 {
  padding-right: 25px !important;
}

.padding-right-30 {
  padding-right: 30px !important;
}

.padding-right-40 {
  padding-right: 40px !important;
}

.padding-right-50 {
  padding-right: 50px !important;
}

.padding-right-60 {
  padding-right: 60px !important;
}

.padding-right-70 {
  padding-right: 70px !important;
}

.padding-right-75 {
  padding-right: 75px !important;
}

.padding-right-80 {
  padding-right: 80px !important;
}

.padding-right-100 {
  padding-right: 100px !important;
}

.padding-10 {
  padding: 10px !important;
}

.padding-15 {
  padding: 15px !important;
}

.padding-20 {
  padding: 20px !important;
}

.padding-25 {
  padding: 25px !important;
}

.padding-30 {
  padding: 30px !important;
}

.padding-40 {
  padding: 40px !important;
}

.padding-50 {
  padding: 50px !important;
}

.padding-60 {
  padding: 60px !important;
}

.padding-70 {
  padding: 70px !important;
}

.padding-75 {
  padding: 75px !important;
}

.padding-80 {
  padding: 80px !important;
}

.padding-100 {
  padding: 100px !important;
}

.width-full {
  width: 100% !important;
}

.margin-zero {
  margin: 0 !important;
}

/*if datatable contains no button*/
.rrs-tables .dt-buttons.DTTT_container {
  min-height: 26px;
}

.form-section.half-section {
  width: 48%;
}

.first-rrs-table {
  margin-right: 3%;
}

ul.nav.nav-wizard {
  width: 100% !important;
}

.nav-wizard .bold {
  font-weight: bold;
  font-size: 1.1em;
  padding: 7px 0 0 10px;
}

ul.nav-wizard li {
  position: relative;
  height: 58px;
  width: 12%;
  display: inline-block;
  padding: 0 0 0 20px;
  margin: 0;
  font-size: 16px;
  line-height: 46px;
  background-color: white;
  border: solid #ddd 1px;
  border-left: none;
  border-right: none;
}

.wizard-details {
  width: 12.5%;
  max-width: 12.5%;
  display: inline-block;
  vertical-align: middle;
  font-size: 12px;
  padding: 6px 20px 0;
  height: 46px;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}

.wizard li {
  padding: 9px 40px 10px;
  margin-right: 1px;
  background: #fff;
  position: relative;
  display: inline-block;
  /* Safari/Chrome, other WebKit  */
  /* Firefox, other Gecko         */
  box-sizing: border-box;
  height: 80px;
}

.wizard li.pill:before {
  width: 0;
  height: 0;
  border-top: 43px inset transparent;
  border-bottom: 36px inset transparent;
  border-left: 30px solid gainsboro;
  position: absolute;
  content: "";
  top: 0;
  left: 0;
}

.wizard li.pill:after {
  width: 0;
  height: 0;
  border-top: 42px inset transparent;
  border-bottom: 36px inset transparent;
  border-left: 30px solid #0A4668;
  position: absolute;
  content: "";
  top: 0;
  right: -30px;
  z-index: 2;
}

.wizard li.pill:first-child:before,
.wizard li.pill.last:after {
  border: none;
}

.wizard li.pill:first-child {
  border-radius: 0;
  padding-left: 15px;
}

.wizard li.pill.last {
  border-radius: 0 4px 4px 0;
}

.wizard li.current {
  background: gainsboro;
  color: #fff;
}

.wizard li.current:after {
  border-left-color: gainsboro;
}

.nav-wizard li div.note-text {
  font-size: 11px;
  position: absolute;
  top: 41px;
  padding-left: 10px;
  line-height: 12px;
  color: #5D5D5D;
}

.mobile-view {
  display: none;
}

@media (max-width: 1196px) {
  ul.nav-wizard li {
    width: 15% !important;
  }
  ul.nav-wizard:after {
    display: none;
  }
  .wizard-details {
    width: auto;
    max-width: 100%;
    font-size: 12pt;
    padding: 10px 28px;
    height: auto !important;
  }
}
@media (max-width: 590px) {
  .hide-mobile-view {
    display: none;
  }
  .mobile-view {
    display: block;
  }
  .mobile-view li > a {
    padding: 10px 20px;
  }
  ul.nav-wizard li {
    width: 42% !important;
  }
  .wizard-details {
    width: 100% !important;
    max-width: 100%;
    font-size: 12pt;
  }
}
.status-bar {
  padding-left: 0;
  padding-right: 0;
}

.row .ldar-action-row {
  border-top: solid #ccc 1px;
  padding-left: 33px;
  padding-right: 33px;
}
.row .ldar-action-row .upload-pics-btn.mitigation-btn-section {
  float: left !important;
  text-align: left !important;
}
.row .ldar-action-row .upload-pics-btn.mitigation-btn-section button {
  background-color: #0A4668 !important;
  border-color: #0A4668 !important;
  padding: 6px 26px;
}
.row .ldar-action-row .form-section.mitigation-btn-section {
  text-align: right;
}
@media (min-width: 561px) and (max-width: 1040px) {
  .row .ldar-action-row .form-section.mitigation-btn-section {
    width: 49.5%;
  }
}
@media (max-width: 560px) {
  .row .ldar-action-row .form-section.mitigation-btn-section {
    width: 100%;
    text-align: center !important;
  }
  .row .ldar-action-row .upload-pics-btn {
    float: right !important;
    text-align: right;
  }
}

.ldar-alert {
  background-color: #E1E1E1;
  border-color: #E1E1E1;
}

.glyphicon-info-sign.ldar-info-sign {
  font-size: 35px;
  color: #0099CC;
  padding: 5px;
}

.btn.btn-cancel-white:hover {
  background: white;
}

.row.ldar-row {
  border: solid #ccc 1px;
  background-color: white;
}

.wizard li.notification-pill {
  padding: 10px 0;
}

.wizard li.pill .bold {
  font-weight: bold;
}

.btn-file.submit-btn {
  border-radius: 4px !important;
}

.repair-details .search-row {
  padding: 10px;
  clear: both;
  overflow: hidden;
}
.repair-details .search-row .search-item {
  float: left;
  margin-right: 10px;
}
.repair-details .search-row .search-item label {
  float: left;
}
.repair-details .search-row .search-item label select {
  width: 150px;
}
.repair-details .search-row .search-item label .search-tb {
  border: 1px solid #c0c0c0 !important;
  font-size: 0.9em;
  padding: 0;
  line-height: 25px;
  height: 31px;
  text-align: left;
  width: 100px;
}
.repair-details .card-list {
  clear: both;
  overflow: visible;
  margin-top: 10px;
  padding-left: 0.5%;
  padding-bottom: 15px;
  padding-top: 15px;
}
.repair-details .card-list .card-item {
  border: 2px solid #666;
  padding: 10px 15px 10px !important;
  min-height: 60px;
  max-height: 60px;
  overflow: visible;
  margin: 1% 1% 0 0;
  width: 24%;
  float: left;
  font-size: 10pt;
  line-height: 1.5em;
  position: relative;
  background: #FFF;
  box-sizing: border-box;
  box-shadow: 2px 4px 9px rgba(0, 0, 0, 0.3);
  -webkit-box-shadow: 2px 4px 9px rgba(0, 0, 0, 0.3);
}
.repair-details .card-list .card-item.ldar-card {
  min-height: 100%;
  max-height: 100%;
}
.repair-details .card-list .card-item.ldar-card .row .card-edit-icon {
  right: 66px;
}
.repair-details .card-list .card-item.repair-card {
  min-height: 100%;
  max-height: 100%;
}
.repair-details .card-list .card-item.repair-card .row .card-edit-icon {
  right: 66px;
}
.repair-details .card-list .card-item.icons-bottom {
  min-height: 250px;
}
.repair-details .card-list .card-item.icons-bottom .ldar-card-icon-wrap {
  position: absolute;
  bottom: 0;
  right: 0;
  padding-bottom: 5px;
}
.repair-details .card-list .card-item .delete-btn {
  float: right;
  margin-bottom: 5px;
  background-image: url(/assets/images/add-edit-del-dark-table.png) !important;
  height: 17px;
  width: 8px;
  background-position: -119px !important;
  background: none;
  border: none;
}
.repair-details .card-list .card-item .hasTooltip span {
  display: none;
  color: #000;
  text-decoration: none;
  padding: 3px;
}
.repair-details .card-list .card-item .hasTooltip:hover span {
  display: block;
  position: absolute;
  top: 70%;
  background-color: #FFF;
  border: 1px solid #CCC;
  margin: 2px 10px;
  z-index: 99999;
}
.repair-details .card-list .card-item .row.ldar-card-icon-wrap {
  margin-top: 20px !important;
}
.repair-details .card-list .card-item .row .card-edit-icon--ldar {
  position: relative;
  bottom: 2px;
  color: #808080;
  border-radius: 50%;
  cursor: pointer;
  display: inline-block;
  margin-right: 10px;
}
.repair-details .card-list .card-item .row .card-edit-icon--ldar i.fa {
  font-size: 21pt;
}
.repair-details .card-list .card-item .row .card-edit-icon {
  position: absolute;
  bottom: 5px;
  color: #FFF;
  padding: 2px 5px;
  border-radius: 50%;
  cursor: pointer;
  right: 35px;
  background: grey;
  line-height: 1.5em;
}
.repair-details .card-list .card-item .row .card-edit-icon .fa {
  font-size: 14px;
}
.repair-details .card-list .card-item .row .card-content {
  margin-top: 15px;
}
@media (min-width: 769px) and (max-width: 1300px) {
  .repair-details .card-list .card-item {
    width: 32.333%;
  }
}
@media (max-width: 801px) {
  .repair-details .card-list .card-item {
    width: 100%;
  }
  .repair-details .card-list .card-item .row .card-edit-icon {
    bottom: 4px;
  }
}
.repair-details .card-list .card-item.ontime {
  border-color: #1b99ce;
}
.repair-details .card-list .card-item.overdue {
  border-color: #FFC90E;
}
.repair-details .card-list .card-item.complete {
  border-color: #22B14C;
}
.repair-details .card-list .card-item.verification {
  border-color: #0a4668;
}
.repair-details .card-list .card-item.delay {
  border-color: rgb(174, 40, 45);
}
.repair-details .dataTables_wrapper .dataTables_paginate {
  width: auto !important;
  float: left;
}

.card-complete-icon {
  position: absolute;
  right: 5px;
  bottom: 0;
  color: grey;
  padding: 2px 5px;
  border-radius: 50%;
  cursor: pointer;
}

.card-complete-icon--ldar {
  position: relative;
  bottom: -1px;
  color: grey;
  padding: 2px 5px;
  border-radius: 50%;
  cursor: pointer;
  display: inline-block;
  margin-right: 10px;
}
.card-complete-icon--ldar i.fa {
  font-size: 23pt !important;
}

.card-complete-icon {
  position: relative;
  bottom: -1px;
  color: grey;
  padding: 2px 5px;
  border-radius: 50%;
  cursor: pointer;
  display: inline-block;
  margin-right: 10px;
}
.card-complete-icon i.fa {
  font-size: 23pt !important;
}
.card-complete-icon i.fa.fa-2x {
  font-size: 2em !important;
}

.card-delay-icon {
  position: absolute;
  right: 37px;
  bottom: 0;
  color: grey;
  padding: 2px 5px;
  border-radius: 50%;
  cursor: pointer;
  background-image: url(/assets/images/delay-icon.png) !important;
  background-size: 26px;
  height: 23px;
  width: 16px;
}

.card-delay-icon--ldar {
  position: relative;
  top: 4px;
  color: grey;
  padding: 2px 5px;
  border-radius: 50%;
  cursor: pointer;
  background-image: url(/assets/images/delay-icon-grey.png) !important;
  background-size: 28px;
  height: 25px;
  width: 19px;
  display: inline-block;
  margin-right: 15px;
}

.card-verify-icon--ldar {
  position: relative;
  top: 4px;
  color: grey;
  padding: 2px 5px;
  border-radius: 50%;
  cursor: pointer;
  background-image: url(/assets/images/verified-black-20x20.png) !important;
  background-size: 28px;
  height: 25px;
  width: 19px;
  display: inline-block;
  margin-right: 15px;
}
.card-verify-icon--ldar.verified {
  background-image: url(/assets/images/verified-green-20x20.png) !important;
}

.incomplete .card-verify-icon--ldar.unverified {
  cursor: not-allowed;
}

.card-complete-icon.completed {
  color: green;
}
.card-complete-icon.completed a {
  color: green;
}

.card-complete-icon--ldar.completed {
  color: green;
}
.card-complete-icon--ldar.completed a {
  color: green;
}

.delete-btn-wrap {
  display: inline-block;
}

button.delete-card {
  background: transparent;
  border: none;
}

i.delete-btn-icon.fa {
  font-size: 22pt;
}

.full-width {
  width: 100% !important;
}

@media (max-width: 540px) {
  .full-width-md {
    width: 100% !important;
  }
}
.align-left {
  text-align: left;
}

.margin-t-20 {
  margin-top: 20px;
}

#repairModal .ldar-info-sign {
  vertical-align: sub;
  font-size: 24px;
}
#repairModal .modal-header .title-text {
  font-size: 14px;
}
#repairModal .modal-body {
  background: #FFF;
}
#repairModal .modal-body .form-section {
  width: 75% !important;
}
#repairModal .modal-body .right-col {
  border-left: 1px solid #CCC;
  width: 39%;
  padding-left: 27px;
}
@media (max-width: 992px) {
  #repairModal .modal-body .right-col {
    padding-top: 23px;
    width: 88%;
    border: 0;
  }
}
#repairModal .form-sub-title {
  margin-bottom: 20px;
}

.ldar-action-div .complete-date-div {
  margin-top: 20px;
}
.ldar-action-div .complete-date-div .item {
  margin-right: 10px;
}
.ldar-action-div .complete-date-div input.item {
  width: 60%;
}
.ldar-action-div .upload-report-div .send-review-btn {
  margin-left: 10px;
}
.ldar-action-div .complete-btn-div {
  text-align: center;
  line-height: 70px;
}

.ldar-action-title .sub-head {
  font-size: 16px;
}

input.ldar-signature {
  border: none;
  padding-bottom: 0;
  width: 100%;
}
input.ldar-signature:focus {
  border: none !important;
}

.anchor-button {
  background: #0099cc;
  color: white;
  border-color: #037EA8;
  min-width: 78px;
}
.anchor-button:hover {
  background: #25A5D0;
  color: white;
}

.chosen-right .chosen-container {
  float: right !important;
}

.disp-inline-block {
  display: inline-block;
}

.disp-none {
  display: none;
}

.ldar-action-row .bootstrap-switch .bootstrap-switch-handle-off.bootstrap-switch-primary,
.ldar-action-row .bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-primary {
  background: #0A4668;
}

.ldar-action-row .bootstrap-switch {
  margin-left: 10px;
}

.ldar-action-row .input_td .bootstrap-switch {
  margin-left: 0;
}

.ldar-check {
  color: #0A4668;
}

.active .ldar-check {
  color: white;
}

.form-section.section-checkbox {
  display: inline-block;
  vertical-align: text-top;
  padding: 0;
}

.charts-area .flex-wrap {
  display: flex;
  height: 20%;
}
@media (min-width: 451px) {
  .charts-area.perf-test {
    padding-top: 0 !important;
  }
}
.charts-area.perf-test .flex-wrap {
  height: 14.7%;
}
@media (max-width: 768px) {
  .charts-area.perf-test .flex-wrap .flex-box {
    height: 40px;
  }
}
.charts-area .flex-box {
  width: 100%;
  padding: 10px;
}
.charts-area p.charts-area-title {
  font-size: 14pt;
  font-weight: 600;
  color: #666;
}
.charts-area p.height-one {
  padding-top: 13px;
}
.charts-area p.height-two {
  padding-top: 10px;
}
.charts-area .round-number-icon {
  display: inline-block;
  padding: 21px 0;
  color: white;
  border-radius: 50%;
  width: 55px;
  height: 55px;
  text-align: center;
  vertical-align: middle;
  box-sizing: border-box;
  font-size: 14pt;
  font-weight: 600;
  padding: 0;
  line-height: 55px;
}
.charts-area .round-number-icon.color-scheme.cosmic {
  background: #78414d;
}
.charts-area .round-number-icon.color-scheme.dark-blue {
  background: #0a4668;
}
.charts-area .round-number-icon.color-scheme.pacific-blue {
  background: #0099cc;
}
.charts-area .round-number-icon.color-scheme.orange {
  background: #f26522;
}
.charts-area .round-number-icon.color-scheme.green {
  background: #22b14c;
}
.charts-area .round-number-icon.color-scheme.grey {
  background: #888888;
}
.charts-area .round-number-icon.color-scheme.dark-grey {
  background: #5d5d5d;
}
.charts-area .round-number-icon.color-scheme.yellow {
  background: #f9a812;
}
.charts-area .round-number-icon.primary {
  background: #009bc9;
}
.charts-area .round-number-icon.grey {
  background: #888;
}
.charts-area .round-number-icon.dark-blue {
  background: #0d4567;
}
.charts-area .round-number-icon.orange {
  background: #f47c42;
}
.charts-area .round-number-icon.green {
  background: #00c991;
}
.charts-area .round-number-icon.falsa {
  background: #794044;
}
.charts-area .round-number-icon.yellow {
  background: #f9a812;
}
.charts-area .round-number-icon.cosmic-red {
  background: #78414D;
}

@media (max-width: 1040px) {
  .ldar-action-row .section-sm.right-border {
    display: none;
    border-right-width: 0 !important;
  }
  .form-section.section-one-tenth {
    display: none;
  }
}
@media (min-width: 1041px) {
  .ldar-action-row .section-sm.right-border {
    float: inherit;
    border-right: 2px solid #E1E1E1 !important;
    padding: 0;
    vertical-align: middle;
    margin-top: -40px;
    height: 127px;
  }
  .ldar-action-row .media-no-padding {
    padding: 0;
  }
  .ldar-action-row .media-no-margin {
    padding: 0;
  }
  .form-section.section-one-tenth {
    float: inherit;
    width: 10%;
  }
}
@media (max-width: 1040px) {
  .form-section.section-add-btn {
    width: 43%;
  }
}
@media (max-width: 768px) {
  .form-section.section-add-btn {
    width: 83%;
  }
  .change-facility-label {
    display: none;
  }
}
@media (max-width: 1279px) {
  .alignment-css {
    padding-left: 3%;
  }
}
@media (max-width: 1280px) {
  .duration-of-spill-class {
    width: 25% !important;
  }
}
@media (max-width: 1365px) and (min-width: 1280px) {
  .alignment-css {
    padding-left: 2%;
  }
}
@media (max-width: 1439px) and (min-width: 1366px) {
  .alignment-css {
    padding-left: 2.3%;
  }
}
@media (max-width: 1599px) and (min-width: 1440px) {
  .alignment-css {
    padding-left: 2.3%;
  }
}
@media (max-width: 1679px) and (min-width: 1600px) {
  .alignment-css {
    padding-left: 2%;
  }
}
@media (max-width: 1799px) and (min-width: 1680px) {
  .alignment-css {
    padding-left: 2%;
  }
}
@media (min-width: 1800px) {
  .alignment-css {
    padding-left: 1.6%;
  }
}
.form-section.section-quarter-border {
  width: 20.5%;
  vertical-align: bottom;
  min-height: 0;
  padding-left: 2%;
  border-right: 2px solid #E1E1E1;
  height: 35px;
}

.form-section.section-quarter-border:last-child {
  border: 0;
}

.form-section.section-td {
  width: 15%;
  text-align: start;
  min-height: 0 !important;
  vertical-align: middle;
}

.mobile-status-bar.tank-select .bootstrap-select.btn-group button,
.mobile-status-bar.tank-select .bootstrap-select.dropdown button {
  border-radius: 0;
  min-height: 33px;
  padding: 7px 2%;
}
.mobile-status-bar.tank-select .bootstrap-select.btn-group .dropdown-menu.open,
.mobile-status-bar.tank-select .bootstrap-select.dropdown .dropdown-menu.open {
  width: 104%;
}
.mobile-status-bar.tank-select .bootstrap-select.btn-group .dropdown-menu li a:focus,
.mobile-status-bar.tank-select .bootstrap-select.dropdown .dropdown-menu li a:focus {
  background-color: inherit;
}
.mobile-status-bar.tank-select .bootstrap-select.btn-group .dropdown-menu li a,
.mobile-status-bar.tank-select .bootstrap-select.dropdown .dropdown-menu li a {
  padding: 15px;
  padding-bottom: 32px;
}
.mobile-status-bar.tank-select .bootstrap-select.btn-group .dropdown-menu li.selected,
.mobile-status-bar.tank-select .bootstrap-select.dropdown .dropdown-menu li.selected {
  background-color: #0A4668;
  color: white !important;
}
.mobile-status-bar.tank-select .bootstrap-select.btn-group .dropdown-menu li.selected a,
.mobile-status-bar.tank-select .bootstrap-select.dropdown .dropdown-menu li.selected a {
  background-color: #0A4668;
  color: white !important;
}
.mobile-status-bar.tank-select .bootstrap-select.btn-group .dropdown-menu li.selected a span,
.mobile-status-bar.tank-select .bootstrap-select.dropdown .dropdown-menu li.selected a span {
  background-color: #0A4668;
  color: white !important;
}

@media (min-width: 876px) {
  .mobile-stages.mobile-status-bar {
    display: none;
  }
  .status-bar .desktop-stages {
    display: block;
  }
}
@media (max-width: 875px) {
  .mobile-stages.mobile-status-bar {
    display: block;
  }
  .status-bar .desktop-stages {
    display: none;
  }
}
.mobile-status-bar .stage-name {
  float: left;
  margin-top: 3px;
  font-weight: bold;
  font-size: 1.1em;
}
.mobile-status-bar .stage-icon {
  float: right;
  margin-right: 23px;
}

.margin-tb-auto {
  margin-top: auto;
  margin-bottom: auto;
}

.stage-action-hd {
  vertical-align: super;
  font-size: 1.5em;
  font-weight: bold;
  color: #0A4668;
}

.stage-action-hd-dev {
  max-width: 160px;
  min-width: 155px;
}

.va-sub {
  vertical-align: sub;
}

.alert-resp {
  padding: 0.3% 0;
  display: flex;
}

.quantity-spilled {
  width: 52%;
  margin-top: 3px;
}

@media (max-width: 390px) {
  .quantity-spilled {
    width: 100%;
  }
}
.lh-half {
  line-height: 1em;
  padding: 2px 0 !important;
}

.va-mid {
  vertical-align: middle !important;
}

.section-half-notif {
  width: 49%;
  padding: 2px 0 !important;
}

.row .ldar-action-row.notif-tab {
  padding-right: 0;
  padding-left: 0;
}

@media (max-width: 425px) {
  .row .ldar-action-row.notif-tab {
    padding-left: 6px;
    padding-right: 6px;
  }
}
.agency-contact {
  text-indent: 4%;
  width: 95% !important;
  height: 0.9em;
}

@media (max-width: 768px) {
  .mobile-notif-cont {
    display: block;
  }
  .desktop-notif-cont {
    display: none;
  }
}
@media (min-width: 769px) {
  .mobile-notif-cont {
    display: none;
  }
  .desktop-notif-cont {
    display: block;
  }
}
.pdf-report-btn {
  padding: 5px 3%;
  margin-bottom: 1px;
  margin-top: 2px;
}

@media (max-width: 520px) {
  .pdf-report-btn {
    width: 94%;
  }
  .report-form-button {
    width: 48%;
    padding-left: 0 !important;
    padding-right: 0 !important;
  }
  .report-form-button.mb-float-left {
    float: left;
  }
}
.ldar-report {
  border-left: 1px solid #808080;
  height: 250px;
  padding-left: 5%;
}

.background-blue {
  background-color: #0A4668 !important;
}

.color-blue {
  color: #0A4668 !important;
}

.hover-title:hover::before {
  font-weight: bold;
  background: #0A4668;
  color: white;
  content: attr(data-title);
  position: absolute;
  width: auto;
  min-width: 55px;
  padding: 5px 10px;
  bottom: 50px;
  right: 17px;
  opacity: 2.7;
  border: 1px solid #888;
  text-align: center;
  border-radius: 5px;
  line-height: 20pt !important;
  white-space: nowrap;
  font-size: 14px;
  z-index: 1;
}

.hover-title.test-trend:hover::before {
  z-index: 50;
  opacity: 0.8;
}

.hover-title.delete-hover:hover::before {
  position: relative;
  top: -40px;
  left: -38px;
}

.hover-title.top:hover::before {
  z-index: 222222;
}

@media (max-width: 992px) {
  .ldar-report {
    border-left: 0;
    padding-left: 0;
  }
}
.form-section.complete-inspection-btn {
  margin-left: 245px !important;
}

.inspection-form .ldar-action-div .upload-report-div .send-review-btn.checklist-btn {
  margin-left: 9px;
}
.inspection-form .complete-date-div .complete-date {
  width: 460px;
}
@media (max-width: 768px) {
  .inspection-form .ldar-action-div .complete-date-div input.item {
    width: 100% !important;
  }
  .inspection-form .complete-date-div .complete-date {
    width: 100%;
  }
  .inspection-form .form-section.complete-inspection-btn {
    margin-left: 0 !important;
  }
  .inspection-form .form-section.complete-inspection-btn div {
    float: right;
    display: flex;
  }
}
.inspection-form .upload-report-div .report-field {
  width: 50%;
}
@media (max-width: 438px) {
  .inspection-form .upload-report-div .input-group-btn {
    vertical-align: top;
  }
  .inspection-form .upload-report-div .report-field {
    width: 100%;
    margin-bottom: 12px;
  }
  .inspection-form .upload-report-div .send-review-btn {
    float: right !important;
  }
}

hr.complete-hr {
  width: 80%;
  border: 0;
  height: 1px;
  background: #333;
  background-image: linear-gradient(to right, #ccc, #333, #ccc);
}

.ldar-action-div.review-div .review-comp-btn {
  padding-right: 17%;
}
.ldar-action-div.review-div .review-complete-div {
  display: flex;
  padding-bottom: 23px;
}
.ldar-action-div.review-div .approve-report-div {
  display: flex;
  padding-bottom: 23px;
}
.ldar-action-div.review-div .margin-t-20 .ldar-action-2-col.last {
  width: 45%;
  padding-left: 5%;
}
@media (max-width: 375px) {
  .ldar-action-div.review-div .margin-t-20 .ldar-action-2-col {
    width: 100%;
    padding: 5px 0;
  }
  .ldar-action-div.review-div .margin-t-20 .ldar-action-2-col.last {
    width: 100%;
    padding-left: 0;
  }
  .ldar-action-div.review-div .review-comp-btn {
    padding-right: 0;
  }
}
@media (max-width: 575px) {
  .ldar-action-div.review-div .half-width.review-section {
    width: 100% !important;
  }
}
@media (max-width: 991px) {
  .ldar-action-div.review-div .review-container.last {
    margin-top: 37px !important;
  }
}
.ldar-action-div.review-div .add-repair-btn {
  float: right !important;
}
@media (min-width: 576px) and (max-width: 991px) {
  .ldar-action-div.review-div .add-repair-btn {
    float: left !important;
  }
}
@media (max-width: 575px) {
  .ldar-action-div.review-div .add-repair-btn {
    float: right !important;
  }
}

.repair-cancel {
  min-width: 78px !important;
  color: #333 !important;
  background-color: #fff !important;
  border-color: #ccc !important;
}

@media (max-width: 447px) {
  .add.repair-cancel {
    margin-top: 6px;
  }
}
.hide-before:before {
  visibility: hidden !important;
}

.spcc-metric {
  margin: 4px auto;
  vertical-align: middle;
  height: 50px;
  width: 50px;
  line-height: 50px;
  border-radius: 50px;
  background: #C0C0C0;
  color: white;
  border: 2px solid #B0B0B0;
  text-transform: uppercase;
  text-align: center;
  font-family: "Open sans", sans-serif;
  font-weight: 400;
  background-image: none;
  font-size: 1em;
}

.spcc-metric:last-child::before {
  border-width: 2px 0 0;
}

.connector {
  background-image: url(/assets/images/three-dots-white.png) !important;
  height: 10px;
  /* background-color: white; */
  background-position: 50%;
  background-repeat: no-repeat;
}

@media (min-width: 551px) and (max-width: 1070px) {
  .spcc-dashboard div.DTTT_container .spcc-dashboard.dt-button {
    width: 20%;
    float: left !important;
    text-align: center;
  }
  .spcc-dashboard div.DTTT_container .spcc-dashboard.dt-button.advance-search {
    width: 30%;
  }
}
@media (max-width: 550px) {
  .spcc-dashboard div.DTTT_container .spcc-dashboard.dt-button {
    text-align: center;
    float: none !important;
  }
  .spcc-dashboard div.DTTT_container .spcc-dashboard.dt-button.dt-custom-search {
    margin-bottom: 2px;
    width: 100%;
    height: 39px;
  }
  .spcc-dashboard div.DTTT_container .spcc-dashboard.dt-button.advance-search.glyphicon.glyphicon-search {
    box-sizing: inherit;
  }
}

.btn.spcc-checklist-a {
  background-image: url(/assets/images/actions-icons.png) !important;
  background-repeat: no-repeat;
  background-position: -140px;
  width: 0;
  height: 20px;
}
.btn.spcc-checklist-a .anchor-text {
  padding: 13px;
}
.btn.spcc-checklist-a:hover {
  color: #0088B6;
}
.btn.spcc-checklist-a:visited {
  color: #0088B6;
}

.vru-view-detail-button {
  width: 90%;
  box-shadow: none;
  background: #09c;
  border: 1px solid #666;
  color: #fff !important;
  height: 55px;
}

.vru-header-boxes {
  width: 100%;
  height: 55px;
  border: 1px solid black;
}

.vru-header-boxes-text {
  font-size: x-large;
  font-weight: bold;
  padding: 10px 0px;
}

.vru-header-boxes-heading {
  display: block;
  text-align: center;
}

.vertical-center {
  margin: 0;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
}

.vru-details-time-box-text {
  font-size: small;
  padding: 7px 7px;
  margin: 0px auto;
  color: white;
}

.vru-details-time-box {
  width: 100%;
  height: -moz-fit-content;
  height: fit-content;
  background-color: #0a4668;
  cursor: pointer;
  margin-bottom: 10px;
}

.vru-details-time-box .selected {
  background-color: #808080;
}

.vru-export-csv-btn {
  width: 100%;
  height: -moz-fit-content;
  height: fit-content;
  cursor: pointer;
  background-color: rgb(0, 153, 204);
}

.vru-stat-container {
  list-style-type: none;
  margin: 0 auto;
  width: -moz-fit-content;
  width: fit-content;
}
.vru-stat-container li {
  float: left;
  margin: 5px 15px;
  text-align: center;
}
.vru-stat-container li .value {
  display: block;
  padding: 15px;
  border: 1px solid black;
  background-color: white;
  font-weight: bold;
  color: black;
  width: 90px;
  margin-top: 5px;
}
.vru-stat-container li .heading {
  display: flex;
  min-height: 68px;
  align-items: center;
  justify-content: center;
  justify-content: center;
}
.vru-stat-container .vru-detail-btn .value {
  color: white;
  background-color: #09c;
  font-size: 14px;
  cursor: pointer;
}

.border-box a {
  box-sizing: border-box;
}

.advance-filter-popup {
  width: 50% !important;
  padding-bottom: 10px;
  top: 0 !important;
  left: 0 !important;
}
@media (max-width: 550px) {
  .advance-filter-popup {
    overflow: scroll;
    width: 95% !important;
    padding-bottom: 10px;
  }
  .advance-filter-popup .advance-filter-footer button {
    float: left !important;
    width: 23% !important;
    margin-left: 20px;
  }
}

@media (min-width: 300px) {
  .advance-filter-popup-trend {
    width: 90% !important;
    padding-bottom: 10px;
  }
  .advance-filter-popup-trend .buttons-bottom {
    margin: 5px;
    width: 97% !important;
    align-items: center;
  }
  .advance-filter-popup-trend .quarter-container {
    width: 100% !important;
  }
  .advance-filter-popup-trend .sub-quarter-container {
    margin-top: 10px;
  }
}
@media (min-width: 768px) {
  .advance-filter-popup-trend {
    width: 90% !important;
    padding-bottom: 10px;
  }
  .advance-filter-popup-trend .buttons-bottom {
    margin: 5px;
    align-items: center;
  }
  .advance-filter-popup-trend .quarter-container {
    width: 100% !important;
  }
}
@media (min-width: 955px) {
  .advance-filter-popup-trend {
    width: 50% !important;
    padding-bottom: 10px;
  }
}
@media (min-width: 1071px) {
  .advance-filter-popup-trend {
    width: 50% !important;
    padding-bottom: 10px;
  }
  .advance-filter-popup-trend .quarter-container {
    width: 45% !important;
  }
  .advance-filter-popup-trend .sub-quarter-container {
    margin-top: 0px;
  }
}

@media (min-width: 300px) {
  .advance-filter-popup-performance {
    width: 90% !important;
    padding-bottom: 10px;
  }
  .advance-filter-popup-performance .buttons-bottom {
    width: auto !important;
    margin: 5px;
    align-items: center;
  }
  .advance-filter-popup-performance .quarter-container {
    width: 100% !important;
  }
}
@media (min-width: 768px) {
  .advance-filter-popup-performance {
    width: 90% !important;
    padding-bottom: 10px;
  }
  .advance-filter-popup-performance .buttons-bottom {
    margin: 5px;
    align-items: center;
  }
  .advance-filter-popup-performance .quarter-container {
    width: 100% !important;
  }
}
@media (min-width: 955px) {
  .advance-filter-popup-performance {
    width: 50% !important;
    padding-bottom: 10px;
  }
}
@media (min-width: 1071px) {
  .advance-filter-popup-performance {
    width: 50% !important;
  }
}

@media (min-width: 300px) {
  .advance-filter-popup-dashboard {
    width: 90% !important;
    padding-bottom: 10px;
  }
  .advance-filter-popup-dashboard .buttons-bottom {
    width: 97% !important;
    margin: 5px;
    align-items: center;
  }
  .advance-filter-popup-dashboard .quarter-container {
    width: 100% !important;
  }
}
@media (min-width: 768px) {
  .advance-filter-popup-dashboard {
    width: 90% !important;
    padding-bottom: 10px;
  }
  .advance-filter-popup-dashboard .quarter-container {
    width: 100% !important;
  }
}
@media (min-width: 955px) {
  .advance-filter-popup-dashboard {
    width: 50% !important;
    padding-bottom: 10px;
  }
}
@media (min-width: 1071px) {
  .advance-filter-popup-dashboard {
    width: 50% !important;
  }
}

.spcc-dashboard .quarter-container label {
  display: inline !important;
}
.spcc-dashboard .form-section {
  display: inline;
  margin: 10px;
}
.spcc-dashboard .quarter-container {
  display: inline-block;
  width: auto;
}
.spcc-dashboard.spcc-dashboard-header {
  width: calc(100vw + 2px);
  padding: 10px 20px;
  box-sizing: border-box;
  height: 66px;
  background: #009bc9;
  box-shadow: 0 3px 5px rgba(0, 0, 0, 0.4);
  position: fixed;
  top: 50px;
  z-index: 9;
  margin-left: -2.5%;
}
@media (max-width: 480px) {
  .spcc-dashboard.spcc-dashboard-header {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    height: auto;
  }
}
.spcc-dashboard .header-div {
  display: inline-block;
  vertical-align: middle;
}
.spcc-dashboard h2.spcc-h2 {
  text-align: left !important;
  padding-top: 10px;
  margin-right: 0;
  vertical-align: middle;
  padding-bottom: 0;
  color: white;
}
.spcc-dashboard .tog-btn-div {
  float: right;
  min-width: 33px;
  background: #009bc9;
  border-left: solid 1px #009bc9;
  cursor: pointer;
}
.spcc-dashboard .tog-btn-div .tog-btn {
  vertical-align: middle;
}
.spcc-dashboard .tog-btn-div .tog-icon {
  color: white;
  padding: 14px 16px 15px;
  font-size: 17pt;
}
.spcc-dashboard .tog-desc {
  float: right;
  background: #009bc9;
  min-height: 0;
  color: #ffffff;
  text-align: right;
  vertical-align: middle !important;
  padding: 10px;
  font-size: large;
}
@media (max-width: 480px) {
  .spcc-dashboard .header-div {
    display: block;
    width: 100%;
    order: 1;
    padding: 5px 0;
  }
  .spcc-dashboard h2.spcc-h2 {
    text-align: center !important;
    padding: 0;
  }
  .spcc-dashboard .tog-btn-div {
    display: inline-block;
    order: 3;
  }
  .spcc-dashboard .tog-btn-div .tog-icon {
    font-size: 12pt;
    padding: 7px;
  }
  .spcc-dashboard .tog-desc {
    order: 2;
    display: inline-block;
    padding: 2px;
  }
}

.repair-details.spcc-dashboard {
  margin-bottom: 75px;
}
.repair-details.spcc-dashboard .search-row {
  padding-left: 0;
  padding-right: 0;
}
.repair-details.spcc-dashboard .search-row .search-item {
  float: left;
  margin-right: 2%;
  width: 12.2%;
}
@media (min-width: 700px) and (max-width: 1267px) {
  .repair-details.spcc-dashboard .search-row .search-item {
    width: 21%;
  }
}
@media (min-width: 525px) and (max-width: 699px) {
  .repair-details.spcc-dashboard .search-row .search-item {
    width: 31%;
  }
}
@media (max-width: 524px) {
  .repair-details.spcc-dashboard .search-row .search-item {
    width: 48%;
  }
}
.repair-details.spcc-dashboard .search-row .search-item select {
  width: 100%;
}

.spcc-dashboard.test-trends-table-container .spcc-metric-list li {
  width: 102px;
}
@-moz-document url-prefix() {
  .spcc-dashboard.test-trends-table-container .spcc-metric-list li {
    width: 102px;
  }
}

@media (max-width: 718px) {
  .spcc-dashboard .spcc-metric-list-visible {
    height: auto !important;
  }
}
@media (max-width: 786px) {
  .spcc-dashboard .spcc-metric-list-visible li {
    width: 50px !important;
  }
  .spcc-dashboard .spcc-metric-list-visible li p:last-child {
    font-size: xx-small;
  }
}
.spcc-dashboard .spcc-metric-list-visible-w-75 {
  margin-top: 0px !important;
}
@media (max-width: 718px) {
  .spcc-dashboard .spcc-metric-list-visible-w-75 {
    height: auto !important;
  }
}
@media (max-width: 786px) {
  .spcc-dashboard .spcc-metric-list-visible-w-75 li {
    width: 75px !important;
  }
  .spcc-dashboard .spcc-metric-list-visible-w-75 li p {
    font-size: xx-small;
  }
}
.spcc-dashboard .spcc-metric-list {
  float: right;
  height: auto;
  margin-bottom: 0;
  text-align: center;
}
@media (min-width: 719px) and (max-width: 999px) {
  .spcc-dashboard .spcc-metric-list {
    padding-right: 0;
    margin-left: 0;
  }
}
@media (max-width: 718px) {
  .spcc-dashboard .spcc-metric-list {
    height: 44px;
    float: none;
    margin-right: 0;
  }
}
.spcc-dashboard .spcc-metric-list li {
  display: inline-block;
  color: white;
  font-size: small;
  border-right: solid 1px;
  padding-right: 3px;
  padding-bottom: 9px;
  min-height: 40px;
  width: 102px;
  cursor: pointer;
}
.spcc-dashboard .spcc-metric-list li:first-child {
  padding-left: 0px;
}
.spcc-dashboard .spcc-metric-list p {
  height: 8px;
  color: white;
  margin: auto;
  font-size: 13px;
}
.spcc-dashboard .spcc-metric-list p:last-child {
  padding-top: 10px;
  color: #F26522;
}
@media (max-width: 459px) {
  .spcc-dashboard .spcc-metric-list li,
  .spcc-dashboard .spcc-metric-list li:first-child {
    border-right: 0;
    border-left: 0;
  }
}
@media (min-width: 719px) and (max-width: 767px) {
  .spcc-dashboard .dashboard-btnsht {
    height: 50px;
  }
}
.spcc-dashboard .spcc-metric-list li.active {
  background: #ffffff !important;
  margin-left: 0;
  width: 105px;
}
.spcc-dashboard .spcc-metric-list li.active p:first-child {
  color: #0A4668;
}
.spcc-dashboard .spcc-metric-list-left {
  float: left;
}
.spcc-dashboard .spcc-metric-list-no-float {
  float: none !important;
}

.spcc-dashboard.ui-popup-container .popup-section {
  margin-left: 3%;
}
@media (min-width: 300px) {
  .spcc-dashboard.ui-popup-container .popup-section {
    padding: 7px 1.5%;
  }
}
@media (min-width: 1070px) {
  .spcc-dashboard.ui-popup-container .popup-section {
    padding: 15px 1.5%;
  }
}
.spcc-dashboard.ui-popup-container div {
  vertical-align: bottom;
}
.spcc-dashboard.ui-popup-container .date-container:not(.time-period) {
  width: 50%;
  vertical-align: bottom;
}
.spcc-dashboard.ui-popup-container .next-date-container:not(.next-time-period) {
  width: 50%;
  vertical-align: bottom;
}
@media (max-width: 526px) {
  .spcc-dashboard.ui-popup-container div {
    width: 90%;
    margin-top: 5px;
  }
  .spcc-dashboard.ui-popup-container .next-date-container {
    width: 90%;
  }
}

.spcc-dashboard.spill ul.editing-btns {
  margin-top: 7px;
}

.dashboard_map_area {
  width: 100%;
  margin-left: 0px !important;
}

.map-area-wrap {
  width: 100% !important;
}

#dashboard .main-content-body {
  width: 100% !important;
}
#dashboard .content {
  padding-top: 40px;
}
#dashboard .main-body-wrap .content-footer-wrap-for-scrolling section {
  padding: 0 !important;
}

.delay-repair.action-icon {
  position: absolute;
  color: grey;
  padding: 2px 5px;
  cursor: pointer;
  background-image: url(/assets/images/delay-icon.png) !important;
  background-size: 24px;
  height: 24px !important;
  width: 24px !important;
  background-repeat: no-repeat;
}

.delay-repair.action-title {
  padding-left: 32px;
}

.card-delay-icon.delay-requested {
  background-image: url(/assets/images/delay-icon-red.png) !important;
}

.review-info {
  padding-left: 10%;
}
.review-info .review-delay {
  position: relative;
  height: initial;
  width: 160px;
  background-repeat: no-repeat;
  border-radius: unset;
}
.review-info .review-delay.delayed {
  background-image: url(/assets/images/delay-icon-red.png) !important;
}

.container.verification-repair--ldar {
  text-align: left;
  margin-bottom: 25px;
}
.container.verification-repair--ldar .review-info {
  width: 10%;
  padding-right: 10%;
  display: inline-block;
  padding-bottom: 15px;
}
@media (max-width: 618px) {
  .container.verification-repair--ldar .review-info {
    width: 25%;
  }
}
@media (max-width: 500px) {
  .container.verification-repair--ldar .review-info {
    width: 29%;
  }
}
.container.verification-repair--ldar .review-info span {
  padding-left: 25px;
}

table.dataTable td .card-complete-icon {
  position: initial;
}
table.dataTable td .card-complete-icon i.complete-icon {
  font-size: 1.4em;
}

ul.editing-btns.dark.ldar-inspection-action.table-btns li.ldar-edit {
  background-image: url(/assets/images/add-edit-del-dark-table.png) !important;
  margin-top: 2px !important;
}

.ldar-action-div .no-repairs form {
  display: inline-block;
}

@media (max-width: 1234px) {
  .ldar-action-div .ldar-verify-section {
    width: 100%;
  }
  .ldar-action-div .ldar-verify-section .complete-date-div input.datepick {
    max-width: 276px;
  }
  .ldar-action-div .ldar-verify-section.ldar-verify-report-section {
    margin-top: 20px !important;
  }
}
@media (max-width: 991px) {
  .ldar-action-div .ldar-report-section {
    margin-top: 20px !important;
  }
  .ldar-action-div .ldar-report.left-border {
    border-left: none !important;
  }
}

.ldar-final-repair-col {
  width: 40%;
  float: left;
}

.complete-tab-repairs .repairs {
  width: 100%;
}

.dashboard-map-wrap {
  width: 100vw;
  position: relative;
  box-sizing: border-box;
  margin: 0 0 25px;
  margin-left: calc(-2.5% - 1px);
}
.dashboard-map-wrap .map-area {
  width: 100vw;
}
.dashboard-map-wrap .charts-area {
  width: 366px;
  background: rgba(255, 255, 255, 0.9);
  box-sizing: border-box;
  padding: 20px;
  min-height: 500px;
  height: calc(100vh - 123px);
  position: absolute;
  right: 0;
  top: 0;
}
.dashboard-map-wrap button[title~=fullscreen] {
  right: 363px !important;
  z-index: 999;
}
.dashboard-map-wrap .gmnoprint {
  right: 374px !important;
}
.dashboard-map-wrap .gmnoprint.gm-bundled-control.gm-bundled-control-on-bottom {
  right: 402px !important;
}

.status-bar.ldar-report-bar ul.nav-wizard li {
  line-height: normal;
  width: 15%;
  align-items: center;
  display: flex;
}
.status-bar.ldar-report-bar ul.nav-wizard li a {
  vertical-align: sub;
}

@media (max-width: 1040px) {
  .form-section.section-two-thirds.section-deviation {
    width: 100%;
  }
}

.ldar-report-builder .duplicate-row .form-section, .ldar-report-builder .non-first-row .form-section {
  min-height: 45px;
}
.ldar-report-builder .form-section .fa.duplicate {
  cursor: pointer;
}
@media (max-width: 1040px) {
  .ldar-report-builder .form-section {
    width: 46.5%;
  }
}
@media (max-width: 955px) {
  .ldar-report-builder .form-section {
    width: 46.5%;
  }
}
@media (max-width: 768px) {
  .ldar-report-builder .form-section {
    width: 100%;
    min-height: 0 !important;
  }
}

ul.editing-btns.dark.performance-action.table-btns.ldar-inspection-action {
  width: 115px;
}
ul.editing-btns.dark.performance-action.table-btns.ldar-inspection-action li.report-btn {
  cursor: pointer;
}

.container.text-center.verification-repair--ldar {
  float: left !important;
}
@media (max-width: 767px) {
  .container.text-center.verification-repair--ldar {
    float: none !important;
  }
}

.form-section.ldar-half-section {
  width: 49% !important;
  max-width: 450px;
}
@media (max-width: 1381px) {
  .form-section.ldar-half-section {
    width: 100% !important;
  }
  .form-section.ldar-half-section.pull-right {
    float: left !important;
  }
}

#repairModal .modal-body .form-section.complete-div {
  width: 33% !important;
}
@media (max-width: 913px) {
  #repairModal .modal-body .form-section.complete-div {
    width: 50% !important;
  }
}
@media (max-width: 700px) {
  #repairModal .modal-body .form-section.complete-div {
    width: 75% !important;
  }
}
@media (max-width: 430px) {
  #repairModal .modal-body .form-section.complete-div {
    width: 100% !important;
  }
}

.row.ldar-action-row.dail-op-test {
  padding-left: 5%;
}
.row.ldar-action-row.dail-op-test .daily-op-btn {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
}
.row.ldar-action-row.dail-op-test .daily-op-btn .op-label {
  margin-right: 50px;
}
@media (max-width: 768px) {
  .row.ldar-action-row.dail-op-test .daily-op-btn .op-label {
    margin-right: 0;
  }
}
@media (max-width: 768px) {
  .row.ldar-action-row.dail-op-test .bootstrap-switch {
    margin-left: 0;
  }
}

.row.ldar-action-row .edit-survey-info {
  padding: 20px 0 0 30px;
}

/* FONTS */
/* COLORS */
/* BORDERS */
.text-align-right {
  text-align: right;
}

.no-margin {
  margin: 0 !important;
}

.margin-top-negative-50 {
  margin-top: -50px !important;
}

.margin-top-5 {
  margin-top: 5px !important;
}

.margin-top-10 {
  margin-top: 10px !important;
}

.margin-top-15 {
  margin-top: 15px !important;
}

.margin-top-20 {
  margin-top: 20px !important;
}

.margin-top-25 {
  margin-top: 25px !important;
}

.margin-top-30 {
  margin-top: 30px !important;
}

.margin-top-40 {
  margin-top: 40px !important;
}

.margin-top-45 {
  margin-top: 45px !important;
}

.margin-top-50 {
  margin-top: 50px !important;
}

.margin-top-60 {
  margin-top: 60px !important;
}

.margin-top-70 {
  margin-top: 70px !important;
}

.margin-top-75 {
  margin-top: 75px !important;
}

.margin-top-80 {
  margin-top: 80px !important;
}

.margin-top-100 {
  margin-top: 100px !important;
}

.margin-bottom-10 {
  margin-bottom: 10px !important;
}

.margin-bottom-20 {
  margin-bottom: 20px !important;
}

.margin-bottom-25 {
  margin-bottom: 25px !important;
}

.margin-bottom-30 {
  margin-bottom: 30px !important;
}

.margin-bottom-40 {
  margin-bottom: 40px !important;
}

.margin-bottom-50 {
  margin-bottom: 50px !important;
}

.margin-bottom-60 {
  margin-bottom: 60px !important;
}

.margin-bottom-70 {
  margin-bottom: 70px !important;
}

.margin-bottom-75 {
  margin-bottom: 75px !important;
}

.margin-bottom-80 {
  margin-bottom: 80px !important;
}

.margin-bottom-100 {
  margin-bottom: 100px !important;
}

.margin-left-10 {
  margin-left: 10px !important;
}

.margin-left-20 {
  margin-left: 20px !important;
}

.margin-left-25 {
  margin-left: 25px !important;
}

.margin-left-30 {
  margin-left: 30px !important;
}

.margin-left-40 {
  margin-left: 40px !important;
}

.margin-left-50 {
  margin-left: 50px !important;
}

.margin-left-60 {
  margin-left: 60px !important;
}

.margin-left-70 {
  margin-left: 70px !important;
}

.margin-left-75 {
  margin-left: 75px !important;
}

.margin-left-80 {
  margin-left: 80px !important;
}

.margin-left-100 {
  margin-left: 100px !important;
}

.no-margin-right {
  margin-right: 0 !important;
}

.margin-right-10 {
  margin-right: 10px !important;
}

.margin-right-20 {
  margin-right: 20px !important;
}

.margin-right-25 {
  margin-right: 25px !important;
}

.margin-right-30 {
  margin-right: 30px !important;
}

.margin-right-40 {
  margin-right: 40px !important;
}

.margin-right-50 {
  margin-right: 50px !important;
}

.margin-right-60 {
  margin-right: 60px !important;
}

.margin-right-70 {
  margin-right: 70px !important;
}

.margin-right-75 {
  margin-right: 75px !important;
}

.margin-right-80 {
  margin-right: 80px !important;
}

.margin-right-100 {
  margin-right: 100px !important;
}

.margin-10 {
  margin: 10px !important;
}

.margin-20 {
  margin: 20px !important;
}

.margin-25 {
  margin: 25px !important;
}

.margin-30 {
  margin: 30px !important;
}

.margin-40 {
  margin: 40px !important;
}

.margin-50 {
  margin: 50px !important;
}

.margin-60 {
  margin: 60px !important;
}

.margin-70 {
  margin: 70px !important;
}

.margin-75 {
  margin: 75px !important;
}

.margin-80 {
  margin: 80px !important;
}

.margin-100 {
  margin: 100px !important;
}

.minus-content-padding-margin {
  margin: 0 -10px !important;
}
.minus-content-padding-margin .row {
  padding: 0 20px;
}

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

.padding-top-0 {
  padding-top: 0 !important;
}

.padding-top-10 {
  padding-top: 10px !important;
}

.padding-top-20 {
  padding-top: 20px !important;
}

.padding-top-25 {
  padding-top: 25px !important;
}

.padding-top-30 {
  padding-top: 30px !important;
}

.padding-top-40 {
  padding-top: 40px !important;
}

.padding-top-50 {
  padding-top: 50px !important;
}

.padding-top-60 {
  padding-top: 60px !important;
}

.padding-top-70 {
  padding-top: 70px !important;
}

.padding-top-75 {
  padding-top: 75px !important;
}

.padding-top-80 {
  padding-top: 80px !important;
}

.padding-top-100 {
  padding-top: 100px !important;
}

.padding-bottom-0 {
  padding-bottom: 0;
}

.padding-bottom-10 {
  padding-bottom: 10px !important;
}

.padding-bottom-15 {
  padding-bottom: 15px !important;
}

.padding-bottom-20 {
  padding-bottom: 20px !important;
}

.padding-bottom-25 {
  padding-bottom: 25px !important;
}

.padding-bottom-30 {
  padding-bottom: 30px !important;
}

.padding-bottom-40 {
  padding-bottom: 40px !important;
}

.padding-bottom-50 {
  padding-bottom: 50px !important;
}

.padding-bottom-60 {
  padding-bottom: 60px !important;
}

.padding-bottom-70 {
  padding-bottom: 70px !important;
}

.padding-bottom-75 {
  padding-bottom: 75px !important;
}

.padding-bottom-80 {
  padding-bottom: 80px !important;
}

.padding-bottom-100 {
  padding-bottom: 100px !important;
}

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

.padding-left-10 {
  padding-left: 10px !important;
}

.padding-left-20 {
  padding-left: 20px !important;
}

.padding-left-25 {
  padding-left: 25px !important;
}

.padding-left-30 {
  padding-left: 30px !important;
}

.padding-left-40 {
  padding-left: 40px !important;
}

.padding-left-50 {
  padding-left: 50px !important;
}

.padding-left-60 {
  padding-left: 60px !important;
}

.padding-left-70 {
  padding-left: 70px !important;
}

.padding-left-75 {
  padding-left: 75px !important;
}

.padding-left-80 {
  padding-left: 80px !important;
}

.padding-left-100 {
  padding-left: 100px !important;
}

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

.padding-right-10 {
  padding-right: 10px !important;
}

.padding-right-20 {
  padding-right: 20px !important;
}

.padding-right-25 {
  padding-right: 25px !important;
}

.padding-right-30 {
  padding-right: 30px !important;
}

.padding-right-40 {
  padding-right: 40px !important;
}

.padding-right-50 {
  padding-right: 50px !important;
}

.padding-right-60 {
  padding-right: 60px !important;
}

.padding-right-70 {
  padding-right: 70px !important;
}

.padding-right-75 {
  padding-right: 75px !important;
}

.padding-right-80 {
  padding-right: 80px !important;
}

.padding-right-100 {
  padding-right: 100px !important;
}

.padding-10 {
  padding: 10px !important;
}

.padding-15 {
  padding: 15px !important;
}

.padding-20 {
  padding: 20px !important;
}

.padding-25 {
  padding: 25px !important;
}

.padding-30 {
  padding: 30px !important;
}

.padding-40 {
  padding: 40px !important;
}

.padding-50 {
  padding: 50px !important;
}

.padding-60 {
  padding: 60px !important;
}

.padding-70 {
  padding: 70px !important;
}

.padding-75 {
  padding: 75px !important;
}

.padding-80 {
  padding: 80px !important;
}

.padding-100 {
  padding: 100px !important;
}

.width-full {
  width: 100% !important;
}

.margin-zero {
  margin: 0 !important;
}

.duplicate-wrap .pollutantRowWrapper, .duplicate-wrap .pollutantRowWrapperSec, .duplicate-wrap .pollutantRowWrapperThird {
  padding: 20px 0;
  margin: 0 20px 0 20px;
  border-bottom: 1px solid #dadada;
}
.duplicate-wrap .pollutantRowWrapper .remove-row-inline-style, .duplicate-wrap .pollutantRowWrapperSec .remove-row-inline-style, .duplicate-wrap .pollutantRowWrapperThird .remove-row-inline-style {
  display: inline-block;
  vertical-align: top;
  margin: 37px 0 0;
  width: 5%;
}
.duplicate-wrap .pollutantRowWrapper .remove-row-inline-style .remove-row-icon, .duplicate-wrap .pollutantRowWrapperSec .remove-row-inline-style .remove-row-icon, .duplicate-wrap .pollutantRowWrapperThird .remove-row-inline-style .remove-row-icon {
  width: 22px;
  height: 21px;
  text-align: center;
  background: #F47C43;
  color: white;
  border-radius: 15px;
  border: 1px solid #BB501E;
  line-height: 13pt;
  font-weight: bold;
  cursor: pointer;
}
.duplicate-wrap .pollutantRowWrapper .polutant-section-wrapper, .duplicate-wrap .pollutantRowWrapperSec .polutant-section-wrapper, .duplicate-wrap .pollutantRowWrapperThird .polutant-section-wrapper {
  display: inline-block;
  width: 94%;
}

@media (min-width: 601px) {
  .completed-test .pollutantRowWrapper.trend-row {
    padding-left: 5%;
  }
}

.form-section .label_td--cb .tooltip_result {
  margin: 3px 34px 2px 0;
  padding: 0 4px;
  width: auto;
  background: #C1C1C1;
  color: white;
  border-color: #A4A4A4;
  display: inline-block;
  position: relative;
}

.row.perf-test.ldar-action-row.create-pt .form-section {
  vertical-align: top !important;
}
.row.perf-test.ldar-action-row .form-section.perf-section-left {
  width: 49%;
}
.row.perf-test.ldar-action-row .form-section.perf-section-right {
  border-left: solid;
}
.row.perf-test.ldar-action-row .input_td.submit-form {
  text-align: center;
}
.row.perf-test.ldar-action-row .input_td.submit-form .btn.btn-success {
  padding: 6px 26px;
}
.row.perf-test.ldar-action-row .input_td.submit-form .btn.btn-default {
  min-width: 78px;
}

.perf-test.ldar-action-div .complete-date-div input.item {
  width: 50% !important;
}
.perf-test.ldar-action-div .approve-sign {
  width: 56%;
}
.perf-test.ldar-action-div.public-view .ldar-report {
  height: 110px;
}
.perf-test.ldar-action-div.public-view .ldar-report.left-border {
  border-left: none !important;
}

.edit-pt.row.perf-test.ldar-action-row {
  background: #f6f6f6;
  border-top: none;
}

.status-bar.status-bar--wider .nav-wizard .bold {
  padding-top: 0 !important;
  font-size: 1em;
}
.status-bar.status-bar--wider .nav-wizard li div.note-text {
  top: 33px !important;
}
.status-bar.status-bar--wider ul.nav-wizard li:before {
  top: -2px;
  border: 35px solid transparent;
  border-left: 16px solid #d4d4d4;
  border-right: 0;
}
.status-bar.status-bar--wider ul.nav-wizard li:after {
  top: -2px;
  border: 35px solid transparent;
  border-left: 16px solid white;
  border-right: 0;
}
.status-bar.status-bar--wider ul.nav-wizard li {
  height: 67px;
}
.status-bar.status-bar--wider ul.nav-wizard li.active:after {
  border-left: 16px solid #0A4668;
}
.status-bar.status-bar--wider ul.nav-wizard li:first-child {
  border-left: solid #d4d4d4 1px;
}
.status-bar.status-bar--wider .wizard-details {
  background-color: #0A4668;
  height: 60px;
  min-width: 116px;
}
@media (min-width: 876px) and (max-width: 1000px) {
  .status-bar.status-bar--wider .wizard-details {
    padding: 14px 28px !important;
  }
}
@media (max-width: 1196px) {
  .status-bar.status-bar--wider .wizard-details {
    padding: 6px 28px;
  }
}
@media (max-width: 1250px) {
  .status-bar.status-bar--wider ul.nav-wizard li {
    width: 15% !important;
  }
}

.row.perf-test .form-section.test-type-div {
  width: 60%;
}
@media (max-width: 768px) {
  .row.perf-test .form-section.test-type-div {
    width: 100%;
  }
}
.row.perf-test .form-section.test-type-div .type-section {
  width: 49%;
}
.row.perf-test .form-section.test-type-div .type-section .add-pollutant {
  margin-left: 10px;
}
@media (min-width: 769px) and (max-width: 1500px) {
  .row.perf-test .form-section.test-type-div .type-section {
    width: 84%;
  }
}
@media (max-width: 768px) {
  .row.perf-test .form-section.test-type-div .type-section {
    width: 100%;
  }
}
.row.perf-test .form-section.test-type-div .form-section.federal-rule-div {
  width: 49%;
}
@media (max-width: 768px) {
  .row.perf-test .form-section.test-type-div .form-section.federal-rule-div {
    width: 100%;
  }
}
.row.perf-test .form-section.test-type-div .form-section.federal-rule-div .form-section {
  width: 100%;
}
.row.perf-test .form-section.test-type-div .form-section.states-div {
  width: 100%;
}
.row.perf-test .form-section.test-type-div .form-section.states-div .form-section {
  width: 49%;
}
.row.perf-test .form-section.test-info {
  min-height: initial;
  width: 38%;
  padding-top: 30px;
}
@media (max-width: 768px) {
  .row.perf-test .form-section.test-info {
    width: 100%;
  }
}
.row.perf-test .form-section.test-info .test-frequency {
  width: 100%;
  min-height: initial;
  padding: 0;
}
.row.perf-test .form-section.test-info .form-section.label_td {
  width: 100%;
  min-height: initial;
  padding: 0;
}
.row.perf-test .form-section.test-info .form-section.label_td label {
  display: inline-block;
}
@media (max-width: 768px) {
  .row.perf-test .form-section.test-info .form-section.label_td input[type=checkbox] {
    width: initial;
  }
}
@media (max-width: 1040px) {
  .row.perf-test .form-section.section-one-tenth {
    display: inline-block;
  }
}
@media (min-width: 769px) and (max-width: 1500px) {
  .row.perf-test .form-section.pt-form-section {
    width: 50%;
  }
}
.row.perf-test.completed-test .duplicate-wrap .pollutantRowWrapper .form-section.section-fifth, .row.perf-test.completed-test .duplicate-wrap .pollutantRowWrapperSec .form-section.section-fifth, .row.perf-test.completed-test .duplicate-wrap .pollutantRowWrapperThird .form-section.section-fifth {
  width: 19.5%;
}
@media (min-width: 769px) and (max-width: 1410px) {
  .row.perf-test.completed-test .duplicate-wrap .pollutantRowWrapper .form-section.section-fifth, .row.perf-test.completed-test .duplicate-wrap .pollutantRowWrapperSec .form-section.section-fifth, .row.perf-test.completed-test .duplicate-wrap .pollutantRowWrapperThird .form-section.section-fifth {
    width: 48%;
  }
}
@media (max-width: 768px) {
  .row.perf-test.completed-test .duplicate-wrap .pollutantRowWrapper .form-section.section-fifth, .row.perf-test.completed-test .duplicate-wrap .pollutantRowWrapperSec .form-section.section-fifth, .row.perf-test.completed-test .duplicate-wrap .pollutantRowWrapperThird .form-section.section-fifth {
    width: 100%;
  }
}
@media (max-width: 956px) {
  .row.perf-test.completed-test .duplicate-wrap .pollutantRowWrapper .remove-row-inline-style, .row.perf-test.completed-test .duplicate-wrap .pollutantRowWrapperSec .remove-row-inline-style, .row.perf-test.completed-test .duplicate-wrap .pollutantRowWrapperThird .remove-row-inline-style {
    margin: 0 !important;
  }
}
.row.perf-test .duplicate-wrap .pollutantRowWrapper, .row.perf-test .duplicate-wrap .pollutantRowWrapperSec, .row.perf-test .duplicate-wrap .pollutantRowWrapperThird {
  padding: 20px 0;
  margin: 0 0;
}
.row.perf-test .duplicate-wrap .pollutantRowWrapper .form-section.section-fifth, .row.perf-test .duplicate-wrap .pollutantRowWrapperSec .form-section.section-fifth, .row.perf-test .duplicate-wrap .pollutantRowWrapperThird .form-section.section-fifth {
  width: 24.5%;
}
@media (min-width: 769px) and (max-width: 1410px) {
  .row.perf-test .duplicate-wrap .pollutantRowWrapper .form-section.section-fifth, .row.perf-test .duplicate-wrap .pollutantRowWrapperSec .form-section.section-fifth, .row.perf-test .duplicate-wrap .pollutantRowWrapperThird .form-section.section-fifth {
    width: 48%;
  }
}
@media (max-width: 768px) {
  .row.perf-test .duplicate-wrap .pollutantRowWrapper .form-section.section-fifth, .row.perf-test .duplicate-wrap .pollutantRowWrapperSec .form-section.section-fifth, .row.perf-test .duplicate-wrap .pollutantRowWrapperThird .form-section.section-fifth {
    width: 100%;
  }
}
@media (max-width: 956px) {
  .row.perf-test .duplicate-wrap .pollutantRowWrapper .remove-row-inline-style, .row.perf-test .duplicate-wrap .pollutantRowWrapperSec .remove-row-inline-style, .row.perf-test .duplicate-wrap .pollutantRowWrapperThird .remove-row-inline-style {
    margin: 0 !important;
  }
}
.row.perf-test.ldar-action-row .pt-main-section.form-section.perf-section-right {
  width: 46%;
  padding-left: 3%;
}
@media (max-width: 590px) {
  .row.perf-test.ldar-action-row .pt-main-section.form-section.perf-section-right {
    width: 100%;
    padding-left: 0;
  }
}
@media (max-width: 590px) {
  .row.perf-test.ldar-action-row .pt-main-section.form-section.perf-section-left {
    width: 100%;
    border-right: none;
  }
}
.row.perf-test .report-submittal-date-div input, .row.perf-test .agency-notif-date-div input {
  width: 40%;
}
@media (min-width: 967px) and (max-width: 1370px) {
  .row.perf-test .report-submittal-date-div input, .row.perf-test .agency-notif-date-div input {
    width: 30%;
  }
}
@media (max-width: 966px) {
  .row.perf-test .report-submittal-date-div input, .row.perf-test .agency-notif-date-div input {
    width: 48%;
  }
}
.row.perf-test .report-submittal-date-div select, .row.perf-test .agency-notif-date-div select {
  width: 25%;
}
@media (max-width: 966px) {
  .row.perf-test .report-submittal-date-div select, .row.perf-test .agency-notif-date-div select {
    width: 48%;
  }
}
@media (max-width: 966px) {
  .row.perf-test .report-submittal-date-div label, .row.perf-test .agency-notif-date-div label {
    width: 98%;
  }
}

/* FONTS */
/* COLORS */
/* BORDERS */
.text-align-right {
  text-align: right;
}

.no-margin {
  margin: 0 !important;
}

.margin-top-negative-50 {
  margin-top: -50px !important;
}

.margin-top-5 {
  margin-top: 5px !important;
}

.margin-top-10 {
  margin-top: 10px !important;
}

.margin-top-15 {
  margin-top: 15px !important;
}

.margin-top-20 {
  margin-top: 20px !important;
}

.margin-top-25 {
  margin-top: 25px !important;
}

.margin-top-30 {
  margin-top: 30px !important;
}

.margin-top-40 {
  margin-top: 40px !important;
}

.margin-top-45 {
  margin-top: 45px !important;
}

.margin-top-50 {
  margin-top: 50px !important;
}

.margin-top-60 {
  margin-top: 60px !important;
}

.margin-top-70 {
  margin-top: 70px !important;
}

.margin-top-75 {
  margin-top: 75px !important;
}

.margin-top-80 {
  margin-top: 80px !important;
}

.margin-top-100 {
  margin-top: 100px !important;
}

.margin-bottom-10 {
  margin-bottom: 10px !important;
}

.margin-bottom-20 {
  margin-bottom: 20px !important;
}

.margin-bottom-25 {
  margin-bottom: 25px !important;
}

.margin-bottom-30 {
  margin-bottom: 30px !important;
}

.margin-bottom-40 {
  margin-bottom: 40px !important;
}

.margin-bottom-50 {
  margin-bottom: 50px !important;
}

.margin-bottom-60 {
  margin-bottom: 60px !important;
}

.margin-bottom-70 {
  margin-bottom: 70px !important;
}

.margin-bottom-75 {
  margin-bottom: 75px !important;
}

.margin-bottom-80 {
  margin-bottom: 80px !important;
}

.margin-bottom-100 {
  margin-bottom: 100px !important;
}

.margin-left-10 {
  margin-left: 10px !important;
}

.margin-left-20 {
  margin-left: 20px !important;
}

.margin-left-25 {
  margin-left: 25px !important;
}

.margin-left-30 {
  margin-left: 30px !important;
}

.margin-left-40 {
  margin-left: 40px !important;
}

.margin-left-50 {
  margin-left: 50px !important;
}

.margin-left-60 {
  margin-left: 60px !important;
}

.margin-left-70 {
  margin-left: 70px !important;
}

.margin-left-75 {
  margin-left: 75px !important;
}

.margin-left-80 {
  margin-left: 80px !important;
}

.margin-left-100 {
  margin-left: 100px !important;
}

.no-margin-right {
  margin-right: 0 !important;
}

.margin-right-10 {
  margin-right: 10px !important;
}

.margin-right-20 {
  margin-right: 20px !important;
}

.margin-right-25 {
  margin-right: 25px !important;
}

.margin-right-30 {
  margin-right: 30px !important;
}

.margin-right-40 {
  margin-right: 40px !important;
}

.margin-right-50 {
  margin-right: 50px !important;
}

.margin-right-60 {
  margin-right: 60px !important;
}

.margin-right-70 {
  margin-right: 70px !important;
}

.margin-right-75 {
  margin-right: 75px !important;
}

.margin-right-80 {
  margin-right: 80px !important;
}

.margin-right-100 {
  margin-right: 100px !important;
}

.margin-10 {
  margin: 10px !important;
}

.margin-20 {
  margin: 20px !important;
}

.margin-25 {
  margin: 25px !important;
}

.margin-30 {
  margin: 30px !important;
}

.margin-40 {
  margin: 40px !important;
}

.margin-50 {
  margin: 50px !important;
}

.margin-60 {
  margin: 60px !important;
}

.margin-70 {
  margin: 70px !important;
}

.margin-75 {
  margin: 75px !important;
}

.margin-80 {
  margin: 80px !important;
}

.margin-100 {
  margin: 100px !important;
}

.minus-content-padding-margin {
  margin: 0 -10px !important;
}
.minus-content-padding-margin .row {
  padding: 0 20px;
}

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

.padding-top-0 {
  padding-top: 0 !important;
}

.padding-top-10 {
  padding-top: 10px !important;
}

.padding-top-20 {
  padding-top: 20px !important;
}

.padding-top-25 {
  padding-top: 25px !important;
}

.padding-top-30 {
  padding-top: 30px !important;
}

.padding-top-40 {
  padding-top: 40px !important;
}

.padding-top-50 {
  padding-top: 50px !important;
}

.padding-top-60 {
  padding-top: 60px !important;
}

.padding-top-70 {
  padding-top: 70px !important;
}

.padding-top-75 {
  padding-top: 75px !important;
}

.padding-top-80 {
  padding-top: 80px !important;
}

.padding-top-100 {
  padding-top: 100px !important;
}

.padding-bottom-0 {
  padding-bottom: 0;
}

.padding-bottom-10 {
  padding-bottom: 10px !important;
}

.padding-bottom-15 {
  padding-bottom: 15px !important;
}

.padding-bottom-20 {
  padding-bottom: 20px !important;
}

.padding-bottom-25 {
  padding-bottom: 25px !important;
}

.padding-bottom-30 {
  padding-bottom: 30px !important;
}

.padding-bottom-40 {
  padding-bottom: 40px !important;
}

.padding-bottom-50 {
  padding-bottom: 50px !important;
}

.padding-bottom-60 {
  padding-bottom: 60px !important;
}

.padding-bottom-70 {
  padding-bottom: 70px !important;
}

.padding-bottom-75 {
  padding-bottom: 75px !important;
}

.padding-bottom-80 {
  padding-bottom: 80px !important;
}

.padding-bottom-100 {
  padding-bottom: 100px !important;
}

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

.padding-left-10 {
  padding-left: 10px !important;
}

.padding-left-20 {
  padding-left: 20px !important;
}

.padding-left-25 {
  padding-left: 25px !important;
}

.padding-left-30 {
  padding-left: 30px !important;
}

.padding-left-40 {
  padding-left: 40px !important;
}

.padding-left-50 {
  padding-left: 50px !important;
}

.padding-left-60 {
  padding-left: 60px !important;
}

.padding-left-70 {
  padding-left: 70px !important;
}

.padding-left-75 {
  padding-left: 75px !important;
}

.padding-left-80 {
  padding-left: 80px !important;
}

.padding-left-100 {
  padding-left: 100px !important;
}

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

.padding-right-10 {
  padding-right: 10px !important;
}

.padding-right-20 {
  padding-right: 20px !important;
}

.padding-right-25 {
  padding-right: 25px !important;
}

.padding-right-30 {
  padding-right: 30px !important;
}

.padding-right-40 {
  padding-right: 40px !important;
}

.padding-right-50 {
  padding-right: 50px !important;
}

.padding-right-60 {
  padding-right: 60px !important;
}

.padding-right-70 {
  padding-right: 70px !important;
}

.padding-right-75 {
  padding-right: 75px !important;
}

.padding-right-80 {
  padding-right: 80px !important;
}

.padding-right-100 {
  padding-right: 100px !important;
}

.padding-10 {
  padding: 10px !important;
}

.padding-15 {
  padding: 15px !important;
}

.padding-20 {
  padding: 20px !important;
}

.padding-25 {
  padding: 25px !important;
}

.padding-30 {
  padding: 30px !important;
}

.padding-40 {
  padding: 40px !important;
}

.padding-50 {
  padding: 50px !important;
}

.padding-60 {
  padding: 60px !important;
}

.padding-70 {
  padding: 70px !important;
}

.padding-75 {
  padding: 75px !important;
}

.padding-80 {
  padding: 80px !important;
}

.padding-100 {
  padding: 100px !important;
}

.width-full {
  width: 100% !important;
}

.margin-zero {
  margin: 0 !important;
}

.edgeview.graph-section .form-section.half-section {
  background: white;
  margin: 1%;
  width: 47%;
}
.edgeview.graph-section .chart-title {
  width: 100%;
  text-align: left;
  min-height: 20px;
  padding-left: 25px;
}
.edgeview.graph-section .filter-section .form-section {
  width: 17%;
}
.edgeview.graph-section .filter-section .form-section.load-section {
  width: 9%;
}
.edgeview.graph-section .filter-section .form-section.load-section button {
  width: 100px;
  vertical-align: baseline;
}
@media (max-width: 1040px) {
  .edgeview.graph-section .filter-section .form-section {
    width: 49.5%;
  }
}
@media (max-width: 768px) {
  .edgeview.graph-section .filter-section .form-section {
    width: 100%;
  }
}
@media (max-width: 1291px) {
  .edgeview.graph-section .form-section.half-section {
    width: 100%;
    margin: auto;
    margin-top: 30px;
  }
  .edgeview.graph-section .chart-title {
    text-align: center;
    padding-left: 0;
  }
}

#accordion2 h3.form-sections-title {
  color: #EFEFF2;
}

label.required:before {
  content: " *" !important;
  color: rgb(214, 0, 0) !important;
  font-size: 10pt !important;
  padding-right: 5pt;
}

label.required:after {
  content: none;
}

label {
  font-weight: bold;
}

.label_td .tooltip_result {
  background: #0099CC !important;
}

.chosen-container-single .chosen-single div b {
  background-position: center !important;
  background-image: url(/assets/images/select-background.png) !important;
  background-size: 21px !important;
}

.accordion-inner.accordion-form {
  background: aliceblue;
}

@media (max-width: 1200px) {
  .content.w-sub-nav-bar {
    padding-top: 126px !important;
  }
}
@media (max-width: 768px) {
  .content.w-sub-nav-bar {
    padding-top: 75px !important;
  }
  .back-button {
    color: #0099CC !important;
  }
}
h3.form-sections-title.collapsable-title {
  border-left: 1px solid #fff;
  padding-left: 13px !important;
  margin-left: 40px;
}

#accordion2 .accordion-group:not(:first-child),
#accordion2 .accordion-group:not(:first-child) .accordion-heading {
  border-radius: 0 !important;
}

.facility-name a {
  color: #0099CC;
}

.back-button {
  color: #0099CC;
}

.back-button {
  font-weight: 600;
  background-image: url(/assets/images/select-left.png);
  background-position: 9px 6px;
  background-size: 14px;
}

.dataTables_length select {
  background-image: none;
}

.bootstrap-toggle {
  margin-top: 37px;
}

@media (min-width: 1050px) {
  .first-col {
    padding-right: 60px;
    box-sizing: border-box;
  }
  .second-col {
    box-sizing: border-box;
    padding-left: 30px;
    padding-right: 30px;
  }
  .third-col {
    box-sizing: border-box;
    padding-left: 60px;
  }
}
.close-btn-wrap .btn-default {
  box-shadow: none !important;
  background: #f46900;
  font-weight: 600;
  border: none !important;
  color: #fff !important;
  border-radius: 7px;
  font-size: 13px;
  box-sizing: border-box;
  font-size: 1em;
}

.save-btn-wrap .btn-default {
  box-shadow: none !important;
  background: #0A4668;
  font-weight: 600;
  border: none !important;
  color: #fff !important;
  border-radius: 7px;
  font-size: 13px;
  box-sizing: border-box;
  font-size: 1em;
}

.bootstrap-toggle {
  text-align: center;
}

@media (max-width: 450px) {
  .sub-nav-bar.sticky-bar {
    position: fixed !important;
    /* top: 60px !important; */
    width: 100% !important;
    z-index: 9999 !important;
  }
}
.main-body-wrap .content-footer-wrap-for-scrolling section .content.w-sub-nav-bar {
  padding-top: 0px !important;
}

@media (min-width: 320px) {
  .main-body-wrap .content-footer-wrap-for-scrolling section .content.w-sub-nav-bar {
    padding-top: 60px !important;
  }
}
@media (min-width: 768px) {
  .edit-form-body {
    padding-top: 110px !important;
  }
}
@media (min-width: 1024px) {
  .edit-form-body {
    padding-top: 50px !important;
  }
}
@media (max-width: 426px) and (min-width: 320px) {
  .form-accordion {
    min-height: 440px !important;
  }
  .form-accordion h3 {
    font-size: 16px !important;
  }
  .form-accordion .accordion-inner {
    padding: 0 !important;
    max-height: 200px;
    overflow: scroll;
  }
  .main-body-wrap .content-footer-wrap-for-scrolling section .content {
    /* padding: 0 !important; */
  }
  .content {
    padding-bottom: 0px !important;
  }
  .edit-form-body {
    margin-top: 0px !important;
    padding-top: 50px !important;
  }
}
.btnsht h2 {
  color: #fff !important;
  margin: 0 !important;
  padding: 0 !important;
  font-size: 26px;
}

@media (min-width: 1444px) {
  span.arrow {
    left: 1em;
  }
}
.editing-btns-engine {
  margin-top: 0 !important;
}

div.DTTT_container {
  min-height: auto !important;
  padding: 10px !important;
}

.accordion-inner.accordion-form {
  background: aliceblue;
}

.hide-accordion span.arrow {
  background-image: url(/assets/images/select-up.png);
  background-repeat: no-repeat;
}

.accordion .accordion-heading-alt,
.accordion-group .accordion-heading-alt {
  background-color: #0A4668 !important;
}

td a:visited {
  color: #0095cc;
}

.dash-triggers-wrap .stats-wrapper {
  border: none;
  box-shadow: 0 0 0 3px #09c;
}