/* CSS used here will be applied after bootstrap.css */
    
body {
  margin: 0;
  padding: 0;
  font-family: 'SanFranciscoDisplayRegular';
  background: #f5f5f5 !important;
}

.loginbg{  
  background: url('../images/loginbg.jpg') no-repeat center center fixed;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover; height: 100vh;
}
/*fonts*/
@font-face {
  font-family: 'SanFranciscoDisplayRegular';
  src: url("../fonts/SanFranciscoDisplayRegular.eot");
  src: url("../fonts/SanFranciscoDisplayRegular.eot?#iefix") format("embedded-opentype"), url("../fonts/SanFranciscoDisplayRegular.woff2") format("woff2"), url("../fonts/SanFranciscoDisplayRegular.woff") format("woff"), url("../fonts/SanFranciscoDisplayRegular.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'SanFranciscoDisplayLight';
  src: url("../fonts/SanFranciscoDisplayLight.eot");
  src: url("../fonts/SanFranciscoDisplayLight.eot?#iefix") format("embedded-opentype"), url("../fonts/SanFranciscoDisplayLight.woff2") format("woff2"), url("../fonts/SanFranciscoDisplayLight.woff") format("woff"), url("../fonts/SanFranciscoDisplayLight.ttf") format("truetype");
  font-weight: 300;
  font-style: normal;
}
@font-face {
  font-family: 'SanFranciscoDisplayMedium';
  src: url("../fonts/SanFranciscoDisplayMedium.eot");
  src: url("../fonts/SanFranciscoDisplayMedium.eot?#iefix") format("embedded-opentype"), url("../fonts/SanFranciscoDisplayMedium.woff2") format("woff2"), url("../fonts/SanFranciscoDisplayMedium.woff") format("woff"), url("../fonts/SanFranciscoDisplayMedium.ttf") format("truetype");
  font-weight: 500;
  font-style: normal;
}
@font-face {
  font-family: 'SanFranciscoDisplayHeavy';
  src: url("../fonts/SanFranciscoDisplayHeavy.eot");
  src: url("../fonts/SanFranciscoDisplayHeavy.eot?#iefix") format("embedded-opentype"), url("../fonts/SanFranciscoDisplayHeavy.woff2") format("woff2"), url("../fonts/SanFranciscoDisplayHeavy.woff") format("woff"), url("../fonts/SanFranciscoDisplayHeavy.ttf") format("truetype");
  font-weight: 900;
  font-style: normal;
}
@font-face {
  font-family: 'SanFranciscoDisplayBold';
  src: url("../fonts/SanFranciscoDisplayBold.eot");
  src: url("../fonts/SanFranciscoDisplayBold.eot?#iefix") format("embedded-opentype"), url("../fonts/SanFranciscoDisplayBold.woff2") format("woff2"), url("../fonts/SanFranciscoDisplayBold.woff") format("woff"), url("../fonts/SanFranciscoDisplayBold.ttf") format("truetype");
  font-weight: bold;
  font-style: normal;
}
@font-face {
  font-family: 'SanFranciscoDisplaySemibold';
  src: url("../fonts/SanFranciscoDisplaySemibold.eot");
  src: url("../fonts/SanFranciscoDisplaySemibold.eot?#iefix") format("embedded-opentype"), url("../fonts/SanFranciscoDisplaySemibold.woff2") format("woff2"), url("../fonts/SanFranciscoDisplaySemibold.woff") format("woff"), url("../fonts/SanFranciscoDisplaySemibold.ttf") format("truetype");
  font-weight: 600;
  font-style: normal;
}
@font-face {
  font-family: 'SanFranciscoDisplayThin';
  src: url("../fonts/SanFranciscoDisplayThin.eot");
  src: url("../fonts/SanFranciscoDisplayThin.eot") format("embedded-opentype"), url("../fonts/SanFranciscoDisplayThin.woff2") format("woff2"), url("../fonts/SanFranciscoDisplayThin.woff") format("woff"), url("../fonts/SanFranciscoDisplayThin.ttf") format("truetype"), url("../fonts/SanFranciscoDisplayThin.svg#SanFranciscoDisplayThin") format("svg");
}
@font-face {
  font-family: 'SanFranciscoDisplayBlack';
  src: url("../fonts/SanFranciscoDisplayBlack.eot");
  src: url("../fonts/SanFranciscoDisplayBlack.eot") format("embedded-opentype"), url("../fonts/SanFranciscoDisplayBlack.woff2") format("woff2"), url("../fonts/SanFranciscoDisplayBlack.woff") format("woff"), url("../fonts/SanFranciscoDisplayBlack.ttf") format("truetype"), url("../fonts/SanFranciscoDisplayBlack.svg#SanFranciscoDisplayBlack") format("svg");
}
/*fonts*/

.loginform{ float:left; width: 100%; margin-top: 100px; }
.loginform form {
 background: #fff;
 border-radius: 5px;
 padding: 50px;
}

.loginform form label {
 display: inline-block;
 margin-bottom: 0.5rem;
 color: #444444;
}

.form-control {
 
 color: #444444;
 
 border: 1px solid #bababa;
 border-radius: 5px;
 
 height: 44px;
}

.loginform form label.form-check-label {
 color: #7a7a7a;
 font-size: 15px;
}

.loginlogo {
 float: none;
 width: 100%;
 text-align: center;
 display: inline-block;
 margin-bottom: 45px;
}

.loginlogo img { width: 235px; filter: brightness(0) invert(1);}

.loginform form .btn.btn-primary {
 margin: 30px 0 0 0;
 width: 120px;
 height: 44px;
 font-size: 17px;
 border-bottom: 2px solid #076eb0 !important;
 background: #098de1;
 border-color: #098de1;
}

.loginform form .btn.btn-primary:hover { background: transparent; color: #098de1; border-bottom: 2px solid #098de1 !important;}

.loginform form a {
 float: right;
 margin: 40px 0 0 0;
 color: #29a3b0;
 font-size: 15px;
 font-family: 'SanFranciscoDisplayLight';
}
.loginform .form-group input {
 border-color: #bababa;
}

:root {
/* larger checkbox */
}
:root label.checkbox-bootstrap input[type=checkbox] {
/* hide original check box */
opacity: 0;
position: absolute;
/* find the nearest span with checkbox-placeholder class and draw custom checkbox */
/* draw checkmark before the span placeholder when original hidden input is checked */
/* disabled checkbox style */
/* disabled and checked checkbox style */
/* when the checkbox is focused with tab key show dots arround */
}
:root label.checkbox-bootstrap input[type=checkbox] + span.checkbox-placeholder {
width: 14px;
height: 14px;
border: 1px solid;
border-radius: 3px;
/*checkbox border color*/
border-color: #737373;
display: inline-block;
cursor: pointer;
margin: 0 7px 0 -20px;
vertical-align: middle;
text-align: center;
}
:root label.checkbox-bootstrap input[type=checkbox]:checked + span.checkbox-placeholder {
background: #fff;
}
:root label.checkbox-bootstrap input[type=checkbox]:checked + span.checkbox-placeholder:before {
display: inline-block;
position: relative;
vertical-align: text-top;
width: 5px;
height: 9px;
/*checkmark arrow color*/
border: solid white;
border-width: 0 2px 2px 0;
/*can be done with post css autoprefixer*/
-webkit-transform: rotate(45deg);
-moz-transform: rotate(45deg);
-ms-transform: rotate(45deg);
-o-transform: rotate(45deg);
transform: rotate(45deg);
content: "";
}
:root label.checkbox-bootstrap input[type=checkbox]:disabled + span.checkbox-placeholder {
background: #ececec;
border-color: #c3c2c2;
}
:root label.checkbox-bootstrap input[type=checkbox]:checked:disabled + span.checkbox-placeholder {
background: #d6d6d6;
border-color: #bdbdbd;
}
:root label.checkbox-bootstrap input[type=checkbox]:focus:not(:hover) + span.checkbox-placeholder {
outline: 1px dotted black;
}
:root label.checkbox-bootstrap.checkbox-lg input[type=checkbox] + span.checkbox-placeholder {
width: 24px;
height: 24px;
border: 1px solid;
border-radius: 5px;
/*checkbox border color*/
border-color: #bababa;
}
:root label.checkbox-bootstrap.checkbox-lg input[type="checkbox"]:checked + span.checkbox-placeholder::before {
 width: 8px;
 height: 14px;
 border: solid #098de1;
 border-width: 0 3px 3px 0;
}
label.checkbox-inline.checkbox-bootstrap.checkbox-lg {
 color: #7a7a7a;
 font-size: 15px;
 margin: 0px 0 0 0;
}
.form-group input::-webkit-input-placeholder {
  color: #bbbbbb;
  font-weight: normal;
  font-family: 'SanFranciscoDisplayRegular';
}
.form-group input:-moz-placeholder {
  color: #bbbbbb;
  font-weight: normal;
  font-family: 'SanFranciscoDisplayRegular';
}
.form-group input:-ms-input-placeholder {
  color: #bbbbbb;
  font-weight: normal;
  font-family: 'SanFranciscoDisplayRegular';
}
.form-group input::placeholder {
  color: #bbbbbb;
  font-family: 'SanFranciscoDisplayRegular';
}
.form-group input:-ms-input-placeholder {
 /* Internet Explorer 10-11 */
  color: #bbbbbb;
  font-family: 'SanFranciscoDisplayRegular';
}

.form-group input::-ms-input-placeholder {
 /* Microsoft Edge */
  color: #bbbbbb;
  font-family: 'SanFranciscoDisplayRegular';
}
input:focus::-webkit-input-placeholder {
  color:transparent;
  font-family: 'SanFranciscoDisplayRegular';
}
input:focus:-moz-placeholder {
  color:transparent;
  font-family: 'SanFranciscoDisplayRegular';
}
/* FF 4-18 */
input:focus::-moz-placeholder {
  color:transparent;
  font-family: 'SanFranciscoDisplayRegular';
}
/* FF 19+ */
input:focus:-ms-input-placeholder {
  color:transparent;
  font-family: 'SanFranciscoDisplayRegular';
}
/* IE 10+ */

.app-filter-good-table-container{ float: left; width: 100%;}
.app-checkbox-good-table-container { float: left; width: 100%;}
.app-support-ticket-good-table-container{ float: left; width: 100%;}

.admin-page-content.CustomPadTop0 { padding-top: 0; }



.vgt-table thead th {
color: #fff !important;
vertical-align: bottom;
border-bottom: 1px solid #DCDFE6;
padding-right: 1.5em;
background: -webkit-gradient(linear, left top, left bottom, from(#F4F5F8), to(#F1F3F6));
background: linear-gradient(#F4F5F8, #F1F3F6);
background: #9badc1 !important;
font-weight: normal !important;
font-size: 16px !important;
font-family: 'SanFranciscoDisplayMedium' !important;
line-height: normal;
}

.vgt-table.bordered td, .vgt-table.bordered th {
border: none !important;
}

table.vgt-table td {
color: #444444 !important;
font-size: 15px !important;
line-height: normal;
}

table.vgt-table {
  font-size: 16px;
  border-collapse: collapse;
  background-color: transparent !important;
  width: 100%;
  max-width: 100%;
  table-layout: auto;
  border: none !important; 
}

table.vgt-table tbody tr {
  background: #fff;
  border-bottom: 5px solid #f5f5f5;
  
}

.vgt-input {
  background: transparent !important;
  border: none !important;
  border-bottom: 1px solid #eeeeee !important;
  border-radius: 0 !important;
  
}

.app-checkbox-good-table-container {
  float: left;
  width: 100%;
  margin-top: 80px;
  padding-top: 70px;
  border-top: 1px solid #bababa;
}

.app-filter-good-table-container table.vgt-table thead tr:last-child th {
  background: #fff !important;
}

.app-filter-good-table-container table.vgt-table thead tr:first-child th {
  background: #9badc1 !important;
}

.app-filter-good-table-container table.vgt-table tbody {
  border-top: 50px solid #f5f5f5;
}

.vgt-wrap__actions-footer {
  border: none !important;
}

.vgt-wrap__footer {
  color: #606266;
  padding: 1em;
  border: 1px solid #d3dee3;
  background: -webkit-gradient(linear, left top, left bottom, from(#F4F5F8), to(#F1F3F6));
  background: linear-gradient(#F4F5F8, #F1F3F6);
  background: #fff !important;
  border-radius: 5px;
  width: 45%;
  margin: 50px auto auto auto;
}

.vgt-table th.vgt-checkbox-col{ background: #fff !important;}
.app-checkbox-good-table-container .vgt-wrap__footer {
  display: none;
}

.page-header-top-container button {
  background: #098de1;
  border: 1px solid #098de1;
  border-radius: 5px;
  border-bottom: 2px solid #076eb0;
  font-size: 15px;
  margin: 0 0 0 15px;
  padding: 0.275rem 0.75rem;
  float: right;
}

.page-header-top-container {
  float: left;
  width: 100%;
  padding: 40px 50px 0px 50px;
}

.admin-content-area .page-header-top-container .page-name {
  float: left;
  width: 60%;
  font-size: 32px;
  color: #444;
  padding: 0;
  background: transparent;
  margin-bottom: 0;
  font-family: 'SanFranciscoDisplayThin';
  line-height: 42px;
}
/*fonts*/
@font-face {
  font-family: 'SanFranciscoDisplayRegular';
  src: url("../fonts/SanFranciscoDisplayRegular.eot");
  src: url("../fonts/SanFranciscoDisplayRegular.eot?#iefix") format("embedded-opentype"), url("../fonts/SanFranciscoDisplayRegular.woff2") format("woff2"), url("../fonts/SanFranciscoDisplayRegular.woff") format("woff"), url("../fonts/SanFranciscoDisplayRegular.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'SanFranciscoDisplayLight';
  src: url("../fonts/SanFranciscoDisplayLight.eot");
  src: url("../fonts/SanFranciscoDisplayLight.eot?#iefix") format("embedded-opentype"), url("../fonts/SanFranciscoDisplayLight.woff2") format("woff2"), url("../fonts/SanFranciscoDisplayLight.woff") format("woff"), url("../fonts/SanFranciscoDisplayLight.ttf") format("truetype");
  font-weight: 300;
  font-style: normal;
}
@font-face {
  font-family: 'SanFranciscoDisplayMedium';
  src: url("../fonts/SanFranciscoDisplayMedium.eot");
  src: url("../fonts/SanFranciscoDisplayMedium.eot?#iefix") format("embedded-opentype"), url("../fonts/SanFranciscoDisplayMedium.woff2") format("woff2"), url("../fonts/SanFranciscoDisplayMedium.woff") format("woff"), url("../fonts/SanFranciscoDisplayMedium.ttf") format("truetype");
  font-weight: 500;
  font-style: normal;
}
@font-face {
  font-family: 'SanFranciscoDisplayHeavy';
  src: url("../fonts/SanFranciscoDisplayHeavy.eot");
  src: url("../fonts/SanFranciscoDisplayHeavy.eot?#iefix") format("embedded-opentype"), url("../fonts/SanFranciscoDisplayHeavy.woff2") format("woff2"), url("../fonts/SanFranciscoDisplayHeavy.woff") format("woff"), url("../fonts/SanFranciscoDisplayHeavy.ttf") format("truetype");
  font-weight: 900;
  font-style: normal;
}
@font-face {
  font-family: 'SanFranciscoDisplayBold';
  src: url("../fonts/SanFranciscoDisplayBold.eot");
  src: url("../fonts/SanFranciscoDisplayBold.eot?#iefix") format("embedded-opentype"), url("../fonts/SanFranciscoDisplayBold.woff2") format("woff2"), url("../fonts/SanFranciscoDisplayBold.woff") format("woff"), url("../fonts/SanFranciscoDisplayBold.ttf") format("truetype");
  font-weight: bold;
  font-style: normal;
}
@font-face {
  font-family: 'SanFranciscoDisplaySemibold';
  src: url("../fonts/SanFranciscoDisplaySemibold.eot");
  src: url("../fonts/SanFranciscoDisplaySemibold.eot?#iefix") format("embedded-opentype"), url("../fonts/SanFranciscoDisplaySemibold.woff2") format("woff2"), url("../fonts/SanFranciscoDisplaySemibold.woff") format("woff"), url("../fonts/SanFranciscoDisplaySemibold.ttf") format("truetype");
  font-weight: 600;
  font-style: normal;
}
@font-face {
  font-family: 'SanFranciscoDisplayThin';
  src: url("../fonts/SanFranciscoDisplayThin.eot");
  src: url("../fonts/SanFranciscoDisplayThin.eot") format("embedded-opentype"), url("../fonts/SanFranciscoDisplayThin.woff2") format("woff2"), url("../fonts/SanFranciscoDisplayThin.woff") format("woff"), url("../fonts/SanFranciscoDisplayThin.ttf") format("truetype"), url("../fonts/SanFranciscoDisplayThin.svg#SanFranciscoDisplayThin") format("svg");
}
@font-face {
  font-family: 'SanFranciscoDisplayBlack';
  src: url("../fonts/SanFranciscoDisplayBlack.eot");
  src: url("../fonts/SanFranciscoDisplayBlack.eot") format("embedded-opentype"), url("../fonts/SanFranciscoDisplayBlack.woff2") format("woff2"), url("../fonts/SanFranciscoDisplayBlack.woff") format("woff"), url("../fonts/SanFranciscoDisplayBlack.ttf") format("truetype"), url("../fonts/SanFranciscoDisplayBlack.svg#SanFranciscoDisplayBlack") format("svg");
}
/*fonts*/

@font-face {
 font-family: 'abm-icomoon';
 src:  url('../fonts/abm-icomoon.eot?7g62e6');
 src:  url('../fonts/abm-icomoon.eot?7g62e6#iefix') format('embedded-opentype'),
   url('../fonts/abm-icomoon.ttf?7g62e6') format('truetype'),
   url('../fonts/abm-icomoon.woff?7g62e6') format('woff'),
   url('../fonts/abm-icomoon.svg?7g62e6#abm-icomoon') format('svg');
 font-weight: normal;
 font-style: normal;
}

[class^="icon-abm"], [class*=" icon-abm"] {
 /* use !important to prevent issues with browser extensions that change fonts */
 font-family: 'abm-icomoon' !important;
 speak: none;
 font-style: normal;
 font-weight: normal;
 font-variant: normal;
 text-transform: none;
 line-height: 1;

 /* Better Font Rendering =========== */
 -webkit-font-smoothing: antialiased;
 -moz-osx-font-smoothing: grayscale;
}

.icon-abmairplane:before {
 content: "\e900";
}
.icon-abmalert:before {
 content: "\e901";
}
.icon-abmapp:before {
 content: "\e902";
}
.icon-abmapplications:before {
 content: "\e903";
}
.icon-abmarrow-point-to-right-1:before {
 content: "\e904";
}
.icon-abmarrow-point-to-right:before {
 content: "\e905";
}
.icon-abmcancel-music:before {
 content: "\e906";
}
.icon-abmchart .path1:before {
 content: "\e907";
 color: rgb(255, 255, 255);
}
.icon-abmchart .path2:before {
 content: "\e908";
 margin-left: -1em;
 color: rgb(15, 72, 127);
}
.icon-abmchart .path3:before {
 content: "\e909";
 margin-left: -1em;
 color: rgb(52, 109, 164);
}
.icon-abmchart .path4:before {
 content: "\e90a";
 margin-left: -1em;
 color: rgb(88, 145, 200);
}
.icon-abmchat:before {
 content: "\e90b";
}
.icon-abmchecked:before {
 content: "\e90c";
 color: #f05228;
}
.icon-abmcheck-mark:before {
 content: "\e90d";
}
.icon-abmcircular-check-button:before {
 content: "\e90e";
}
.icon-abmcontact:before {
 content: "\e90f";
}
.icon-abmdelete:before {
 content: "\e910";
}
.icon-abmelements:before {
 content: "\e911";
}
.icon-abmenvelope:before {
 content: "\e912";
}
.icon-abmeye:before {
 content: "\e913";
}
.icon-abmeye-open:before {
 content: "\e914";
}
.icon-abmforms-1:before {
 content: "\e915";
}
.icon-abmforms:before {
 content: "\e916";
}
.icon-abmforward:before {
 content: "\e917";
}
.icon-abmicon:before {
 content: "\e918";
}
.icon-abminfo:before {
 content: "\e919";
}
.icon-abmkey:before {
 content: "\e91a";
}
.icon-abmlog-out:before {
 content: "\e91b";
}
.icon-abmlogout-or-send-square-with-right-arrow-interface-symbol:before {
 content: "\e91c";
}
.icon-abmmagnifying-glass:before {
 content: "\e91d";
}
.icon-abmnew-file:before {
 content: "\e91e";
}
.icon-abmnotification:before {
 content: "\e91f";
}
.icon-abmsettings:before {
 content: "\e920";
}
.icon-abmtick-inside-a-circle:before {
 content: "\e921";
}
.icon-abmuser:before {
 content: "\e922";
}
.icon-abmwarning-1:before {
 content: "\e923";
}
.icon-abmwarning:before {
 content: "\e924";
}
.icon-abmweb:before {
 content: "\e925";
}

/*common css*/
.paddingnone {
  padding-left: 0;
  padding-right: 0;
}
.paddingleft0 {
  padding-left: 0 !important;
}
.paddingright0 {
  padding-right: 0 !important;
}
.height30{ height: 30px; float: left; width: 100%; }
/*common css*/

/*sidebar*/
.nav-pills>li>a {
  border-radius: 0;
}
#wrapper {
  padding-left: 0;
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  transition: all 0.5s ease;
  overflow: hidden;
}
#wrapper.toggled {
  padding-left: 300px;
  overflow: hidden;
}
#sidebar-wrapper {
  z-index: 1000;
  position: fixed;
  left: 300px;
  width: 0;
  height: 100%;
  margin-left: -300px;
  overflow-y: auto;
  background: #fff;
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  transition: all 0.5s ease;
}
#wrapper.toggled #sidebar-wrapper {
  width: 300px;
}
#page-content-wrapper {
  position: absolute;
  padding: 15px;
  width: 100%;
  overflow-x: hidden;
}
.xyz {
  min-width: 360px;
}
#wrapper.toggled #page-content-wrapper {
  position: relative;
  margin-right: 0px;
}
.fixed-brand {
  width: auto;
  padding: 0;
 /*box-shadow: 1px -10px 8px rgba(0, 0, 0, 0.2);
  */
}
/* Sidebar Styles */
.sidebar-nav {
  position: absolute;
  top: 0;
  width: 300px;
  margin: 0;
  padding: 0;
  list-style: none;
  margin-top: 0px;
  padding-bottom: 150px;
}
.sidebar-nav li {
  text-indent: 8px;
  line-height: 60px;
  float: left;
  width: 100%;
}
.sidebar-nav li a {
  display: block;
  text-decoration: none;
  color: #4d646f;
  font-weight: normal;
  font-size: 16px;
}
.sidebar-nav li a:hover {
  text-decoration: none;
  color: #fff;
  background: #098de1;
}
.sidebar-nav li a:active, .sidebar-nav li a:focus {
  text-decoration: none;
}
.sidebar-nav > .sidebar-brand {
  height: 65px;
  font-size: 18px;
  line-height: 60px;
}
.sidebar-nav > .sidebar-brand a {
  color: #999999;
}
.sidebar-nav > .sidebar-brand a:hover {
  color: #fff;
  background: none;
}
.no-margin {
  margin: 0;
}
.app-sidebar-nav .user-info {
  float: right;
  width: auto;
  position: absolute;
  right: 70px;
  top: 11px;
}
.app-sidebar-nav .image {
  float: left;
  width: auto;
}
.app-sidebar-nav .image img {
  width: 30px;
  height: 30px;
  border-radius: 100%;
  margin-right: 10px;
  margin-top: 10px;
}
.app-sidebar-nav .user-info-container {
  float: left;
  width: auto;
  line-height: normal;
  margin: 2px 0 0 0;
}
.app-sidebar-nav .user-info-container .name {
  text-transform: uppercase;
}
.user-logout {
  float: left;
  margin: 12px 0 0 15px;
}
.user-logout a .fa {
  font-size: 24px;
}
#page-content-wrapper.admin-content-area {
  padding: 0;
}
#page-content-wrapper .container-fluid {
  padding: 0;
}
/*custom-sidebar-css*/
.navbar.navbar-default.no-margin.app-sidebar-nav {
  border-radius: 0;
  border: none;
  background: #fff;
 /*box-shadow: 1px -10px 8px rgba(0, 0, 0, 0.2);
  */
  position: fixed;
  z-index: 9999;
  width: 100%;
  top: 0;
  height: auto;
  padding: 20px 0 20px 0;
}
#sidebar-wrapper{
  z-index: 9;
}
#wrapper{
  margin-top: 77px;
}
#menu-toggle-2 .fa.fa-bars {
  font-size: 21px;
  color: #767676;
}
.navbar-default.app-sidebar-nav .navbar-toggle:hover, .navbar-default.app-sidebar-nav .navbar-toggle:focus {
  background-color: transparent;
}
#menu-toggle-2 {
  border: none;
  margin: 0;
  padding: 0;
  border-radius: 200px;
  width: 42px;
  height: 42px;
  background: transparent;
  cursor: pointer;
}
#menu-toggle-2:hover .fa.fa-bars{
  color: #fff;
}
.app-sidebar-nav .navbar-nav {
  float: left;
  margin: 0;
  position: absolute;
  top: 15px;
  left: 15px;
}
a.navbar-brand img {
  height: 32px;
  margin: 5px 0 0 65px;
}
.app-sidebar-nav .navbar-brand {
  float: left;
  height: auto;
  padding: 0 15px;
  font-size: 18px;
  line-height: normal;
}
.app-sidebar-nav .navbar-collapse{
  padding-left: 7px;
}
.app-sidebar-right .fa-stack {
  line-height: 60px;
}
.app-sidebar-right .nav-pills > li.active > a, .app-sidebar-right .nav-pills > li.active > a:hover, .app-sidebar-right .nav-pills > li.active > a:focus {
  color: #fff;
  background-color: #098de1;
}
.app-sidebar-right .nav-stacked > li + li {
  margin-top: 0;
  margin-left: 0;
}
.admin-content-area .page-name {
  float: left;
  width: 100%;
  font-size: 32px;
  color: #444;
  padding: 30px 50px 30px 50px;
  background: transparent;
  margin-bottom: 0;
  font-family: 'SanFranciscoDisplayThin';
  line-height: 42px;
}
.admin-page-content {
  float: left;
  width: 100%;
  padding: 35px 50px 50px 50px;
}
.admin-page-content .col-12 {
padding-left: 0;
padding-right: 0;
}
.admin-footer {
  float: left;
  width: 100%;
  padding: 20px 67px;
  font-size: 14px;
  color: #666;
  border-top: 1px solid #ddd;
  margin-top: 100px;
}
/*custom-sidebar-css*/
@media(min-width:768px) {
  #wrapper {
      padding-left: 300px;
 }
  .fixed-brand {
      width: 300px;
 }
  #wrapper.toggled {
      padding-left: 0;
 }
  #sidebar-wrapper {
      width: 300px;
      box-shadow: 1px -10px 8px rgba(0, 0, 0, 0.2);
 }
  #wrapper.toggled #sidebar-wrapper {
      width: 300px;
 }
  #wrapper.toggled-2 #sidebar-wrapper {
      width: 50px;
 }
  #wrapper.toggled-2 #sidebar-wrapper:hover {
      width: 300px;
 }
  #page-content-wrapper {
      padding: 20px;
      position: relative;
      -webkit-transition: all 0.5s ease;
      -moz-transition: all 0.5s ease;
      -o-transition: all 0.5s ease;
      transition: all 0.5s ease;
 }
  #wrapper.toggled #page-content-wrapper {
      position: relative;
      margin-right: 0;
      padding-left: 300px;
 }
  #wrapper.toggled-2 #page-content-wrapper {
      position: relative;
      margin-right: 0;
      margin-left: -250px;
      -webkit-transition: all 0.5s ease;
      -moz-transition: all 0.5s ease;
      -o-transition: all 0.5s ease;
      transition: all 0.5s ease;
      width: auto;
 }
}
img.menubar {
  width: 42px;
}
.collapse:not(.show) {
  display: block !important;
}

