.sgh {
  border-left: 3px solid #F2BA00;
  padding-left: 12px;
  font-size: 18px;
  letter-spacing: 0;
}

.tab-pane h3:first-of-type {
  font-size: 28px;
  margin-bottom: 16px;
}

/*  Top Menu Elements */
nav#menu {
  width: 100%;
  height: 64px;
  background-color: #474747;
}

nav#menu ul.nav {
  color: #fff;
  display: inline-block;
}

nav#menu ul.nav li {
  display: inline-block;
  height: 64px;
  line-height: 64px;
  padding: 0 10px;
  cursor: pointer;
}

nav#menu ul.nav li:hover {
  background-color: #474747;
}

.nav-pills > li.active > a,
.nav-pills > li.active > a:focus,
.nav-pills > li.active > a:hover {
  background-color: #F3E8DF;
  color: #474747;
}

#logo {
  cursor: pointer;
  background: no-repeat center center transparent;
  background-image: url("data:image/svg+xml;charset=utf8,%3C?xml version='1.0' encoding='UTF-8' standalone='no'?%3E%3Csvg width='95px' height='34px' viewBox='0 0 95 34' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3C!-- Generator: Sketch 46.1 (44463) - http://www.bohemiancoding.com/sketch --%3E%3Ctitle%3EGroup%3C/title%3E%3Cdesc%3ECreated with Sketch.%3C/desc%3E%3Cdefs%3E%3C/defs%3E%3Cg id='Page-1' stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'%3E%3Cg id='Group'%3E%3Cg id='WK_V_01_Pos_CMYK'%3E%3Cpath d='M34.2278284,26.976119 C34.4774877,26.976119 34.6966209,26.8765155 34.6966209,26.6280542 C34.6966209,26.4802908 34.6344787,26.3675528 34.5025626,26.3347165 C34.4316986,26.3029747 34.3521129,26.297502 34.2398208,26.297502 L34.1111754,26.297502 L34.1111754,26.976119 L34.2278284,26.976119 Z M33.6260296,25.9100336 L34.3684662,25.9100336 C34.5200061,25.9100336 34.6530123,25.9286409 34.7500415,25.9669499 C35.0629333,26.0588915 35.2166536,26.297502 35.2166536,26.5711379 C35.2166536,26.9586063 34.9244759,27.1589078 34.6530123,27.2245804 L34.6530123,27.2344313 C34.8154544,27.3176166 35.0694745,27.793743 35.3562012,28.321313 L34.7969207,28.321313 C34.484029,27.7477722 34.296512,27.3690601 34.1929415,27.3613983 L34.1111754,27.3613983 L34.1111754,28.321313 L33.6260296,28.321313 L33.6260296,25.9100336 L33.6260296,25.9100336 Z' id='Fill-14' fill='%23A3A3A3'%3E%3C/path%3E%3Cpath d='M21.1092686,0.709264185 C19.8675134,0.409359267 18.5799692,0.241894113 17.246636,0.241894113 C15.914393,0.241894113 14.6235782,0.409359267 13.3840034,0.709264185 L13.3840034,5.05131823 L21.1092686,5.05131823 L21.1092686,0.709264185' id='Fill-15' fill='%239FBED9'%3E%3C/path%3E%3Cpolygon id='Fill-16' fill='%23DC3B41' points='13.3840034 20.5642832 21.1092686 20.5642832 21.1092686 12.808348 13.3840034 12.808348'%3E%3C/polygon%3E%3Cpolygon id='Fill-17' fill='%2392C66B' points='13.3840034 28.3202184 21.1092686 28.3202184 21.1092686 20.5642832 13.3840034 20.5642832'%3E%3C/polygon%3E%3Cpath d='M13.3840034,32.6622725 C14.6235782,32.9632719 15.914393,33.1307371 17.246636,33.1307371 C18.5799692,33.1307371 19.8675134,32.9632719 21.1092686,32.6622725 L21.1092686,28.321313 L13.3840034,28.321313 L13.3840034,32.6622725' id='Fill-18' fill='%234694C3'%3E%3C/path%3E%3Cpolygon id='Fill-19' fill='%23C7DFAA' points='13.3840034 12.808348 21.1092686 12.808348 21.1092686 5.05131823 13.3840034 5.05131823'%3E%3C/polygon%3E%3Cpolygon id='Fill-20' fill='%23C7DFAA' points='5.65764813 20.5642832 13.3840034 20.5642832 13.3840034 12.808348 5.65764813 12.808348'%3E%3C/polygon%3E%3Cpolygon id='Fill-21' fill='%2374B943' points='5.65764813 28.3202184 13.3840034 28.3202184 13.3840034 20.5642832 5.65764813 20.5642832'%3E%3C/polygon%3E%3Cpath d='M5.65764813,28.321313 C7.74977115,30.4206474 10.4120767,31.9398738 13.3840034,32.6622725 L13.3840034,28.321313 L5.65764813,28.321313' id='Fill-22' fill='%230079B3'%3E%3C/path%3E%3Cpolygon id='Fill-23' fill='%2392C66B' points='5.65764813 12.808348 13.3840034 12.808348 13.3840034 5.05131823 5.65764813 5.05131823'%3E%3C/polygon%3E%3Cpath d='M13.3840034,0.709264185 C10.4120767,1.43275744 7.74977115,2.94979472 5.65764813,5.05131823 L13.3840034,5.05131823 L13.3840034,0.709264185' id='Fill-24' fill='%234694C3'%3E%3C/path%3E%3Cpath d='M5.65764813,28.321313 L5.65764813,20.5642832 L1.33385453,20.5642832 C2.0544868,23.5469142 3.56443489,26.220884 5.65764813,28.321313' id='Fill-25' fill='%230079B3'%3E%3C/path%3E%3Cpath d='M5.65764813,5.05131823 C3.56443489,7.1517472 2.0544868,9.82462242 1.33385453,12.808348 L5.65764813,12.808348 L5.65764813,5.05131823' id='Fill-26' fill='%234694C3'%3E%3C/path%3E%3Cpolygon id='Fill-27' fill='%2392C66B' points='21.1092686 20.5642832 28.8356239 20.5642832 28.8356239 12.808348 21.1092686 12.808348'%3E%3C/polygon%3E%3Cpolygon id='Fill-28' fill='%2374B943' points='21.1092686 28.3202184 28.8356239 28.3202184 28.8356239 20.5642832 21.1092686 20.5642832'%3E%3C/polygon%3E%3Cpath d='M28.8356239,28.321313 L21.1092686,28.321313 L21.1092686,32.6622725 C24.0811953,31.9398738 26.7445911,30.4228365 28.8356239,28.321313' id='Fill-29' fill='%230079B3'%3E%3C/path%3E%3Cpolygon id='Fill-30' fill='%2374B943' points='21.1092686 12.808348 28.8356239 12.808348 28.8356239 5.05131823 21.1092686 5.05131823'%3E%3C/polygon%3E%3Cpath d='M21.1092686,0.709264185 L21.1092686,5.05131823 L28.8356239,5.05131823 C26.7445911,2.94979472 24.0811953,1.43166289 21.1092686,0.709264185' id='Fill-31' fill='%230079B3'%3E%3C/path%3E%3Cpath d='M28.8356239,28.321313 C30.9277469,26.220884 32.4387852,23.5469142 33.1594175,20.5642832 L28.8356239,20.5642832 L28.8356239,28.321313' id='Fill-32' fill='%230079B3'%3E%3C/path%3E%3Cpath d='M28.8356239,5.05131823 L28.8356239,12.808348 L33.1594175,12.808348 C32.4387852,9.82462242 30.9288371,7.1517472 28.8356239,5.05131823' id='Fill-33' fill='%230079B3'%3E%3C/path%3E%3Cpath d='M1.33385453,12.808348 C1.03404534,14.055033 0.868332629,15.3476889 0.868332629,16.6863156 C0.868332629,18.0238477 1.03404534,19.3186927 1.33385453,20.5642832 L5.65764813,20.5642832 L5.65764813,12.808348 L1.33385453,12.808348' id='Fill-34' fill='%239FBED9'%3E%3C/path%3E%3Cpath d='M33.1594175,20.5642832 C33.4592267,19.3186927 33.6260296,18.0238477 33.6260296,16.6863156 C33.6260296,15.3476889 33.4592267,14.055033 33.1594175,12.808348 L28.8356239,12.808348 L28.8356239,20.5642832 L33.1594175,20.5642832' id='Fill-35' fill='%234694C3'%3E%3C/path%3E%3Cpath d='M34.38809,25.3846528 C33.4177985,25.3846528 32.6317533,26.1749132 32.6317533,27.1490569 C32.6317533,28.1232006 33.4177985,28.913461 34.38809,28.913461 C35.3594718,28.913461 36.145517,28.1232006 36.145517,27.1490569 C36.145517,26.1749132 35.3594718,25.3846528 34.38809,25.3846528 Z M36.6143095,27.1490569 C36.6143095,28.3826074 35.6178528,29.3830201 34.3891802,29.3830201 C33.1594175,29.3830201 32.164051,28.3826074 32.164051,27.1490569 C32.164051,25.9155064 33.1594175,24.9150936 34.3891802,24.9150936 C35.6178528,24.9150936 36.6143095,25.9155064 36.6143095,27.1490569 L36.6143095,27.1490569 Z' id='Fill-36' fill='%23A3A3A3'%3E%3C/path%3E%3C/g%3E%3Cpath d='M59.104,22 L56.352,22 L54.672,13.184 L52.944,22 L50.272,22 L48.272,10.944 L50.368,10.944 L51.776,20.32 L53.584,10.944 L55.824,10.944 L57.6,20.32 L59.136,10.944 L61.136,10.944 L59.104,22 Z M64.8,22 L62.688,22 L62.688,10.944 L64.8,10.944 L64.8,22 Z M74.032,12.576 L68.928,20.272 L74.08,20.272 L73.856,22 L66.464,22 L66.464,20.384 L71.664,12.624 L66.992,12.624 L66.992,10.944 L74.032,10.944 L74.032,12.576 Z M84.096,22 L81.36,22 L77.568,13.056 C77.6640005,13.8453373 77.7359998,14.5599968 77.784,15.2 C77.8320002,15.8400032 77.856,16.6026622 77.856,17.488 L77.856,22 L75.936,22 L75.936,10.944 L78.608,10.944 L82.464,19.904 C82.3999997,19.4773312 82.3360003,18.9146702 82.272,18.216 C82.2079997,17.5173298 82.176,16.8213368 82.176,16.128 L82.176,10.944 L84.096,10.944 L84.096,22 Z M93.088,11.032 C93.6533362,11.2506678 94.1813309,11.5733312 94.672,12 L93.52,13.2 C93.1359981,12.8799984 92.7706684,12.6506674 92.424,12.512 C92.0773316,12.3733326 91.674669,12.304 91.216,12.304 C90.3626624,12.304 89.6640027,12.6453299 89.12,13.328 C88.5759973,14.0106701 88.304,15.055993 88.304,16.464 C88.304,17.9360074 88.5199978,18.9973301 88.952,19.648 C89.3840022,20.2986699 90.0426622,20.624 90.928,20.624 C91.6000034,20.624 92.1866642,20.4800014 92.688,20.192 L92.688,17.312 L91.024,17.312 L90.8,15.744 L94.768,15.744 L94.768,21.152 C93.6159942,21.877337 92.3200072,22.24 90.88,22.24 C89.3333256,22.24 88.1466708,21.7493382 87.32,20.768 C86.4933292,19.7866618 86.08,18.3520094 86.08,16.464 C86.08,15.2586606 86.3066644,14.2213377 86.76,13.352 C87.2133356,12.4826623 87.8213295,11.8240022 88.584,11.376 C89.3466705,10.9279978 90.1919954,10.704 91.12,10.704 C91.8666704,10.704 92.5226638,10.8133322 93.088,11.032 Z' id='WIZNG' fill='%23FFFFFF'%3E%3C/path%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
  width: 95px;
  height: 64px;
  display: inline-block;
  vertical-align: middle;
  margin-right: 34px;
  margin-left: 20px;
}

