/*theme colors*/
/*ics brand colors*/
/*#ED1D24*/
/*#3B5A61*/
/*#00AEEF*/
/*#427D67*/
/*#8FC73E*/
/*#F7941E*/
/*#C8A73F*/
/*#9F248F*/
/*#006396*/
/*#ED1D24*/
/*ics product colors*/
/*#FFE614*/
/*#FFC914*/
/*#92C930*/
/*#51AB2F*/
/*#0A910F*/
/*#038EE7*/
/*#025C99*/
/*#01426D*/
/*#ED1C24*/
/*#C9101A*/
/*#A51B27*/
/*#F39C11*/
/*#E77E23*/
/*#D55401*/
/*#1BBC9B*/
/*#16A086*/
/*#12816A*/
/*#32007D*/
/*#8F44AD*/
/*#AA75C1*/
/*#345860*/
/*default colors*/
/*#F3F3F3*/
/*#F9F9F9*/
/*#03A9F4*/
/*#2196F3*/
/*#3F51B5*/
/*#9C27B0*/
/*#673AB7*/
/*#E91E63*/
/*#F44336*/
/*#FF9800*/
/*#FF5722*/
/*#FFEB3B*/
/*#FFC107*/
/*#CDDC39*/
/*#4CAF50*/
/*#8BC34A*/
/*#009688*/
/*#00BCD4*/
/*#FFF*/
/*#795548*/
/*#000*/
/*#9E9E9E*/
/*#9E9E9E*/
/*#607D8B*/
/*#343a40*/
/*#2b982b*/
/*#00b0e4*/
/*#ff9600*/
/*#333*/
/*#fb483a*/
body {
  /*background-color: #f9f9f9 !important;*/
  background-color: #fff;
  -webkit-transition: all 0.5s;
  -moz-transition: all 0.5s;
  -ms-transition: all 0.5s;
  -o-transition: all 0.5s;
  transition: all 0.5s;
  font-family: 'Open Sans', sans-serif;
  font-size: 14px;
  color: #333333; }

/*MATERIAL ICONS*/
@font-face {
  font-family: 'Material Icons';
  font-style: normal;
  font-weight: 400;
  src: url(../fonts/material-icons/MaterialIcons-Regular.eot);
  /* For IE6-8 */
  src: local("Material Icons"), local("MaterialIcons-Regular"), url(../fonts/material-icons/MaterialIcons-Regular.woff2) format("woff2"), url(../fonts/material-icons/MaterialIcons-Regular.woff) format("woff"), url(../fonts/material-icons/MaterialIcons-Regular.ttf) format("truetype"); }

.awesome-icon-box .fa, .awesome-icon-box .fas, .awesome-icon-box .far {
  font-size: 18px; }

.ficon-name {
  margin-left: 10px; }

.material-icons {
  font-family: 'Material Icons';
  font-weight: normal;
  font-style: normal;
  font-size: 24px;
  /* Preferred icon size */
  display: inline-block;
  line-height: 1;
  text-transform: none;
  letter-spacing: normal;
  word-wrap: normal;
  white-space: nowrap;
  direction: ltr;
  /* Support for all WebKit browsers. */
  -webkit-font-smoothing: antialiased;
  /* Support for Safari and Chrome. */
  text-rendering: optimizeLegibility;
  /* Support for Firefox. */
  -moz-osx-font-smoothing: grayscale;
  /* Support for IE. */
  font-feature-settings: 'liga'; }

/*Sidebar CSS*/
.ls-closed .sidebar {
  margin-left: -300px; }

.theme-indigo .navbar {
  background-color: #3F51B5;
  z-index: 10000; }

.theme-indigo .navbar-brand {
  color: #fff; }

.theme-indigo .navbar-brand:hover {
  color: #fff; }

.theme-indigo .navbar-brand:active {
  color: #fff; }

.theme-indigo .navbar-brand:focus {
  color: #fff; }

.theme-indigo .nav > li > a:hover {
  background-color: transparent; }

.theme-indigo .nav > li > a:focus {
  background-color: transparent; }

.theme-indigo .nav .open > a {
  background-color: transparent; }

.theme-indigo .nav .open > a:hover {
  background-color: transparent; }

.theme-indigo .nav .open > a:focus {
  background-color: transparent; }

.theme-indigo .bars {
  color: #fff; }

.theme-indigo .sidebar .menu .list li.active {
  background-color: transparent; }

.theme-indigo .sidebar .menu .list li.active > :first-child i, .theme-indigo .sidebar .menu .list li.active > :first-child span {
  color: #3F51B5; }

.theme-indigo .sidebar .menu .list .toggled {
  background-color: transparent; }

.theme-indigo .sidebar .menu .list .ml-menu {
  background-color: transparent; }

.theme-indigo .sidebar .legal {
  background-color: #fff; }

.theme-indigo .sidebar .legal .copyright a {
  color: #3F51B5 !important; }

/*BACKGROUND COLOURS*/
/*SIDEBAR CLASSES*/
.sidebar {
  -webkit-transition: all 0.5s;
  -moz-transition: all 0.5s;
  -ms-transition: all 0.5s;
  -o-transition: all 0.5s;
  transition: all 0.5s;
  font-family: "Roboto", sans-serif;
  background: #fdfdfd;
  width: 240px;
  overflow: hidden;
  display: inline-block;
  height: calc(100vh - 57px);
  position: fixed;
  top: 57px;
  left: 0;
  -webkit-box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.1);
  -ms-box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.1);
  box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.1);
  z-index: 11 !important; }

.sidebar .legal {
  position: absolute;
  bottom: 0;
  width: 100%;
  border-top: 1px solid #eee;
  padding: 15px;
  overflow: hidden; }

.sidebar .legal .copyright {
  font-size: 13px;
  white-space: nowrap;
  -ms-text-overflow: ellipsis;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
  overflow: hidden; }

.sidebar .legal .copyright a {
  font-weight: bold;
  text-decoration: none; }

.sidebar .legal .version {
  white-space: nowrap;
  -ms-text-overflow: ellipsis;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
  overflow: hidden;
  margin-top: 5px;
  font-size: 13px; }

.sidebar .user-info {
  padding: 13px 15px 12px 15px;
  white-space: nowrap;
  position: relative;
  border-bottom: 1px solid #e9e9e9;
  background: url("../images/user-img-background.jpg") no-repeat no-repeat;
  height: 135px; }

.sidebar .user-info .image {
  margin-right: 12px;
  display: inline-block; }

.sidebar .user-info .image img {
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  border-radius: 50%;
  vertical-align: bottom !important; }

.sidebar .user-info .info-container {
  cursor: default;
  display: block;
  position: relative;
  top: 25px; }

.sidebar .user-info .info-container .name {
  white-space: nowrap;
  -ms-text-overflow: ellipsis;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
  overflow: hidden;
  font-size: 14px;
  max-width: 200px;
  color: #fff; }

.sidebar .user-info .info-container .email {
  white-space: nowrap;
  -ms-text-overflow: ellipsis;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
  overflow: hidden;
  font-size: 12px;
  max-width: 200px;
  color: #fff; }

.sidebar .user-info .info-container .user-helper-dropdown {
  position: absolute;
  right: -3px;
  bottom: -12px;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  -ms-box-shadow: none;
  box-shadow: none;
  cursor: pointer;
  color: #fff; }

.sidebar .menu {
  position: relative;
  overflow-y: auto;
  height: 90vh; }

.sidebar .menu .list {
  list-style: none;
  padding-left: 0; }

.sidebar .menu .list li.active > :first-child span {
  font-weight: bold; }

.sidebar .menu .list .header {
  background: #eee;
  font-size: 12px;
  font-weight: 600;
  padding: 8px 16px; }

.sidebar .menu .list i.material-icons {
  margin-top: 4px; }

.sidebar .menu .list .menu-toggle:after, .sidebar .menu .list .menu-toggle:before {
  position: absolute;
  top: calc(50% - 14px);
  right: 17px;
  font-size: 19px;
  -webkit-transform: scale(0);
  -moz-transform: scale(0);
  -ms-transform: scale(0);
  -o-transform: scale(0);
  transform: scale(0);
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -ms-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s; }

.sidebar .menu .list .menu-toggle:before {
  content: '+';
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  -ms-transform: scale(1);
  -o-transform: scale(1);
  transform: scale(1); }

.sidebar .menu .list .menu-toggle:after {
  content: '\2013';
  -webkit-transform: scale(0);
  -moz-transform: scale(0);
  -ms-transform: scale(0);
  -o-transform: scale(0);
  transform: scale(0); }

.sidebar .menu .list .menu-toggle.toggled:before {
  -webkit-transform: scale(0);
  -moz-transform: scale(0);
  -ms-transform: scale(0);
  -o-transform: scale(0);
  transform: scale(0); }

.sidebar .menu .list .menu-toggle.toggled:after {
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  -ms-transform: scale(1);
  -o-transform: scale(1);
  transform: scale(1); }

.sidebar .menu .list a {
  color: #747474;
  position: relative;
  display: inline-flex;
  vertical-align: middle;
  width: 100%;
  padding: 10px 13px; }

.sidebar .menu .list a:hover, .sidebar .menu .list a:active, .sidebar .menu .list a:focus {
  text-decoration: none !important; }

.sidebar .menu .list a small {
  position: absolute;
  top: calc(50% - 7.5px);
  right: 15px; }

.sidebar .menu .list a span {
  margin: 7px 0 7px 12px;
  color: #333;
  font-weight: bold;
  font-size: 14px;
  overflow: hidden; }

.sidebar .menu .list .ml-menu {
  list-style: none;
  display: none;
  padding-left: 0; }

.sidebar .menu .list .ml-menu span {
  font-weight: normal;
  font-size: 14px;
  margin: 3px 0 1px 6px; }

.sidebar .menu .list .ml-menu li a {
  padding-left: 55px;
  padding-top: 7px;
  padding-bottom: 7px; }

.sidebar .menu .list .ml-menu li.active a.toggled:not(.menu-toggle) {
  font-weight: 600;
  margin-left: 5px; }

.sidebar .menu .list .ml-menu li.active a.toggled:not(.menu-toggle):before {
  content: '\E315';
  font-family: 'Material Icons';
  position: relative;
  font-size: 21px;
  height: 20px;
  top: -5px;
  right: 0px; }

.sidebar .menu .list .ml-menu li .ml-menu li a {
  padding-left: 80px; }

.sidebar .menu .list .ml-menu li .ml-menu .ml-menu li a {
  padding-left: 95px; }

.sidebar-nav {
  width: 240px;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0; }

.content-iframe {
  height: calc(100vh - 70px);
  width: 100vw;
  padding-left: 240px; }

/*APPLICATION STYLES*/
.block-header {
  margin-bottom: 15px;
  margin-top: 30px; }

.block-header h2 {
  font-size: 1.5rem;
  font-weight: 600;
  opacity: 0.6; }

i.close {
  opacity: 0.6 !important;
  cursor: pointer;
  color: inherit !important; }

i.close:hover, i.close:focus {
  opacity: 1 !important; }

.filter-token {
  background: rgba(255, 255, 255, 0.75);
  padding: 0.5em 0.75em;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  border-radius: 3px;
  border: 1px solid rgba(0, 0, 0, 0.1);
  font-size: 12px;
  font-weight: normal; }

/*FULL SCREEN FUNCTIONALITY*/
.btnFullScreen {
  position: fixed;
  bottom: 16px;
  right: 18px;
  z-index: 10000;
  opacity: 0.65; }

.btnFullScreen.btn-circle i {
  font-size: 29px;
  position: relative;
  left: -6px;
  top: 0px; }

.container-fullScreen {
  background-color: #FFF;
  overflow: auto; }

.container-fullScreen:-webkit-full-screen .btnFullScreen i:before {
  content: "fullscreen_exit"; }

.container-fullScreen:-moz-full-screen .btnFullScreen i:before {
  content: "fullscreen_exit"; }

.container-fullScreen:-ms-fullscreen .btnFullScreen i:before {
  content: "fullscreen_exit"; }

.container-fullScreen:fullscreen .btnFullScreen i:before {
  content: "fullscreen_exit"; }

.btnFullScreen i:before {
  content: "fullscreen"; }

/*Block Start: Typography*/
.font-header {
  font-family: 'Open Sans', sans-serif !important;
  color: #385B62; }

.font-header.col-white {
  color: #FFFFFF; }

.font-header.col-blue {
  color: #00AEEF; }

.font-body {
  font-family: 'Open Sans', sans-serif !important;
  color: #000000; }

.font-body.col-light-grey {
  color: #626060; }

.font-bold {
  font-weight: 700; }

.font-semibold {
  font-weight: 600; }

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

.font-underline {
  text-decoration: underline; }

.font-line-through {
  text-decoration: line-through; }

.font-overline {
  text-decoration: overline; }

.col-primary {
  color: #3f51b5; }

.col-default {
  color: #333; }

/*Block End: Typography*/
/*theme colors*/
/*ics brand colors*/
/*#ED1D24*/
/*#3B5A61*/
/*#00AEEF*/
/*#427D67*/
/*#8FC73E*/
/*#F7941E*/
/*#C8A73F*/
/*#9F248F*/
/*#006396*/
/*#ED1D24*/
/*ics product colors*/
/*#FFE614*/
/*#FFC914*/
/*#92C930*/
/*#51AB2F*/
/*#0A910F*/
/*#038EE7*/
/*#025C99*/
/*#01426D*/
/*#ED1C24*/
/*#C9101A*/
/*#A51B27*/
/*#F39C11*/
/*#E77E23*/
/*#D55401*/
/*#1BBC9B*/
/*#16A086*/
/*#12816A*/
/*#32007D*/
/*#8F44AD*/
/*#AA75C1*/
/*#345860*/
/*default colors*/
/*#F3F3F3*/
/*#F9F9F9*/
/*#03A9F4*/
/*#2196F3*/
/*#3F51B5*/
/*#9C27B0*/
/*#673AB7*/
/*#E91E63*/
/*#F44336*/
/*#FF9800*/
/*#FF5722*/
/*#FFEB3B*/
/*#FFC107*/
/*#CDDC39*/
/*#4CAF50*/
/*#8BC34A*/
/*#009688*/
/*#00BCD4*/
/*#FFF*/
/*#795548*/
/*#000*/
/*#9E9E9E*/
/*#9E9E9E*/
/*#607D8B*/
/*#343a40*/
/*#2b982b*/
/*#00b0e4*/
/*#ff9600*/
/*#333*/
/*#fb483a*/
.form-group input[type=text],
.form-group input[type=email],
.form-group input[type=tel],
.form-group input[type=date],
.form-group input[type=datetime-local],
.form-group input[type=number],
.form-group input[type=search],
.form-group textarea,
.form-group .form-control {
  border-color: rgba(0, 0, 0, 0.2);
  border-radius: 3px;
  height: auto;
  min-height: 38px;
  font-size: 13px; }

.form-group input[type=text]:hover,
.form-group input[type=email]:hover,
.form-group input[type=tel]:hover,
.form-group input[type=date]:hover,
.form-group input[type=datetime-local]:hover,
.form-group input[type=number]:hover,
.form-group input[type=search]:hover,
.form-group textarea:hover,
.form-group .form-control:hover {
  border-color: #025c99; }

.form-group input[type=text]:focus,
.form-group input[type=email]:focus,
.form-group input[type=tel]:focus,
.form-group input[type=date]:focus,
.form-group input[type=datetime-local]:focus,
.form-group input[type=number]:focus,
.form-group input[type=search]:focus,
.form-group textarea:focus,
.form-group .form-control:focus {
  border-color: #025c99;
  box-shadow: none;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: 0 1px 5px rgba(0, 0, 0, 0.1); }

input:disabled:hover,
input:disabled:focus {
  border-color: rgba(0, 0, 0, 0.2); }

.form-control.is-invalid:focus,
.form-control.is-valid:focus {
  -moz-box-shadow: none;
  -webkit-box-shadow: none;
  box-shadow: none; }

.form-control.is-invalid:hover {
  border-color: #fb483a; }

.form-control.is-valid:hover {
  border-color: #2b982b; }

.input-with-icon {
  position: relative; }

.inside-icon {
  position: absolute;
  left: 6px;
  top: 8px;
  z-index: 99; }

.input-with-icon input {
  padding-left: 36px; }

.frm_fld_lbl {
  font-size: 13px;
  float: left;
  width: 100%;
  font-weight: 400; }

.line-height-0 {
  line-height: 0; }

.inline-lbl .frm_fld_lbl {
  float: left;
  width: auto;
  line-height: 38px;
  margin: 0 5px 0 0; }

.inline-lbl .checkbox {
  float: left;
  display: flex;
  align-items: center;
  line-height: 38px; }

.inline-lbl .checkbox label {
  margin: 0 8px 0 15px; }

.inline-lbl .checkbox label::before {
  top: 10px; }

.inline-lbl .radio label::after {
  top: 13px; }

.inline-lbl .radio {
  float: left;
  display: flex;
  align-items: center;
  line-height: 38px; }

.inline-lbl .radio label {
  margin: 0 8px 0 15px; }

.inline-lbl .radio label::before {
  top: 10px; }

.inline-lbl .radio label::after {
  top: 13px; }

.k-autocomplete .k-input, .k-dropdown-wrap .k-input, .k-multiselect-wrap .k-input, .k-numeric-wrap .k-input, .k-picker-wrap .k-input, .k-selectbox .k-input, .k-textbox > input {
  height: 37px; }

.form-control::placeholder {
  font-size: 13px !important;
  color: rgba(0, 0, 0, 0.4) !important; }

/*Block Start: Advanced Form Elements*/
.radio,
.checkbox {
  position: relative;
  display: block;
  margin-top: 0px;
  margin-bottom: 0px; }

/*CheckBox : Start*/
.checkbox {
  margin-top: 0px;
  margin-bottom: 0px; }

.checkbox label {
  display: inline-block;
  vertical-align: middle;
  position: relative;
  padding-left: 8px;
  font-size: 13px;
  cursor: pointer; }

.checkbox label::before {
  content: "";
  display: inline-block;
  position: absolute;
  width: 17px;
  height: 17px;
  left: 5px;
  margin-left: -20px;
  border: 1px solid #333333;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  border-radius: 3px;
  background-color: #fff;
  -webkit-transition: border 0.15s ease-in-out;
  -moz-transition: border 0.15s ease-in-out;
  -ms-transition: border 0.15s ease-in-out;
  -o-transition: border 0.15s ease-in-out;
  transition: border 0.15s ease-in-out;
  /*-webkit-transition: border 0.15s ease-in-out, color 0.15s ease-in-out;
    -o-transition: border 0.15s ease-in-out, color 0.15s ease-in-out;
    transition: border 0.15s ease-in-out, color 0.15s ease-in-out;*/
  margin-right: 8px; }

.checkbox label::after {
  display: inline-block;
  position: absolute;
  width: 16px;
  height: 16px;
  left: 0;
  top: 0;
  margin-left: -20px;
  padding-left: 3px;
  padding-top: 1px;
  font-size: 11px;
  color: #555555; }

.checkbox input[type="checkbox"] {
  opacity: 0;
  z-index: 1; }

.checkbox input[type="checkbox"]:focus + label::before {
  outline: 0; }

.checkbox input[type="checkbox"]:checked + label::after {
  content: "";
  top: 1px;
  left: 5px;
  width: 7px;
  height: 13px;
  border-top: 2px solid transparent;
  border-left: 2px solid transparent;
  border-right: 2px solid #333333;
  border-bottom: 2px solid #333333;
  -webkit-transform: rotateZ(37deg);
  -moz-transform: rotateZ(37deg);
  -ms-transform: rotateZ(37deg);
  -o-transform: rotateZ(37deg);
  transform: rotateZ(37deg);
  -webkit-transform-origin: 100% 100%;
  transform-origin: 100% 100%; }

.checkbox input[type="checkbox"]:indeterminate + label::after {
  content: "\2011";
  font-size: 40px;
  color: #333333;
  top: -26px;
  left: 4px;
  border: none !important;
  -webkit-transform-origin: 100% 100%;
  transform-origin: 100% 100%; }

.checkbox input[type="checkbox"]:disabled + label {
  opacity: 0.8;
  cursor: not-allowed; }

.checkbox input[type="checkbox"]:disabled + label::before {
  background-color: #eeeeee;
  border: 1px solid #dddddd; }

.checkbox input[type="checkbox"]:disabled + label::after {
  border-right: 2px solid #333333;
  border-bottom: 2px solid #333333;
  opacity: 0.65; }

.checkbox.checkbox-primary label::before {
  border: 1px solid #025c99; }

.checkbox.checkbox-primary input[type="checkbox"]:checked + label::before {
  background-color: #fff;
  border-color: #025c99; }

.checkbox.checkbox-primary input[type="checkbox"]:checked + label::after {
  border-right: 2px solid #025c99;
  border-bottom: 2px solid #025c99; }

.checkbox.checkbox-primary input[type="checkbox"]:indeterminate + label::after {
  color: #025c99; }

/*CheckBox : End*/
/*Radio Button : Start*/
.radio label {
  display: inline-block;
  vertical-align: middle;
  position: relative;
  padding-left: 8px;
  cursor: pointer; }

.radio label::before {
  content: "";
  display: inline-block;
  position: absolute;
  width: 17px;
  height: 17px;
  top: 1px;
  left: 5px;
  margin-left: -20px;
  border: 1px solid #333333;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  border-radius: 50%;
  background-color: #fff;
  -webkit-transition: border 0.15s ease-in-out;
  -moz-transition: border 0.15s ease-in-out;
  -ms-transition: border 0.15s ease-in-out;
  -o-transition: border 0.15s ease-in-out;
  transition: border 0.15s ease-in-out;
  margin-right: 8px; }

.radio label::after {
  display: inline-block;
  position: absolute;
  content: " ";
  width: 11px;
  height: 11px;
  left: 8px;
  top: 4px;
  margin-left: -20px;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  border-radius: 50%;
  background-color: #333333;
  -webkit-transform: scale(0, 0);
  -moz-transform: scale(0, 0);
  -ms-transform: scale(0, 0);
  -o-transform: scale(0, 0);
  transform: scale(0, 0);
  -webkit-transition: -webkit-transform 0.1s cubic-bezier(0.8, -0.33, 0.2, 1.33);
  -moz-transition: -moz-transform 0.1s cubic-bezier(0.8, -0.33, 0.2, 1.33);
  -o-transition: -o-transform 0.1s cubic-bezier(0.8, -0.33, 0.2, 1.33);
  transition: transform 0.1s cubic-bezier(0.8, -0.33, 0.2, 1.33); }

.radio input[type="radio"] {
  opacity: 0;
  z-index: 1;
  display: none; }

.radio input[type="radio"]:focus, .radio input[type="radio"]:active {
  outline: none !important;
  border: none !important; }

.radio input[type="radio"]:focus + label::before {
  outline: none !important; }

.radio input[type="radio"]:checked + label::after {
  -webkit-transform: scale(1, 1);
  -moz-transform: scale(1, 1);
  -ms-transform: scale(1, 1);
  -o-transform: scale(1, 1);
  transform: scale(1, 1); }

.radio input[type="radio"]:disabled + label {
  opacity: 0.8;
  cursor: not-allowed; }

.radio input[type="radio"]:disabled + label::before {
  border: 1px solid rgba(51, 51, 51, 0.65) !important; }

.radio input[type="radio"]:disabled + label::after {
  opacity: 0.65;
  color: #333333; }

.radio.radio-primary input[type="radio"] + label::before {
  border-color: #025c99;
  outline: none; }

.radio.radio-primary input[type="radio"]:checked + label::after {
  background-color: #025c99; }

.radio.radio-card,
.radio.radio-icon-card {
  display: inline-flex;
  min-width: 100px;
  margin-bottom: 10px; }

.radio.radio-card input[type=radio] + label,
.radio.radio-icon-card input[type=radio] + label {
  background-color: white;
  color: #333333;
  border-left: 4px solid rgba(158, 158, 158, 0.7);
  -webkit-box-shadow: 0 1px 5px rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 0 1px 5px rgba(0, 0, 0, 0.1);
  -ms-box-shadow: 0 1px 5px rgba(0, 0, 0, 0.1);
  box-shadow: 0 1px 5px rgba(0, 0, 0, 0.1);
  border-top-left-radius: 5px;
  border-bottom-left-radius: 5px;
  padding-left: 0;
  margin-bottom: 0;
  justify-content: center;
  display: inline-flex;
  align-items: center;
  text-align: center;
  width: 100%; }

.radio.radio-card input[type=radio] + label:hover,
.radio.radio-icon-card input[type=radio] + label:hover {
  -webkit-box-shadow: 0 1px 3px rgba(2, 92, 153, 0.65);
  -moz-box-shadow: 0 1px 3px rgba(2, 92, 153, 0.65);
  -ms-box-shadow: 0 1px 3px rgba(2, 92, 153, 0.65);
  box-shadow: 0 1px 3px rgba(2, 92, 153, 0.65); }

.radio.radio-icon-card input[type=radio] + label span {
  width: 70%; }

.radio.radio-icon-card input[type=radio] + label i {
  opacity: 0.6;
  width: 30%;
  text-align: right;
  padding-right: 20px; }

.radio.radio-card input[type=radio] + label::before, .radio.radio-card input[type=radio] + label::after,
.radio.radio-icon-card input[type=radio] + label::before, .radio.radio-icon-card input[type=radio] + label::after {
  display: none !important; }

.radio.radio-card input[type=radio]:checked + label, .radio.radio-icon-card input[type=radio]:checked + label {
  background-color: #9e9e9e;
  color: white; }

.radio.radio-card input[type=radio]:checked + label i, .radio.radio-icon-card input[type=radio]:checked + label i {
  opacity: 1; }

.radio.radio-card input[type="radio"]:disabled + label, .radio.radio-icon-card input[type="radio"]:disabled + label {
  opacity: 0.65;
  cursor: not-allowed; }

.radio.radio-card input[type="radio"]:checked:disabled + label, .radio.radio-icon-card input[type="radio"]:checked:disabled + label {
  background-color: rgba(158, 158, 158, 0.65);
  color: white; }

.radio.radio-card.radio-primary input[type=radio] + label, .radio.radio-icon-card.radio-primary input[type=radio] + label {
  border-left: 4px solid rgba(2, 92, 153, 0.7); }

.radio.radio-card.radio-primary input[type=radio]:checked + label, .radio.radio-icon-card.radio-primary input[type=radio]:checked + label {
  background-color: #025c99;
  color: white; }

/*Radio Button : End*/
/*Date Picker : Start*/
.k-calendar > .k-header {
  background-color: rgba(2, 92, 153, 0.85); }

.k-calendar .k-header .k-link:hover, .k-calendar .k-header .k-link:active, .k-calendar .k-link:focus, .k-calendar .k-calendar-view .k-link:hover, .k-calendar .k-calendar-view .k-link:active, .k-calendar .k-link:focus {
  background-color: rgba(2, 92, 153, 0.7) !important;
  color: #fff !important; }

.k-calendar .k-today .k-link {
  color: #025c99;
  -webkit-box-shadow: inset 0 0 0 1px #025c99;
  -moz-box-shadow: inset 0 0 0 1px #025c99;
  -ms-box-shadow: inset 0 0 0 1px #025c99;
  box-shadow: inset 0 0 0 1px #025c99; }

.k-calendar > .k-header .k-link.k-state-hover {
  color: #fff !important;
  background-color: rgba(2, 92, 153, 0.7) !important; }

.k-calendar .k-calendar-view td.k-state-selected .k-link {
  border-color: rgba(2, 92, 153, 0.85) !important;
  background-color: rgba(2, 92, 153, 0.85) !important; }

.k-calendar .k-footer .k-nav-today {
  color: #025c99 !important; }

.k-calendar .k-footer .k-nav-today:hover {
  color: #025c99 !important; }

/*Date Picker : End*/
/*Drop down : Start*/
.k-animation-container .k-list-container {
  /*border-color: $app-primary;*/
  padding: 0; }

.k-autocomplete, .k-dropdown-wrap.k-state-default, .k-numeric-wrap.k-state-default, .k-picker-wrap.k-state-default {
  background-color: #fff;
  border: 1px solid rgba(0, 0, 0, 0.2);
  border-radius: 3px; }

.k-combobox, .k-combobox .k-input, .k-datepicker, .k-datepicker .k-input, .k-datetimepicker, .k-datetimepicker .k-input, .k-timepicker, .k-timepicker .k-input {
  background-color: #fff; }

.k-animation-container .k-list-container .k-list li {
  color: black;
  background-color: transparent;
  border: none;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  -ms-box-shadow: none;
  box-shadow: none;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  -ms-border-radius: 0;
  border-radius: 0; }

.k-animation-container .k-list-container .k-list li:hover, .k-animation-container .k-list-container .k-list li:focus {
  background-color: rgba(0, 0, 0, 0.05);
  cursor: pointer; }

.k-animation-container .k-list-container .k-list > .k-state-selected, .k-animation-container .k-list-container .k-list > .k-state-selected.k-state-focused {
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  -ms-box-shadow: none;
  box-shadow: none;
  color: #025c99;
  background-color: rgba(0, 0, 0, 0.1); }

.k-autocomplete.k-state-hover, .k-dropdown-wrap.k-state-hover, .k-numeric-wrap.k-state-hover, .k-overflow-anchor:hover, .k-picker-wrap.k-state-hover, .k-textbox:hover {
  background-color: #fff;
  border-color: rgba(0, 0, 0, 0.1);
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  -ms-box-shadow: none;
  box-shadow: none; }

.k-autocomplete.k-state-focused, .k-dropdown-wrap.k-state-focused, .k-multiselect.k-header.k-state-focused, .k-numeric-wrap.k-state-focused, .k-picker-wrap.k-state-focused, .k-textbox:focus {
  background-color: #ebebeb;
  background-image: none;
  background-position: 50% 50%;
  border-color: rgba(0, 0, 0, 0.1);
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  -ms-box-shadow: none;
  box-shadow: none; }

.k-dropdown-wrap i {
  top: 6px;
  left: 4px;
  position: absolute;
  font-size: 1.5em; }

.k-dropdown-wrap i + .k-input {
  padding-left: 21px; }

/*Drop down : End*/
/*Multi-select : Start*/
.k-widget.k-multiselect {
  border: 1px solid rgba(0, 0, 0, 0.1);
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  -ms-box-shadow: none;
  box-shadow: none; }

.k-widget.k-multiselect .k-multiselect-wrap {
  border: none;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  -ms-box-shadow: none;
  box-shadow: none; }

.k-widget.k-multiselect.k-state-hover, .k-widget.k-multiselect:hover {
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  -ms-box-shadow: none;
  box-shadow: none; }

.k-widget.k-dropdowntree {
  border: 1px solid rgba(0, 0, 0, 0.1);
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  -ms-box-shadow: none;
  box-shadow: none; }

.k-widget.k-dropdowntree .k-multiselect-wrap {
  border: none;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  -ms-box-shadow: none;
  box-shadow: none; }

.k-widget.k-dropdowntree .k-multiselect-wrap.k-state-hover, .k-widget.k-dropdowntree .k-multiselect-wrap:hover {
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  -ms-box-shadow: none;
  box-shadow: none; }

.k-checkbox:checked + .k-checkbox-label:before, .k-checkbox:checked + .k-checkbox-label:hover:before, .k-checkbox:checked:hover + .k-checkbox-label:before {
  border-color: #025c99; }

.k-checkbox:checked + .k-checkbox-label:before {
  background-color: #025c99;
  border-color: #025c99;
  color: #fff; }

/*Multi-select : End*/
/*Color Picker: Start*/
div[data-role|=colorpicker] {
  display: -webkit-box !important;
  display: -ms-flexbox !important;
  display: -webkit-flex !important;
  display: flex !important;
  flex-wrap: wrap !important; }
  div[data-role|=colorpicker] .k-selected-color {
    width: 30% !important; }
    div[data-role|=colorpicker] .k-selected-color .k-color-input {
      width: 100% !important;
      margin-top: 149px !important;
      background-color: transparent !important;
      -webkit-filter: invert(0.1);
      filter: invert(0.1); }
      div[data-role|=colorpicker] .k-selected-color .k-color-input input {
        background-color: transparent !important; }
  div[data-role|=colorpicker] .k-hsv-rectangle {
    width: 70% !important; }
  div[data-role|=colorpicker] .k-slider {
    width: 100% !important; }

/*Color Picker: End*/
/*Block End: Advanced Form Elements*/
/*OTHER CSS*/
.inline-checkboxes {
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  flex-wrap: wrap; }

.inline-radioButtons {
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  flex-wrap: wrap; }

/*radio-row*/
.radio-row {
  float: left;
  width: 100%; }

.radio-col:last-child {
  margin: 0 0 10px 0; }

.radio-col {
  float: left;
  min-width: 75px;
  height: 60px;
  position: relative;
  width: 60px;
  margin: 0 10px 10px 0;
  -webkit-transition: all 200ms linear;
  -moz-transition: all 200ms linear;
  -ms-transition: all 200ms linear;
  -o-transition: all 200ms linear;
  transition: all 200ms linear; }

.radio-col input {
  position: absolute;
  left: 0;
  right: 0;
  width: 100%;
  opacity: 0;
  z-index: 5;
  height: 100%;
  cursor: pointer; }

.radio-col-a {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 2;
  width: 100%;
  height: 100%;
  border: 1px solid rgba(0, 0, 0, 0.15);
  opacity: .75;
  cursor: pointer;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  border-radius: 3px; }

.radio-col:hover .radio-col-a {
  opacity: 1; }

.radio-col:hover {
  background: rgba(0, 0, 0, 0.03); }

.radio-col-icon {
  width: 100%;
  text-align: center;
  float: left;
  padding: 6px 0 1px 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  -webkit-justify-content: center;
  justify-content: center; }

.radio-col-icon i {
  height: 27px;
  width: 24px;
  color: #eee; }

.radio-col-tx {
  font-size: 12px;
  text-align: center;
  float: left;
  width: 100%;
  padding: 0;
  color: rgba(0, 0, 0, 0.8); }

.a-green .radio-col-icon i {
  color: #4CAF50; }

.a-blue .radio-col-icon i {
  color: #4C89B3; }

.a-red .radio-col-icon i {
  color: #ce5d5d; }

.a-no .radio-col-icon i {
  color: #ccc; }

.radio-col.active .radio-col-a .radio-col-tx {
  color: #fff; }

.radio-col.active .radio-col-a i {
  color: #fff; }

.radio-col.active .a-green {
  background: #4CAF50;
  border-color: #4CAF50;
  opacity: 1; }

.radio-col.active .a-blue {
  background: #4C89B3;
  border-color: #4C89B3;
  opacity: 1; }

.radio-col.active .a-red {
  background: #ce5d5d;
  border-color: #ce5d5d;
  opacity: 1; }

.radio-col.active .a-no {
  background: #ccc;
  border-color: #ccc;
  opacity: 1; }

/*radio-col-inline*/
.radio-col-inline .radio-col {
  height: 38px;
  min-width: 105px; }

.radio-col-inline .radio-col-a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  -webkit-justify-content: center;
  justify-content: center; }

.radio-col-inline .radio-col-icon {
  width: auto; }

.radio-col-inline .radio-col-tx {
  width: auto; }

/*//radio-row*/
/*filter-contact*/
.filter-contact-set {
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center; }

.filter-contact-set ul {
  right: 20px;
  top: 0;
  height: 100%;
  margin: 0;
  padding: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center; }

.filt-set-t {
  font-size: 14px; }

.filter-contact-set ul li {
  background: #ccc;
  height: 20px;
  width: 20px;
  margin: 0 0 0 10px;
  border-radius: 20px;
  cursor: pointer;
  list-style: none;
  position: relative; }

.filter-contact-set ul li .filt-set {
  height: 100%;
  width: 100%;
  float: left;
  border: 2px solid #ccc;
  position: absolute;
  top: 0;
  left: 0;
  -webkit-transition: all 200ms linear;
  -moz-transition: all 200ms linear;
  -ms-transition: all 200ms linear;
  -o-transition: all 200ms linear;
  transition: all 200ms linear;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-border-radius: 50px;
  -moz-border-radius: 50px;
  -ms-border-radius: 50px;
  border-radius: 50px; }

.filter-contact-set ul li.active input {
  -webkit-transform: scale(1.7);
  -moz-transform: scale(1.7);
  -ms-transform: scale(1.7);
  -o-transform: scale(1.7);
  transform: scale(1.7); }

.filter-contact-set ul li input {
  z-index: 9;
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  opacity: 0;
  width: 100%;
  cursor: pointer; }

.filter-contact-set ul li .filt-set:hover {
  text-decoration: none; }

.filter-contact-set ul li .filt-set i {
  font-size: 16px;
  color: #fff; }

.filter-contact-set ul li .filt-set.filt-available {
  background: #51AB2F;
  border-color: #51AB2F; }

.filter-contact-set ul li .filt-set.filt-dnd {
  background: #ED1C24;
  border-color: #ED1C24; }

.filter-contact-set ul li .filt-set.filt-unavailbale {
  background: #fff;
  border-color: #9F248F !important; }

.filter-contact-set ul li .filt-set.filt-ringing {
  background: #ED1C24;
  border-color: #ED1C24; }

.filter-contact-set ul li .filt-set.filt-oncall {
  background: #025C99;
  border-color: #025C99; }

.filter-contact-set ul li .filt-set.filt-unavailbale {
  background: #fff;
  border-color: #9F248F; }

.filter-contact-set ul li .filt-set.filt-idle {
  background: #FFC914;
  border-color: #FFC914; }

.filter-contact-set ul li .filt-set.filt-signout {
  background: #fff;
  border-color: #ccc; }

.filter-contact-set ul li.active .filt-set {
  border: 1px solid #fff;
  -webkit-box-shadow: 0 1px 4px 2px rgba(0, 0, 0, 0.3);
  -moz-box-shadow: 0 1px 4px 2px rgba(0, 0, 0, 0.3);
  -ms-box-shadow: 0 1px 4px 2px rgba(0, 0, 0, 0.3);
  box-shadow: 0 1px 4px 2px rgba(0, 0, 0, 0.3);
  -webkit-transform: scale(1.5);
  -moz-transform: scale(1.5);
  -ms-transform: scale(1.5);
  -o-transform: scale(1.5);
  transform: scale(1.5);
  -webkit-transition: all 200ms linear;
  -moz-transition: all 200ms linear;
  -ms-transition: all 200ms linear;
  -o-transition: all 200ms linear;
  transition: all 200ms linear; }

.filter-contact-set ul li.active .filt-set.filt-signout {
  border: 1px solid #ccc;
  -webkit-box-shadow: 0 1px 4px 2px rgba(0, 0, 0, 0.3);
  -moz-box-shadow: 0 1px 4px 2px rgba(0, 0, 0, 0.3);
  -ms-box-shadow: 0 1px 4px 2px rgba(0, 0, 0, 0.3);
  box-shadow: 0 1px 4px 2px rgba(0, 0, 0, 0.3);
  -webkit-transform: scale(1.5);
  -moz-transform: scale(1.5);
  -ms-transform: scale(1.5);
  -o-transform: scale(1.5);
  transform: scale(1.5);
  -webkit-transition: all 200ms linear;
  -moz-transition: all 200ms linear;
  -ms-transition: all 200ms linear;
  -o-transition: all 200ms linear;
  transition: all 200ms linear; }

/*filter-contact*/
.k-picker-wrap.k-state-default > .k-select {
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  -webkit-justify-content: center;
  justify-content: center; }

.card-footer {
  padding: 6px !important; }

.table thead th {
  font-size: 13px;
  vertical-align: middle;
  background: #f1f1f1 !important; }

.table tbody td {
  font-size: 13px;
  padding: 8px; }

.cld_is {
  display: flex;
  align-items: center;
  float: left; }

.cld_ii {
  float: left;
  padding: 0 0 0 5px;
  cursor: pointer;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center; }

.cld_ii i {
  font-size: 17px;
  color: #777; }

.mx-th-tag {
  min-width: 80px;
  max-width: 160px;
  position: relative; }

.mx-td-tx:hover {
  white-space: normal; }

.mx-td-spn {
  max-height: 20px;
  text-overflow: ellipsis;
  max-width: 100%;
  min-width: 90px;
  white-space: nowrap;
  cursor: default;
  overflow: hidden;
  -webkit-transition: max-height 1.5s cubic-bezier(0, 1.05, 0, 1);
  -moz-transition: max-height 1.5s cubic-bezier(0, 1.05, 0, 1);
  -ms-transition: max-height 1.5s cubic-bezier(0, 1.05, 0, 1);
  -o-transition: max-height 1.5s cubic-bezier(0, 1.05, 0, 1);
  transition: max-height 1.5s cubic-bezier(0, 1.05, 0, 1); }

.mx-th-tag:hover .mx-td-spn {
  max-height: 700px;
  white-space: normal;
  -webkit-transition: max-height 2s ease-in-out;
  -moz-transition: max-height 2s ease-in-out;
  -ms-transition: max-height 2s ease-in-out;
  -o-transition: max-height 2s ease-in-out;
  transition: max-height 2s ease-in-out; }

.pgn-spacing .row:last-child {
  padding: 9px 10px 10px 10px; }

.search-row-del .row:first-child {
  display: none; }

.valign-m td {
  vertical-align: middle; }

.valign-m th {
  vertical-align: middle; }

.bdr-l-r-t-0 {
  border-left: 0;
  border-right: 0;
  border-top: 0; }

.table.th-bg-white thead th {
  background: #fff !important; }

.policy-st-list {
  float: left;
  width: 100%;
  padding: 0 0 10px 0; }

.st-li {
  border-bottom: 1px solid rgba(204, 204, 204, 0.25);
  padding: 15px 25px 15px 25px;
  font-size: 13px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  -webkit-justify-content: space-between;
  justify-content: space-between; }

.st-li:last-child {
  border: none; }

.st-li-col {
  width: 50%; }

.st-li-h {
  font-size: 13px;
  font-weight: 600;
  color: #333; }

.st-li p {
  font-size: 13px;
  color: #333;
  margin: 0; }

.st-thead {
  float: left;
  width: 100%;
  border-bottom: 1px solid rgba(204, 204, 204, 0.25); }

.st-tbody {
  float: left;
  width: 100%;
  max-height: 48vh; }

.st-p-lr-0 .st-li {
  padding: 15px 15px 15px 0px; }

thead th {
  background: #e5e5e5 !important; }

.table td {
  padding: 0.3rem; }

.table-container.tbl-overflow {
  /*max-height: 250px;*/
  overflow-y: auto; }

.tbl-header-sticky th {
  top: -1px;
  position: sticky;
  z-index: 100;
  font-size: 13px; }

.page-item .page-link {
  color: #025c99; }

.page-item.active .page-link {
  z-index: 1;
  color: #fff;
  background-color: #025c99 !important;
  border-color: #025c99 !important; }

table.dataTable {
  margin-bottom: 0 !important;
  margin-top: 0 !important; }

.table-bordered thead th, .table-bordered thead td {
  border-bottom-width: 0px;
  border-top-width: 0px; }

.dataTables_wrapper .row:nth-child(2n + 1) > div {
  /*margin-bottom: 8px;*/ }

.dataTables_wrapper .row:nth-child(2) {
  margin-bottom: 10px; }

.dataTables_wrapper .row:nth-child(3) {
  padding-bottom: 26px; }

.dataTables_wrapper .row:nth-child(3) > div:nth-child(2) {
  position: absolute;
  right: 4px; }

.dataTables_wrapper select.form-control:not([size]):not([multiple]) {
  height: calc(1.5rem + 2px);
  font-size: 12px;
  margin: 0 5px; }

.dataTables_wrapper .mdl-button {
  min-width: 58px !important; }

.dataTables_wrapper .dataTables_paginate {
  float: right; }

.dataTables_wrapper .pagination .page-link {
  border-radius: 0 !important; }

.dataTables_wrapper tbody td {
  font-size: 12px;
  padding: 8px; }

.dataTables_wrapper thead th {
  background: #f1f1f1 !important;
  font-size: 11px;
  padding: 10px 8px 10px 8px;
  vertical-align: middle;
  white-space: nowrap; }

.dataTables_wrapper .table thead th.sorting {
  vertical-align: middle;
  padding: 8px 20px 8px 8px !important; }

.dataTables_wrapper .table thead th::before {
  bottom: 30%;
  right: 8px; }

.dataTables_wrapper .table thead th::after {
  bottom: 30%;
  right: 2px; }

.dataTables_wrapper label {
  display: -webkit-inline-box !important;
  display: -ms-inline-flexbox !important;
  display: -moz-inline-box !important;
  display: inline-flex !important;
  align-items: center; }

.dataTables_wrapper .dataTables_filter {
  float: right; }
  .dataTables_wrapper .dataTables_filter input {
    border-color: rgba(0, 0, 0, 0.2);
    border-radius: 3px;
    margin-left: 4px;
    font-size: 12px;
    height: 26px; }
  .dataTables_wrapper .dataTables_filter input:focus, .dataTables_wrapper .dataTables_filter input:active {
    outline: none !important;
    box-shadow: none !important;
    border: 1px solid #025c99; }

.dataTables_wrapper .dataTables_length select {
  border-color: rgba(0, 0, 0, 0.2);
  border-radius: 3px; }

.dataTables_wrapper .dataTables_length select:active, .dataTables_wrapper .dataTables_length select:focus {
  outline: none !important;
  box-shadow: none !important;
  border: 1px solid #025c99; }

.dataTables_wrapper .form-control {
  padding: 0.1rem 1.4rem 0.1rem 0.4rem !important; }

.table tr:hover {
  background-color: rgba(0, 0, 0, 0.05); }

.full-tbl ul.pagination {
  padding: 7px 15px 0 0; }

.dataTables_wrapper .table thead th::after {
  bottom: 30%;
  right: 2px;
  color: #000;
  opacity: .5;
  font-size: 12px; }

.dataTables_wrapper .table thead th::before {
  bottom: 30%;
  right: 8px;
  font-size: 12px;
  color: #000;
  opacity: .5; }

.dataTables_wrapper .table thead th.sorting_desc::after {
  color: #000;
  opacity: 1;
  font-size: 13px; }

.dataTables_wrapper .table thead th.sorting_asc::before {
  color: #000;
  opacity: 1;
  font-size: 13px; }

@media screen and (max-width: 768px) {
  .full-tbl .dataTables_length {
    float: right;
    margin: 0 -15px 0 0; } }

/*theme colors*/
/*ics brand colors*/
/*#ED1D24*/
/*#3B5A61*/
/*#00AEEF*/
/*#427D67*/
/*#8FC73E*/
/*#F7941E*/
/*#C8A73F*/
/*#9F248F*/
/*#006396*/
/*#ED1D24*/
/*ics product colors*/
/*#FFE614*/
/*#FFC914*/
/*#92C930*/
/*#51AB2F*/
/*#0A910F*/
/*#038EE7*/
/*#025C99*/
/*#01426D*/
/*#ED1C24*/
/*#C9101A*/
/*#A51B27*/
/*#F39C11*/
/*#E77E23*/
/*#D55401*/
/*#1BBC9B*/
/*#16A086*/
/*#12816A*/
/*#32007D*/
/*#8F44AD*/
/*#AA75C1*/
/*#345860*/
/*default colors*/
/*#F3F3F3*/
/*#F9F9F9*/
/*#03A9F4*/
/*#2196F3*/
/*#3F51B5*/
/*#9C27B0*/
/*#673AB7*/
/*#E91E63*/
/*#F44336*/
/*#FF9800*/
/*#FF5722*/
/*#FFEB3B*/
/*#FFC107*/
/*#CDDC39*/
/*#4CAF50*/
/*#8BC34A*/
/*#009688*/
/*#00BCD4*/
/*#FFF*/
/*#795548*/
/*#000*/
/*#9E9E9E*/
/*#9E9E9E*/
/*#607D8B*/
/*#343a40*/
/*#2b982b*/
/*#00b0e4*/
/*#ff9600*/
/*#333*/
/*#fb483a*/
/*accordion*/
.accordion-row .accordion-body {
  float: left;
  width: 100%; }

.accordion-row {
  background: rgba(255, 255, 255, 0.5);
  border: 1px solid rgba(0, 0, 0, 0.1);
  margin: 0 0 20px 0;
  padding: 12px 15px 12px 15px;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  -ms-border-radius: 6px;
  border-radius: 6px; }

.accordion-li {
  padding: 0 0 8px 0; }

.accordion-row .card-link {
  color: #333;
  font-weight: 500;
  font-size: 14px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center; }

.card-link .accordion-dwn {
  position: relative;
  padding: 0;
  height: 20px;
  width: 20px;
  margin-right: 5px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -ms-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
  -webkit-transition: all 200ms linear;
  -moz-transition: all 200ms linear;
  -ms-transition: all 200ms linear;
  -o-transition: all 200ms linear;
  transition: all 200ms linear; }

.card-link.active .accordion-dwn {
  position: relative;
  padding: 0;
  height: 20px;
  width: 20px;
  margin-right: 5px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-transform: rotate(180deg);
  -moz-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  -o-transform: rotate(180deg);
  transform: rotate(180deg); }

.card-link.colllapsed .accordion-dwn {
  position: relative;
  padding: 0;
  height: 20px;
  width: 20px;
  margin-right: 5px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-transform: rotate(180deg);
  -moz-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  -o-transform: rotate(180deg);
  transform: rotate(180deg); }

.accordion-row .collapse {
  float: left;
  width: 100%; }

/*accordion*/
/* page heading 0r page Title ================================= */
.title-primary {
  font-weight: 600;
  font-size: 14px;
  color: #333;
  margin-bottom: 10px;
  text-transform: uppercase;
  border-left: 2px solid #025c99;
  padding: 0 0 0 7px;
  font-family: 'Open Sans', sans-serif; }

/*.title-pipe {
    float: left;
    width: 2px;
    height: 20px;
    padding-left: 2.2px; 
    background: $app-primary;
    display: block;
    clear: both;
    margin-right: 5px;
}*/
/* Breadcrumbs ================================= */
#global-breadcrumb .breadcrumb {
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  /*-ms-border-radius: 0;*/
  border-radius: 0;
  background-color: transparent;
  font-size: 14px;
  margin-top: 50px !important;
  padding-left: 30px !important; }

.breadcrumb {
  padding-left: 0 !important;
  background: transparent !important;
  margin-bottom: 5px; }

.breadcrumb li a {
  color: #444;
  text-decoration: none; }

.breadcrumb li a .material-icons {
  font-size: 18px;
  position: relative;
  top: 4px; }

.breadcrumb li .material-icons {
  font-size: 18px;
  position: relative;
  top: 4px; }

.breadcrumb > li + li:before {
  content: '\0196\00a0'; }

.breadcrumb > li + li:last-child::before {
  color: #025c99 !important; }

.breadcrumb li:only-child::before {
  content: '\0196\00a0' !important; }

.breadcrumb-bg li {
  color: #333333 !important;
  margin-right: 10px; }

.breadcrumb-bg li:last-child {
  color: #025c99 !important;
  font-weight: 600; }

.breadcrumb-bg li a .material-icons {
  padding-bottom: 8px; }

.breadcrumb-bg li + li:before {
  /*color: #fff;*/ }

.breadcrumb-bg li a {
  color: #333333 !important; }

.breadcrumb-bg li:last-child a {
  color: #025c99 !important;
  font-weight: 600; }

.primary-title-row {
  float: left;
  width: 100%;
  /*display flex*/
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  /*align-items*/
  -webkit-box-align: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  /*justify-content*/
  -webkit-justify-content: space-between;
  justify-content: space-between; }

.primary-title-row .title-primary {
  margin: 5px 0 10px 0; }

.btn {
  display: inline-block;
  padding: 6px 12px;
  margin-bottom: 0;
  font-size: 14px;
  font-weight: normal;
  line-height: 1.42857143;
  text-align: center;
  white-space: nowrap;
  vertical-align: middle;
  -ms-touch-action: manipulation;
  touch-action: manipulation;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  background-image: none;
  border: 1px solid transparent;
  border-radius: 4px;
  opacity: 0.8; }

.btn:focus, .btn:active {
  box-shadow: none !important; }

.btn-circle {
  border: none;
  outline: none !important;
  overflow: hidden;
  width: 40px;
  height: 40px;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  border-radius: 50%;
  /*box-shadow: 0 1px 5px rgba(0, 0, 0, 0.4);*/ }

.btn-circle i {
  font-size: 20px;
  position: relative;
  left: -2px;
  top: 2px; }

.btn-link {
  font-weight: bold;
  color: #333;
  -moz-transition: 0.5s;
  -o-transition: 0.5s;
  -webkit-transition: 0.5s;
  transition: 0.5s; }

.btn-link:active, .btn-link:focus {
  text-decoration: none;
  color: #333; }

.btn-link:hover {
  text-decoration: none;
  color: #333;
  background-color: #ddd; }

.btn-circle-lg {
  border: none;
  outline: none !important;
  overflow: hidden;
  width: 50px;
  height: 50px;
  -webkit-border-radius: 50% !important;
  -moz-border-radius: 50% !important;
  -ms-border-radius: 50% !important;
  border-radius: 50% !important;
  /*box-shadow: 0 1px 5px rgba(0, 0, 0, 0.4);*/ }

.btn-circle-lg i {
  font-size: 26px !important;
  position: relative !important;
  left: 0px !important;
  top: 6px !important; }

.btn:not(.btn-link):not(.btn-circle) {
  /*box-shadow: 0 1px 5px rgba(0, 0, 0, 0.4);*/
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  -ms-border-radius: 2px;
  border-radius: 2px;
  border: none;
  font-size: 13px;
  outline: none; }

.btn:focus, .btn:active, .btn:hover {
  opacity: 1;
  cursor: pointer; }

.btn:not(.btn-link):not(.btn-circle) i {
  font-size: 20px;
  position: relative;
  top: 3px; }

.btn:not(.btn-link):not(.btn-circle) span {
  position: relative;
  top: -2px;
  margin-left: 3px; }

.btn-warning,
.btn-warning:hover,
.btn-warning:active,
.btn-warning:focus {
  background-color: #ff9600 !important; }

.btn-danger,
.btn-danger:hover,
.btn-danger:active,
.btn-danger:focus {
  background-color: #fb483a !important; }

.btn-info,
.btn-info:hover,
.btn-info:active,
.btn-info:focus {
  background-color: #00b0e4 !important; }

.btn-success,
.btn-success:hover,
.btn-success:active,
.btn-success:focus {
  background-color: #2b982b !important; }

.btn-primary,
.btn-primary:hover,
.btn-primary:active,
.btn-primary:focus {
  background-color: #025c99 !important; }

.btn-secondary,
.btn-secondary:hover,
.btn-secondary:active,
.btn-secondary:focus {
  background-color: #038ee7 !important; }

.btn-default,
.btn-default:hover,
.btn-default:active,
.btn-default:focus {
  background-color: #dddddd !important; }

.icon-button-demo button {
  margin-right: 5px;
  margin-bottom: 12px; }

.disabled:hover, .disabled:active {
  opacity: 0.65;
  cursor: auto; }

/*CARDS STYLE (Card, Header, Body, Small Text)*/
.card .card-inside-title {
  margin-top: 25px;
  margin-bottom: 15px;
  display: block;
  font-size: 15px;
  color: #000; }

.card .card-inside-title small {
  color: #999;
  display: block;
  font-size: 11px;
  margin-top: 5px; }

.card .card-inside-title small a {
  color: #777;
  font-weight: bold; }

.card .card-inside-title:first-child {
  margin-top: 0; }

.card .bg-red,
.card .bg-pink,
.card .bg-purple,
.card .bg-deep-purple,
.card .bg-indigo,
.card .bg-blue,
.card .bg-light-blue,
.card .bg-cyan,
.card .bg-teal,
.card .bg-green,
.card .bg-light-green,
.card .bg-lime,
.card .bg-yellow,
.card .bg-amber,
.card .bg-orange,
.card .bg-deep-orange,
.card .bg-brown,
.card .bg-grey,
.card .bg-blue-grey,
.card .bg-black {
  border-bottom: none !important;
  color: #fff !important; }

.card .bg-red h2, .card .bg-red small, .card .bg-red .material-icons,
.card .bg-pink h2,
.card .bg-pink small,
.card .bg-pink .material-icons,
.card .bg-purple h2,
.card .bg-purple small,
.card .bg-purple .material-icons,
.card .bg-deep-purple h2,
.card .bg-deep-purple small,
.card .bg-deep-purple .material-icons,
.card .bg-indigo h2,
.card .bg-indigo small,
.card .bg-indigo .material-icons,
.card .bg-blue h2,
.card .bg-blue small,
.card .bg-blue .material-icons,
.card .bg-light-blue h2,
.card .bg-light-blue small,
.card .bg-light-blue .material-icons,
.card .bg-cyan h2,
.card .bg-cyan small,
.card .bg-cyan .material-icons,
.card .bg-teal h2,
.card .bg-teal small,
.card .bg-teal .material-icons,
.card .bg-green h2,
.card .bg-green small,
.card .bg-green .material-icons,
.card .bg-light-green h2,
.card .bg-light-green small,
.card .bg-light-green .material-icons,
.card .bg-lime h2,
.card .bg-lime small,
.card .bg-lime .material-icons,
.card .bg-yellow h2,
.card .bg-yellow small,
.card .bg-yellow .material-icons,
.card .bg-amber h2,
.card .bg-amber small,
.card .bg-amber .material-icons,
.card .bg-orange h2,
.card .bg-orange small,
.card .bg-orange .material-icons,
.card .bg-deep-orange h2,
.card .bg-deep-orange small,
.card .bg-deep-orange .material-icons,
.card .bg-brown h2,
.card .bg-brown small,
.card .bg-brown .material-icons,
.card .bg-grey h2,
.card .bg-grey small,
.card .bg-grey .material-icons,
.card .bg-blue-grey h2,
.card .bg-blue-grey small,
.card .bg-blue-grey .material-icons,
.card .bg-black h2,
.card .bg-black small,
.card .bg-black .material-icons {
  color: #fff !important; }

.card .bg-red .badge,
.card .bg-pink .badge,
.card .bg-purple .badge,
.card .bg-deep-purple .badge,
.card .bg-indigo .badge,
.card .bg-blue .badge,
.card .bg-light-blue .badge,
.card .bg-cyan .badge,
.card .bg-teal .badge,
.card .bg-green .badge,
.card .bg-light-green .badge,
.card .bg-lime .badge,
.card .bg-yellow .badge,
.card .bg-amber .badge,
.card .bg-orange .badge,
.card .bg-deep-orange .badge,
.card .bg-brown .badge,
.card .bg-grey .badge,
.card .bg-blue-grey .badge,
.card .bg-black .badge {
  background-color: #fff;
  color: #333; }

.card .header {
  position: relative;
  padding: 15px 20px 15px 20px;
  margin-bottom: 0;
  border-bottom: 1px solid rgba(204, 204, 204, 0.25);
  border-radius: 0 !important; }

.card .header .header-dropdown {
  position: absolute;
  top: 20px;
  right: 15px;
  list-style: none; }

.card .header .header-dropdown .dropdown-menu li {
  display: block !important; }

.card .header .header-dropdown li {
  display: inline-block; }

.card .header .header-dropdown i {
  font-size: 20px;
  color: #999;
  -webkit-transition: all 0.5s;
  -moz-transition: all 0.5s;
  -ms-transition: all 0.5s;
  -o-transition: all 0.5s;
  transition: all 0.5s; }

.card .header .header-dropdown i:hover {
  color: #000; }

.card .header h2 {
  margin: 0;
  font-size: 18px;
  font-weight: normal;
  color: #111; }

.card .header h2 small {
  display: block;
  font-size: 12px;
  margin-top: 5px;
  color: #999;
  line-height: 15px; }

.card .header h2 small a {
  font-weight: bold;
  color: #777; }

.card .header .col-xs-12 h2 {
  margin-top: 5px; }

.card .body {
  font-size: 14px;
  color: #333;
  padding: 20px; }

.card .header h2 {
  font-size: 18px;
  font-weight: 400;
  color: #111;
  margin: 0; }

.card .header h6 {
  font-size: 18px;
  font-weight: 400;
  margin: 0;
  color: #111; }

.card .header h2 small {
  display: block;
  font-size: 12px;
  margin-top: 5px;
  color: #999;
  line-height: 15px; }

/*===== cards start ======*/
.card {
  float: left;
  width: 100%;
  background: #fff;
  /*border-top: 1px solid rgba(0, 0, 0, 0.05);*/
  border: 0;
  -webkit-box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.2);
  -ms-box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.2);
  box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.2);
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  -ms-border-radius: 0;
  border-radius: 0;
  min-height: 50px;
  position: relative;
  margin-bottom: 20px; }

.card-header {
  padding: 15px 20px 15px 20px;
  position: relative;
  margin-bottom: 0;
  border-bottom: 1px solid rgba(204, 204, 204, 0.25);
  border-top: 1px solid rgba(204, 204, 204, 0.35);
  border-radius: 0 !important; }

.card h2 {
  font-size: 18px;
  font-weight: 400;
  color: #111;
  margin: 0; }

.card-header-icn {
  color: #999;
  position: absolute;
  right: 0;
  top: 0;
  height: 100%;
  min-width: 35px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  -webkit-justify-content: center;
  justify-content: center; }

.card-header .card-header-icn i {
  font-size: 22px; }

.card-header-icn:hover {
  color: #666;
  text-decoration: none; }

.card-header h6 {
  font-size: 18px;
  font-weight: 400;
  margin: 0;
  color: #111; }

.card-body {
  position: relative;
  padding: 20px;
  font-size: 14px;
  color: #333; }

.card.with-bdr {
  box-shadow: none;
  border: 1px solid rgba(204, 204, 204, 0.35); }

.card-footer {
  padding: 15px 20px 15px 20px;
  /*background-color: rgba(0, 0, 0, 0.03);*/
  border-bottom: 1px solid rgba(204, 204, 204, 0.25); }

/*===== cards end ======*/
.color-box {
  padding: 15px 0;
  text-align: center;
  margin-bottom: 20px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  border-radius: 3px; }

/*ICS BRAND COLORS*/
.bg-ics-red {
  background-color: #ed1d24 !important;
  color: #fff; }

.bg-ics-red .content .text,
.bg-ics-red .content .number {
  color: #fff !important; }

.bg-ics-grey {
  background-color: #3b5a61 !important;
  color: #fff; }

.bg-ics-grey .content .text,
.bg-ics-grey .content .number {
  color: #fff !important; }

.bg-ics-insight {
  background-color: #00aeef !important;
  color: #fff; }

.bg-ics-insight .content .text,
.bg-ics-insight .content .number {
  color: #fff !important; }

.bg-ics-wallboard {
  background-color: #427d67 !important;
  color: #fff; }

.bg-ics-wallboard .content .text,
.bg-ics-wallboard .content .number {
  color: #fff !important; }

.bg-ics-report {
  background-color: #8fc73e !important;
  color: #fff; }

.bg-ics-report .content .text,
.bg-ics-report .content .number {
  color: #fff !important; }

.bg-ics-record {
  background-color: #f7941e !important;
  color: #fff; }

.bg-ics-record .content .text,
.bg-ics-record .content .number {
  color: #fff !important; }

.bg-ics-contact {
  background-color: #c8433f !important;
  color: #fff; }

.bg-ics-contact .content .text,
.bg-ics-contact .content .number {
  color: #fff !important; }

.bg-ics-dial {
  background-color: #9f248f !important;
  color: #fff; }

.bg-ics-dial .content .text,
.bg-ics-dial .content .number {
  color: #fff !important; }

.bg-ics-protect {
  background-color: #006396 !important;
  color: #fff; }

.bg-ics-protect .content .text,
.bg-ics-protect .content .number {
  color: #fff !important; }

.bg-ics-console {
  background-color: #ed1d24 !important;
  color: #fff; }

.bg-ics-console .content .text,
.bg-ics-console .content .number {
  color: #fff !important; }

/*PRODUCT COLORS*/
.bg-ics-agent-unavailable {
  background-color: #345860 !important;
  color: #fff; }

.bg-ics-agent-unavailable .content .text,
.bg-ics-agent-unavailable .content .number {
  color: #fff !important; }

.bg-ics-totalCalls-dark {
  background-color: #ffc914 !important;
  color: #fff; }

.bg-ics-totalCalls-dark .content .text,
.bg-ics-totalCalls-dark .content .number {
  color: #fff !important; }

.bg-ics-totalCalls-light {
  background-color: #ffe614 !important;
  color: #fff; }

.bg-ics-totalCalls-light .content .text,
.bg-ics-totalCalls-light .content .number {
  color: #fff !important; }

.bg-ics-incoming-light {
  background-color: #92c930 !important;
  color: #fff; }

.bg-ics-incoming-light .content .text,
.bg-ics-incoming-light .content .number {
  color: #fff !important; }

.bg-ics-incoming-dark {
  background-color: #51ab2f !important;
  color: #fff; }

.bg-ics-incoming-dark .content .text,
.bg-ics-incoming-dark .content .number {
  color: #fff !important; }

.bg-ics-incoming-darker {
  background-color: #0a910f !important;
  color: #fff; }

.bg-ics-incoming-darker .content .text,
.bg-ics-incoming-darker .content .number {
  color: #fff !important; }

.bg-ics-outgoing-light {
  background-color: #038ee7 !important;
  color: #fff; }

.bg-ics-outgoing-light .content .text,
.bg-ics-outgoing-light .content .number {
  color: #fff !important; }

.bg-ics-outgoing-dark {
  background-color: #025c99 !important;
  color: #fff; }

.bg-ics-outgoing-dark .content .text,
.bg-ics-outgoing-dark .content .number {
  color: #fff !important; }

.bg-ics-outgoing-darker {
  background-color: #01426d !important;
  color: #fff; }

.bg-ics-outgoing-darker .content .text,
.bg-ics-outgoing-darker .content .number {
  color: #fff !important; }

.bg-ics-missed-light {
  background-color: #ed1c24 !important;
  color: #fff; }

.bg-ics-missed-light .content .text,
.bg-ics-missed-light .content .number {
  color: #fff !important; }

.bg-ics-missed-dark {
  background-color: #c9101a !important;
  color: #fff; }

.bg-ics-missed-dark .content .text,
.bg-ics-missed-dark .content .number {
  color: #fff !important; }

.bg-ics-missed-darker {
  background-color: #a51b27 !important;
  color: #fff; }

.bg-ics-missed-darker .content .text,
.bg-ics-missed-darker .content .number {
  color: #fff !important; }

.bg-ics-time-light {
  background-color: #f39c11 !important;
  color: #fff; }

.bg-ics-time-light .content .text,
.bg-ics-time-light .content .number {
  color: #fff !important; }

.bg-ics-time-dark {
  background-color: #e77e23 !important;
  color: #fff; }

.bg-ics-time-dark .content .text,
.bg-ics-time-dark .content .number {
  color: #fff !important; }

.bg-ics-time-darker {
  background-color: #d55401 !important;
  color: #fff; }

.bg-ics-time-darker .content .text,
.bg-ics-time-darker .content .number {
  color: #fff !important; }

.bg-ics-resolved-light {
  background-color: #1bbc9b !important;
  color: #fff; }

.bg-ics-resolved-light .content .text,
.bg-ics-resolved-light .content .number {
  color: #fff !important; }

.bg-ics-resolved-dark {
  background-color: #16a086 !important;
  color: #fff; }

.bg-ics-resolved-dark .content .text,
.bg-ics-resolved-dark .content .number {
  color: #fff !important; }

.bg-ics-resolved-darker {
  background-color: #12816a !important;
  color: #fff; }

.bg-ics-resolved-darker .content .text,
.bg-ics-resolved-darker .content .number {
  color: #fff !important; }

.bg-ics-overflowed-light {
  background-color: #aa75c1 !important;
  color: #fff; }

.bg-ics-overflowed-light .content .text,
.bg-ics-overflowed-light .content .number {
  color: #fff !important; }

.bg-ics-overflowed-dark {
  background-color: #8f44ad !important;
  color: #fff; }

.bg-ics-overflowed-dark .content .text,
.bg-ics-overflowed-dark .content .number {
  color: #fff !important; }

.bg-ics-overflowed-darker {
  background-color: #32007d !important;
  color: #fff; }

.bg-ics-overflowed-darker .content .text,
.bg-ics-overflowed-darker .content .number {
  color: #fff !important; }

/*CUSTOMER COLORS*/
.bg-app-primary {
  background-color: #025c99 !important;
  color: #fff; }

.bg-app-primary .content .text,
.bg-app-primary .content .number {
  color: #fff !important; }

.bg-app-secondary {
  background-color: #038ee7 !important;
  color: #fff; }

.bg-app-secondary .content .text,
.bg-app-secondary .content .number {
  color: #fff !important; }

/*OTHER COLORS*/
.bg-red {
  background-color: #f44336 !important;
  color: #fff; }

.bg-red .content .text,
.bg-red .content .number {
  color: #fff !important; }

.bg-pink {
  background-color: #e91e63 !important;
  color: #fff; }

.bg-pink .content .text,
.bg-pink .content .number {
  color: #fff !important; }

.bg-purple {
  background-color: #9c27b0 !important;
  color: #fff; }

.bg-purple .content .text,
.bg-purple .content .number {
  color: #fff !important; }

.bg-deep-purple {
  background-color: #673ab7 !important;
  color: #fff; }

.bg-deep-purple .content .text,
.bg-deep-purple .content .number {
  color: #fff !important; }

.bg-indigo {
  background-color: #3f51b5 !important;
  color: #fff; }

.bg-indigo .content .text,
.bg-indigo .content .number {
  color: #fff !important; }

.bg-blue {
  background-color: #2196f3 !important;
  color: #fff; }

.bg-blue .content .text,
.bg-blue .content .number {
  color: #fff !important; }

.bg-default {
  background-color: #dddddd !important;
  color: #333; }

.bg-default .content .text,
.bg-default .content .number {
  color: #333 !important; }

.bg-white {
  background-color: white !important;
  color: #333; }

.bg-white .content .text,
.bg-white .content .number {
  color: #333 !important; }

.bg-light-blue {
  background-color: #03a9f4 !important;
  color: #fff; }

.bg-light-blue .content .text,
.bg-light-blue .content .number {
  color: #fff !important; }

.bg-cyan {
  background-color: #00bcd4 !important;
  color: #fff; }

.bg-cyan .content .text,
.bg-cyan .content .number {
  color: #fff !important; }

.bg-teal {
  background-color: #009688 !important;
  color: #fff; }

.bg-teal .content .text,
.bg-teal .content .number {
  color: #fff !important; }

.bg-green {
  background-color: #4caf50 !important;
  color: #fff; }

.bg-green .content .text,
.bg-green .content .number {
  color: #fff !important; }

.bg-light-green {
  background-color: #8bc34a !important;
  color: #fff; }

.bg-light-grey {
  background: #fafafa; }

.bg-light-green .content .text,
.bg-light-green .content .number {
  color: #fff !important; }

.bg-lime {
  background-color: #cddc39 !important;
  color: #fff; }

.bg-lime .content .text,
.bg-lime .content .number {
  color: #fff !important; }

.bg-yellow {
  background-color: #ffeb3b !important;
  color: #fff; }

.bg-yellow .content .text,
.bg-yellow .content .number {
  color: #fff !important; }

.bg-amber {
  background-color: #ffc107 !important;
  color: #fff; }

.bg-amber .content .text,
.bg-amber .content .number {
  color: #fff !important; }

.bg-orange {
  background-color: #ff9800 !important;
  color: #fff; }

.bg-orange .content .text,
.bg-orange .content .number {
  color: #fff !important; }

.bg-deep-orange {
  background-color: #ff5722 !important;
  color: #fff; }

.bg-deep-orange .content .text,
.bg-deep-orange .content .number {
  color: #fff !important; }

.bg-brown {
  background-color: #795548 !important;
  color: #fff; }

.bg-brown .content .text,
.bg-brown .content .number {
  color: #fff !important; }

.bg-grey {
  background-color: #9e9e9e !important;
  color: #fff; }

.bg-grey .content .text,
.bg-grey .content .number {
  color: #fff !important; }

.bg-blue-grey {
  background-color: #607d8b !important;
  color: #fff; }

.bg-blue-grey .content .text,
.bg-blue-grey .content .number {
  color: #fff !important; }

.bg-black {
  background-color: black !important;
  color: #fff; }

.bg-black .content .text,
.bg-black .content .number {
  color: #fff !important; }

.bg-dark-grey {
  background-color: #343a40 !important;
  color: #fff; }

.bg-dark-grey .content .text,
.bg-dark-grey .content .number {
  color: #fff !important; }

.bg-success {
  background-color: #2b982b !important;
  color: #fff; }

.bg-success .content .text,
.bg-success .content .number {
  color: #fff !important; }

.bg-info {
  background-color: #00b0e4 !important;
  color: #fff; }

.bg-info .content .text,
.bg-info .content .number {
  color: #fff !important; }

.bg-warning {
  background-color: #ff9600 !important;
  color: #fff; }

.bg-warning .content .text,
.bg-warning .content .number {
  color: #fff !important; }

.bg-danger {
  background-color: #fb483a !important;
  color: #fff; }

.bg-danger .content .text,
.bg-danger .content .number {
  color: #fff !important; }

/*Block Start: Dialogs*/
.sweet-alert .sa-icon.sa-error .sa-line {
  background-color: #fb483a !important; }

.sweet-alert .sa-icon.sa-error {
  border-color: #fb483a !important; }

.sweet-alert .sa-icon.sa-warning .sa-body {
  background-color: #ff9600 !important; }

.sweet-alert .sa-icon.sa-warning .sa-dot {
  background-color: #ff9600 !important; }

.sweet-alert .sa-icon.sa-info::before {
  background-color: #00b0e4 !important; }

.sweet-alert .sa-icon.sa-info::after {
  background-color: #00b0e4 !important; }

.sweet-alert .sa-icon.sa-success .sa-placeholder {
  border: 4px solid rgba(43, 152, 43, 0.2) !important; }

.sweet-alert .sa-icon.sa-success .sa-line {
  background-color: #2b982b !important; }

/*Block End: Dialogs*/
/*theme colors*/
/*ics brand colors*/
/*#ED1D24*/
/*#3B5A61*/
/*#00AEEF*/
/*#427D67*/
/*#8FC73E*/
/*#F7941E*/
/*#C8A73F*/
/*#9F248F*/
/*#006396*/
/*#ED1D24*/
/*ics product colors*/
/*#FFE614*/
/*#FFC914*/
/*#92C930*/
/*#51AB2F*/
/*#0A910F*/
/*#038EE7*/
/*#025C99*/
/*#01426D*/
/*#ED1C24*/
/*#C9101A*/
/*#A51B27*/
/*#F39C11*/
/*#E77E23*/
/*#D55401*/
/*#1BBC9B*/
/*#16A086*/
/*#12816A*/
/*#32007D*/
/*#8F44AD*/
/*#AA75C1*/
/*#345860*/
/*default colors*/
/*#F3F3F3*/
/*#F9F9F9*/
/*#03A9F4*/
/*#2196F3*/
/*#3F51B5*/
/*#9C27B0*/
/*#673AB7*/
/*#E91E63*/
/*#F44336*/
/*#FF9800*/
/*#FF5722*/
/*#FFEB3B*/
/*#FFC107*/
/*#CDDC39*/
/*#4CAF50*/
/*#8BC34A*/
/*#009688*/
/*#00BCD4*/
/*#FFF*/
/*#795548*/
/*#000*/
/*#9E9E9E*/
/*#9E9E9E*/
/*#607D8B*/
/*#343a40*/
/*#2b982b*/
/*#00b0e4*/
/*#ff9600*/
/*#333*/
/*#fb483a*/
.token-wrapper {
  float: left;
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center; }

.token-title {
  float: left;
  padding: 0 10px 0 0;
  font-size: 13px;
  font-weight: 400; }

.token-row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex; }

.token-col:first-child {
  margin: 0; }

.token-col {
  border: 1px solid rgba(0, 0, 0, 0.1);
  background: rgba(255, 255, 255, 0.75);
  margin: 0 0 0 7px;
  padding: 5px 10px 5px 10px;
  font-size: 12px;
  font-weight: 400;
  color: #333;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  border-radius: 3px; }

.no-token {
  border: none;
  margin: 0; }

.no-token a {
  color: #038ee7; }

@media screen and (max-width: 768px) {
  .token-wrapper {
    display: inline; }
  .token-title {
    width: 100%;
    padding: 0 0 4px 0; }
  .token-row {
    display: inline; }
  .token-col {
    margin: 6px 0 4px 0; } }

/* Block Start: Modals */
.modal .modal-header {
  border: none;
  padding: 20px 15px;
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px;
  -ms-border-radius: 0px;
  border-radius: 0px; }

.modal .modal-header i.close {
  font-size: 18px; }

.modal .modal-header .modal-title {
  font-weight: bold;
  font-size: 16px; }

.modal .modal-content {
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px;
  -ms-border-radius: 0px;
  border-radius: 0px;
  -webkit-box-shadow: 0 5px 20px rgba(0, 0, 0, 0.31) !important;
  -moz-box-shadow: 0 5px 20px rgba(0, 0, 0, 0.31) !important;
  -ms-box-shadow: 0 5px 20px rgba(0, 0, 0, 0.31) !important;
  box-shadow: 0 5px 20px rgba(0, 0, 0, 0.31) !important;
  border: none;
  background-color: #FFFFFF; }

.modal .modal-content .modal-body {
  color: #333;
  padding: 10px 15px; }

.modal .modal-footer {
  border: none;
  padding: 10px 15px 12px 15px; }

/*.modal-col-primary .modal-header {
background-color: $app-primary;
color: #fff !important;
}*/
/*Block End: Modals*/
[data-notify="progressbar"] {
  margin-bottom: 0px;
  position: absolute;
  bottom: 0px;
  left: 0px;
  width: 100%;
  height: 5px; }

[data-notify="container"] [data-notify="dismissParent"] i {
  font-size: 16px !important;
  padding: 0px;
  position: relative !important; }

.bootstrap-notify-container {
  max-width: 320px;
  text-align: center;
  color: #fff;
  -webkit-border-radius: 0px !important;
  -moz-border-radius: 0px !important;
  -ms-border-radius: 0px !important;
  border-radius: 0px !important; }

.bootstrap-notify-container.scaled {
  max-width: 100%;
  text-align: left; }

.notify-default-dark {
  background-color: rgba(52, 58, 64, 0.6); }

.notify-default {
  /*background-color: rgba($success,0.6);*/ }

.notify-success {
  background-color: rgba(43, 152, 43, 0.6); }

.notify-warning {
  background-color: rgba(255, 150, 0, 0.6); }

.notify-danger {
  background-color: rgba(251, 72, 58, 0.6); }

.notify-info {
  background-color: rgba(0, 176, 228, 0.6); }

/*Block Start: Animations for Notification*/
.animated {
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both; }

.animated.infinite {
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite; }

@-webkit-keyframes fadeInDown {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
    -moz-transform: translate3d(0, -100%, 0);
    -ms-transform: translate3d(0, -100%, 0);
    -o-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0); }
  to {
    opacity: 1;
    -webkit-transform: none;
    -moz-transform: none;
    -ms-transform: none;
    -o-transform: none;
    transform: none; } }

@keyframes fadeInDown {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
    -moz-transform: translate3d(0, -100%, 0);
    -ms-transform: translate3d(0, -100%, 0);
    -o-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0); }
  to {
    opacity: 1;
    -webkit-transform: none;
    -moz-transform: none;
    -ms-transform: none;
    -o-transform: none;
    transform: none; } }

.fadeInDown {
  -webkit-animation-name: fadeInDown;
  animation-name: fadeInDown; }

@-webkit-keyframes fadeOutUp {
  from {
    opacity: 1; }
  to {
    opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
    -moz-transform: translate3d(0, -100%, 0);
    -ms-transform: translate3d(0, -100%, 0);
    -o-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0); } }

@keyframes fadeOutUp {
  from {
    opacity: 1; }
  to {
    opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
    -moz-transform: translate3d(0, -100%, 0);
    -ms-transform: translate3d(0, -100%, 0);
    -o-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0); } }

.fadeOutUp {
  -webkit-animation-name: fadeOutUp;
  animation-name: fadeOutUp; }

/*Block End: Animations for Notification*/
/*theme colors*/
/*ics brand colors*/
/*#ED1D24*/
/*#3B5A61*/
/*#00AEEF*/
/*#427D67*/
/*#8FC73E*/
/*#F7941E*/
/*#C8A73F*/
/*#9F248F*/
/*#006396*/
/*#ED1D24*/
/*ics product colors*/
/*#FFE614*/
/*#FFC914*/
/*#92C930*/
/*#51AB2F*/
/*#0A910F*/
/*#038EE7*/
/*#025C99*/
/*#01426D*/
/*#ED1C24*/
/*#C9101A*/
/*#A51B27*/
/*#F39C11*/
/*#E77E23*/
/*#D55401*/
/*#1BBC9B*/
/*#16A086*/
/*#12816A*/
/*#32007D*/
/*#8F44AD*/
/*#AA75C1*/
/*#345860*/
/*default colors*/
/*#F3F3F3*/
/*#F9F9F9*/
/*#03A9F4*/
/*#2196F3*/
/*#3F51B5*/
/*#9C27B0*/
/*#673AB7*/
/*#E91E63*/
/*#F44336*/
/*#FF9800*/
/*#FF5722*/
/*#FFEB3B*/
/*#FFC107*/
/*#CDDC39*/
/*#4CAF50*/
/*#8BC34A*/
/*#009688*/
/*#00BCD4*/
/*#FFF*/
/*#795548*/
/*#000*/
/*#9E9E9E*/
/*#9E9E9E*/
/*#607D8B*/
/*#343a40*/
/*#2b982b*/
/*#00b0e4*/
/*#ff9600*/
/*#333*/
/*#fb483a*/
.rangebar {
  float: left;
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center; }

.rangebar .k-slider-horizontal .k-tick {
  background-image: none; }

.rangebar-slider {
  padding: 0 10px 0 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center; }

.rangebar .k-slider-track {
  height: 4px; }

.rangebar .k-slider-selection {
  height: 4px;
  margin-top: -2px; }

.rangebar .k-draghandle {
  height: 8px;
  width: 8px; }

.rangebar-rating-val {
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  min-width: 70px; }

.rangebar-rating-val .range-val {
  font-weight: 500; }

.rangebar-rating-val .range-tx {
  padding: 0 0 0 8px;
  color: #999; }

.rangebar .k-slider-selection {
  background-color: #038ee7;
  border-color: #038ee7; }

.rangebar .k-draghandle {
  border-color: #038ee7;
  background-color: #038ee7; }

/*slider UI*/
.sliderDv {
  display: block;
  width: 100%;
  height: 5px; }

#divA {
  width: 100%;
  background-color: #f58310;
  height: 5px;
  float: left;
  position: relative; }

#divR {
  background-color: #ed1c24;
  height: 5px;
  display: inline-block;
  position: absolute;
  left: 0; }

#divG {
  background-color: #7bb724;
  height: 5px;
  display: inline-block;
  position: absolute;
  right: 0; }

.sliderDft .ui-widget.ui-widget-content {
  border: none;
  background: none; }

.sliderDft .ui-slider-range.ui-corner-all.ui-widget-header {
  display: none; }

.rag-green {
  color: #7bb724; }

.rag-amber {
  color: #f58310; }

.rag-red {
  color: #ed1c24; }

.rangeValCol {
  float: left;
  padding: 0 0 12px 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center; }

.rangeValCol span {
  float: left;
  font-size: 13px; }

.rangeValCol input {
  border: none !important;
  font-size: 12px;
  float: left;
  width: 70px;
  padding-left: 5px;
  font-weight: bold; }

.rangeValCol input:focus {
  border: none !important;
  outline: none !important; }

.sliderDft .ui-slider-horizontal .ui-slider-handle {
  top: -12px !important;
  -webkit-border-radius: 20px;
  -moz-border-radius: 20px;
  -ms-border-radius: 20px;
  border-radius: 20px; }

/*slider UI*/
/*range-color bar*/
.range-color {
  float: left;
  width: 100%; }

.range-color-t {
  float: left;
  width: 100%;
  padding: 0 0 5px 0; }

.range-color-graph {
  float: left;
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: space-around;
  justify-content: space-around; }

.range-color-graph-col {
  width: 100%;
  height: 10px;
  background: #ccc;
  float: left;
  cursor: pointer;
  flex: auto; }

.range-v .range-color-graph {
  flex-direction: column;
  height: 300px;
  position: relative;
  width: 10px;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  -o-flex-direction: column;
  flex-direction: column; }

.range-v .range-color-graph-col {
  min-height: 33.333333%;
  float: left;
  position: static;
  height: 33.333333%;
  width: 100%; }

/*range-color bar*/
/*===== scrollbar start ======*/
/*===== scrollbar end ======*/
/*theme colors*/
/*ics brand colors*/
/*#ED1D24*/
/*#3B5A61*/
/*#00AEEF*/
/*#427D67*/
/*#8FC73E*/
/*#F7941E*/
/*#C8A73F*/
/*#9F248F*/
/*#006396*/
/*#ED1D24*/
/*ics product colors*/
/*#FFE614*/
/*#FFC914*/
/*#92C930*/
/*#51AB2F*/
/*#0A910F*/
/*#038EE7*/
/*#025C99*/
/*#01426D*/
/*#ED1C24*/
/*#C9101A*/
/*#A51B27*/
/*#F39C11*/
/*#E77E23*/
/*#D55401*/
/*#1BBC9B*/
/*#16A086*/
/*#12816A*/
/*#32007D*/
/*#8F44AD*/
/*#AA75C1*/
/*#345860*/
/*default colors*/
/*#F3F3F3*/
/*#F9F9F9*/
/*#03A9F4*/
/*#2196F3*/
/*#3F51B5*/
/*#9C27B0*/
/*#673AB7*/
/*#E91E63*/
/*#F44336*/
/*#FF9800*/
/*#FF5722*/
/*#FFEB3B*/
/*#FFC107*/
/*#CDDC39*/
/*#4CAF50*/
/*#8BC34A*/
/*#009688*/
/*#00BCD4*/
/*#FFF*/
/*#795548*/
/*#000*/
/*#9E9E9E*/
/*#9E9E9E*/
/*#607D8B*/
/*#343a40*/
/*#2b982b*/
/*#00b0e4*/
/*#ff9600*/
/*#333*/
/*#fb483a*/
/*scroll top*/
.scrollToTop {
  width: 40px;
  height: 40px;
  color: #fff;
  text-decoration: none;
  position: fixed;
  padding: 0;
  text-align: center;
  background: rgba(0, 0, 0, 0.9);
  bottom: 105px;
  right: 20px;
  display: none;
  opacity: .8;
  line-height: 50px;
  z-index: 9999;
  -webkit-border-radius: 50px;
  -moz-border-radius: 50px;
  -ms-border-radius: 50px;
  border-radius: 50px; }

.scrollToTop:hover {
  text-decoration: none;
  opacity: .95;
  color: #fff; }

.scrollToTop i {
  font-size: 20px; }

/*scroll top*/
/*===== tabs start ======*/
.tabs-line .nav-tabs {
  border: none;
  z-index: 9;
  position: relative; }

.tabs-line .nav-tabs .nav-link {
  color: #999;
  font-size: 14px;
  font-weight: 500;
  border-bottom: 2px solid transparent;
  border-radius: 0;
  cursor: pointer;
  text-decoration: none;
  border-left: none;
  border-right: none;
  border-top: none;
  position: relative; }

.tabs-line .nav-tabs .nav-link.active {
  border-bottom: 2px solid #038ee7;
  color: #038ee7;
  background: transparent; }

.tabs-line .tab-content {
  z-index: 1;
  position: relative;
  padding: 15px; }

.tabs-line.tabs-horizontal .tab-content {
  border-top: 2px solid #eee;
  margin: -1px 0 0 0;
  float: left;
  width: 100%; }

.tabs-line.tabs-vertical {
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: space-between;
  justify-content: space-between; }

.tabs-line.tabs-vertical .nav-tabs .nav-link {
  padding: 0.9rem 1rem 0.5rem 1rem; }

.tabs-line.tabs-vertical .nav-tabs .nav-link.active {
  padding: 0.9rem 1rem 0.5rem 1rem; }

.tabs-line.tabs-vertical.tabs-vertical-left .nav-tabs .nav-link {
  border-right: 2px solid transparent;
  border-bottom: none; }

.tabs-line.tabs-vertical.tabs-vertical-left .nav-tabs .nav-link.active {
  border-right: 2px solid #038ee7;
  border-bottom: none; }

.tabs-line.tabs-vertical .nav-tabs {
  float: left;
  display: block; }

.tabs-line.tabs-vertical .tab-content {
  float: left;
  flex: auto;
  border-left: 2px solid #eee;
  padding: 8px 0 10px 20px;
  margin: 0 0 0 -2px; }

/*===== tabs end ======*/
/*..........Style form Popovers.................*/
.popover {
  font-family: 'Open Sans';
  border: 0px !important;
  border-radius: 0px !important;
  box-shadow: 0 0.5px 4px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0 0.5px 4px rgba(0, 0, 0, 0.2);
  -webkit-box-shadow: 0 0.5px 4px rgba(0, 0, 0, 0.2); }

.popover-header {
  background-color: #607D8B !important;
  border-bottom: 0px !important;
  border-top-left-radius: 0px !important;
  border-top-right-radius: 0px !important;
  color: #fff; }

.popover-body {
  font-size: 14px;
  color: #333; }

/*..........Style form Popovers.................*/
/*
waitMe - 1.19 [31.10.17]
Author: vadimsva
Github: https://github.com/vadimsva/waitMe
*/
.waitMe_container:not(body) {
  transform: translateZ(0);
  backface-visibility: hidden; }

body.waitMe_container .waitMe {
  position: fixed;
  height: 100vh;
  transform: translateZ(0);
  backface-visibility: hidden; }

body.waitMe_container .waitMe .waitMe_content {
  top: 50% !important;
  transform: none !important; }

.waitMe_container .waitMe {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 9989;
  text-align: center;
  overflow: hidden;
  cursor: wait; }

.waitMe_container .waitMe * {
  font-family: inherit;
  font-size: inherit;
  font-weight: initial;
  font-style: initial;
  line-height: initial;
  color: initial;
  text-decoration: initial;
  text-transform: initial;
  padding: initial;
  margin: initial; }

.waitMe_container .waitMe .waitMe_content {
  position: absolute;
  left: 0;
  right: 0;
  top: 50%;
  backface-visibility: hidden; }

.waitMe_container .waitMe .waitMe_content.horizontal > .waitMe_progress {
  display: inline-block;
  vertical-align: middle; }

.waitMe_container .waitMe .waitMe_content.horizontal > .waitMe_text {
  display: inline-block;
  margin: 0 0 0 20px;
  vertical-align: middle; }

.waitMe_container .waitMe .waitMe_progress {
  position: relative;
  font-size: 0;
  line-height: 0; }

.waitMe_container .waitMe .waitMe_progress > div {
  animation-fill-mode: both;
  display: inline-block;
  transform: translateZ(0);
  backface-visibility: hidden; }

.waitMe_container .waitMe .waitMe_text {
  position: relative;
  margin: 20px 0 0; }

/* before load animation */
body.waitMe_body {
  overflow: hidden;
  height: 100%; }

body.waitMe_body.hideMe {
  transition: opacity .2s ease-in-out;
  opacity: 0; }

body.waitMe_body .waitMe_container:not([data-waitme_id]) {
  position: fixed;
  z-index: 9989;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background: #fff; }

body.waitMe_body .waitMe_container:not([data-waitme_id]) > div {
  animation-fill-mode: both;
  position: absolute; }

body.waitMe_body .waitMe_container.progress > div {
  width: 0;
  height: 3px;
  top: 0;
  left: 0;
  background: #000;
  box-shadow: -5px 0 5px 2px rgba(0, 0, 0, 0.2);
  animation: progress_body 7s infinite ease-out; }

body.waitMe_body .waitMe_container.working > div {
  width: 10%;
  height: 3px;
  top: 0;
  left: -10%;
  background: #000;
  box-shadow: -5px 0 5px 2px rgba(0, 0, 0, 0.2);
  animation: working_body 2s infinite linear; }

body.waitMe_body .waitMe_container.progress > div:after {
  content: '';
  position: absolute;
  top: 0;
  bottom: 60%;
  right: 0;
  width: 60px;
  border-radius: 50%;
  opacity: .5;
  transform: rotate(3deg);
  box-shadow: #000 1px 0 6px 1px; }

body.waitMe_body .waitMe_container.img > div {
  width: 100%;
  height: 100%;
  text-align: center;
  background-position: center !important;
  background-repeat: no-repeat !important; }

body.waitMe_body .waitMe_container.text > div {
  width: 100%;
  top: 45%;
  text-align: center; }

@keyframes progress_body {
  0% {
    width: 0; }
  100% {
    width: 100%; } }

@keyframes working_body {
  0% {
    left: -10%; }
  100% {
    left: 100%; } }

/* bounce */
.waitMe_container .waitMe_progress.bounce > div {
  width: 20px;
  height: 20px;
  border-radius: 50%;
  animation: bounce 1.4s infinite ease-in-out; }

.waitMe_container .waitMe_progress.bounce .waitMe_progress_elem1 {
  animation-delay: -.32s; }

.waitMe_container .waitMe_progress.bounce .waitMe_progress_elem2 {
  animation-delay: -.16s; }

@keyframes bounce {
  0%, 80%, 100% {
    transform: scale(0); }
  40% {
    transform: scale(1); } }

/* rotateplane */
.waitMe_container .waitMe_progress.rotateplane > div {
  width: 30px;
  height: 30px;
  animation: rotateplane 1.2s infinite ease-in-out;
  backface-visibility: visible; }

@keyframes rotateplane {
  0% {
    transform: perspective(120px); }
  50% {
    transform: perspective(120px) rotateY(180deg); }
  100% {
    transform: perspective(120px) rotateY(180deg) rotateX(180deg); } }

/* stretch */
.waitMe_container .waitMe_progress.stretch {
  height: 60px; }

.waitMe_container .waitMe_progress.stretch > div {
  width: 1px;
  height: 100%;
  margin: 0 4px;
  animation: stretch 1.2s infinite ease-in-out; }

.waitMe_container .waitMe_progress.stretch .waitMe_progress_elem2 {
  animation-delay: -1.1s; }

.waitMe_container .waitMe_progress.stretch .waitMe_progress_elem3 {
  animation-delay: -1s; }

.waitMe_container .waitMe_progress.stretch .waitMe_progress_elem4 {
  animation-delay: -.9s; }

.waitMe_container .waitMe_progress.stretch .waitMe_progress_elem5 {
  animation-delay: -.8s; }

@keyframes stretch {
  0%, 40%, 100% {
    transform: scaleY(0.4); }
  20% {
    transform: scaleY(1); } }

/* orbit */
.waitMe_container .waitMe_progress.orbit {
  width: 40px;
  height: 40px;
  margin: auto;
  position: relative; }

.waitMe_container .waitMe_progress.orbit > div {
  width: 100%;
  height: 100%;
  margin: auto;
  top: 0;
  left: 0;
  position: absolute;
  animation: orbit_rotate 2s infinite linear; }

.waitMe_container .waitMe_progress.orbit > div > div {
  width: 50%;
  height: 50%;
  border-radius: 50%;
  top: 10%;
  left: 10%;
  position: absolute;
  animation: orbit 2s infinite ease-in-out; }

.waitMe_container .waitMe_progress.orbit .waitMe_progress_elem2 > div {
  top: auto;
  bottom: 10%;
  left: auto;
  right: 10%;
  animation-delay: -1s; }

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

@keyframes orbit {
  0%, 100% {
    transform: scale(0); }
  50% {
    transform: scale(1); } }

/* roundBounce */
.waitMe_container .waitMe_progress.roundBounce {
  width: 60px;
  height: 60px;
  margin: auto; }

.waitMe_container .waitMe_progress.roundBounce > div {
  width: 24%;
  height: 24%;
  border-radius: 50%;
  position: absolute;
  animation: roundBounce 1.2s infinite ease-in-out; }

.waitMe_container .waitMe_progress.roundBounce .waitMe_progress_elem1 {
  top: 0;
  left: 0; }

.waitMe_container .waitMe_progress.roundBounce .waitMe_progress_elem2 {
  top: 0;
  right: 0; }

.waitMe_container .waitMe_progress.roundBounce .waitMe_progress_elem3 {
  bottom: 0;
  right: 0; }

.waitMe_container .waitMe_progress.roundBounce .waitMe_progress_elem4 {
  bottom: 0;
  left: 0; }

.waitMe_container .waitMe_progress.roundBounce .waitMe_progress_elem5 {
  top: -3%;
  left: 50%;
  margin-top: -12%;
  margin-left: -12%; }

.waitMe_container .waitMe_progress.roundBounce .waitMe_progress_elem6 {
  top: 50%;
  right: -3%;
  margin-top: -12%;
  margin-right: -12%; }

.waitMe_container .waitMe_progress.roundBounce .waitMe_progress_elem7 {
  bottom: -3%;
  left: 50%;
  margin-bottom: -12%;
  margin-left: -12%; }

.waitMe_container .waitMe_progress.roundBounce .waitMe_progress_elem8 {
  top: 50%;
  left: -3%;
  margin-top: -12%;
  margin-left: -12%; }

.waitMe_container .waitMe_progress.roundBounce .waitMe_progress_elem9 {
  top: 0;
  right: 0; }

.waitMe_container .waitMe_progress.roundBounce .waitMe_progress_elem10 {
  bottom: 0;
  right: 0; }

.waitMe_container .waitMe_progress.roundBounce .waitMe_progress_elem11 {
  bottom: 0;
  left: 0; }

.waitMe_container .waitMe_progress.roundBounce .waitMe_progress_elem12 {
  top: 0;
  left: 0; }

.waitMe_container .waitMe_progress.roundBounce .waitMe_progress_elem5 {
  animation-delay: -1.1s; }

.waitMe_container .waitMe_progress.roundBounce .waitMe_progress_elem9 {
  animation-delay: -1s; }

.waitMe_container .waitMe_progress.roundBounce .waitMe_progress_elem2 {
  animation-delay: -.9s; }

.waitMe_container .waitMe_progress.roundBounce .waitMe_progress_elem6 {
  animation-delay: -.8s; }

.waitMe_container .waitMe_progress.roundBounce .waitMe_progress_elem10 {
  animation-delay: -.7s; }

.waitMe_container .waitMe_progress.roundBounce .waitMe_progress_elem3 {
  animation-delay: -.6s; }

.waitMe_container .waitMe_progress.roundBounce .waitMe_progress_elem7 {
  animation-delay: -.5s; }

.waitMe_container .waitMe_progress.roundBounce .waitMe_progress_elem11 {
  animation-delay: -.4s; }

.waitMe_container .waitMe_progress.roundBounce .waitMe_progress_elem4 {
  animation-delay: -.3s; }

.waitMe_container .waitMe_progress.roundBounce .waitMe_progress_elem8 {
  animation-delay: -.2s; }

.waitMe_container .waitMe_progress.roundBounce .waitMe_progress_elem12 {
  animation-delay: -.1s; }

@keyframes roundBounce {
  0%, 80%, 100% {
    transform: scale(0); }
  40% {
    transform: scale(1); } }

/* win8 */
.waitMe_container .waitMe_progress.win8 {
  width: 40px;
  height: 40px;
  margin: auto; }

.waitMe_container .waitMe_progress.win8 > div {
  width: 100%;
  height: 100%;
  opacity: 0;
  position: absolute;
  margin: auto;
  left: 0;
  right: 0;
  transform: rotate(225deg);
  animation: win8 5.5s infinite; }

.waitMe_container .waitMe_progress.win8 > div > div {
  width: 15%;
  height: 15%;
  border-radius: 50%;
  position: absolute; }

.waitMe_container .waitMe_progress.win8 .waitMe_progress_elem2 {
  animation-delay: .24s; }

.waitMe_container .waitMe_progress.win8 .waitMe_progress_elem3 {
  animation-delay: .48s; }

.waitMe_container .waitMe_progress.win8 .waitMe_progress_elem4 {
  animation-delay: .72s; }

.waitMe_container .waitMe_progress.win8 .waitMe_progress_elem5 {
  animation-delay: .96s; }

@keyframes win8 {
  0% {
    transform: rotate(225deg);
    animation-timing-function: ease-out; }
  7% {
    opacity: 1;
    transform: rotate(345deg);
    animation-timing-function: linear; }
  30% {
    transform: rotate(455deg);
    animation-timing-function: ease-in-out; }
  39% {
    transform: rotate(690deg);
    animation-timing-function: linear; }
  70% {
    opacity: 1;
    transform: rotate(815deg);
    animation-timing-function: ease-out; }
  75% {
    transform: rotate(945deg);
    animation-timing-function: ease-out; }
  76% {
    opacity: 0;
    transform: rotate(945deg); }
  100% {
    opacity: 0;
    transform: rotate(945deg); } }

/* win8_linear */
.waitMe_container .waitMe_progress.win8_linear {
  margin: auto;
  width: 150px;
  height: 6px; }

.waitMe_container .waitMe_progress.win8_linear > div {
  width: 100%;
  height: 100%;
  left: 0;
  opacity: 0;
  position: absolute;
  animation: win8_linear 3s infinite; }

.waitMe_container .waitMe_progress.win8_linear > div > div {
  width: 4%;
  height: 100%;
  border-radius: 50%; }

.waitMe_container .waitMe_progress.win8_linear .waitMe_progress_elem2 {
  animation-delay: .3s; }

.waitMe_container .waitMe_progress.win8_linear .waitMe_progress_elem3 {
  animation-delay: .6s; }

.waitMe_container .waitMe_progress.win8_linear .waitMe_progress_elem4 {
  animation-delay: .9s; }

.waitMe_container .waitMe_progress.win8_linear .waitMe_progress_elem5 {
  animation-delay: 1.2s; }

@keyframes win8_linear {
  0%, 100% {
    transform: translateX(0);
    animation-timing-function: ease-out; }
  10% {
    opacity: 1;
    transform: translateX(33.333%);
    animation-timing-function: linear; }
  50% {
    opacity: 1;
    transform: translateX(53.333%);
    animation-timing-function: ease-in-out; }
  60% {
    opacity: 0;
    transform: translateX(86.666%); } }

/* ios */
.waitMe_container .waitMe_progress.ios {
  margin: auto;
  width: 40px;
  height: 40px; }

.waitMe_container .waitMe_progress.ios > div {
  width: 10%;
  height: 26%;
  position: absolute;
  left: 44.5%;
  top: 37%;
  opacity: 0;
  border-radius: 50px;
  box-shadow: 0 0 3px rgba(0, 0, 0, 0.2);
  animation: ios 1s infinite linear; }

.waitMe_container .waitMe_progress.ios .waitMe_progress_elem1 {
  transform: rotate(0deg) translate(0, -142%);
  animation-delay: 0s; }

.waitMe_container .waitMe_progress.ios .waitMe_progress_elem2 {
  transform: rotate(30deg) translate(0, -142%);
  animation-delay: -.9167s; }

.waitMe_container .waitMe_progress.ios .waitMe_progress_elem3 {
  transform: rotate(60deg) translate(0, -142%);
  animation-delay: -.833s; }

.waitMe_container .waitMe_progress.ios .waitMe_progress_elem4 {
  transform: rotate(90deg) translate(0, -142%);
  animation-delay: -.75s; }

.waitMe_container .waitMe_progress.ios .waitMe_progress_elem5 {
  transform: rotate(120deg) translate(0, -142%);
  animation-delay: -.667s; }

.waitMe_container .waitMe_progress.ios .waitMe_progress_elem6 {
  transform: rotate(150deg) translate(0, -142%);
  animation-delay: -.5833s; }

.waitMe_container .waitMe_progress.ios .waitMe_progress_elem7 {
  transform: rotate(180deg) translate(0, -142%);
  animation-delay: -.5s; }

.waitMe_container .waitMe_progress.ios .waitMe_progress_elem8 {
  transform: rotate(210deg) translate(0, -142%);
  animation-delay: -.41667s; }

.waitMe_container .waitMe_progress.ios .waitMe_progress_elem9 {
  transform: rotate(240deg) translate(0, -142%);
  animation-delay: -.333s; }

.waitMe_container .waitMe_progress.ios .waitMe_progress_elem10 {
  transform: rotate(270deg) translate(0, -142%);
  animation-delay: -.25s; }

.waitMe_container .waitMe_progress.ios .waitMe_progress_elem11 {
  transform: rotate(300deg) translate(0, -142%);
  animation-delay: -.1667s; }

.waitMe_container .waitMe_progress.ios .waitMe_progress_elem12 {
  transform: rotate(330deg) translate(0, -142%);
  animation-delay: -.0833s; }

@keyframes ios {
  0% {
    opacity: 1; }
  100% {
    opacity: .25; } }

/* facebook */
.waitMe_container .waitMe_progress.facebook {
  margin: auto; }

.waitMe_container .waitMe_progress.facebook > div {
  width: 6px;
  height: 25px;
  margin-left: 3px;
  border-radius: 20px;
  transform: scaleY(0.7);
  opacity: .1;
  animation: facebook 1.3s infinite ease-in-out; }

.waitMe_container .waitMe_progress.facebook > .waitMe_progress_elem1 {
  animation-delay: .2s;
  transform: scaleY(0.7); }

.waitMe_container .waitMe_progress.facebook > .waitMe_progress_elem2 {
  animation-delay: .4s;
  transform: scaleY(0.85); }

.waitMe_container .waitMe_progress.facebook > .waitMe_progress_elem3 {
  animation-delay: .6s;
  transform: scaleY(1); }

@keyframes facebook {
  0% {
    transform: scaleY(0.7);
    opacity: .1; }
  50% {
    transform: scaleY(1);
    opacity: 1; }
  100% {
    transform: scaleY(0.7);
    opacity: .1; } }

/* rotation */
.waitMe_container .waitMe_progress.rotation > div {
  width: 60px;
  height: 60px;
  margin: auto;
  border-radius: 100%;
  border-width: 6px;
  border-style: solid;
  border-left-color: transparent !important;
  border-right-color: transparent !important;
  border-bottom-color: transparent !important;
  animation: rotation 1s infinite linear; }

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

/* timer */
.waitMe_container .waitMe_progress.timer {
  width: 40px;
  height: 40px;
  margin: auto;
  border-width: 2px;
  border-style: solid;
  border-radius: 50%;
  box-sizing: border-box;
  position: relative;
  text-indent: -9999px; }

.waitMe_container .waitMe_progress.timer > .waitMe_progress_elem1,
.waitMe_container .waitMe_progress.timer > .waitMe_progress_elem2 {
  border-radius: 3px;
  position: absolute;
  width: 2px;
  height: 48%;
  left: 50%;
  top: 50%;
  margin-left: -1px;
  margin-top: -1px;
  animation: timer 1.25s infinite linear;
  transform-origin: 1px 1px; }

.waitMe_container .waitMe_progress.timer > .waitMe_progress_elem2 {
  height: 40%;
  animation: timer 15s infinite linear; }

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

/* pulse */
.waitMe_container .waitMe_progress.pulse {
  width: 30px;
  height: 30px;
  margin: auto;
  position: relative; }

.waitMe_container .waitMe_progress.pulse > div {
  margin: auto;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  border-width: 3px;
  border-style: solid;
  border-radius: 50%;
  position: absolute;
  opacity: 0;
  animation: pulsate 1s infinite ease-out; }

@keyframes pulsate {
  0% {
    transform: scale(0.1);
    opacity: 0; }
  50% {
    opacity: 1; }
  100% {
    transform: scale(1.2);
    opacity: 0; } }

/* progressBar */
.waitMe_container .waitMe_progress.progressBar {
  width: 200px;
  height: 20px;
  margin: auto;
  background: rgba(0, 0, 0, 0.1);
  padding: 5px;
  border-radius: 20px;
  line-height: 0;
  max-width: 100%; }

.waitMe_container .waitMe_progress.progressBar > div {
  width: 100%;
  height: 100%;
  overflow: hidden;
  border-radius: 20px;
  background-size: 50px 50px;
  box-shadow: inset 0 2px 9px rgba(255, 255, 255, 0.3), inset 0 -2px 6px rgba(0, 0, 0, 0.4);
  background-image: linear-gradient(-45deg, rgba(240, 240, 240, 0.4) 26%, transparent 25%, transparent 51%, rgba(240, 240, 240, 0.4) 50%, rgba(240, 240, 240, 0.4) 76%, transparent 75%, transparent);
  animation: progressBar 2s linear infinite; }

@keyframes progressBar {
  0% {
    background-position: 0 0; }
  100% {
    background-position: 50px 50px; } }

/* bouncePulse */
.waitMe_container .waitMe_progress.bouncePulse > div {
  width: 20px;
  height: 20px;
  margin-right: 1px;
  display: inline-block;
  border-radius: 50%;
  transform: scale(0.5);
  animation: bouncePulse 1.4s infinite ease-in-out; }

.waitMe_container .waitMe_progress.bouncePulse > .waitMe_progress_elem1,
.waitMe_container .waitMe_progress.bouncePulse > .waitMe_progress_elem3 {
  animation-delay: .1s; }

.waitMe_container .waitMe_progress.bouncePulse > .waitMe_progress_elem2 {
  animation-delay: .4s; }

@keyframes bouncePulse {
  0%, 80%, 100% {
    transform: scale(0.5); }
  40% {
    transform: scale(1); } }

.tile-row {
  width: 100%;
  min-height: auto;
  margin-bottom: 5px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: self-start;
  -moz-box-align: self-start;
  -ms-flex-align: self-start;
  -webkit-align-items: self-start;
  align-items: self-start;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-flex-direction: row;
  -moz-flex-direction: row;
  -ms-flex-direction: row;
  -o-flex-direction: row;
  flex-direction: row; }

.tile-row:last-of-type {
  margin-bottom: 0; }

.tiles-col:last-child {
  margin: 0; }

.tiles-col {
  float: left;
  min-height: 130px;
  width: 100%;
  margin: 0 5px 0 0; }

/*tile-track*/
.tile-track {
  float: left;
  width: 100%;
  height: auto;
  min-height: 130px;
  background: #eee;
  position: relative; }

.tile-track-tx {
  height: 25%;
  font-size: 14px;
  font-weight: 400;
  color: #333;
  position: absolute;
  top: 5%;
  left: 0;
  right: 0;
  font-family: 'Open Sans', sans-serif;
  color: #fff;
  text-align: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  -webkit-justify-content: center;
  justify-content: center; }

.tile-track-val {
  height: 75%;
  font-size: 14px;
  font-weight: 500;
  color: #333;
  position: absolute;
  top: 25%;
  left: 0;
  right: 0;
  font-family: 'Open Sans', sans-serif;
  color: #fff;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  -webkit-justify-content: center;
  justify-content: center; }

.tile-track.mx-val1 .tile-track-val {
  font-size: calc(2.9vw + 2.4vh); }

.tile-track.mx-val2 .tile-track-val {
  font-size: calc(2vw + 1.7vh); }

.tile-track.mx-val3 .tile-track-val {
  font-size: calc(1.2vw + 1.2vh); }

/*tile-track end*/
.form-group .btn:not(.btn-link):not(.btn-circle), .toggle-group > .btn:not(.btn-link):not(.btn-circle) {
  box-shadow: none;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
  border: 1px solid transparent;
  font-size: 13px;
  outline: none;
  top: 0; }

.form-group .btn:not(.btn-link):not(.btn-circle) i {
  font-size: 13px;
  position: relative;
  top: -1px;
  /*right: 13px !important;*/ }

.form-check-label {
  margin-right: 4px; }

.toggle-group > .btn {
  display: inline-block;
  padding: 6px 12px;
  margin-bottom: 0;
  font-size: 14px;
  font-weight: normal;
  line-height: 1.42857143;
  text-align: center;
  white-space: nowrap;
  vertical-align: middle;
  -ms-touch-action: manipulation;
  touch-action: manipulation;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  background-image: none;
  border: 1px solid transparent;
  border-radius: 4px;
  opacity: 1; }

.swt_col .toggle {
  min-height: 26px; }

.swt_col .toggle .toggle-group .btn {
  padding: 3px 10px 3px 10px; }

.form-group .btn:not(.btn-link):not(.btn-circle), .toggle-group > .btn:not(.btn-link):not(.btn-circle) {
  box-shadow: none;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
  border: 1px solid transparent;
  font-size: 13px;
  outline: none;
  top: 0; }

.swt_col .toggle .btn-light {
  background-color: #ddd;
  border: 1px solid #ddd;
  color: #212529; }

.swt_col .toggle .btn-light:hover {
  background-color: #ccc;
  border: 1px solid #ccc; }

.swt_col .toggle .toggle-group .toggle-handle.btn {
  background: #fff;
  border-color: transparent;
  opacity: 1; }

/*icon-btn*/
.icon-btn {
  z-index: 9;
  position: relative;
  padding: 0.65rem 0 0.75rem 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  -webkit-justify-content: space-between;
  justify-content: space-between; }

.icon-btn-li {
  float: left;
  margin: 0 0 0 8px; }

.icon-btn-li:first-child {
  margin: 0; }

.icon-btn-a {
  padding: 5px;
  float: left;
  width: 30px;
  height: 30px;
  position: relative;
  border-radius: 50px;
  text-align: center;
  cursor: pointer;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  -webkit-justify-content: center;
  justify-content: center; }

.icon-btn-a::before {
  content: '';
  display: block;
  opacity: 0;
  position: absolute;
  transition-duration: .15s;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  z-index: -1;
  bottom: -10px;
  left: -10px;
  right: -10px;
  top: -10px;
  background: none;
  border-radius: 50%;
  box-sizing: border-box;
  transition-property: transform, opacity;
  -webkit-transform: scale(0);
  -moz-transform: scale(0);
  -ms-transform: scale(0);
  -o-transform: scale(0);
  transform: scale(0); }

.icon-btn-a::after {
  content: '';
  height: 100%;
  position: absolute;
  top: -50%;
  left: -50%;
  width: 100%;
  display: block; }

.icon-btn-a:hover {
  color: #00689e;
  text-decoration: none; }

.icon-btn-a:hover i {
  /*color: rgba(0,0,0,.9);*/
  opacity: 1 !important; }

.icon-btn-a:hover::before {
  background-color: rgba(0, 0, 0, 0.089);
  box-shadow: none;
  border: none;
  opacity: 1;
  -webkit-transform: scale(0.75);
  -moz-transform: scale(0.75);
  -ms-transform: scale(0.75);
  -o-transform: scale(0.75);
  transform: scale(0.75); }

.icon-btn-a i {
  font-size: 18px;
  color: #4e84b3; }

.icon-btn-li.help i {
  font-size: 21px;
  color: #025c99;
  opacity: .65; }

.icon-btn-li.add i {
  font-size: 21px; }

.icon-btn-li.settings i {
  font-size: 20px; }

.icon-btn-li.report-edit i {
  font-size: 15px;
  color: #025c99;
  opacity: .65; }

.icon-btn-li.report-email i {
  font-size: 17px;
  color: #025c99;
  opacity: .65; }

.icon-btn-li.save-csv i {
  font-size: 16px;
  color: #008338;
  opacity: .65; }

.icon-btn-li.save-pdf i {
  font-size: 16px;
  color: #ff0000;
  opacity: .65; }

.icon-btn-li.add-fav i {
  font-size: 16px;
  color: #025c99;
  opacity: .85; }

.icon-btn-li.crt-tile i {
  font-size: 15px;
  color: #025c99;
  opacity: .65; }

.min-w-94 {
  min-width: 92px; }

/*icon-btn*/
/*table icons*/
.action-bt {
  float: left;
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  -webkit-justify-content: center;
  justify-content: center; }

.action-bt .icn-td:first-child {
  margin: 0 8px 0 0; }

.action-bt .icn-td:last-child {
  margin: 0 0 0 8px; }

.action-bt .icn-td {
  margin: 0 8px 0 8px; }

.call-du-icn {
  position: relative; }

.call-du-icn.sts-duration {
  position: absolute;
  height: 100%;
  width: 26px;
  float: left;
  top: 0;
  cursor: default;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  -webkit-justify-content: center;
  justify-content: center; }

.call-du-icn.sts-duration .call-received {
  font-size: 19px;
  color: #333;
  position: absolute;
  left: 0; }

.call-du-icn.sts-duration .call-made {
  font-size: 19px;
  color: #333;
  position: absolute;
  left: 8px;
  margin-top: 8px; }

.call-sts-icn.sts-outgoing .call-made {
  font-size: 20px;
  color: #025c99; }

.call-sts-icn.sts-incoming .call-received {
  font-size: 20px;
  color: #51AB2F; }

.call-sts-icn.sts-internal {
  position: relative;
  float: left;
  height: 20px;
  width: 20px; }

.sts-received-in {
  position: absolute;
  height: 9px;
  width: 20px;
  overflow: hidden;
  float: left; }

.call-sts-icn.sts-internal .call-received {
  position: absolute;
  top: -2px;
  font-size: 20px;
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg); }

.sts-made-in {
  position: absolute;
  height: 10px;
  width: 20px;
  overflow: hidden;
  top: 11px; }

.call-sts-icn.sts-internal .call-made {
  top: -9px;
  position: absolute;
  font-size: 20px;
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg); }

.th-icn-du {
  width: 28px;
  padding: 0 5px 0 5px !important;
  position: relative; }

.flag-lgray {
  color: #e2e2e2; }

.flag-green {
  color: #4CAF50; }

.flag-red {
  color: #ED1D24; }

.flag-blue {
  color: #4C89B3; }

.icn-td.icn-td-flag i {
  font-size: 18px; }

.icn-td {
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  -webkit-justify-content: center;
  justify-content: center;
  cursor: pointer;
  color: #688dbb; }

.icn-td.icn-th-flag i {
  font-size: 18px;
  color: #333; }

.icn-td.icn-td-flag:hover {
  text-decoration: none; }

.icn-td.icn-th-download i {
  font-size: 20px;
  color: #333; }

.icn-td.icn-td-download i {
  font-size: 20px;
  color: #688dbb; }

.icn-td.icn-td-download:hover {
  text-decoration: none; }

.icn-td.icn-th-play i {
  font-size: 20px;
  color: #333; }

.icn-td.icn-td-play i {
  font-size: 14px;
  color: #688dbb; }

.icn-td.icn-td-play:hover {
  text-decoration: none; }

.icn-td.icn-th-delete i {
  font-size: 20px;
  color: #333; }

.icn-td.icn-td-delete i {
  font-size: 19px;
  color: #ED1D24; }

.icn-td.icn-td-delete:hover {
  text-decoration: none; }

.icn-td:hover {
  text-decoration: none; }

.icn-td.icn-td-edit i {
  font-size: 13px;
  color: #688dbb; }

th .icn-td {
  cursor: default; }

.call-sts-icn {
  cursor: default; }

.icn-td-viewPortal {
  position: relative; }

.icn-td-viewPortal .tv-i {
  font-size: 19px; }

.icn-td-viewPortal .arrow-i {
  position: absolute;
  font-size: 9px;
  top: 4px;
  left: 5px; }

/*table icons*/
.info-box-container .col-xs-6, .info-box-container .col-sm-4, .info-box-container .col-md-3, .info-box-container .col-lg-3 {
  margin-bottom: 15px !important;
  padding-right: 10px;
  padding-left: 10px; }

.info-box:first-child {
  margin: 0; }

.info-box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  align-items: center;
  width: 100%;
  justify-content: space-between;
  padding: 20px 15px;
  margin: 0 0 0 20px;
  box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.18);
  -moz-box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.18);
  -webkit-box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.18); }

.info-box-val {
  font: 500 28px/28px 'Open Sans', sans-serif;
  padding: 0 0 8px 0; }

.info-box-text {
  font: 400 14px 'Open Sans', sans-serif; }

.info-box-icon i {
  font-size: 36px;
  color: rgba(255, 255, 255, 0.8); }

.info-box.hover-zoom-effect .info-box-icon i {
  -moz-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease; }

.info-box.hover-zoom-effect:hover .info-box-icon i {
  opacity: 0.4;
  -moz-transform: rotate(32deg) scale(1.4);
  -ms-transform: rotate(32deg) scale(1.4);
  -o-transform: rotate(32deg) scale(1.4);
  -webkit-transform: rotate(32deg) scale(1.4);
  transform: rotate(32deg) scale(1.4); }

.info-box.hover-expand-effect:after {
  background-color: rgba(0, 0, 0, 0.05);
  content: ".";
  position: absolute;
  left: 0;
  top: 0;
  width: 0;
  height: 100%;
  color: transparent;
  -moz-transition: all 0.95s;
  -o-transition: all 0.95s;
  -webkit-transition: all 0.95s;
  transition: all 0.95s; }

.info-box.hover-expand-effect:hover:after {
  width: 100%; }

/*theme colors*/
/*ics brand colors*/
/*#ED1D24*/
/*#3B5A61*/
/*#00AEEF*/
/*#427D67*/
/*#8FC73E*/
/*#F7941E*/
/*#C8A73F*/
/*#9F248F*/
/*#006396*/
/*#ED1D24*/
/*ics product colors*/
/*#FFE614*/
/*#FFC914*/
/*#92C930*/
/*#51AB2F*/
/*#0A910F*/
/*#038EE7*/
/*#025C99*/
/*#01426D*/
/*#ED1C24*/
/*#C9101A*/
/*#A51B27*/
/*#F39C11*/
/*#E77E23*/
/*#D55401*/
/*#1BBC9B*/
/*#16A086*/
/*#12816A*/
/*#32007D*/
/*#8F44AD*/
/*#AA75C1*/
/*#345860*/
/*default colors*/
/*#F3F3F3*/
/*#F9F9F9*/
/*#03A9F4*/
/*#2196F3*/
/*#3F51B5*/
/*#9C27B0*/
/*#673AB7*/
/*#E91E63*/
/*#F44336*/
/*#FF9800*/
/*#FF5722*/
/*#FFEB3B*/
/*#FFC107*/
/*#CDDC39*/
/*#4CAF50*/
/*#8BC34A*/
/*#009688*/
/*#00BCD4*/
/*#FFF*/
/*#795548*/
/*#000*/
/*#9E9E9E*/
/*#9E9E9E*/
/*#607D8B*/
/*#343a40*/
/*#2b982b*/
/*#00b0e4*/
/*#ff9600*/
/*#333*/
/*#fb483a*/
/*nav-bar start*/
.nav-wrp {
  padding: 5px 0;
  position: fixed;
  width: 100%;
  border-bottom: 1px solid #eee;
  z-index: 101;
  top: 0;
  -webkit-transition: all 200ms linear;
  -moz-transition: all 200ms linear;
  -ms-transition: all 200ms linear;
  -o-transition: all 200ms linear;
  transition: all 200ms linear; }

.nav-bar {
  float: left;
  width: 100%;
  padding: 0 15px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  -webkit-justify-content: space-between;
  justify-content: space-between; }

.nav-bar .navbar-logo {
  float: left;
  min-height: 35px;
  max-height: 35px;
  width: auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  -webkit-transition: all 0.3s ease-out;
  -moz-transition: all 0.3s ease-out;
  -ms-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out; }

.nav-bar .navbar-logo img {
  width: auto;
  height: 35px;
  float: left; }

.nav-custom {
  float: right; }

.nav-custom-ul {
  float: right;
  margin: 0;
  padding: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  -webkit-justify-content: space-between;
  justify-content: space-between; }

.nav-custom-ul .nav-li {
  float: left;
  margin: 0 0 0 16px;
  position: relative;
  list-style: none;
  -webkit-transition: all 200ms linear;
  -moz-transition: all 200ms linear;
  -ms-transition: all 200ms linear;
  -o-transition: all 200ms linear;
  transition: all 200ms linear; }

.nav-li .nav-li-link {
  font-family: 'Open Sans', sans-serif;
  font-size: 13px;
  color: #333;
  position: relative;
  padding: 5px 0;
  text-decoration: none;
  font-weight: 400;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-transition: all 200ms linear;
  -moz-transition: all 200ms linear;
  -ms-transition: all 200ms linear;
  -o-transition: all 200ms linear;
  transition: all 200ms linear; }

.nav-li.active .nav-li-link {
  text-decoration: none;
  color: #025c99;
  font-weight: 600;
  display: inline; }

.nav-li.active .nav-li-link p {
  text-decoration: none;
  color: #025c99;
  height: 2px;
  width: 33px;
  background: #025c99;
  position: relative;
  bottom: -3px;
  margin: 0 auto; }

.nav-li .nav-li-link i {
  font-size: 14px;
  color: #666;
  font-weight: 500; }

.nav-li.li-usr i {
  font-size: 15px;
  font-weight: 600; }

.nav-li.li-usr i.material-icons.arrow {
  padding: 0; }

.nav-li i.material-icons.arrow {
  font-size: 15px;
  font-weight: 600;
  padding: 0 0 0 2px; }

.nav-li.li-lang .li-lang-input {
  background: none;
  border: none;
  outline: none;
  font-family: 'Open Sans', sans-serif;
  font-size: 13px;
  color: #333;
  padding: 0 0 0 4px;
  cursor: pointer;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  -ms-box-shadow: none;
  box-shadow: none; }

.mob-btn {
  display: none; }

/*droplist-ul start*/
.nav-li.li-usr .droplist-scrollbar {
  min-width: 160px; }

.droplist-scrollbar {
  position: absolute !important;
  right: 0;
  top: 26px;
  background: #fff;
  visibility: hidden;
  opacity: 0;
  height: 0;
  width: auto;
  min-width: 110px;
  display: block;
  padding: 0;
  margin: 0;
  font-size: 12px;
  color: #333;
  border-bottom: 10px solid #fff;
  z-index: 99;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  border-radius: 3px;
  -webkit-box-shadow: 0 5px 10px 0 rgba(138, 155, 165, 0.15);
  -moz-box-shadow: 0 5px 10px 0 rgba(138, 155, 165, 0.15);
  -ms-box-shadow: 0 5px 10px 0 rgba(138, 155, 165, 0.15);
  box-shadow: 0 5px 10px 0 rgba(138, 155, 165, 0.15);
  -webkit-transform: translate3d(0, 10px, 0);
  -moz-transform: translate3d(0, 10px, 0);
  -ms-transform: translate3d(0, 10px, 0);
  -o-transform: translate3d(0, 10px, 0);
  transform: translate3d(0, 10px, 0);
  -webkit-transition: all 200ms linear;
  -moz-transition: all 200ms linear;
  -ms-transition: all 200ms linear;
  -o-transition: all 200ms linear;
  transition: all 200ms linear; }

.nav-li.show .droplist-scrollbar {
  opacity: 1;
  visibility: visible;
  height: auto;
  max-height: 70vh;
  -webkit-transform: translate3d(0, 0px, 0);
  -moz-transform: translate3d(0, 0px, 0);
  -ms-transform: translate3d(0, 0px, 0);
  -o-transform: translate3d(0, 0px, 0);
  transform: translate3d(0, 0px, 0); }

.droplist-ul {
  padding: 4px 15px 0 15px;
  list-style: none;
  float: left;
  width: 100%;
  position: relative;
  z-index: 9999; }

.droplist-li {
  float: left;
  width: 100%; }

.nav-li .droplist-li:first-child .droplist-a {
  border-top: none; }

.nav-li .droplist-li .droplist-a {
  font-size: 13px;
  padding: 8px 0 8px 0;
  float: left;
  width: 100%;
  text-align: left;
  border-top: 1px solid #eee;
  border-bottom: none;
  border-left: none;
  border-right: none;
  color: #333;
  text-decoration: none;
  background: transparent;
  cursor: pointer;
  outline: none;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  -ms-box-shadow: none;
  box-shadow: none;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  -webkit-transition: all 200ms linear;
  -moz-transition: all 200ms linear;
  -ms-transition: all 200ms linear;
  -o-transition: all 200ms linear;
  transition: all 200ms linear; }

.nav-li .droplist-li .droplist-a:hover {
  color: #038ee7; }

.nav-li .droplist-li .droplist-a > i {
  padding: 0 6px 0 0; }

.nav-scroll {
  padding: 5px 0;
  -webkit-box-shadow: 0 3px 7px rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 0 3px 7px rgba(0, 0, 0, 0.1);
  -ms-box-shadow: 0 3px 7px rgba(0, 0, 0, 0.1);
  box-shadow: 0 3px 7px rgba(0, 0, 0, 0.1);
  -webkit-transition: all 0.3s ease-out;
  -moz-transition: all 0.3s ease-out;
  -ms-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out; }

/*droplist-ul end*/
@media (max-width: 1024px) {
  .mob .nav-bar {
    display: block;
    padding: 0; }
  .mob .nav-bar .droplist-scrollbar {
    right: auto;
    left: 0;
    top: 29px;
    width: 80%;
    margin: 5px 35px 0 35px; }
  .mob .nav-custom {
    width: 100%;
    float: left;
    position: fixed;
    background: #fff;
    top: 46px;
    left: 0;
    height: 100%;
    display: none;
    -webkit-transition: all 200ms linear;
    -moz-transition: all 200ms linear;
    -ms-transition: all 200ms linear;
    -o-transition: all 200ms linear;
    transition: all 200ms linear; }
  .mob .nav-custom .nav-custom-ul {
    float: right;
    width: 100%;
    display: block;
    height: 100%; }
  .mob .nav-custom .nav-custom-ul .nav-li {
    margin: 0;
    float: left;
    width: 100%; }
  .mob .nav-custom .nav-custom-ul .nav-li .nav-li-link {
    text-align: left;
    padding: 11px 15px 11px 15px;
    border-bottom: 1px solid #f1f1f1;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    -webkit-justify-content: flex-start;
    justify-content: flex-start;
    position: relative; }
  .mob .nav-custom .nav-custom-ul .nav-li.active .nav-li-link p {
    position: absolute;
    margin: 0;
    left: 15px;
    bottom: 6px; }
  .mob-btn {
    display: block;
    position: absolute;
    right: 12px;
    top: 9px;
    cursor: pointer; }
  .mob-btn .tog-arrow1 {
    height: 2px;
    width: 25px;
    background: #666;
    margin: 0 0 5px 0;
    -webkit-transition: all 200ms linear;
    -moz-transition: all 200ms linear;
    -ms-transition: all 200ms linear;
    -o-transition: all 200ms linear;
    transition: all 200ms linear; }
  .bt-x .tog-arrow1:last-child {
    height: 2px;
    opacity: 0;
    display: none;
    top: -13px;
    position: absolute;
    left: 0px;
    cursor: pointer; }
  .bt-x .tog-arrow1:nth-child(1) {
    margin: -2px 0 0 0px;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
    -webkit-transition: all 200ms linear;
    -moz-transition: all 200ms linear;
    -ms-transition: all 200ms linear;
    -o-transition: all 200ms linear;
    transition: all 200ms linear; }
  .bt-x .tog-arrow1:nth-child(2) {
    margin: -2px 0 0 0px;
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    transform: rotate(-45deg);
    -webkit-transition: all 200ms linear;
    -moz-transition: all 200ms linear;
    -ms-transition: all 200ms linear;
    -o-transition: all 200ms linear;
    transition: all 200ms linear; }
  .bt-x {
    top: 18px;
    right: 10px;
    -webkit-transition: all 200ms linear;
    -moz-transition: all 200ms linear;
    -ms-transition: all 200ms linear;
    -o-transition: all 200ms linear;
    transition: all 200ms linear; }
  .mob-hidden .nav-custom {
    display: block;
    max-height: 100vh;
    overflow: auto;
    margin: 0 0 200px 0; }
  .mob-btn::after {
    content: "";
    height: 26px;
    width: 25px;
    position: fixed;
    cursor: pointer;
    top: 7px; } }

@media (max-width: 460px) {
  .primary-title-row {
    display: inline-block; }
  .primary-title-row .title-primary {
    margin: 10px 0 1px 0; } }

/*nav-bar end*/
/* Material Icons ============================== */
.material-icons.md-18 {
  font-size: 18px; }

.material-icons.md-20 {
  font-size: 20px; }

.material-icons.md-22 {
  font-size: 22px; }

.material-icons.md-24 {
  font-size: 24px; }

.material-icons.md-26 {
  font-size: 26px; }

.material-icons.md-28 {
  font-size: 28px; }

.material-icons.md-30 {
  font-size: 30px; }

.material-icons.md-32 {
  font-size: 32px; }

.material-icons.md-36 {
  font-size: 36px; }

.material-icons.md-48 {
  font-size: 48px; }

/* Helpers ===================================== */
.m-l--125 {
  margin-left: -125px; }

.m-t--125 {
  margin-top: -125px; }

.m-r--125 {
  margin-right: -125px; }

.m-b--125 {
  margin-bottom: -125px; }

.m-l--120 {
  margin-left: -120px; }

.m-t--120 {
  margin-top: -120px; }

.m-r--120 {
  margin-right: -120px; }

.m-b--120 {
  margin-bottom: -120px; }

.m-l--115 {
  margin-left: -115px; }

.m-t--115 {
  margin-top: -115px; }

.m-r--115 {
  margin-right: -115px; }

.m-b--115 {
  margin-bottom: -115px; }

.m-l--110 {
  margin-left: -110px; }

.m-t--110 {
  margin-top: -110px; }

.m-r--110 {
  margin-right: -110px; }

.m-b--110 {
  margin-bottom: -110px; }

.m-l--105 {
  margin-left: -105px; }

.m-t--105 {
  margin-top: -105px; }

.m-r--105 {
  margin-right: -105px; }

.m-b--105 {
  margin-bottom: -105px; }

.m-l--100 {
  margin-left: -100px; }

.m-t--100 {
  margin-top: -100px; }

.m-r--100 {
  margin-right: -100px; }

.m-b--100 {
  margin-bottom: -100px; }

.m-l--95 {
  margin-left: -95px; }

.m-t--95 {
  margin-top: -95px; }

.m-r--95 {
  margin-right: -95px; }

.m-b--95 {
  margin-bottom: -95px; }

.m-l--90 {
  margin-left: -90px; }

.m-t--90 {
  margin-top: -90px; }

.m-r--90 {
  margin-right: -90px; }

.m-b--90 {
  margin-bottom: -90px; }

.m-l--85 {
  margin-left: -85px; }

.m-t--85 {
  margin-top: -85px; }

.m-r--85 {
  margin-right: -85px; }

.m-b--85 {
  margin-bottom: -85px; }

.m-l--80 {
  margin-left: -80px; }

.m-t--80 {
  margin-top: -80px; }

.m-r--80 {
  margin-right: -80px; }

.m-b--80 {
  margin-bottom: -80px; }

.m-l--75 {
  margin-left: -75px; }

.m-t--75 {
  margin-top: -75px; }

.m-r--75 {
  margin-right: -75px; }

.m-b--75 {
  margin-bottom: -75px; }

.m-l--70 {
  margin-left: -70px; }

.m-t--70 {
  margin-top: -70px; }

.m-r--70 {
  margin-right: -70px; }

.m-b--70 {
  margin-bottom: -70px; }

.m-l--65 {
  margin-left: -65px; }

.m-t--65 {
  margin-top: -65px; }

.m-r--65 {
  margin-right: -65px; }

.m-b--65 {
  margin-bottom: -65px; }

.m-l--60 {
  margin-left: -60px; }

.m-t--60 {
  margin-top: -60px; }

.m-r--60 {
  margin-right: -60px; }

.m-b--60 {
  margin-bottom: -60px; }

.m-l--55 {
  margin-left: -55px; }

.m-t--55 {
  margin-top: -55px; }

.m-r--55 {
  margin-right: -55px; }

.m-b--55 {
  margin-bottom: -55px; }

.m-l--50 {
  margin-left: -50px; }

.m-t--50 {
  margin-top: -50px; }

.m-r--50 {
  margin-right: -50px; }

.m-b--50 {
  margin-bottom: -50px; }

.m-l--45 {
  margin-left: -45px; }

.m-t--45 {
  margin-top: -45px; }

.m-r--45 {
  margin-right: -45px; }

.m-b--45 {
  margin-bottom: -45px; }

.m-l--40 {
  margin-left: -40px; }

.m-t--40 {
  margin-top: -40px; }

.m-r--40 {
  margin-right: -40px; }

.m-b--40 {
  margin-bottom: -40px; }

.m-l--35 {
  margin-left: -35px; }

.m-t--35 {
  margin-top: -35px; }

.m-r--35 {
  margin-right: -35px; }

.m-b--35 {
  margin-bottom: -35px; }

.m-l--30 {
  margin-left: -30px; }

.m-t--30 {
  margin-top: -30px; }

.m-r--30 {
  margin-right: -30px; }

.m-b--30 {
  margin-bottom: -30px; }

.m-l--25 {
  margin-left: -25px; }

.m-t--25 {
  margin-top: -25px; }

.m-r--25 {
  margin-right: -25px; }

.m-b--25 {
  margin-bottom: -25px; }

.m-l--20 {
  margin-left: -20px; }

.m-t--20 {
  margin-top: -20px; }

.m-r--20 {
  margin-right: -20px; }

.m-b--20 {
  margin-bottom: -20px; }

.m-l--15 {
  margin-left: -15px; }

.m-t--15 {
  margin-top: -15px; }

.m-r--15 {
  margin-right: -15px; }

.m-b--15 {
  margin-bottom: -15px; }

.m-l--10 {
  margin-left: -10px; }

.m-t--10 {
  margin-top: -10px; }

.m-r--10 {
  margin-right: -10px; }

.m-b--10 {
  margin-bottom: -10px; }

.m-l--5 {
  margin-left: -5px; }

.m-t--5 {
  margin-top: -5px; }

.m-r--5 {
  margin-right: -5px; }

.m-b--5 {
  margin-bottom: -5px; }

.m-l-0 {
  margin-left: 0px; }

.m-t-0 {
  margin-top: 0px; }

.m-r-0 {
  margin-right: 0px; }

.m-b-0 {
  margin-bottom: 0px; }

.m-l-5 {
  margin-left: 5px; }

.m-t-5 {
  margin-top: 5px; }

.m-r-5 {
  margin-right: 5px; }

.m-b-5 {
  margin-bottom: 5px; }

.m-l-10 {
  margin-left: 10px; }

.m-t-10 {
  margin-top: 10px; }

.m-r-10 {
  margin-right: 10px; }

.m-b-2 {
  margin-bottom: 2px; }

.m-b-3 {
  margin-bottom: 3px; }

.m-b-5 {
  margin-bottom: 5px; }

.m-b-10 {
  margin-bottom: 10px; }

.m-l-15 {
  margin-left: 15px; }

.m-t-15 {
  margin-top: 15px; }

.m-r-15 {
  margin-right: 15px; }

.m-b-15 {
  margin-bottom: 15px; }

.m-l-20 {
  margin-left: 20px; }

.m-t-20 {
  margin-top: 20px; }

.m-r-20 {
  margin-right: 20px; }

.m-b-20 {
  margin-bottom: 20px; }

.m-l-25 {
  margin-left: 25px; }

.m-t-25 {
  margin-top: 25px; }

.m-r-25 {
  margin-right: 25px; }

.m-b-25 {
  margin-bottom: 25px; }

.m-l-30 {
  margin-left: 30px; }

.m-t-30 {
  margin-top: 30px; }

.m-r-30 {
  margin-right: 30px; }

.m-b-30 {
  margin-bottom: 30px; }

.m-l-35 {
  margin-left: 35px; }

.m-t-35 {
  margin-top: 35px; }

.m-r-35 {
  margin-right: 35px; }

.m-b-35 {
  margin-bottom: 35px; }

.m-l-40 {
  margin-left: 40px; }

.m-t-40 {
  margin-top: 40px; }

.m-r-40 {
  margin-right: 40px; }

.m-b-40 {
  margin-bottom: 40px; }

.m-l-45 {
  margin-left: 45px; }

.m-t-45 {
  margin-top: 45px; }

.m-r-45 {
  margin-right: 45px; }

.m-b-45 {
  margin-bottom: 45px; }

.m-l-50 {
  margin-left: 50px; }

.m-t-50 {
  margin-top: 50px; }

.m-r-50 {
  margin-right: 50px; }

.m-b-50 {
  margin-bottom: 50px; }

.m-l-55 {
  margin-left: 55px; }

.m-t-55 {
  margin-top: 55px; }

.m-r-55 {
  margin-right: 55px; }

.m-b-55 {
  margin-bottom: 55px; }

.m-l-60 {
  margin-left: 60px; }

.m-t-60 {
  margin-top: 60px; }

.m-r-60 {
  margin-right: 60px; }

.m-b-60 {
  margin-bottom: 60px; }

.m-l-65 {
  margin-left: 65px; }

.m-t-65 {
  margin-top: 65px; }

.m-r-65 {
  margin-right: 65px; }

.m-b-65 {
  margin-bottom: 65px; }

.m-l-70 {
  margin-left: 70px; }

.m-t-70 {
  margin-top: 70px; }

.m-r-70 {
  margin-right: 70px; }

.m-b-70 {
  margin-bottom: 70px; }

.m-l-75 {
  margin-left: 75px; }

.m-t-75 {
  margin-top: 75px; }

.m-r-75 {
  margin-right: 75px; }

.m-b-75 {
  margin-bottom: 75px; }

.m-l-80 {
  margin-left: 80px; }

.m-t-80 {
  margin-top: 80px; }

.m-r-80 {
  margin-right: 80px; }

.m-b-80 {
  margin-bottom: 80px; }

.m-l-85 {
  margin-left: 85px; }

.m-t-85 {
  margin-top: 85px; }

.m-r-85 {
  margin-right: 85px; }

.m-b-85 {
  margin-bottom: 85px; }

.m-l-90 {
  margin-left: 90px; }

.m-t-90 {
  margin-top: 90px; }

.m-r-90 {
  margin-right: 90px; }

.m-b-90 {
  margin-bottom: 90px; }

.m-l-95 {
  margin-left: 95px; }

.m-t-95 {
  margin-top: 95px; }

.m-r-95 {
  margin-right: 95px; }

.m-b-95 {
  margin-bottom: 95px; }

.m-l-100 {
  margin-left: 100px; }

.m-t-100 {
  margin-top: 100px; }

.m-r-100 {
  margin-right: 100px; }

.m-b-100 {
  margin-bottom: 100px; }

.m-l-105 {
  margin-left: 105px; }

.m-t-105 {
  margin-top: 105px; }

.m-r-105 {
  margin-right: 105px; }

.m-b-105 {
  margin-bottom: 105px; }

.m-l-110 {
  margin-left: 110px; }

.m-t-110 {
  margin-top: 110px; }

.m-r-110 {
  margin-right: 110px; }

.m-b-110 {
  margin-bottom: 110px; }

.m-l-115 {
  margin-left: 115px; }

.m-t-115 {
  margin-top: 115px; }

.m-r-115 {
  margin-right: 115px; }

.m-b-115 {
  margin-bottom: 115px; }

.m-l-120 {
  margin-left: 120px; }

.m-t-120 {
  margin-top: 120px; }

.m-r-120 {
  margin-right: 120px; }

.m-b-120 {
  margin-bottom: 120px; }

.m-l-125 {
  margin-left: 125px; }

.m-t-125 {
  margin-top: 125px; }

.m-r-125 {
  margin-right: 125px; }

.m-b-125 {
  margin-bottom: 125px; }

.margin-0 {
  margin: 0; }

.p-10 {
  padding: 10px; }

.p-l-0 {
  padding-left: 0px; }

.p-t-0 {
  padding-top: 0px; }

.p-r-0 {
  padding-right: 0px; }

.p-b-0 {
  padding-bottom: 0px; }

.p-l-5 {
  padding-left: 5px; }

.p-t-5 {
  padding-top: 5px; }

.p-r-5 {
  padding-right: 5px; }

.p-b-5 {
  padding-bottom: 5px; }

.p-l-10 {
  padding-left: 10px; }

.p-t-10 {
  padding-top: 10px; }

.p-r-10 {
  padding-right: 10px; }

.p-b-10 {
  padding-bottom: 10px; }

.p-l-15 {
  padding-left: 15px; }

.p-t-15 {
  padding-top: 15px; }

.p-r-15 {
  padding-right: 15px; }

.p-b-15 {
  padding-bottom: 15px; }

.p-l-20 {
  padding-left: 20px; }

.p-t-20 {
  padding-top: 20px; }

.p-r-20 {
  padding-right: 20px; }

.p-b-20 {
  padding-bottom: 20px; }

.p-l-25 {
  padding-left: 25px; }

.p-t-25 {
  padding-top: 25px; }

.p-r-25 {
  padding-right: 25px; }

.p-b-25 {
  padding-bottom: 25px; }

.p-l-30 {
  padding-left: 30px; }

.p-t-30 {
  padding-top: 30px; }

.p-r-30 {
  padding-right: 30px; }

.p-b-30 {
  padding-bottom: 30px; }

.p-l-35 {
  padding-left: 35px; }

.p-t-35 {
  padding-top: 35px; }

.p-r-35 {
  padding-right: 35px; }

.p-b-35 {
  padding-bottom: 35px; }

.p-l-40 {
  padding-left: 40px; }

.p-t-40 {
  padding-top: 40px; }

.p-r-40 {
  padding-right: 40px; }

.p-b-40 {
  padding-bottom: 40px; }

.p-l-45 {
  padding-left: 45px; }

.p-t-45 {
  padding-top: 45px; }

.p-r-45 {
  padding-right: 45px; }

.p-b-45 {
  padding-bottom: 45px; }

.p-t-46 {
  padding-top: 46px; }

.p-l-50 {
  padding-left: 50px; }

.p-t-50 {
  padding-top: 50px; }

.p-r-50 {
  padding-right: 50px; }

.p-b-50 {
  padding-bottom: 50px; }

.p-l-55 {
  padding-left: 55px; }

.p-t-55 {
  padding-top: 55px; }

.p-r-55 {
  padding-right: 55px; }

.p-b-55 {
  padding-bottom: 55px; }

.p-l-60 {
  padding-left: 60px; }

.p-t-60 {
  padding-top: 60px; }

.p-r-60 {
  padding-right: 60px; }

.p-b-60 {
  padding-bottom: 60px; }

.p-l-65 {
  padding-left: 65px; }

.p-t-65 {
  padding-top: 65px; }

.p-r-65 {
  padding-right: 65px; }

.p-b-65 {
  padding-bottom: 65px; }

.p-l-70 {
  padding-left: 70px; }

.p-t-70 {
  padding-top: 70px; }

.p-r-70 {
  padding-right: 70px; }

.p-b-70 {
  padding-bottom: 70px; }

.p-l-75 {
  padding-left: 75px; }

.p-t-75 {
  padding-top: 75px; }

.p-r-75 {
  padding-right: 75px; }

.p-b-75 {
  padding-bottom: 75px; }

.p-l-80 {
  padding-left: 80px; }

.p-t-80 {
  padding-top: 80px; }

.p-r-80 {
  padding-right: 80px; }

.p-b-80 {
  padding-bottom: 80px; }

.p-l-85 {
  padding-left: 85px; }

.p-t-85 {
  padding-top: 85px; }

.p-r-85 {
  padding-right: 85px; }

.p-b-85 {
  padding-bottom: 85px; }

.p-l-90 {
  padding-left: 90px; }

.p-t-90 {
  padding-top: 90px; }

.p-r-90 {
  padding-right: 90px; }

.p-b-90 {
  padding-bottom: 90px; }

.p-l-95 {
  padding-left: 95px; }

.p-t-95 {
  padding-top: 95px; }

.p-r-95 {
  padding-right: 95px; }

.p-b-95 {
  padding-bottom: 95px; }

.p-l-100 {
  padding-left: 100px; }

.p-t-100 {
  padding-top: 100px; }

.p-r-100 {
  padding-right: 100px; }

.p-b-100 {
  padding-bottom: 100px; }

.p-l-105 {
  padding-left: 105px; }

.p-t-105 {
  padding-top: 105px; }

.p-r-105 {
  padding-right: 105px; }

.p-b-105 {
  padding-bottom: 105px; }

.p-l-110 {
  padding-left: 110px; }

.p-t-110 {
  padding-top: 110px; }

.p-r-110 {
  padding-right: 110px; }

.p-b-110 {
  padding-bottom: 110px; }

.p-l-115 {
  padding-left: 115px; }

.p-t-115 {
  padding-top: 115px; }

.p-r-115 {
  padding-right: 115px; }

.p-b-115 {
  padding-bottom: 115px; }

.p-l-120 {
  padding-left: 120px; }

.p-t-120 {
  padding-top: 120px; }

.p-r-120 {
  padding-right: 120px; }

.p-b-120 {
  padding-bottom: 120px; }

.p-l-125 {
  padding-left: 125px; }

.p-t-125 {
  padding-top: 125px; }

.p-r-125 {
  padding-right: 125px; }

.p-b-125 {
  padding-bottom: 125px; }

.padding-0 {
  padding: 0; }

.font-6 {
  font-size: 6px; }

.font-7 {
  font-size: 7px; }

.font-8 {
  font-size: 8px; }

.font-9 {
  font-size: 9px; }

.font-10 {
  font-size: 10px; }

.font-11 {
  font-size: 11px; }

.font-12 {
  font-size: 12px; }

.font-13 {
  font-size: 13px; }

.font-14 {
  font-size: 14px; }

.font-15 {
  font-size: 15px; }

.font-16 {
  font-size: 16px; }

.font-17 {
  font-size: 17px; }

.font-18 {
  font-size: 18px; }

.font-19 {
  font-size: 19px; }

.font-20 {
  font-size: 20px; }

.font-21 {
  font-size: 21px; }

.font-22 {
  font-size: 22px; }

.font-23 {
  font-size: 23px; }

.font-24 {
  font-size: 24px; }

.font-25 {
  font-size: 25px; }

.font-26 {
  font-size: 26px; }

.font-27 {
  font-size: 27px; }

.font-28 {
  font-size: 28px; }

.font-29 {
  font-size: 29px; }

.font-30 {
  font-size: 30px; }

.font-31 {
  font-size: 31px; }

.font-32 {
  font-size: 32px; }

.font-33 {
  font-size: 33px; }

.font-34 {
  font-size: 34px; }

.font-35 {
  font-size: 35px; }

.font-36 {
  font-size: 36px; }

.font-37 {
  font-size: 37px; }

.font-38 {
  font-size: 38px; }

.font-39 {
  font-size: 39px; }

.font-40 {
  font-size: 40px; }

.font-41 {
  font-size: 41px; }

.font-42 {
  font-size: 42px; }

.font-43 {
  font-size: 43px; }

.font-44 {
  font-size: 44px; }

.font-45 {
  font-size: 45px; }

.font-46 {
  font-size: 46px; }

.font-47 {
  font-size: 47px; }

.font-48 {
  font-size: 48px; }

.font-49 {
  font-size: 49px; }

.font-50 {
  font-size: 50px; }

.align-left {
  text-align: left; }

.align-center {
  text-align: center; }

.align-right {
  text-align: right; }

.align-justify {
  text-align: justify; }

.no-resize {
  resize: none; }

.font-bold {
  font-weight: bold; }

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

.font-underline {
  text-decoration: underline; }

.font-line-through {
  text-decoration: line-through; }

.font-overline {
  text-decoration: overline; }

.col-app-primary {
  color: #025c99 !important; }

.col-app-secondary {
  color: #038ee7 !important; }

.col-red {
  color: #f44336 !important; }

.col-pink {
  color: #e91e63 !important; }

.col-purple {
  color: #9c27b0 !important; }

.col-deep-purple {
  color: #673ab7 !important; }

.col-indigo {
  color: #3f51b5 !important; }

.col-blue {
  color: #2196f3 !important; }

.col-light-blue {
  color: #03a9f4 !important; }

.col-cyan {
  color: #00bcd4 !important; }

.col-teal {
  color: #009688 !important; }

.col-green {
  color: #4caf50 !important; }

.col-light-green {
  color: #8bc34a !important; }

.col-lime {
  color: #cddc39 !important; }

.col-yellow {
  color: #ffeb3b !important; }

.col-amber {
  color: #ffc107 !important; }

.col-orange {
  color: #ff9800 !important; }

.col-deep-orange {
  color: #ff5722 !important; }

.col-brown {
  color: #795548 !important; }

.col-grey {
  color: #9e9e9e !important; }

.col-blue-grey {
  color: #607d8b !important; }

.col-black {
  color: black !important; }

.col-white {
  color: white !important; }

.min-height-38 {
  min-height: 38px; }

.section-wrp {
  padding-left: 15px;
  padding-right: 15px;
  float: left;
  width: 100%; }

.flx-row {
  display: flex; }

.flx-col {
  display: flex;
  flex-grow: 1; }