.user-info-container .btn.btn-primary.dropdown-toggle {
  background: transparent;
  border: none;
  margin: 0;
  padding: 0;
}
.user-info-container .dropdown-toggle::after{
  display: none;
}
.username-letter {
  float: left;
  width: 50px;
  height: 50px;
  border-radius: 100px;
  background: #ffbb44;
  color: #fff;
  font-size: 22px;
  font-family: 'SanFranciscoDisplayBold';
  line-height: 50px;
}
.username {
  float: left;
  color: #098de1;
  font-size: 16px;
  font-family: SanFranciscoDisplaySemibold;
  text-transform: uppercase;
}
.dropdown-user-right {
  float: left;
  margin: 9px 0 0 15px;
  line-height: 16px;
}
.usermailid {
  font-size: 14px;
  color: #666666;
  float: left;
}
.btn-primary:not(:disabled):not(.disabled):active:focus, .btn-primary:not(:disabled):not(.disabled).active:focus, .show > .btn-primary.dropdown-toggle:focus {
  box-shadow: none !important;
}
.user-info-container .dropdown-menu {
  min-width: 215px;
  margin-top: 10px;
}
.notification {
  position: absolute;
  right: 315px;
  top: 12px;
}
.nav.nav-list.tree li a {
 /* background: transparent;
  */
  color: #4d646f;
}
.nav.nav-list.tree li a:hover {
  background: transparent;
  color: #098de1;
}
.nav-pills.nav-stacked.submenu {
  float: left;
  width: 100%;
  margin: 5px 0 0 0;
}
.nav.nav-list.tree li {
  line-height: 40px;
}
.sidebar-nav li .fa.fa-angle-down {
  float: right;
  display: inline-block;
  font-size: 32px;
  margin: 15px 30px 0 0;
}
.sidebar-nav li label {
  display: block;
  width: 100%;
  font-weight: normal;
  color: #4d646f;
  margin: 0;
}
.sidebar-nav li label:hover {
  background: #098de1;
  color: #fff;
}
.nav.nav-list.tree {
  padding-left: 43px;
  margin-top: 0;
  float: left;
  width: 100%;
}
/*sidebar*/
.c-error {
list-style: none;
text-align: left;
/* padding-left: 25%; */
/*padding: 3px 0 0 25%;*/
color: #ff0000;
width: 100%;
}
/*Close TIcket Button*/
#closeTicketBtn.btn{
  background-color: #098de1;
  border: 1px solid #098de1;
  border-radius: 5px;
  border-bottom: 2px solid #076eb0;
  font-size: 15px;
  margin: 0 0 0 31px;
  padding: 8px 25px;
}
#closeTicketBtn.btn-secondary:hover {
  color: #fff;
  background-color: #5a6268;
  border-color: #545b62;
}