#actions {
  height: 64px;
  vertical-align: top;
  line-height: 64px;
  padding: 0 20px;
  color: white;
  float: right;
}

.notification {
  background-color: #007ac3;
  display: inline-block;
  color: white;
  border-radius: 50px;
  padding: 2px;
  font-size: 13px;
  line-height: 16px;
  width: 30px;
  height: 19px;
  text-align: center;
  vertical-align: middle;
  font-weight: 600;
}

#hdma {
  background-color: #009881;
  display: inline-block;
  height: 64px;
  vertical-align: top;
  line-height: 64px;
  padding: 0 20px;
  color: white;
  float: right;
}

#hdma a {
  color: #fff;
}

/*
*   Debug - show grid
*/
body.showgrid .container {
  border: 1px solid rgba(74, 144, 226, 0.8);
  position: relative;
}
body.showgrid .container-fluid {
  border: 1px solid rgba(126, 211, 33, 0.8);
  position: relative;
}

body.showgrid div[class*=row] {
  border: 2px solid #409BD2;
}
body.showgrid div[class*=col-] {
  background-color: rgba(208, 2, 27, 0.08);
  border: 1px dashed rgba(208, 2, 27, 0.5);
  -webkit-box-shadow: inset -32px 0px 0px -16px rgba(255, 255, 255, 0.7), inset 32px 0px 0px -16px rgba(255, 255, 255, 0.7);
  -moz-box-shadow: inset -32px 0px 0px -16px rgba(255, 255, 255, 0.7), inset 32px 0px 0px -16px rgba(255, 255, 255, 0.7);
  box-shadow: inset -32px 0px 0px -16px rgba(255, 255, 255, 0.7), inset 32px 0px 0px -16px rgba(255, 255, 255, 0.7);
  position: relative !important;
}
body.showgrid div[class*=dw-] {
  background-color: rgba(208, 2, 27, 0.1);
  border: 1px dashed rgba(208, 2, 27, 0.5);
  -webkit-box-shadow: inset -32px 0px 0px -16px rgba(255, 255, 255, 0.7), inset 32px 0px 0px -16px rgba(255, 255, 255, 0.7);
  -moz-box-shadow: inset -32px 0px 0px -16px rgba(255, 255, 255, 0.7), inset 32px 0px 0px -16px rgba(255, 255, 255, 0.7);
  box-shadow: inset -32px 0px 0px -16px rgba(255, 255, 255, 0.7), inset 32px 0px 0px -16px rgba(255, 255, 255, 0.7);
}
body.showgrid .gridinfo {
  position: absolute;
  background-color: rgba(229, 32, 46, 0.8);
  color: white;
  right: 8px;
  font-size: 10px;
  font-weight: normal !important;
  padding: 4px 8px;
  z-index: 99;
  height: 32px;
  line-height: 24px;
}
body.showgrid .gridinfo.containr {
  background-color: rgba(133, 188, 32, 0.9);
}
body.showgrid .gridinfo.fcontainr {
  background-color: rgba(234, 143, 0, 0.9);
}
body.showgrid .gridinfo ~ * > .gridinfo {
  top: 32px;
}
body.showgrid .gridinfo.left {
  left: 0;
  right: auto;
}
body.showgrid .gridinfo.left.indent {
  left: 90px;
  right: auto;
}
body.showgrid .rwinfo {
  position: absolute;
  background-color: rgba(64, 155, 210, 0.8);
  color: white;
  left: 16px;
  font-size: 10px;
  font-weight: normal !important;
  padding: 4px 8px;
  z-index: 99;
  height: 32px;
  line-height: 24px;
}

