/*
Template:  Webster - Responsive Multi-purpose HTML5 Template
Author: potenzaglobalsolutions.com
Design and Developed by: potenzaglobalsolutions.com

NOTE: This file contains the styling for the Admin Template. You can edit/add anything in this file!
*/

/*================================================
[  Table of contents  ]
================================================
 :: header
     - drop down
     - side menu
     - light sidebar
 :: card
 :: dashboard 02
 :: dashboard 04
 :: weather
 :: social
 :: progress
 :: avatar
 :: statistics
 :: footer
 :: login register
 :: lockscreen
 :: profile page
 :: about-me
 :: print
 :: morris cart
 :: calendar
 ::  Sparkline chart
 :: chats
 :: todo task
 :: switch
 :: colorpicker
 :: touchspin
 :: input-group
 :: form
 :: timeline
 :: file-box
 :: editer
 :: project-page
 :: hide axis
 :: shortcode
 
======================================
[ End table content ]
======================================*/

h1, h2, h3, h4, h5, h6 { font-family: 'Poppins', sans-serif; font-weight: normal; color: #363636; margin-top: 0px; }

/*header*/
.header-mob { display: none; }
.admin-header{ background: #ffffff; -webkit-box-shadow: 0 1px 15px 1px rgba(70,64,80,.07); -moz-box-shadow: 0 1px 15px 1px rgba(70,64,80,.07); box-shadow: 0 1px 15px 1px rgba(70,64,80,.07);}
.admin-header.navbar ul.navbar-nav #btnFullscreen.nav-link { margin-top: 6px; }
.admin-header.navbar .navbar-menu-wrapper { transition: width .8s ease; padding: 1px 15px; width: calc(100% - 215px); }
.admin-header.navbar ul.navbar-nav li { margin-left: 10px; }
.admin-header.navbar ul.navbar-nav li a.profile-pic img { width: 35px; }
.admin-header.navbar ul.navbar-nav .nav-link { color: white; }
.admin-header.navbar ul.navbar-nav .nav-link i { font-size: 19px; color: #6c757d; }
.admin-header.navbar .navbar-brand-wrapper { transition: width .5s ease-in-out; width: 215px; }
.admin-header.navbar .navbar-brand-wrapper .navbar-brand { color: #5a5f61; font-size: 2rem; margin-right: 0;}
.admin-header.navbar .navbar-brand-wrapper .navbar-brand img { max-width: 100%; margin: auto; }
.admin-header.navbar .navbar-brand-wrapper .brand-logo-mini { display: none; }
.admin-header.navbar .navbar-brand img { height: 30px;}
.admin-header .navbar-brand { height: auto; padding: 5px 0; }
.admin-header .search .search-btn{ color: #6c757d; padding: 14px; display: table-row; }
.admin-header .search .search-btn:before{ font-size: 16px; }
.admin-header .search-box{ left: -50px; } 
.admin-header .navbar-nav { flex-direction: row;}
.admin-header .nav-item .nav-link.nav-pill.user-avatar img, .admin-header .nav-item .nav-pill.user-avatar.dropdown-toggle img, .tr-avatar { width: 35px; height: 35px; margin: 0; border: 0; border-radius: 50%; }
.admin-header .navbar-nav .nav-item { position: relative; min-width: 50px; margin: 0; text-align: center; }
.admin-header .top-nav{ margin-top: 8px; }
.admin-header .navbar-nav .dropdown-menu{ position: absolute; }

/*drop down*/
.admin-header .dropdown .dropdown-menu{ display: block; left: inherit; right: 0; opacity: 0; visibility: hidden; margin-top: 10px;  -webkit-box-shadow: 0 1px 15px 1px rgba(70,64,80,.07); -moz-box-shadow: 0 1px 15px 1px rgba(70,64,80,.07); box-shadow: 0 1px 15px 1px rgba(70,64,80,.07); border-radius: 0; border: none; -webkit-transition: all 0.3s ease-out 0s; -moz-transition: all 0.3s ease-out 0s; -ms-transition: all 0.3s ease-out 0s; -o-transition: all 0.3s ease-out 0s; transition: all 0.3s ease-out 0s; }
.admin-header .dropdown:hover .dropdown-menu { margin-top: 0; display: block; visibility: visible; opacity: 1; }
.admin-header .nav-link .notification-status { position: absolute; top: 12px; right: 30%; width: 5px; min-width: 5px; height: 5px; min-height: 5px; padding: 0; border-radius: 100%; line-height: 5px; }
.admin-header .dropdown-item .time{ font-size: .65rem;  }
.admin-header .dropdown-item i{ margin-right: 10px;  }
.admin-header .dropdown-item{ font-size: 14px; padding: 10px 1.5rem; }
.nav .dropdown-item{ padding: 0px 1.5rem; }
.admin-header .notifications .badge{ float: right; }
.admin-header .nav-grid { display: inline-block; width: 100%; }
.admin-header .nav-grid .nav-grid-item { display: inherit; width: 49.3%; padding: 20px 5px; text-align: center; vertical-align: middle; text-decoration: none; color: #45567c; }
.admin-header .navbar-nav .dropdown-big { min-width: 320px; }
.admin-header .nav-grid .nav-grid-item i { -webkit-transition: all .3s; transition: all .3s; text-align: center; color: #6c757d; font-size: 32px; }
.admin-header .nav-grid .nav-grid-item h5 { display: block; margin: 10px 0 0; text-align: center; font-size: 14px; font-weight: 400; line-height: 1; }
.content-wrapper { padding: 0px 0px 0px 10px; overflow: hidden; }
.content-wrapper { background: #f3f6f9; margin-left: 215px; min-height: 100vh; transition: all .8s ease; width: 100%; }
.content-wrapper .page-title{ padding:0px;}
.content-wrapper .breadcrumb { background: transparent; }

/* side menu */
.side-menu-fixed { position: fixed; top: 0px; left: 0; width: 230px;  height: 100vh; margin-left: 0; bottom: 0; z-index: 100; box-shadow: 0 5px 5px rgba(0, 0, 0, 0.35); border-right: 0px solid #dedede;
  -webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; overflow-y: scroll;
  overflow: hidden;
}

.scroll-order-list::-webkit-scrollbar, .side-menu-fixed::-webkit-scrollbar {
  width: 7px;
}

.scroll-order-list::-webkit-scrollbar-track, .side-menu-fixed::-webkit-scrollbar-track {
  background: #1D2B39;
  border: 1px solid #384B5E;
}

.scroll-order-list::-webkit-scrollbar-thumb, .side-menu-fixed::-webkit-scrollbar-thumb {
  background: #384B5E; 
}

.scroll-order-list::-webkit-scrollbar-thumb:hover, .side-menu-fixed::-webkit-scrollbar-thumb:hover {
  background: #84ba3f;
}

.side-menu-fixed .right-nav-text { opacity: 1; -webkit-transition: opacity 0.2s ease 0s; -moz-transition: opacity 0.2s ease 0s;  transition: opacity 0.2s ease 0s; }
.side-menu-fixed .side-menu { border: none; height: auto; width: 100%; position: relative; border-radius: 0; margin: 0; background-color: #1e374f;
    backface-visibility: hidden; margin-top: 20px; }
.side-menu-fixed .side-menu-bg { height: 100%; width: 100%; background: #1e374f; }
.side-menu-fixed .side-menu > li { width: 228px; }
.side-menu-fixed .side-menu li.navigation-header > span, .side-menu-fixed .side-menu li.navigation-header > i { padding: 11px 15px; }
.side-menu-fixed .side-menu li.navigation-header > span { font-size: 11px; display: block; text-transform: uppercase; font-weight: 500; color: #878787; }
.side-menu-fixed .side-menu li.navigation-header > i { display: none; font-size: 16px; }
.side-menu-fixed .side-menu li a[aria-expanded="true"] { background: rgba(0, 0, 0, 0.2); }
.side-menu-fixed .side-menu li a[aria-expanded="true"] > i { color: #ffffff; }
.side-menu-fixed .side-menu li a[aria-expanded="true"] .pull-right i:before { content: '\e622'; }
.side-menu-fixed .side-menu li a { width: 100%; text-transform: capitalize; -webkit-transition: 0.3s ease; -moz-transition: 0.3s ease; transition: 0.3s ease; }
.side-menu-fixed .side-menu li a .pull-left > i, .side-menu-fixed .side-menu li a > i { font-size: 14px; width: 20px; display: inline-block; text-align: left; margin-right: 10px; }
.side-menu-fixed .side-menu li a .pull-right i { color: #878787;  line-height: 20px; font-size: 10px; }
.side-menu-fixed .side-menu > li > a { display: block; color: rgba(255,255,255,0.7); padding: 12px 25px; font-size: 13px; }
.side-menu-fixed .side-menu > li > a:hover { background: rgba(0, 0, 0, 0.2); color: #ffffff; }
.side-menu-fixed .side-menu > li > a:focus, .side-menu-fixed .side-menu > li > a.active { background: rgba(0, 0, 0, 0.2); color: #ffffff; }
.side-menu-fixed .side-menu > li ul.collapse li a.active { background: rgba(0, 0, 0, 0.2); color: #ffffff; }
.side-menu-fixed .side-menu > li > a.active .pull-right i { color: #ffffff; }
.side-menu-fixed .side-menu > li a.active-page { background: rgba(0, 0, 0, 0.2); }
.side-menu-fixed .side-menu > li > ul > li a { padding: 7px 15px 7px 55px; display: block; color: rgba(255,255,255,0.7); font-size: 12px; font-weight: 300; }
.side-menu-fixed .side-menu > li > ul > li a:hover, .side-menu-fixed .side-menu > li > ul > li a:focus, .side-menu-fixed .side-menu > li > ul > li a:active { background: rgba(0, 0, 0, 0.3); color: #ffffff; }
.side-menu-fixed .side-menu > li > ul > li > ul > li > ul > li a { padding-left: 62px; color: rgba(255,255,255,0.7); }
.side-menu-fixed .side-menu > li > ul > li > ul > li > ul > li > ul > li a { padding-left: 72px; }
.side-menu-fixed #toogleRight { display: none; }
.side-menu-fixed .collapse, .side-menu-fixed .collapsing { background: rgba(0,0,0,0.2);  }
.side-menu-fixed .badge { font-weight: 500; border-radius: 3px; padding: .25em .4em; }
.side-menu-fixed .side-menu > li > ul > li > ul > li a:hover, .side-menu-fixed .side-menu > li > ul > li > ul > li a:focus, .side-menu-fixed .side-menu > li > ul > li > ul > li a:active {
        color: #ffffff; }
.side-menu-fixed .side-menu > li ul.collapse li a.active {  color: #ffffff; }
a.button-toggle-nav { color: #878787; position: relative; }
a.button-toggle-nav i  { font-size: 21px; vertical-align: middle; }
.slide-menu .navbar.navbar-inverse.navbar-fixed-top .nav-header { width: 44px; }
.slide-menu .navbar.navbar-inverse.navbar-fixed-top .nav-header .logo-wrap .brand-text {  opacity: 0; visibility: hidden; }
.slide-menu.sidebar-hover .navbar.navbar-inverse.navbar-fixed-top .nav-header { width: 230px; }
.slide-menu.sidebar-hover .navbar.navbar-inverse.navbar-fixed-top .nav-header .logo-wrap .brand-text { opacity: 1; visibility: visible; }
.slide-menu .side-menu-fixed { width: 44px; } 
.slide-menu .side-menu-fixed .side-menu li.navigation-header > span { display: none; }
.slide-menu .side-menu-fixed .side-menu li.navigation-header > i { display: block; }
.slide-menu .side-menu-fixed .collapse.in { display: none; }
.slide-menu .side-menu-fixed #btnFullscreen { display: none; }
.slide-menu .side-menu-fixed #toogleLeft { display: none; }
.slide-menu .side-menu-fixed #toogleRight { display: block; }
.slide-menu .side-menu-fixed .right-nav-text { opacity: 0; }
.slide-menu .side-menu-fixed .side-menu > li > a { padding: 12px 16px; }
.slide-menu .content-wrapper { margin-left: 44px; }
.content-wrapper { margin-left: 230px; background: #fafafa;position: relative; -webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out;  transition: all 0.5s ease-in-out;  left: 0; }
.wrapper.no-transition .side-menu-fixed, .wrapper.no-transition .content-wrapper { -webkit-transition: all 0s ease; -moz-transition: all 0s ease; transition: all 0s ease; }
.slide-menu .side-menu-fixed .other-packages { opacity: 0; }

/*light sidebar*/
.side-menu-fixed.light-side-menu { box-shadow: 0 5px 25px rgba(0, 0, 0, 0.08); }
.side-menu-fixed.light-side-menu .side-menu-bg { background: #ffffff;}
.side-menu-fixed.light-side-menu .side-menu { background: #ffffff; }
.side-menu-fixed.light-side-menu .side-menu > li > a  { color: rgba(0,0,0,0.9); }
.side-menu-fixed.light-side-menu .side-menu > li > ul > li a { color: rgba(0,0,0,0.9); }
.side-menu-fixed.light-side-menu > li > a:hover { background: transparent; color: #84ba3f; }
.side-menu-fixed.light-side-menu .collapse { background: transparent; color: #84ba3f; }
.side-menu-fixed.light-side-menu .side-menu li a[aria-expanded="true"] { background: transparent; color: #84ba3f; }
.side-menu-fixed.light-side-menu .side-menu > li > ul > li a:hover, .side-menu-fixed.light-side-menu .side-menu > li > ul > li a:focus, .side-menu-fixed.light-side-menu .side-menu > li > ul > li a:active { background: transparent; color: #84ba3f; }
.side-menu-fixed.light-side-menu .side-menu > li > a:hover { background: transparent; color: #84ba3f; }
.side-menu-fixed.light-side-menu .side-menu > li > a:focus, .side-menu-fixed.light-side-menu .side-menu > li > a.active { background: transparent; color: #84ba3f; }
.side-menu-fixed.light-side-menu > li > ul > li a { font-size: 13px; font-weight: 400; }
.side-menu-fixed.light-side-menu .side-menu > li > a.active .pull-right i { color: rgba(0,0,0,0.9); }
.side-menu-fixed.light-side-menu .collapse, .side-menu-fixed.light-side-menu .collapsing { background: transparent;  }
.side-menu-fixed.light-side-menu .side-menu > li ul.collapse li a.active { background: transparent; color: #84ba3f; }

/*card*/
.card { border-radius: 10px; border: 0; -webkit-box-shadow: 0 1px 15px 1px rgba(70,64,80,.07); -moz-box-shadow: 0 1px 15px 1px rgba(70,64,80,.07); box-shadow: 0 1px 15px 1px rgba(70,64,80,.07);}
.card.card-statistics .highlight-icon { font-size: 3.125rem; }
.card.card-statistics p{ margin-bottom: 0.25rem; }
.card-title { margin-bottom: 30px; }
.card .info-btn, .card .info-drop{ position: absolute; right: 20px; top: 16px; font-size: 18px; cursor:pointer;}
.card .info-drop .dropdown-menu{ font-size: 14px; right: 0 !important; left: initial !important; border-radius: 0; border: none; -webkit-box-shadow: 0 1px 15px 1px rgba(70,64,80,.07); -moz-box-shadow: 0 1px 15px 1px rgba(70,64,80,.07); box-shadow: 0 1px 15px 1px rgba(70,64,80,.07); transform: translate3d(0, 29px, 0px) !important; }
.card .info-drop .dropdown-menu i{ margin-right: 10px; }
.card .info-drop button{ background: transparent; border: none; cursor:pointer;}
.card-detail-list li { font-size: 14px; text-transform: uppercase; margin-top: 10px; }

/*icon box*/
.card .card-body .icon-box { width: 60px; height: 60px; text-align: center; }  
.card.card-statistics .icon-box .highlight-icon { font-size: 30px; line-height: 60px; }  
.card.card-statistics .icon-box-fixed { position: absolute; }
.card.card-statistics .icon-box-fixed .highlight-icon { font-size:80px; line-height: 70px; color: rgba(255,255,255,0.5); } 
.card .card-body .newsletter-icon { position: absolute; right: 0; bottom: 0px; font-size: 160px; line-height: 160px; color: rgba(0,0,0,0.04); transform: rotate(-16deg); }

/*dashboard 02*/
.active-user { padding: 30px 0; }
.active-user span { font-size: 70px; line-height: 70px; display: block; }

/*dashboard 04*/
.admin-header.header-dark { background: #1e374f; box-shadow: none; }
.admin-header.header-dark a.button-toggle-nav { line-height: 58px; }
.header-info { position: relative; }
.header-info:before { content: ''; display: block; height: 230px; left: 0; top: 0; width: 100%; position: absolute; background: #1e374f; z-index: 0; }
.header-info .card .info-drop.header-info-button button { background: #6c757d; color: #ffffff; }
.header-info .card .info-drop.header-info-button .dropdown-menu { margin: 11px 0 0;  }
.account-overview { margin-top: 50px; position: relative; }
.admin-header.header-dark .search .search-btn, .admin-header.header-dark a.button-toggle-nav, .admin-header.header-dark.navbar ul.navbar-nav .nav-link i { color: #98a2ab; }

/*weather*/
.weather-box .weather-degree { font-size: 60px; }
.weather-box-bg .weather-degree { font-size: 60px; }
.weather-box-bg b, .weather-box-bg p  { font-size: 30px; }
.weather-icons-page li { font-size: 50px; line-height: 50px; padding: 20px; }
.weather-icon i { font-size: 70px; line-height: 70px; }

/*social*/
.fb-bg { background: #5d82d1; }
.youtube-bg { background: #ef4e41; }
.twitter-bg { background: #40bff5; }
.instagram-bg { background: #e1326b; }

/*progress*/
.progress.progress-small { height: 7px; }

/*avatar*/
.avatar-small { width: 50px; border-radius: 50%; }
.avatar-online {  position: absolute; right: 16px; bottom: 0; width: 12px; height: 12px; border: 2px solid #fff; border-radius: 100%; }
.avatar-top  { margin-top: -90px; }
.tab .nav.nav-tabs li a { padding: 6px 20px; }

/*statistics*/
.statistics .revenue .icon{ font-size: 70px;}
.statistics .revenue .number{ font-size: 40px; }
.statistics .user-activity .number { font-size: 40px; }

/*footer*/
footer a { color: #363636; }

/*login register */
.admin-login, .admin-register { background: #f3f6f9; }

/*lockscreen*/
.lockscreen .user-info { display: flex; flex-direction: column; justify-content: center; padding: 30px 0 20px; }
.lockscreen .user-info img { max-width: 85px; width: 100%; border-radius: 100%; margin: 0 auto 15px; border: 3px solid #fff; }
.lockscreen .form-group { position: relative; }
.lockscreen .lockscreen-button { position: absolute; top: 0; right: 0; padding: 12px 20px; cursor:pointer; }

/*profile page*/
.profile-page .user-info { position: absolute; bottom: 20px; width: 100%; padding:0px 20px; }
.profile-page .user-info .user-dp img { max-width: 120px; width: 100%; border-radius: 100%; margin: 0 auto; border: 5px solid #fff; box-shadow: 0 1px 15px 1px rgba(70,64,80,.07); }
.profile-page .user-info .user-dp, .profile-page .user-info .user-detail{ display: table-cell; vertical-align: middle;}
.profile-page .user-info .user-dp { padding-right: 30px; }
.profile-page .user-bg{ position: relative; padding: 100px 0; }
.profile-page .user-bg:before{ position: absolute; width: 100%; bottom: 0; content: ""; background: -moz-linear-gradient(top,rgba(0,0,0,0) 0,rgba(0,0,0,0.9) 100%); background: -webkit-gradient(linear,left top,left bottom,color-stop(0,rgba(0,0,0,0)),color-stop(100%,rgba(0,0,0,0.9))); background: -webkit-linear-gradient(top,rgba(0,0,0,0) 0,rgba(0,0,0,0.9) 100%); background: -o-linear-gradient(top,rgba(0,0,0,0) 0,rgba(0,0,0,0.9) 100%); background: -ms-linear-gradient(top,rgba(0,0,0,0) 0,rgba(0,0,0,0.9) 100%); background: linear-gradient(to bottom,rgba(0,0,0,0) 0,rgba(0,0,0,0.9) 100%); top: auto; height: 75%; transition: all .35s; }
.profile-page .user-detail h2, .profile-page .user-detail p{ color: #fff;  }
.form-control, .card-footer:last-child{ border-radius: 0; }

/*about-me*/
.about-me ul { margin-top: 20px; }
.about-me ul li { margin-bottom: 10px; }
.about-me ul li span{ margin-right: 10px; }
.activities .thumb img, .notification .thumb img { width: 2.25rem; height: 2.25rem; border-radius: 50%; }
.notification .noti-info a{ color: #363636; font-size: 16px; }
.notification .noti-info a:hover{ color: #84ba3f; }
.tickets .tickets-info a{ color: #363636; font-size: 18px; }
.tickets .tickets-info a:hover{ color: #84ba3f; }
.tickets .thumb img{ width:3rem; height: 3rem; border-radius: 50%; }
.tickets .customer { font-size: 80%; display: block; }

/*print*/
@media print { 
 .sidebar, footer, .admin-header, .page-title, #back-to-top { display: none !important; } 
 .content-wrapper{ width: 100% !important; margin-left:0;  }
}

/*morris cart */
.morris-hover{position:absolute;z-index:1000}.morris-hover.morris-default-style{border-radius:10px;padding:6px;color:#666;background:rgba(255,255,255,0.8);border:solid 2px rgba(230,230,230,0.8);font-family:sans-serif;font-size:12px;text-align:center}.morris-hover.morris-default-style .morris-hover-row-label{font-weight:bold;margin:0.25em 0}
.morris-hover.morris-default-style .morris-hover-point{white-space:nowrap;margin:0.1em 0}

/*calendar*/
.calendar-main { background: #ffffff; padding: 28px; }
.fc-button { background: #f8f9fa; border: none;color: #454347; text-transform: capitalize;box-shadow: none !important; border-radius: 3px !important; margin: 0 3px !important;
  padding: 6px 12px !important; height: auto !important; }
.fc-state-active { background: #84ba3f; color:#ffffff; }
.fc-today-button { background: #84ba3f; color:#ffffff; }
.fc-button:focus, .fc-button:active { outline: 0; }
.fc-event { border-radius: 2px; border: none; cursor: move; font-size: 13px; margin: 5px 7px; padding: 5px 5px;  text-align: center; }
.fc-day-grid-event .fc-time, .fc-day-grid-event .fc-title { color: #ffffff; }
.external-event { cursor: move; margin: 10px 0; padding: 10px; }
.external-event.bg-primary { background: #8854d0; background: rgba(136, 84, 208, 0.4) !important;  color: #773cc9; }
.external-event.bg-success { background: #26de81; background: rgba(38, 222, 129, 0.4) !important; color: #1ec772; }
.external-event.bg-info { background: #45aaf2; background: rgba(69, 170, 242, 0.4) !important; color: #289df0; }
.external-event.bg-warning { background: #fed330; background: rgba(254, 211, 48, 0.4) !important; color: #fecd12; }
.external-event.bg-danger { background: #fc5c65; background: rgba(252, 92, 101, 0.4) !important; color: #fb3e49; }
.modal-dialog select.form-control:not([size]):not([multiple]) { height: calc(2.8rem + 2px); }
select.form-control:not([size]):not([multiple]) { height: calc(2.8rem + 2px); }

/* Sparkline chart */
.jqstooltip {-webkit-box-sizing: content-box;-moz-box-sizing: content-box;box-sizing: content-box; width: auto !important; height: auto !important; background-color: #313a46 !important; padding: 5px 10px !important; -webkit-border-radius: 3px;  border-radius: 3px;  -moz-border-radius: 3px;  border-color: #313a46 !important; }

/*chats*/
.chats .chat-wrapper { margin-bottom: 20px; }
.chats .chat-wrapper .chat-avatar { display: table-cell; vertical-align: top; padding-right: 20px;  width: 80px; }
.chats .chat-wrapper .chat-body { background: #f7f7f7; position: relative; display: table-cell; margin-left: 10px; border-radius: 3px; }
.chats .chat-wrapper .chat-body:before { content: ""; width: 0; height: 0; border-style: solid; border-width: 13px 10px 13px 0; border-color: transparent #f7f7f7 transparent transparent; position: absolute; left: -10px; top: 10px; border-radius: 3px 0 0 3px; }
.chats .chat-wrapper.chat-me { margin-right: 20px;  }
.chats .chat-wrapper.chat-me .chat-body { background: #84ba3f; float: right;  text-align: right; display: table; }
.chats .chat-wrapper.chat-me .chat-body p { color: #ffffff; margin-bottom: 0; }
.chats .chat-wrapper.chat-me .chat-body:before { content: ""; width: 0; height: 0; border-style: solid; border-width: 13px 0 10px 13px; border-color: transparent transparent transparent #84ba3f; position: absolute; right: -10px; top: 10px; left: inherit; border-radius: 3px 0 0 3px; }
.chats .chat-wrapper .chat-input { display: table-cell; padding-right: 10px; width: 100%; }
.chats .chat-wrapper .chat-button { display: table-cell; vertical-align: middle; }
.chats .chat-wrapper .chat-button a { font-size: 20px; width: 40px; height: 40px; line-height: 40px; text-align: center; display: block; background: #84ba3f; color: #ffffff; margin-top: 2px;  border-radius: 50%; }

/*todo task*/
ul.to-do li .remember-checkbox input[type=checkbox]:checked ~ label { color: #a1a7ab; text-decoration: line-through; }
 
/*switch*/
.checkbox.checbox-switch { padding-left: 0; }
.checkbox.checbox-switch label,
.checkbox-inline.checbox-switch { display: inline-block; position: relative; padding-left: 0; }
.checkbox.checbox-switch label input,
.checkbox-inline.checbox-switch input { display: none; }
.checkbox.checbox-switch label span,
.checkbox-inline.checbox-switch span { width: 55px; border-radius: 20px; height: 28px; border: 1px solid #dbdbdb; background-color: rgb(255, 255, 255); border-color: rgb(223, 223, 223);
    box-shadow: rgb(223, 223, 223) 0px 0px 0px 0px inset; transition: border 0.4s ease 0s, box-shadow 0.4s ease 0s; display: inline-block;  vertical-align: middle; margin-right: 5px; }
.checkbox.checbox-switch label span:before,
.checkbox-inline.checbox-switch span:before { display: inline-block; width: 26px;height: 26px;  border-radius: 50%;  background: rgb(255,255,255);  content: " "; top: 0; position: relative; left: 0; transition: all 0.3s ease; box-shadow: 0 1px 4px rgba(0,0,0,0.4); }
.checkbox.checbox-switch label > input:checked + span:before,
.checkbox-inline.checbox-switch > input:checked + span:before { left: 26px; }

/* Switch Default */
.checkbox.checbox-switch label > input:checked + span,
.checkbox-inline.checbox-switch > input:checked + span { background-color: rgb(180, 182, 183); border-color: rgb(180, 182, 183); box-shadow: rgb(180, 182, 183) 0px 0px 0px 8px inset;
    transition: border 0.4s ease 0s, box-shadow 0.4s ease 0s, background-color 1.2s ease 0s; }
.checkbox.checbox-switch label > input:checked:disabled + span,
.checkbox-inline.checbox-switch > input:checked:disabled + span { background-color: rgb(220, 220, 220); border-color: rgb(220, 220, 220); box-shadow: rgb(220, 220, 220) 0px 0px 0px 8px inset;  transition: border 0.4s ease 0s, box-shadow 0.4s ease 0s, background-color 1.2s ease 0s; }
.checkbox.checbox-switch label > input:disabled + span,
.checkbox-inline.checbox-switch > input:disabled + span { background-color: rgb(232,235,238); border-color: rgb(255,255,255); }
.checkbox.checbox-switch label > input:disabled + span:before,
.checkbox-inline.checbox-switch > input:disabled + span:before { background-color: rgb(248,249,250); border-color: rgb(243, 243, 243); box-shadow: 0 1px 4px rgba(0,0,0,0.1);}
/* Switch Light */
.checkbox.checbox-switch.switch-light label > input:checked + span,
.checkbox-inline.checbox-switch.switch-light > input:checked + span { background-color: rgb(248,249,250); border-color: rgb(248,249,250); box-shadow: rgb(248,249,250) 0px 0px 0px 8px inset;  transition: border 0.4s ease 0s, box-shadow 0.4s ease 0s, background-color 1.2s ease 0s; }
/* Switch Dark */
.checkbox.checbox-switch.switch-dark label > input:checked + span,
.checkbox-inline.checbox-switch.switch-dark > input:checked + span { background-color: rgb(52,58,64); border-color: rgb(52,58,64); box-shadow: rgb(52,58,64) 0px 0px 0px 8px inset;
    transition: border 0.4s ease 0s, box-shadow 0.4s ease 0s, background-color 1.2s ease 0s;}
.checkbox.checbox-switch.switch-dark label > input:checked:disabled + span,
.checkbox-inline.checbox-switch.switch-dark > input:checked:disabled + span { background-color: rgb(100, 102, 104); border-color: rgb(100, 102, 104); box-shadow: rgb(100, 102, 104) 0px 0px 0px 8px inset;   transition: border 0.4s ease 0s, box-shadow 0.4s ease 0s, background-color 1.2s ease 0s; }
/* Switch Success */
.checkbox.checbox-switch.switch-success label > input:checked + span,
.checkbox-inline.checbox-switch.switch-success > input:checked + span { background-color: rgb(40, 167, 69); border-color: rgb(40, 167, 69); box-shadow: rgb(40, 167, 69) 0px 0px 0px 8px inset; transition: border 0.4s ease 0s, box-shadow 0.4s ease 0s, background-color 1.2s ease 0s; }
.checkbox.checbox-switch.switch-success label > input:checked:disabled + span,
.checkbox-inline.checbox-switch.switch-success > input:checked:disabled + span { background-color: rgb(153, 217, 168); border-color: rgb(153, 217, 168); box-shadow: rgb(153, 217, 168) 0px 0px 0px 8px inset; }
/* Switch Danger */
.checkbox.checbox-switch.switch-danger label > input:checked + span,
.checkbox-inline.checbox-switch.switch-danger > input:checked + span { background-color: rgb(200, 35, 51); border-color: rgb(200, 35, 51); box-shadow: rgb(200, 35, 51) 0px 0px 0px 8px inset;  transition: border 0.4s ease 0s, box-shadow 0.4s ease 0s, background-color 1.2s ease 0s; }
.checkbox.checbox-switch.switch-danger label > input:checked:disabled + span,
.checkbox-inline.checbox-switch.switch-danger > input:checked:disabled + span { background-color: rgb(216, 119, 129);  border-color: rgb(216, 119, 129);  box-shadow: rgb(216, 119, 129) 0px 0px 0px 8px inset;  transition: border 0.4s ease 0s, box-shadow 0.4s ease 0s, background-color 1.2s ease 0s; }
/* Switch Primary */
.checkbox.checbox-switch.switch-primary label > input:checked + span,
.checkbox-inline.checbox-switch.switch-primary > input:checked + span { background-color: rgb(0, 105, 217); border-color: rgb(0, 105, 217); box-shadow: rgb(0, 105, 217) 0px 0px 0px 8px inset;  transition: border 0.4s ease 0s, box-shadow 0.4s ease 0s, background-color 1.2s ease 0s; }
.checkbox.checbox-switch.switch-primary label > input:checked:disabled + span,
.checkbox-inline.checbox-switch.switch-primary > input:checked:disabled + span { background-color: rgb(109, 163, 221);  border-color: rgb(109, 163, 221);  box-shadow: rgb(109, 163, 221) 0px 0px 0px 8px inset; transition: border 0.4s ease 0s, box-shadow 0.4s ease 0s, background-color 1.2s ease 0s; }
/* Switch Info */
.checkbox.checbox-switch.switch-info label > input:checked + span,
.checkbox-inline.checbox-switch.switch-info > input:checked + span {background-color: rgb(23, 162, 184); border-color: rgb(23, 162, 184); box-shadow: rgb(23, 162, 184) 0px 0px 0px 8px inset; transition: border 0.4s ease 0s, box-shadow 0.4s ease 0s, background-color 1.2s ease 0s; }
.checkbox.checbox-switch.switch-info label > input:checked:disabled + span,
.checkbox-inline.checbox-switch.switch-info > input:checked:disabled + span { background-color: rgb(102, 192, 206); border-color: rgb(102, 192, 206); box-shadow: rgb(102, 192, 206) 0px 0px 0px 8px inset; transition: border 0.4s ease 0s, box-shadow 0.4s ease 0s, background-color 1.2s ease 0s; }
/* Switch Warning */
.checkbox.checbox-switch.switch-warning label > input:checked + span,
.checkbox-inline.checbox-switch.switch-warning > input:checked + span { background-color: rgb(255, 193, 7); border-color: rgb(255, 193, 7); box-shadow: rgb(255, 193, 7) 0px 0px 0px 8px inset;  transition: border 0.4s ease 0s, box-shadow 0.4s ease 0s, background-color 1.2s ease 0s;}
.checkbox.checbox-switch.switch-warning label > input:checked:disabled + span,
.checkbox-inline.checbox-switch.switch-warning > input:checked:disabled + span { background-color: rgb(226, 195, 102); border-color: rgb(226, 195, 102); box-shadow: rgb(226, 195, 102) 0px 0px 0px 8px inset; transition: border 0.4s ease 0s, box-shadow 0.4s ease 0s, background-color 1.2s ease 0s; }

/*colorpicker*/
.colorpicker-component span.input-group-addon { padding: 15px 20px; background: #ffffff; border:1px solid rgba(0,0,0,0.06); }

/*touchspin*/
.bootstrap-touchspin span.input-group-addon { padding: 15px 20px; background: #efefef; }
.bootstrap-touchspin span.input-group-btn button { background: #323232; color: #ffffff; border-radius: 0; padding: 13px 20px; }
.bootstrap-touchspin span.input-group-btn button:hover {  background:#383434; }
.bootstrap-touchspin .input-group-btn-vertical { width: 6%; }
.bootstrap-touchspin .input-group-btn-vertical>.btn { padding: 13px 20px; border-radius: 0;  background: #323232; }
.bootstrap-touchspin .input-group-btn-vertical i { font-size: 14px; color: #ffffff; left: 18px; top: 5px; }
.bootstrap-touchspin .input-group-btn-vertical>.btn:hover {  background:#383838; }
.bootstrap-touchspin.input-group-sm span.input-group-btn button { padding: 6px 16px; border-radius: 0px; }
.bootstrap-touchspin.input-group-sm .btn { border-radius: 0px; }
.bootstrap-touchspin.input-group-sm span.input-group-addon { padding: 6px 20px; }
.bootstrap-touchspin.input-group-lg span.input-group-btn button { padding: 17px 26px; border-radius: 0px; }
.bootstrap-touchspin.input-group-lg .btn { border-radius: 0px; }
.bootstrap-touchspin.input-group-lg span.input-group-addon { padding: 17px 26px; }

/*input-group*/
.input-group-prepend { padding: 0; border:0 !important; margin-right: 0; margin-left: 0; border-radius: 0; }
.input-group-append { margin-left: 0; }

/*form*/
.form-control-lg { padding: 1rem 1rem; font-size: 1.25rem; }
.form-control-sm { padding: 0.4rem 1rem; }
select.form-control-lg:not([size]):not([multiple]) { height: calc(3.8rem + 2px); }
select.form-control-sm:not([size]):not([multiple]) { height: calc(1.9rem + 2px); }

/*timeline*/
.admin-timeline { padding: 50px 160px; }
.admin-timeline .timeline > li > .timeline-panel:before { right: -35px; }
.admin-timeline .timeline > li > .timeline-panel { border-radius: 3px; }

/*file-box*/
.file-box a { font-size: 30px; line-height: 30px; padding-top: 6px; color: #323232; }
.file-box a:hover { color: #84ba3f; }

/*editer */
.note-editor { z-index: 9; }
.note-editor.note-frame { border-color: #f6f7f8; }
.note-editor.note-frame.fullscreen { background: #ffffff; }
.note-editor .modal-header .close { position: absolute; right: 30px; }
.note-editor .modal-header .modal-title { line-height: 24px; }
.note-editor .modal-body .form-group .note-form-label { display: block; }
.note-editor .modal-body .form-group input { color: #323232; }
.note-editor .checkbox input { margin-right: 10px; }
.editor-toolbar.fullscreen, .CodeMirror-fullscreen { z-index: 9999; }

/*project-page*/
.project-page  .nice-select { height: 43px; line-height: 43px; }
.custom-file-label::after { font-family: 'Poppins', sans-serif; }
 
/*hide-axis*/
.hide-axis text[text-anchor="middle"], .hide-axis text[text-anchor="end"] { display:none }

/*shortcode*/
.admin-shortcode ul li a { font-size: 14px; display: block; padding:50px; text-transform: capitalize; color: #323232; background: #f6f7f8; margin-bottom: 30px;  }
.admin-shortcode ul li a span { display: table-cell; vertical-align: middle; padding-left: 20px; -webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out;  transition: all 0.5s ease-in-out; }
.admin-shortcode ul li a i { font-size: 50px; margin-right: 15px; color: #626262; display: table-cell; -webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out;  transition: all 0.5s ease-in-out; }
.admin-shortcode ul li a:hover i { transform: scale(1.3); } 

/*jobsSummary*/
.job-pad { padding: 20px 35px 25px 25px; }


.dash-search-input { background: rgba(255,255,255,.2); }
.dash-br { border-right: 1px solid rgba(255,255,255,.1) }
.dash-title { 
	font-size: 17px;
    margin-bottom: 6px;
    color: #fff; 
}
.dash-date-time {
    font-size: 13px;
    color: #fff;
}
.card-job { 
    padding: 15px;
}
.row-job {
    margin: 0px;
}
.card-job-item {
    background-color: #fff;
    width: calc(33.3333% - 13.3333px);
    max-width: calc(33.3333% - 13.3333px);
    padding: 2px;
    border-radius: 4px;
}
.card-job-item p {
    margin-bottom: 3px;
}
.card-job-item span {
    font-size: 16px;
}
.card-job-item p {
    margin-bottom: 3px;
    font-size: 10px;
}
.card-job-item-corner {
    margin: 10px;
}
.card-job-item-middle {
    margin: 0px 0px 10px 0px;
}
.card-job-item-middle span {
    font-size: 19px;
    font-weight: bold;
}
.card-job-main {
    padding: 15px 0px 15px 0px;
    border-radius: 4px;
    background: #1e374f;
}

.form-inline .input-group-date {
	width: 120px;
	margin-right: 10px;
}
.form-inline .input-date {
	padding: 2px;
	border: 1px solid rgba(0,0,0,.3);
}
.form-inline .input-date-icon {
	padding: 4px 6px;
	border: 1px solid rgba(0,0,0,.3);
}
.table-bordered tbody tr td {
	padding: 0px 3px;
}
.table-hover tbody tr:hover td,
.table-hover tbody tr:hover th {
  background-color: #1e374f !important;
  color: #ffffff !important;
}

.job-status-circle {
	width: 12px;
	height: 12px;
}


/* Major Job */
.cont-header {
	background: #1e374f;
    padding: 7px 7px 7px 10px;
}
.cont-header h1 {
    color: #ffffff;
    margin-bottom: 0px;
}

.cont-header-empty {
	background: #1e374f;
	padding: 7px 7px 0px 10px;
}

.tr-table-td {
    padding: 12px 0px 12px 0px !important;
}

.tr-header-white {
    background: #1e374f !important;
    padding: 12px 3px 12px 3px !important;
    font-size: 12px !important;
    border: 0px !important;
    color: #ffffff !important;
}

.tr-header-green {
    background: #1e374f;
    padding: 12px 3px 12px 3px !important;
    font-size: 12px !important;
    border: 0px !important;
    color: #84ba3f;
}

.tr-subheader-title {
	font-size: 11px;
    color: #fff;
}

.tr-label {
	color: #637582;
	font-size: 11px;
}

.tr-middle {
    position: relative;
    top: 50%;
    transform: translate(0, -50%);
}

.div-input-bottom {
    border-bottom: 1px solid #9e9e9e !important;
    height: 20px !important;
    width: 100% !important;
    font-size: 15px !important;
    padding: 0 !important;
    color: #3498DB !important;
    font-weight: 600 !important;
    line-height: 1 !important;
}

.div-input-bottom-disable {
    border-bottom: 1px solid #9e9e9e !important;
    margin-top: 10px;
    height: 25px !important;
    width: 100% !important;
    font-size: 15px !important;
    padding: 5px !important;
    font-weight: 600 !important;
    line-height: 1 !important;
    color: #9e9e9e;
	background-position: right 50%;
    background-color: #d6d9dc;
    background-image: repeating-linear-gradient(135deg,transparent,transparent 1px,#fff 1px,#fff 5px,transparent 5px,transparent 6px,#fff 6px,#fff 10px);
    background-size: 7px 7px;
}

.tr-input-bottom {
	background-color: transparent !important;
    border: none !important;
    box-shadow: none !important;
    border-bottom: 1px solid #9e9e9e !important;
    border-radius: 0 !important;
    outline: 0 !important;
    height: 30px !important;
    width: 100% !important;
    font-size: 15px !important;
    margin: 4px 0 3px 0 !important;
    padding: 0 !important;
    color: #3498DB !important;
    box-sizing: content-box !important;
    font-weight: 600 !important;
    line-height: 1 !important;
}

.tr-input-bottom-w {
	background-color: transparent !important;
    border: none !important;
    box-shadow: none !important;
    border-bottom: 1px solid #ffffff !important;
    border-radius: 0 !important;
    outline: 0 !important;
    height: 30px !important;
    width: 100% !important;
    font-size: 15px !important;
    margin: 4px 0 3px 0 !important;
    padding: 0 !important;
    color: #ffffff !important;
    box-sizing: content-box !important;
    font-weight: 600 !important;
    line-height: 1 !important;
}

.tr-input-select-bottom {
	-webkit-appearance: none;
	-moz-appearance: none;
	background-position: right 50%;
    background-repeat: no-repeat;
	background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAAMCAYAAABSgIzaAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMC1jMDYwIDYxLjEzNDc3NywgMjAxMC8wMi8xMi0xNzozMjowMCAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNSBNYWNpbnRvc2giIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6NDZFNDEwNjlGNzFEMTFFMkJEQ0VDRTM1N0RCMzMyMkIiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6NDZFNDEwNkFGNzFEMTFFMkJEQ0VDRTM1N0RCMzMyMkIiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDo0NkU0MTA2N0Y3MUQxMUUyQkRDRUNFMzU3REIzMzIyQiIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDo0NkU0MTA2OEY3MUQxMUUyQkRDRUNFMzU3REIzMzIyQiIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PuGsgwQAAAA5SURBVHjaYvz//z8DOYCJgUxAf42MQIzTk0D/M+KzkRGPoQSdykiKJrBGpOhgJFYTWNEIiEeAAAMAzNENEOH+do8AAAAASUVORK5CYII=);
	background-color: transparent !important;
    border: none !important;
    box-shadow: none !important;
    border-bottom: 1px solid #9e9e9e !important;
    border-radius: 0 !important;
    outline: 0 !important;
    height: 30px !important;
    width: 100% !important;
    font-size: 15px;
    margin: 4px 0 3px 0 !important;
    padding: 0 !important;
    color: #3498DB;
    box-sizing: content-box !important;
    font-weight: 600 !important;
    line-height: 1 !important;
}

.tr-input-select-bottom-w {
	-webkit-appearance: none;
	-moz-appearance: none;
	background-position: right 50%;
    background-repeat: no-repeat;
	background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAAMCAYAAABSgIzaAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMC1jMDYwIDYxLjEzNDc3NywgMjAxMC8wMi8xMi0xNzozMjowMCAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNSBNYWNpbnRvc2giIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6NDZFNDEwNjlGNzFEMTFFMkJEQ0VDRTM1N0RCMzMyMkIiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6NDZFNDEwNkFGNzFEMTFFMkJEQ0VDRTM1N0RCMzMyMkIiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDo0NkU0MTA2N0Y3MUQxMUUyQkRDRUNFMzU3REIzMzIyQiIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDo0NkU0MTA2OEY3MUQxMUUyQkRDRUNFMzU3REIzMzIyQiIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PuGsgwQAAAA5SURBVHjaYvz//z8DOYCJgUxAf42MQIzTk0D/M+KzkRGPoQSdykiKJrBGpOhgJFYTWNEIiEeAAAMAzNENEOH+do8AAAAASUVORK5CYII=);
	background-color: transparent !important;
    border: none !important;
    box-shadow: none !important;
    border-bottom: 1px solid #ffffff !important;
    border-radius: 0 !important;
    outline: 0 !important;
    height: 30px !important;
    width: 100% !important;
    font-size: 15px;
    margin: 4px 0 3px 0 !important;
    padding: 0 !important;
    color: #ffffff;
    box-sizing: content-box !important;
    font-weight: 600 !important;
    line-height: 1 !important;
}

.label-w {
    color:#ffffff;
}

.tr-input-sel-disable {
	-webkit-appearance: none;
	-moz-appearance: none;
    border: none !important;
    box-shadow: none !important;
    border-bottom: 1px solid #9e9e9e !important;
    border-radius: 0 !important;
    outline: 0 !important;
    height: 30px !important;
    width: 100% !important;
    font-size: 15px;
    margin: 4px 0 3px 0 !important;
    padding: 0 !important;
    box-sizing: content-box !important;
    font-weight: 600 !important;
    line-height: 1 !important;
    color: #9e9e9e;
	background-position: right 50%;
    background-color: #d6d9dc;
    background-image: repeating-linear-gradient(135deg,transparent,transparent 1px,#fff 1px,#fff 5px,transparent 5px,transparent 6px,#fff 6px,#fff 10px);
    background-size: 7px 7px;
}

.tr-input-dark-bg {
    -webkit-appearance: none;
    -moz-appearance: none;
	background-position: right 50%;
    background-repeat: no-repeat;
	background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAAMCAYAAABSgIzaAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMC1jMDYwIDYxLjEzNDc3NywgMjAxMC8wMi8xMi0xNzozMjowMCAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNSBNYWNpbnRvc2giIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6NDZFNDEwNjlGNzFEMTFFMkJEQ0VDRTM1N0RCMzMyMkIiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6NDZFNDEwNkFGNzFEMTFFMkJEQ0VDRTM1N0RCMzMyMkIiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDo0NkU0MTA2N0Y3MUQxMUUyQkRDRUNFMzU3REIzMzIyQiIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDo0NkU0MTA2OEY3MUQxMUUyQkRDRUNFMzU3REIzMzIyQiIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PuGsgwQAAAA5SURBVHjaYvz//z8DOYCJgUxAf42MQIzTk0D/M+KzkRGPoQSdykiKJrBGpOhgJFYTWNEIiEeAAAMAzNENEOH+do8AAAAASUVORK5CYII=);
    border-radius: 0 !important;
    height: 30px !important;
    width: 100% !important;
    padding: 4px;
    line-height: 1 !important;
}

.tr-input-group {
	width: 100px;
}

.tr-placeholder-select {
	font-size: 12px !important;
	font-weight: 200 !important;
    color: #363636 !important;
}

.tr-input-bottom::placeholder {
	font-size: 12px;
	font-weight: 200 !important;
    color: #363636;
    opacity: 1; /* Firefox */
}

.tr-input-bottom:-ms-input-placeholder { /* Internet Explorer 10-11 */
	font-size: 11px;
	font-weight: 200 !important;
   	color: #363636;
}

.tr-input-bottom::-ms-input-placeholder { /* Microsoft Edge */
	font-size: 11px;
	font-weight: 200 !important;
   	color: #363636;
}

.tr-selected-item {
	background-color: #3498DB !important;
    color: #fff !important;
    border-radius: 10px;
}

/* Calendar Icon */


/* Calendar Icon */
time.icon
{
  font-size: 12px; /* change icon size */
  display: block;
  position: relative;
  width: 5em;
  height: 5em;
  background-color: #fff;
  border-radius: 0.6em;
  box-shadow: 0 1px 0 #bdbdbd, 0 2px 0 #fff, 0 3px 0 #bdbdbd, 0 4px 0 #fff, 0 5px 0 #bdbdbd, 0 0 0 1px #bdbdbd;
  overflow: hidden;
  -webkit-backface-visibility: hidden;
  -webkit-transform: rotate(0deg) skewY(0deg);
  -webkit-transform-origin: 50% 10%;
  transform-origin: 50% 10%;
}

time.icon *
{
  display: block;
  width: 100%;
  font-size: 12px;
  font-weight: bold;
  font-style: normal;
  text-align: center;
}

time.icon strong
{
  position: absolute;
  top: 0;
  padding: 0.4em 0;
  color: #fff;
  background-color: #84ba3f;
  border-bottom: 1px dashed #006400;
  box-shadow: 0 2px 0 #84ba3f;
}

time.icon em
{
  font-size: 9px;
  position: absolute;
  bottom: 0.2em;
  color: #84ba3f;
}

time.icon span
{
  width: 100%;
  font-size: 15px;
  letter-spacing: -0.05em;
  padding-top: 30px;
  color: #2f2f2f;
}

time.icon:hover, time.icon:focus
{
  -webkit-animation: swing 0.6s ease-out;
  animation: swing 0.6s ease-out;
}

.order-lst time.icon strong
{
  font-size: 10px;
}

.order-lst-hourly {
    background-color: #c001bb !important;
    box-shadow: 0 2px 0 #c001bb !important;
}

.order-lst-load {
    background-color: #0c67f9 !important;
    box-shadow: 0 2px 0 #0c67f9 !important;
}

.vertical-text {
    -webkit-transform: rotate(-90deg);
    -moz-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    -o-transform: rotate(-90deg);
    filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);
    top: 24px;
    position: absolute;
    color: #FFF;
    text-transform: uppercase;
    font-size:11px;
    font-weight:bold;
    width: 66px;
    text-align: center!important;
}

.v-t-load {
    background-color: #0c67f9 !important;
}

.v-t-hourly {
    background-color: #c001bb !important;
}

.table-striped tbody tr:nth-of-type(odd) {
    background-color: rgba(0,0,0,.15);
}

.has-error .form-control {
    border-color: #a94442;
    color: #a94442;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
}

.has-error p {
	color: #a94442;
}

.button-div {
	padding: 1px 7px 2px;
}

.card-body {
	padding: 12px;
}

.custom-marker {
    font-size: 10px;
    padding: 10px;
    background: #fff;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    border: #ffffff solid 1px;
    text-align: center;
    color:#000000;
}

.custom-marker.icon-driver {
    padding: 6px;
}

/* .custom-marker.icon-driver:after, .custom-marker.icon-major-job:after, .custom-marker.icon-pit:after {
    content: '';
    position: absolute;
    border-style: solid;
    border-width: 7px 6px 0;
    border-color: #fff transparent;
    display: block;
    width: 0;
    z-index: 1;
    margin-left: -6px;
    bottom: -6px;
    left: 50%;
} */

#notification {
    position: fixed;
    right: 4px;
    top: 40px;
    z-index: 21;
    max-width: 270px;
    display: none;
}

.app-alert-item {
    background-color: #a5acb0;
    border: 1px solid #edeff0;
    border-radius: 3px;
    color: #fff;
    font-weight: 700;
    margin-top: 4px;
    overflow: hidden;
    padding: 4px 8px;
}

.app-alert-item.mod-error {
    background-color: #eb5a46;
    border-color: #f5d3ce;
}

.trax-day-box {
    width:90%; color:#ffffff; 
    background-color: #1e374f; 
    margin-bottom: 20px; 
    font-size: 40px; 
    text-transform: uppercase;
    line-height: 0.8;
    padding: 5px 0 5px 0
}

.trax-day-box-selected {
    width:100%; color:#ffffff; 
    background-color: #84ba3f; 
    margin-bottom: 20px; 
    font-size: 40px; 
    text-transform: uppercase;
    line-height: 0.8;
    padding: 5px 0 5px 0
}

.trax-daily-week {
    max-width:800px; 
    margin:auto;
}

.trax-daily-outbox {
    width:95px; 
    text-align: center!important;
    margin-right: 15px;
}
.trax-daily-outbox label {
    color: #1e374f; 
    font-size: 16px;
    margin-bottom: 0px;
    text-transform: uppercase;
}
.trax-daily-box {
    width:95px; 
    max-width:95px;
    color:#ffffff; 
    background-color: #1e374f; 
    margin-bottom: 20px; 
    font-size: 36px; 
    text-transform: uppercase;
    line-height: 0.8;
    padding: 5px 0 5px 0
}
.trax-daily-box-selected {
    width:100px; 
    max-width:100px;
    color:#ffffff; 
    background-color: #84ba3f; 
    margin-bottom: 20px; 
    font-size: 36px; 
    text-transform: uppercase;
    line-height: 0.8;
    padding: 5px 0 5px 0
}
.trax-daily-box-dis {
    width:95px; 
    max-width:95px;
    color:#ffffff; 
    background-color: #9e9e9e; 
    margin-bottom: 20px; 
    font-size: 36px; 
    text-transform: uppercase;
    line-height: 0.8;
    padding: 5px 0 5px 0
}

.border-less table{
    border: 0px !important;
}

.border-less .table td, .border-less .table th {
    border-left-width: 0px !important;
}

.dispatch-t .table td, .dispatch-t .table th {
    padding: 6px !important;
}

.print-top-left {
    margin-left:0px;
}

.pager-input {
    height: 34px;
    width: 34px;
    max-width: 150px;
    padding: 2px 1px 2px 1px;
    font-size: 14px;
    line-height: 16px;
    text-align: center;
    outline: none;
    overflow: hidden;
    white-space: nowrap;
    display: inline-block;
}

.pager-box {
    background: #1e374f;
    padding: 7px 7px 7px 10px;
}

.tr-jobtype-selected {
    color: #ffffff !important;
    background-color: #1e374f !important;
}

.tr-dj-block-1st {
    background-color: #ffffff; 
    padding: 12px; 
    margin: 20px 40px 20px 15px;
}

.tr-dj-block {
    background-color: #ffffff; 
    padding: 12px; 
    margin: 0px 40px 20px 15px;
}

.white {
    color:#ffffff;
}

.global-req {
    background: #1e374f; 
    color:#ffffff;
}

.global-req .btn-outline-secondary {
    color: #84ba3f;
    border-color: #84ba3f;
}

/* FIXME Small Devices */
.request-single {
    display: block;
    position: fixed;
    background-color: #ffffff;
    z-index: 20;
    top: 0;
    bottom: 0;
    margin-left: 50%;
    /* Firefox */
    min-width: -moz-calc(50% - 230px);
    /* WebKit */
    min-width: -webkit-calc(50% - 230px);
    /* Opera */
    min-width: -o-calc(50% - 230px);
    /* Standard */
    min-width: calc(50% - 230px);
    overflow-y: scroll;
}

.request-side-tr {
    display: block;
    position: fixed;
    background-color: #ffffff;
    z-index: 20;
    top: 0;
    bottom: 0;
    right:0;
    /* Firefox */
    min-width: -moz-calc(50% - 230px);
    /* WebKit */
    min-width: -webkit-calc(50% - 230px);
    /* Opera */
    min-width: -o-calc(50% - 230px);
    /* Standard */
    min-width: calc(50% - 230px);
    overflow-y: scroll;
}

.request-backdrop {
    display: block;
    position: fixed;
    background-color: #000;
    top: 0;
    bottom: 0;
    z-index: 20;
    opacity: .5;
}

.scroll-ticket-list {
    overflow-y: scroll;
    height: -webkit-calc(100vh - 285px);
    height:    -moz-calc(100vh - 285px);
    height:         calc(100vh - 285px);
}

.scroll-hours-report {
    overflow-y: scroll;
    height: -webkit-calc(100vh - 130px);
    height:    -moz-calc(100vh - 130px);
    height:         calc(100vh - 130px);
    padding-right: 0px;
}

.scroll-top-100 {
    overflow-y: scroll;
    height: -webkit-calc(100vh - 100px);
    height:    -moz-calc(100vh - 100px);
    height:         calc(100vh - 100px);
    padding-right: 0px;
}

.scroll-top-45 {
    overflow-y: scroll;
    height: -webkit-calc(100vh - 45px);
    height:    -moz-calc(100vh - 45px);
    height:         calc(100vh - 45px);
    padding-right: 0px;
}

.tkt-list {
    padding: 12px 20px 12px 20px;
}


.fixed-drivers-map {
    display: block;
    position: fixed;
    padding-right: 0px;
    width: -moz-calc(78% - 230px);
    /* WebKit */
    width: -webkit-calc(78% - 230px);
    /* Opera */
    width: -o-calc(78% - 230px);
    right:0;
    overflow-y: scroll;
}

.fixed-assign-dri {
    display: block;
    position: fixed;
    padding-right: 15px;
    width: -moz-calc(75% - 115px);
    /* WebKit */
    width: -webkit-calc(75% - 115px);
    /* Opera */
    width: -o-calc(75% - 115px);
    right:0;
    overflow-y: scroll;
}

.fixed-order-lst {
    display: block;
    position: fixed;
    left: 230px;
    width: -moz-calc(25% - 115px);
    /* WebKit */
    width: -webkit-calc(25% - 115px);
    /* Opera */
    width: -o-calc(25% - 115px);
    overflow-y: scroll;
}

.scroll-order-list {
    overflow-y: scroll;
    height: -webkit-calc(100vh - 94px);
    height: -moz-calc(100vh - 94px);
    height: calc(100vh - 94px);
}

.scroll-assigned-dri, .scroll-available-dri {
    overflow-y: scroll;
    height: -webkit-calc(50vh);
    height: -moz-calc(50vh);
    height: calc(50vh);
}

.scroll-assigned-dri-full{
    height: -webkit-calc(100vh);
    height: -moz-calc(100vh);
    height: calc(100vh);
}

.btn-primary:not(:disabled):not(.disabled).active, .btn-primary:not(:disabled):not(.disabled):active, .show>.btn-primary.dropdown-toggle {
    background-color: #1cb53e;
    border-color: #1cb53e;
}

.map-his-route {
    width: 100%;
    height: -webkit-calc(50vh - 52px);
    height: -moz-calc(50vh - 52px);
    height: calc(50vh - 42px);
}

.bread-his{
    padding: 10px 0px 0px 0px;
}

.bg-odd {
    background-color: rgba(0,0,0,.09);
}

.divider-blue {
    border-top: 2px solid #1e374f;
}

.cls-ticket-btn {
    background: #ffffff; 
    color: #dc3545 !important;
}

.cls-ticket-btn:focus{ 
    background: #dc3545 !important;
    color: #ffffff !important;
}
.edit-ticket-btn {
    background: #ffffff; 
    color: #28a745 !important;
}

.edit-ticket-btn:focus{ 
    background: #28a745 !important;
    color: #ffffff !important;
}

.cls-pending-signature {
    font-size: 19px;
    color: #dc3545;
}

.cls-pending-signature-wrap {
    width: 100%;
    position:absolute;
    left:0;
    bottom:0;
}

.ticket-signature-line {
    width:55mm; 
    border-top-color:rgb(222, 226, 230); 
    border-top-style:solid; 
    border-top-width:1px;
}

/* Pit Job */
.pit-job-pg {
    height: 100vh;
    overflow-y: scroll;
}

.pit-job-bg {
    background-color: #e2e2e2;
}

.pj-map-overlay {
        position: absolute;
        top: 10px;
        left: 10px;
}

.pac-container {
    z-index: 10000 !important;
}

.card-cashjob {
    margin:15px;
}

.card-cashjob h3 {
    text-transform: capitalize;
    color: #3498DB;
    font-weight: 700;
}
.card-cashjob .tr-selected-item h3 {
    text-transform: capitalize;
    color: #1e374f;
    font-weight: 700;
}
.card-cashjob h3 {
    text-transform: capitalize;
    color: #3498DB;
    font-weight: 700;
}

.card-cashjob button {
    background-color: #1e374f;
    width: 100%;
    height: 100%;
    color: #ffffff;
}

/* new ticket scanner */

.main-tk {
    height: 100vh;
    width: calc(100vw - 230px);
    display: block;
    position: fixed;
    left: 215px;
}
.top-left {
    height: 100vh;
    width: calc(66vw - 115px);
    display: block;
    position: fixed;
    left: 215px;
    overflow-y: scroll;
}
.top-left-r {
    height: 50%;
    width: calc(66vw - 115px);
}
.top-right {
    height: 100vh;
    width: calc(34vw - 115px);
    display: block;
    position: fixed;
    right: 0;
    overflow-y: scroll;
}
.left-client-cash {
    height: 100vh;
    width: calc(66vw - 115px);
}
.job-list {
    height: 100%;
    padding-left: 0px;
    padding-right: 0px;
    /* width: calc(33vw - 76px);
    display: block;
    position: fixed;
    top: 42px;
    left: 230px; */
    overflow-y: scroll;
}
.truck-info {
    height: 100%;
    width: 100%;
    /* padding-left: 0px;
    padding-right: 0px; */
    /* width: calc(33vw - 76px);
    display: block;
    position: fixed;
    top: 42px;
    left: calc(33vw + 115px); */
    overflow-y: scroll;
    background-color: #0f2838;
}
.camera-main-scanner {
    height: 50vh;
    width: calc(66vw - 115px);
    display: block;
    position: fixed;
    top: 50vh;
    left: 215px;
    overflow-y: scroll;
    background: #0A141D;
}

.camera-scan-in {
    height: 100vh;
    width: calc(100vw - 115px);
    display: block;
    position: fixed;
    left: 215px;
    overflow-y: scroll;
    background: #0A141D;
}

#loadingMessage h1 {
    color: #3498DB;
    font-weight: 700;
    font-size: 30px;
    margin-top: 30px;
}

.tk-sm .col-md-1 {
    padding-right: 5px;
    padding-left: 5px;
}

.tk-header-dispatch {
    background-color: #529fd2;
    color: #ffffff !important;
    margin-left: 0px; 
    margin-right: 0px; 
    padding: 15px 0 10px 15px;
}

.tk-header {
    margin-left: 15px; 
    margin-right: 5px;
}
.tk-header-dark h1 {
    text-transform: uppercase;
    color: #1e374f !important;
    padding: 15px 0 10px 15px;
    font-size: 20px;
    font-weight: 600;
}

.truck-info  .tk-header-light h1{
    text-transform: uppercase;
    color: #ffffff !important;
    padding: 15px 0 10px 15px;
    font-size: 20px;
    font-weight: 600;
    margin-top: 0;
}

.divider-gray {
    border-bottom: 2px solid #9e9e9e;
}

.btn-gray {
    color: #fff;
    background-color: #9e9e9e;
    border-color: #9e9e9e;
}
.btn-light-blue {
    color: #fff;
    background-color: #3498DB;
    border-color: #3498DB;
}


.btn-secondary-grey {
    color: grey;
    background-color: white;
    border-color: white;
}

.wrapper-header-clients {
    width:100%; 
    z-index: 2;
}

.content-header-clients {
    background: white;
    padding: 15px 0px 15px 0px;
    left:230px;
}

.clients-prom {
    padding-bottom: 80px; 
    margin-top: 82px;
}

.clients-prom-close {
    margin-top: 82px;
}

.btn-secondary-grey:hover {
    background: none;
}

.form-control-clients {
    border-radius: 3px;
    font-size: 13px;
    height: auto;
    line-height: 1.33333;
    padding: 4px 4px 4px 20px;
    background: rgba(0,0,0,0);
    color: #323232;
    border: 2px solid rgb(214, 218, 222);
    box-shadow: none;
}

.input-group-text-clients {
    background: white;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: .375rem .75rem;
    margin-bottom: 0;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    text-align: center;
}

.traxclient {
    text-align: left;
    color: #3498DB;
    font-size: smaller;
    line-height: 25%;
}

.tr-type {
    text-align: left;
    color: #3498DB;
    font-size: smaller;
}

.small-blue {
    text-align: left;
    color: #3498DB;
    font-size: smaller;
}

.pointer {
    cursor: pointer;
}

.font-awesome-big {
    font-size: -webkit-xxx-large;
    margin-bottom: 15px;
    margin-top: 80px;
}

.simpleDemo ul[dnd-list],
.simpleDemo ul[dnd-list]>li {
    position: relative;
}

.simpleDemo ul[dnd-list] {
    min-height: 42px;
    padding-left: 0px;
}

.simpleDemo ul[dnd-list] .dndDraggingSource {
    display: none;
}

.simpleDemo ul[dnd-list] .dndPlaceholder {
    display: block;
    background-color: #ddd;
    min-height: 42px;
}

.simpleDemo ul[dnd-list] li {
    background-color: #fff;
    border: 1px solid #ddd;
    border-top-right-radius: 4px;
    border-top-left-radius: 4px;
    display: block;
    padding: 10px 15px;
    margin-bottom: -1px;
}

.simpleDemo ul[dnd-list] li.selected {
    background-color: #dff0d8;
    color: #3c763d;
}

.box {
    margin: 20px;
    border: 1px solid #ccc;
}

.dashed {
    margin: 20px;
    border: 1px dashed #ccc;
}

.top {
    box-shadow: 0 -5px 5px -5px #333;
}

.right {
    box-shadow: 5px 0 5px -5px #333;
}

.bottom {
    box-shadow: 0 5px 5px -5px #333;
}

.left {
    box-shadow: -5px 0 5px -5px #333;
}

.all {
    box-shadow: 0 0 5px #333;
}

.gwd-div-kc47 {
    position: absolute;
    height: 100%;
    width: 45%;
    left: 0%;
    top: 0%;
}
.gwd-div-awhu {
    position: absolute;
    left: 45%;
    width: 54.84%;
    top: 0%;
    height: 100%;
}

.switch-cu {
  position: relative;
  display: inline-block;
  width: 60px;
  height: 34px;
  float:right;
}

.switch-cu-left {
    position: relative;
    display: inline-block;
    width: 60px;
    height: 34px;
}

/* Hide default HTML checkbox */
.switch-cu input, .switch-cu-left input {display:none;}

/* The slider */
.slider-cu {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #ccc;
  -webkit-transition: .4s;
  transition: .4s;
}

.slider-cu:before {
  position: absolute;
  content: "";
  height: 26px;
  width: 26px;
  left: 4px;
  bottom: 4px;
  background-color: white;
  -webkit-transition: .4s;
  transition: .4s;
}

input.default:checked + .slider-cu {
  background-color: #444;
}
input.primary:checked + .slider-cu {
  background-color: #2196F3;
}
input.success:checked + .slider-cu {
  background-color: #8bc34a;
}
input.info:checked + .slider-cu {
  background-color: #3de0f5;
}
input.warning:checked + .slider-cu {
  background-color: #FFC107;
}
input.danger:checked + .slider-cu {
  background-color: #f44336;
}

input:focus + .slider-cu {
  box-shadow: 0 0 1px #2196F3;
}

input:checked + .slider-cu:before {
  -webkit-transform: translateX(26px);
  -ms-transform: translateX(26px);
  transform: translateX(26px);
}

/* Rounded sliders */
.slider-cu.round-cu {
  border-radius: 34px;
}

.slider-cu.round-cu:before {
  border-radius: 50%;
}

.text-magenta {
    color:magenta !important;
}

#generateTicketBtn:disabled {
    color: #FFFFFF !important;
}

.rep-load {
    margin-left: -10px;
    margin-right: -15px;
}

.rep-loader {
    height: 50%;
    margin-left: 15px;
}

.uib-day .text-info {
    color: #000000 !important;
}

.uib-day.btn-info:not(:disabled):not(.disabled).active {
    color: #000000 !important;
}

.tr-number {
    font-size: 30px;
    padding: 12px 24px 12px 24px;
}

.tr-round { border-collapse: separate; border-spacing:0 10px !important;}
.tr-round td { border: solid 1px #FFFFFF; }
.tr-round tr:first-child td:first-child { border-top-left-radius: 10px; }
.tr-round tr:first-child td:last-child { border-top-right-radius: 10px; }
.tr-round tr:last-child td:first-child { border-bottom-left-radius: 10px; }
.tr-round tr:last-child td:last-child { border-bottom-right-radius: 10px; }

.user-status {
    font-size: 8px;
}