.cards-left {
float: left;
width: 100%;
}

.cards-left .card-text {
font-weight: normal;
font-family: 'SanFranciscoDisplayBold';

margin-bottom: 0;
}
.cards-left .card-text strong {
font-family: 'SanFranciscoDisplayLight';
font-weight: normal;

/* color: #444; */
}

button.close-ticket-btn {
font-size: 13px;
padding: 4px 10px;
border-radius: 5px;
/* line-height: 16px; */
float: right;
margin: 10px 0 0 0;
}

button.open-ticket-btn {
font-size: 13px;
padding: 4px 10px;
border-radius: 5px;
/* line-height: 16px; */
float: right;
margin: 10px 0 0 0;
}

.closed-tickets-label{ padding-left: 15px; padding-right: 15px; }

.card.mb-2.custom-card-body .card-body {
  padding: 12px 15px 0 12px;
  border: 1px solid #ddd;
  border-radius: 5px;
  min-height: 222px;
}

.navbar.navbar-default.no-margin.app-sidebar-nav {
border-radius: 0;
border: none;
background: #fff;
box-shadow: 0 2px 6px rgba(0, 0, 0, 0.2);
position: fixed;
z-index: 9999;
width: 100%;
top: 0;
height: auto;
padding: 20px 0 20px 0;
}