body.specit .specit {
  background-color: #FEEED0;
  border: 1px dashed #F5C780;
  position: relative !important;
  border-radius: 0 !important;
}
body.specit .specit .tooltip {
  display: block !important;
}
body.specit .specit > a {
  background-color: transparent !important;
  color: #474747 !important;
}
body.specit .tooltip {
  display: none;
}

.gridinfo::before,
.gridinfo::after {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  border-color: transparent;
  border-style: solid;
}

.gridinfo::before {
  border-width: 4px;
  border-right-color: #d0021b;
  border-top-color: #d0021b;
}

.gridinfo::after {
  border-radius: 0.4em;
  border-width: 4px;
  border-right-color: #d0021b;
  border-top-color: #d0021b;
}

.gi-container::before {
  border-width: 4px;
  border-right-color: #4a90e2;
  border-top-color: #4a90e2;
}

.gi-container::after {
  border-radius: 0.4em;
  border-width: 4px;
  border-right-color: #4a90e2;
  border-top-color: #4a90e2;
}

.gi-fluid-container::before {
  border-width: 4px;
  border-right-color: #7ed321;
  border-top-color: #7ed321;
}

.gi-fluid-container::after {
  border-radius: 0.4em;
  border-width: 4px;
  border-right-color: #7ed321;
  border-top-color: #7ed321;
}