.tab {
float: left;
width: 100%;
background: #fff;
padding: 40px 50px 50px 50px;
box-shadow: 0 0 7px 1px #ddd;
border: 1px solid #d3dee3;
border-radius: 5px;
}
.tab .tabs { float: left; width: 100%;}
.tab .title{ float: left; width: 100%; font-size: 28px; color: #23727b; margin-bottom: 40px; }
.tab-content {
border: 1px solid #dee2e6;
margin-top: -1px;
float: left;
width: 100%;
padding: 15px 10px;
border-radius: 0 0.25rem 0.25rem 0.25rem;
}
.nav-tabs {
border-bottom: none;
}

.tab1 .nav-tabs .nav-link.active, .tab1 .nav-tabs .nav-item.show .nav-link {
color: #098de1;
background-color: #fff;
border-color: #dee2e6 #dee2e6 #fff;
font-family: 'SanFranciscoDisplayBold';
}

.tab2 .nav-tabs .nav-link.active, .tab2 .nav-tabs .nav-item.show .nav-link {
color: #fff;
background-color: #098de1;
border-color: #098de1 #098de1 #098de1;
font-family: 'SanFranciscoDisplayBold';
}

/* Grid View */


.cards-right {
float: right;
width: 5%;
}     
.cards-right .card-text {
font-weight: normal;
font-family: 'SanFranciscoDisplayBold';   
margin-bottom: 0;
}
.cards-right .card-text strong {
font-family: 'SanFranciscoDisplayLight';
font-weight: normal;  
/* color: #444; */
}
.admin-content-area .cards-page-name {
float: left;
width: 100%;
font-size: 42px;
color: #444;
/* padding: 30px 50px 30px 50px; */
background: transparent;
margin-bottom: 0;
font-family: 'SanFranciscoDisplayThin';
line-height: 42px;
}
/*.card.mb-2.custom-card-body .card-body {
padding: 12px 15px;
margin: 5px 12px 5px 12px;
}*/
.admin-content-area .page-name-right {
float: right;
width: 50%;
font-size: 36px;
color: #444;
/* padding: 30px 50px 30px 50px; */
background: transparent;
margin-bottom: 0;
font-family: 'SanFranciscoDisplayThin';
/* line-height: 42px; */
text-align: right;
}

.tab-content .cards-block {
width: 18.8%;
float: left;
margin: 0 5px 0 5px;
display: inline-block;
}
.tab-content .cards-block:nth-child(5n) {
margin: 0 0 0 5px;
}
.card-text.cards-page-name strong { font-family: SanFranciscoDisplayBold; }
.form-group.cards-right {
position: absolute;
right: 10px;
}
time {
  font-size: 14px;
  margin-top: 0;
  float: left;
  width: 100%;
  color: #999;
  line-height: 14px;
}
.cards-left p {
float: left;
width: 100%;
/* line-height: normal; */
}
p.card-text.cards-page-name {
margin-bottom: 10px;
}
.cards-right.page-name-right.datecss {
position: static;
right: 70px;
/* top: 20px; */
font-size: 22px;
font-family: SanFranciscoDisplayRegular;
float: left;
width: 100%;
margin-bottom: 30px;
}

/*user location header*/
.user-location {
position: absolute;
right: 315px;
color: #098de1;
top: 24px;
}
.user-location-name {
float: right;
color: #098de1;
font-size: 16px;
font-family: SanFranciscoDisplaySemibold;
padding: 3px 5px;
}

.ticket-unprinted.card{
border: 1px solid #d03f3f;
}
.ticket-unprinted .card-text.cards-page-name strong{ color: #d03f3f; }
.card.mb-2.custom-card-body.ticket-unprinted::before {
content: "\f02f";
position: absolute;
right: 10px;
bottom: 9px;
display: inline-block;
font-family: FontAwesome;
color: #bbb;
display: none;
}
#menu-toggle {
border: none;
background: transparent;
}
a:focus {
outline:0 !important;
text-decoration: none !important;
}
*:focus {
outline:none !important;
box-shadow: none !important;
}

.form-group.cards-right span .fa {
font-size: 20px;
margin-right: 0;
float: right;
color: #d03f3f;
cursor: pointer;
}

.selectdate input {
border: 1px solid #bababa;
border-radius: 5px;
padding: 0.375rem 0.75rem;
font-family: 'SanFranciscoDisplayRegular';
font-size: 16px;
width: 100%;
float: left;


}

.selectdate{ float: left; width: 100%; }

.selectbox1{ float: left; width: 30%; margin-right: 15px; position: relative; }

.selectbtn button { padding: 0.275rem 0.75rem; float: left; margin-right: 5px; font-size: 15px; }
.selectbtn {
float: right;
}

.selectbtn button:last-child { margin-right: 0; }

.applybtn {
background: #098de1 !important;
border-color: #098de1 !important;
color: #fff !important;
}

.clearbtn {
background: #dc3545 !important;
border-color: #dc3545 !important;
color: #fff !important;
}

.vdatetime-popup__header {
padding: 18px 30px;
background: #098de1 !important;
color: #fff;
font-size: 32px;
}

.vdatetime-calendar__month__day--selected > span > span, .vdatetime-calendar__month__day--selected:hover > span > span {
color: #fff;
background: #098de1 !important;
}

.vdatetime-popup__actions__button {
display: inline-block;
border: none;
padding: 10px 20px;
background: transparent;
font-size: 16px;
color: #098de1 !important;
cursor: pointer;
-webkit-transition: color .3s;
transition: color .3s;
}


.vdatetime-time-picker__item--selected {
color: #098de1 !important;
font-size: 32px;
}

.vdatetime-time-picker__item {
padding: 10px 0;
font-size: 16px !important;
text-align: center;
cursor: pointer;
-webkit-transition: font-size .3s;
transition: font-size .3s;
}

.vdatetime-time-picker__item:hover {
font-size: 16px !important;
}
.vdatetime-time-picker__item--selected {
color: #098de1 !important;
font-size: 16px !important;
}

.vdatetime-popup {
-webkit-box-sizing: border-box;
box-sizing: border-box;
z-index: 9 !important;
position: absolute !important;
top: 262px !important;
left: 171px !important;
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
width: 340px !important;
max-width: 340px !important;
-webkit-box-shadow: 0 1px 3px 0 rgba(0, 0, 0, .3);
box-shadow: 0 1px 3px 0 rgba(0, 0, 0, .3);
color: #444;
font-family: 'SanFranciscoDisplayRegular' !important;
line-height: 1.18;
background: #fff;
-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}


.vdatetime-overlay {
z-index: 999;
position: absolute !important;
top: 0;
right: 0;
bottom: 0;
left: 0;
background: transparent !important;
-webkit-transition: opacity .5s;
transition: opacity .5s;
display: none;
}
.text-danger {
color: #dc3545 !important;
font-size: 14px;
}

#locationModal .modal-sm {
max-width: 520px;
}

#locationModal .modal-header {
background: #9badc1;
}

#locationModal .modal-title {
color: #fff;
font-size: 20px;
font-weight: normal;
font-family: 'SanFranciscoDisplayRegular';
}

#locationModal button.close {
margin: 0;
padding: 0;
color: #fff;
opacity: 1;
font-weight: normal;
}

#locationModal .modal-footer button {
background: #098de1;
border: 1px solid #098de1;
color: #fff;
}

#locationModal .modal-footer button:hover {
background: #fff;
border-bottom: 2px solid #098de1;
color: #098de1;
}

#locationModal .dropdown-toggle::after {

display: none;
}

#locationModal .modal-body input#ip-address {
height: 47px;
}

.form-group #ip-address {
height: 44px;
}

.nopermission {
float: left;
width: 100%;
background: #fff;
padding: 100px;
box-shadow: 0 0 7px 1px #ddd;
border: 1px solid #d3dee3;
border-radius: 5px;
font-size: 28px;
text-align: center;
font-weight: 300;
}

.v-select .dropdown-toggle {
border: 1px solid #bababa;
border-radius: 5px;
padding: 0.375rem 0.75rem;
font-family: 'SanFranciscoDisplayRegular';
font-size: 15px;
width: 100%;
float: left;
background: #fff !important;
}
.vs__selected-options {
height: 30px;
}
.v-select.single .selected-tagś{
background-color: transparent;
border-color: transparent;
height: 24px;
}
.v-select.single .selected-tag {
background-color: transparent;
border-color: transparent;
height: 26px;
}