.dummy {
  min-height: 300px;
  background-color: #f6f6f6;
  display: flex;
  align-items: center;
  justify-content: center;
}

/*  End Debug/grid stuff  */
/*    ElFinder modal styling    */
.elfinder .modal-body {
  padding: 0 !important;
}

.elfinder .modal-body > iframe {
  display: block;
}

.elfinder .modal-body > iframe body {
  margin: 0 !important;
}

/*    Vertical tabs stacking styles    */
.nav-stacked + .tab-content {
  border: 0;
}

.nav-pills + .tab-content {
  padding-top: 0;
}

.nav-pills + .tab-content .tab-pane > ul li {
  list-style-type: disc;
  list-style-position: inside;
}

.nav-pills > li > a {
  border-radius: 0;
}

.cwrap {
  min-height: 500px;
}

.colorbox {
  display: inline-block;
  width: 170px;
  min-height: 200px;
  box-shadow: 0 0 4px rgba(0, 0, 0, 0.2);
  margin-right: 12px;
  margin-bottom: 12px;
}

.colorview {
  height: 130px;
  border-bottom: 1px solid #dadada;
  cursor: pointer;
}

.colordesc {
  padding: 8px;
}

.colordesc span {
  display: block;
  font-size: 13px;
  color: #757575;
  line-height: 1.5em;
}

.colordesc span.colorname {
  font-size: 14px;
  color: #474747;
  font-weight: bold;
}

.tintbox {
  display: inline-block;
  width: 170px;
  min-height: 120px;
  margin-right: 12px;
  margin-bottom: 12px;
  vertical-align: top;
}

.tintbox .colorbox {
  /*
    display: inline-block;
    width:150px;
    min-height: 100px;
    box-shadow:0 0 4px rgba(0,0,0,.2);
    margin-right: 12px;
    margin-bottom: 12px;
  */
  display: block;
  width: 180px;
  min-height: auto;
  box-shadow: none;
  margin: 0;
  height: 60px;
}

.tintbox .colorview {
  height: 60px;
  /*
    border-bottom:1px solid $color-grey-tint-4;
  */
  width: 60px;
  float: left;
  border: 0;
}

.tintbox .colordesc {
  float: left;
  padding: 5px 0 0 12px;
  vertical-align: top;
}

.tintbox .colordesc span.colorname {
  font-size: 75%;
}

.tintbox .colordesc span {
  font-size: 80%;
  line-height: 1.3em;
}

.lighter {
  opacity: 0.6;
}

.wk-blue {
  background-color: #007ac3;
}

.wk-blue-tint-1 {
  background-color: #009efd;
}

.wk-blue-tint-2 {
  background-color: #409BD2;
}