.dropdown-toggle::after {
display: none !important;
}

.admin-page-content .card {
border: none;
margin-bottom: 20px;
}


.card h5.card-header {
padding: 0;
background: transparent;
border-bottom: none;
}

.three-filter {
float: left;
width: 79%;
margin-bottom: 20px;
}
.vdatetime-input {
border: 1px solid rgba(60,60,60,.26);
border-radius: 5px;
border: 1px solid #bababa;
border-radius: 5px;
padding: 0.375rem 0.75rem;
font-family: 'SanFranciscoDisplayRegular';
font-size: 15px;
width: 100%;
float: left;
background: #fff !important;
height: 35px;
}
.vs__selected-options .form-control {
height: 24px;
}
.three-filter .selectbox1 {

width: 24%;
margin-right: 5px;
}

.admin-page-content .card-body {
padding: 0;
}

.vgt-table th.line-numbers, .vgt-table th.vgt-checkbox-col{ background: transparent; }

.vgt-table tbody th.line-numbers {
background: transparent;
}

.vgt-global-search__input.vgt-pull-left {
background: #fff;
margin-bottom: 20px;
}

.vgt-global-search__input.vgt-pull-left .vgt-input.vgt-pull-left {
border: none !important;
}
.vgt-global-search__input .input__icon {
position: absolute;
left: 10px !important;
max-width: 32px;
}

.vgt-global-search__input.vgt-pull-left {
background: #fff;
margin-bottom: 5px;
padding: 8px 20px 7px 40px;
}
.vgt-global-search.vgt-clearfix {
border: none;
}
.vgt-global-search{background: transparent !important; }
.admin-page-content .card {
border: none;
margin-bottom: 20px;
background: transparent !important;
}

.custom-header-date {
position: inherit;
left: 15px;
font-weight: normal;
font-size: 16px;
font-family: 'SanFranciscoDisplayBold';
float: left;
width: 100%;
}
.custom-header-label {
margin: 5px 0 0 0;
vertical-align: top;
}

/*.vgt-table th{ padding-bottom: 0 !important; }*/
.app-filter-good-table-container.hourly-report-table tr:last-child td {

font-family: 'SanFranciscoDisplayBold';
}

/*sidebar*/
.bulletin-view .avtarimg .username-letter {
width: 100%;
height: 100%;
text-align: center;
padding-top: 0.3em;
font-size: 2em;
}
.sales-programs-menu a.router-link-exact-active.router-link-active {
border: 1px solid transparent;
box-shadow: 1px 1px 20px rgba(0, 0, 0, 0.15);
position: relative;
}
.app-sidebar-right .nav-pills > li.active > label, .app-sidebar-right .nav-pills > li.active > a:hover, .app-sidebar-right .nav-pills > li.active > a:focus {
color: #fff;
background-color: #098de1;
}
.nav.nav-list.tree li.active a {
color: #098de1;
}

.sidebar-nav li .fa.fa-angle-up {
float: right;
display: inline-block;
font-size: 32px;
margin: 15px 30px 0 0;
}
.app-filter-good-table-container.hourly-report-table table.vgt-table {
font-size: 16px;
border-collapse: collapse;
background-color: #fff;
width: 2400px !important;
max-width: 2400px !important;
table-layout: auto;
border: 1px solid #dcdfe6;
}
/*.hourly-report-table th.vgt-left-align {
padding-bottom: 0 !important;
}*/

.admin-footer {

margin-top: 250px;
}

/*05-04-2019*/
.header-picker-range.dots-text.flex-1 {
float: left;
width: 100%;
flex: inherit;
}
#DatePicker.datepicker-container .padding-button[data-v-08e12a5e] {
padding: 5px 3px !important;
width: 85px;
}
.btn-primary:not(:disabled):not(.disabled):active, .btn-primary:not(:disabled):not(.disabled).active, .show > .btn-primary.dropdown-toggle {
color: #fff;
background-color: transparent !important;
border-color: transparent !important;
}
.year-month-selector .month-button[data-v-57ad6981] {
text-transform: capitalize;
width: 60px;
}
.year-month-selector.flex.flex-direction-column .custom-button.flex.align-center.justify-content-center.month-button.with-border {
width: 60px;
}
.year-month-selector.flex.flex-direction-column .custom-button.flex.align-center.justify-content-center.with-border {
width: 66px;
}
/*05-04-2019*/