.wk-blue-tint-3 {
  background-color: #80BDE1;
}

.wk-blue-tint-4 {
  background-color: #a6d1ea;
}

.wk-blue-tint-5 {
  background-color: #e0eff8;
}

.wk-blue-shade-1 {
  background-color: #005b92;
}

.wk-green {
  background-color: #85bc20;
}

.wk-green-tint-1 {
  background-color: #A4CD58;
}

.wk-green-tint-2 {
  background-color: #C2DE90;
}

.wk-green-tint-3 {
  background-color: #D4E8B1;
}

.wk-green-tint-4 {
  background-color: #E7F2D2;
}

.wk-dark-grey {
  background-color: #474747;
}

.wk-dark-grey-tint-1 {
  background-color: #757575;
}

.wk-dark-grey-tint-2 {
  background-color: #a3a3a3;
}

.wk-dark-grey-tint-3 {
  background-color: #bfbfbf;
}

.wk-dark-grey-tint-4 {
  background-color: #dadada;
}

.wk-dark-grey-tint-5 {
  background-color: #ededed;
}

.wk-dark-grey-tint-6 {
  background-color: #f6f6f6;
}

.wk-red {
  background-color: #E5202E;
}

.wk-red-tint-1 {
  background-color: #EC5862;
}

.wk-red-tint-2 {
  background-color: #F29097;
}

.wk-red-tint-3 {
  background-color: #F6B1B6;
}

.wk-red-tint-4 {
  background-color: #FFD9DE;
}

.wk-dark-green {
  background-color: #009881;
}

.wk-dark-green-tint-1 {
  background-color: #40B2A1;
}

.wk-dark-green-tint-2 {
  background-color: #80CCC0;
}

.wk-dark-green-tint-3 {
  background-color: #A6DBD3;
}

.wk-dark-green-shade-1 {
  background-color: #00745f;
}

.wk-dark-green-shade-2 {
  background-color: #206755;
}

.wk-orange {
  background-color: #EA8F00;
}

.wk-orange-tint-1 {
  background-color: #EFAB40;
}

.wk-orange-tint-2 {
  background-color: #F5C780;
}

.wk-orange-tint-3 {
  background-color: #F8D8A6;
}

.wk-orange-tint-4 {
  background-color: #FEEED0;
}

.wk-purple {
  background-color: #940C72;
}

.wk-purple-tint-1 {
  background-color: #AF4995;
}

.wk-purple-tint-2 {
  background-color: #CA86B9;
}

.wk-purple-tint-3 {
  background-color: #DAAACE;
}

.wk-purple-tint-4 {
  background-color: #e724d8;
}

.wk-navy {
  background-color: #241866;
}

.wk-navy-tint-1 {
  background-color: #5B528C;
}

.wk-navy-tint-2 {
  background-color: #928CB3;
}

.wk-navy-tint-3 {
  background-color: #B3AECA;
}

.wk-white {
  background-color: #fff;
}

.wk-grey {
  background-color: #757575;
}

.wk-yellow {
  background-color: #F2BA00;
}

.wk-light-blue {
  background-color: #009efd;
}

.wk-black {
  background-color: #000;
}

.bootstrap-select button:disabled * {
  cursor: not-allowed !important;
}

.bootstrap-select.btn-group .no-results {
  padding: 24px !important;
  background: none !important;
  margin: 0 8px !important;
  text-align: center !important;
}

.bootstrap-select.btn-group .dropdown-toggle .caret {
  top: 12px !important;
  right: 32px !important;
}

.clrcirc {
  width: 16px;
  height: 16px;
  line-height: 16px;
  display: inline-block;
  border-radius: 100px;
  vertical-align: bottom;
  border: 1px solid rgba(0, 0, 0, 0.2);
  top: -4px;
  margin: 0 4px;
  position: relative;
}

.bootoast-container.bottom {
  width: 326px;
  right: 40px;
}

.bootoast-container.right {
  left: auto;
}

.bootoast-container.top.right {
  right: -20px !important;
}