/*06-04-2019*/
.three-filter .selectbox1:last-child {
width: 38%;
}
.danger {
color: red;
font-size: 14px;
}
.vgt-wrap__footer {
  padding: 0.5em 1em;
}
.vgt-wrap__footer {
  width: 100%;
  display: table;
  margin: 50px auto;
  float: none;
  text-align: center;
}
/*06-04-2019*/
.selectlocation {
    position: absolute;
    top: 0;
    right: 20px;
}


.btn.btn-primary.waves-effect.pull-right{ padding: 0.275rem 0.75rem; background: #098de1;
  border-bottom: 2px solid #076eb0; font-size: 15px;}


.btn.btn-primary.waves-effect.pull-right:hover {
  color: #fff;
  background-color: #5a6268;
  border-color: #545b62;
}

.table-action .btn.btn-primary {
  padding: 0.275rem 0.75rem; background: #098de1;
  border-bottom: 2px solid #076eb0; font-size: 15px;
}
.table-action .btn.btn-primary:hover {
  color: #fff;
  background-color: #5a6268;
  border-color: #545b62;
}
.table-action .btn.btn-success.btn-sm {
  padding: .13rem .5rem;
  font-size: 15px;
  border: 2px solid #28a745;
}

.button-demo .btn {
  padding: 0.275rem 0.75rem; background: #098de1;
  border-bottom: 2px solid #076eb0; font-size: 15px;
}
.button-demo .btn:hover {
  color: #fff;
  background-color: #5a6268;
  border-color: #545b62;
}

#benefitHeader .btn.btn-primary.pull-right {
  padding: 0.275rem 0.75rem; background: #098de1;
  border-bottom: 2px solid #076eb0; font-size: 15px;
}
#benefitHeader .btn.btn-primary.pull-right:hover {
  color: #fff;
  background-color: #5a6268;
  border-color: #545b62;
}

#locationModal .modal-footer button { padding: 0.275rem 0.75rem; background: #098de1;
  border-bottom: 2px solid #076eb0; font-size: 15px; }

  #locationModal .modal-footer button:hover {
  color: #fff;
  background-color: #5a6268;
  border-color: #545b62;
}

.vgt-table.bordered .btn.btn-primary.btn-sm {
  padding: .15rem .5rem;
  background: #098de1;
  border-bottom: 2px solid #076eb0;
  font-size: 15px;
}
.vgt-table.bordered .btn.btn-primary.btn-sm:hover {
  color: #fff;
  background-color: #5a6268;
  border-color: #545b62;
}

table.vgt-table td{ vertical-align: middle !important; }
.col-md-6.CustomPad00{ padding-left: 0; padding-right: 0;}
.col-md-6.CustomPad00:first-child {
  margin-bottom: 15px;
  float: left;
}
.ip-segment i[_v-312b3ab3]{ float: right;  }
.col-md-6.CustomAML {
  padding-top: 35px;
}
.col-md-6.CustomAML .form-group {
  margin: 0;
}
.col-md-6.CustomAML .form-group input {
  margin-right: 10px;
}
.CustomChangeProfile .col-md-6 {
  padding-left: 0;
  padding-right: 0;
}
.modal-content {
  margin-top: 130px;
}




.btn.btn-secondary.CustomBtnScreen {
  padding: 5px 0.75rem;
  background: #098de1;
  border-bottom: 2px solid #076eb0 !important;
  font-size: 15px;
  border: none;
}

.btn.btn-secondary.CustomBtnScreen:hover {
  color: #fff;
  background-color: #5a6268;
  border-color: #545b62 !important;
}
#tvScreenLink .fa.fa-film.fa-stack-1x {
  font-size: 18px;
}
.ticket-unprinted.card.mb-2.custom-card-body .card-body {
    border-color: #d03f3f;
}
.v-select .dropdown-menu{margin-top:36px !important; left: 0 !important;}
.cards-left input {
float: left;
width: 100%;
margin: 10px 0 0 0;
padding: 2px 20px 2px 7px;
font-size: 14px;
border: 1px solid #ddd;
}

.cards-left input:focus {
border: 1px solid #ddd;
box-shadow: none;
}
.cards-left span {
float: left;
width: 100%;
font-size: 14px;
line-height: 14px;
margin: 10px 0 0 0;
}
.cards-left .fa.fa-arrow-right {
  position: absolute;
  right: 7px;
  bottom: 8px;
  font-size: 12px;
  cursor: pointer;
  opacity: 0.4;
}

.cards-left .fa.fa-arrow-right:hover { opacity: 1; }
.user-comment-box {
  float: left;
  width: 100%;
  position: relative;
}
.comment-error {
  float: left;
  width: 100%;
  font-size: 13px;
  color: red;
  margin: 3px 0 0 0;
  display: none;
}
.cards-left .fa.fa-spinner {
  position: absolute;
  right: 7px;
  bottom: 8px;
  font-size: 12px;
  cursor: pointer;
  
}

.cards-left a {
  background: #fb4;
  color: #000;
  border-radius: 3px;
  padding: 4px 10px;
  font-size: 12px;
  margin-bottom: 12px;
  float: left;
  margin-top: 8px;
  border:1px solid #fb4;
  width: 100%;
  text-align: center;
}
.cards-left a:hover {
  text-decoration: none;
  color: #fb4;
  background: #fff;
}
.nav-tabs .nav-item:nth-child(3) {
  display: none;
}
.comment-error label {
  margin-bottom: 0;
}
.footer__navigation.vgt-pull-right .footer__navigation__page-btn.disabled {
  background: transparent;
}

.not-attended-ticket {
  float: left;
  margin-top: 0;
  width: 100%;
  margin-bottom: 3px;
}

.not-attended-ticket-label-div {
  float: right;
  font-size: 13px;
  width: 100%;
  text-align: right;
}


.not-attended-ticket .checkbox-placeholder {
  margin: 0 !important;
}
.not-attended-ticket .checkbox-inline.checkbox-bootstrap.checkbox-lg {
  float: left;
  width: auto;
  flex: inherit;
  display: block;
}
.not-attended-ticket .not-attended-ticket-label {
  font-size: 14px;
  margin-left: 6px;
}
.online-offline-message.success {
  background: #28a745 !important;
  font-size: 18px;
  float: left;
  width: 100%;
  text-align: center;
}
.online-offline-message.error {
  background: #dc3545 !important;
  font-size: 18px;
  float: left;
  width: 100%;
  text-align: center;
  
}
.online-offline-message {
  position: absolute;
  left: 0;
  right: 0;
  font-weight: bold;
  top: 0;
  z-index: 9;
  padding: 5px 0;
  color: #fff;
}