.alert.bootoast {
  padding: 16px 24px 16px 16px;
  font-style: normal;
  font-size: 15px;
  line-height: 19px;
  background-color: #fff;
  -webkit-box-shadow: 0 2px 20px rgba(0, 0, 0, 0.3);
  box-shadow: 0 2px 20px rgba(0, 0, 0, 0.3);
}

.alert.bootoast:before {
  display: none;
}

.alert.bootoast .toast-title {
  font-weight: 600;
  display: flex;
  align-items: flex-start;
}

.alert.bootoast .toast-body {
  margin-top: 8px;
  display: block;
  margin-left: 21px;
  line-height: 20px;
  font-size: 15px;
  word-break: break-word;
}
.alert.bootoast .toast-body ul li {
  word-break: break-word;
}

.alert-info.bootoast * {
  color: #474747;
}

.alert-info.bootoast a {
  color: #007ac3 !important;
}

.alert.bootoast {
  background-color: #fff !important;
  width: 326px;
  color: #474747;
}

.alert.bootoast .fa {
  margin-right: 8px;
}

.alert.bootoast.alert-info {
  border-left: 4px solid #007ac3;
}

.alert.bootoast.alert-success {
  border-left: 4px solid #85bc20;
}

.alert.bootoast.alert-warning {
  border-left: 4px solid #EA8F00;
}

.alert.bootoast.alert-danger {
  border-left: 4px solid #E5202E;
}

.alert.bootoast.alert-proto {
  border-left: 4px solid #00B5D3;
  background-color: rgba(0, 0, 0, 0.75);
  color: #fff;
}

.toast-title p {
  padding: 0;
}

.alert.bootoast.alert-proto .toast-title:before {
  font-family: "FontAwesome";
  font-style: normal;
  content: "\f071";
  color: #00B5D3;
  margin-right: 8px;
}

.alert.bootoast.alert-success .toast-title:before {
  font-family: "FontAwesome";
  font-style: normal;
  content: "\f00c";
  color: #85bc20;
  margin-right: 8px;
}

.alert.bootoast.alert-info .toast-title:before {
  font-family: "FontAwesome";
  font-style: normal;
  content: "\f05a";
  color: #007ac3;
  margin-right: 8px;
}

/*
.alert.bootoast.alert-info .toast-title:before {
  font-family: 'FontAwesome';
  font-style: normal;
  content: "\f129";
  color: $color-blue;
  border:2px solid $color-blue;
  border-radius: 100px;
  width:15px;
  height: 15px;
  text-align: center;
  line-height: 12px;
  margin-top: 4px;
  margin-right: 8px;
  display: inline-block;
  font-size: 9px;
  font-weight: 100;
  padding: 0 4px;
}
*/
.alert.bootoast.alert-warning .toast-title:before {
  font-family: "FontAwesome";
  font-style: normal;
  content: "\f071";
  font-size: 14px;
  color: #EA8F00;
  margin-right: 8px;
}

.alert.bootoast.alert-danger .toast-title:before {
  font-family: "FontAwesome";
  font-style: normal;
  content: "\f06a";
  color: #E5202E;
  margin-right: 8px;
}

/*
.alert.bootoast.alert-danger .toast-title:before {
  font-family: 'FontAwesome';
  font-style: normal;
  content: "\f12a";
  color: $color-red;
  border:2px solid $color-red;
  border-radius: 100px;
  width:15px;
  height: 15px;
  text-align: center;
  line-height: 12px;
  margin-top: 2px;
  margin-right: 8px;
  display: inline-block;
  font-size: 9px;
  font-weight: 100;
  padding: 0 4px;
}
*/
.alert.bootoast .close {
  position: absolute;
  width: 30px;
  height: 42px;
  top: 0;
  right: 0;
}

.alert.bootoast .close .wk-icon-close {
  font-size: 16px;
  color: #a3a3a3;
}

.alert.bootoast .close .wk-icon-close:hover {
  color: #474747;
}

.alert.bootoast .close .wk-icon-close:before {
  vertical-align: top;
}

#filterpopover:not(.modal) {
  width: 240px;
}

#lastUpdate {
  font-size: 14px;
  margin-left: 32px;
  border-radius: 100px;
  padding: 8px 16px;
  color: #fff;
}

/*    Searchable dropdown select proto  */
.bootstrap-select {
  width: 100% !important;
  margin-top: 12px;
}

.bootstrap-select button {
  padding: 12px 16px;
}

ul.dropdown-menu.inner.selectpicker {
  max-height: 200px !important;
}

/*
.selectpicker .muted.text-muted {
  padding: 0 !important;
  font-size: 14px !important;
  width: 100%;
  white-space: pre-wrap;
  line-height: 18px;
  margin-top: -8px;
  height: 30px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  width: 250px;
}

.selectpicker li a:hover .muted.text-muted {
  color:$color-white;
}
*/
.bootstrap-select .btn {
  border: 1px solid #dadada !important;
  background-color: #fff;
}

.bootstrap-select .btn:not(.selectpicker):not(.disabled):not([disabled]):hover {
  border: 1px solid #757575 !important;
  background-color: #fff;
}

.bootstrap-select .btn.disabled {
  background-color: #ededed;
  opacity: 1;
}

.bootstrap-select .btn:after {
  content: "";
  position: absolute;
  right: 12px;
  color: #474747;
  font-family: "FontAwesome";
  display: inline-block;
  font-style: normal;
  content: "\f0d7";
  display: inline-block;
}

.bootstrap-select .btn[aria-expanded=true]:after {
  content: "\f0d8";
}

.editDependentPricingFactor .bootstrap-select {
  margin: 0 0 12px 32px !important;
}

/*    End searchable dropdown select proto  */
.expander {
  color: #757575;
  cursor: pointer;
}
.expander:after {
  font-family: "FontAwesome";
  font-style: normal;
  font-size: 15px;
  content: "\f121";
  left: 0;
  top: 0;
  margin-left: 8px;
}

xmp {
  position: relative;
  display: block;
  background-color: #f6f6f6;
  border: 1px solid #ededed;
  border-radius: 0;
  padding: 24px 24px;
  line-height: 1.6em;
  white-space: pre-wrap;
  word-break: break-all;
  word-wrap: break-word;
  background: #f6f6f6;
  overflow: hidden;
  margin: 12px auto 24px;
}

xmp .pln:first-of-type {
  background-color: #ededed;
  position: absolute;
  top: 0;
  right: 0;
  width: 30px;
  height: 30px;
  text-align: center;
  cursor: pointer;
}

xmp .pln:first-of-type:before {
  font-family: "FontAwesome";
  font-style: normal;
  content: "\f00d";
  line-height: 1.8em;
  color: #a3a3a3;
}

.changeFileType {
  cursor: pointer;
}

.nooverflow {
  overflow: hidden !important;
}

.popover ul ul {
  margin: 8px 0 0 8px;
}
.popover ul ul .check-item:hover {
  background: none !important;
}

.featurelist li {
  list-style-type: none !important;
}
.featurelist li:before {
  font-family: "FontAwesome";
  font-style: normal;
  content: "\f005";
  color: #EA8F00;
  margin: 0 16px 0 -16px;
}

.advanced-filter-row {
  margin-bottom: 12px;
}
.advanced-filter-row .bootstrap-select {
  margin-top: 0;
}
.advanced-filter-row .checkbox-icon {
  margin-top: 12px;
}
.advanced-filter-row .removeRow {
  margin-top: 10px;
  display: block;
  color: #007ac3;
  cursor: pointer;
}

.datepicker-dropdown {
  min-width: auto !important;
  z-index: 999999 !important;
}

.dummyAddTab {
  cursor: default;
  background-color: #fff;
  border: 1px dashed #dadada;
  border-bottom: transparent;
}
.dummyAddTab a {
  font-size: 32px;
  line-height: 22px !important;
}

/*# sourceMappingURL=tnl-proto-only.css.map */