/*Write your custom css in this file.*/



.has-error .help-block, .has-error .control-label, .has-error .radio, .has-error .checkbox, .has-error .radio-inline, .has-error .checkbox-inline, .has-error.radio label, .has-error.checkbox label, .has-error.radio-inline label, .has-error.checkbox-inline label{

    box-shadow: none;

    color: #ec5855;

    display: block;

    margin-top: 5px;

    margin-bottom: 10px;

}

.hide{

    display: none !important;

}

/*margin, padding, height and width*/

.m0 {

  margin: 0 !important;

}

.m5 {

  margin: 5px !important;

}

.mt5 {

  margin-top: 5px;

}

.margin-top-5 {

  margin-top: -5px;

}

.mt-50 {

  margin-top: -50px !important;

}

.m10 {

  margin: 10px;

}

.m15 {

  margin: 15px;

}

.m20 {

  margin: 20px;

}

.ml15 {

  margin-left: 15px !important;

}

.ml-20 {

  margin-left: -20px;

}

.mt8 {

  margin-top: 8px !important;

}

.mt10 {

  margin-top: 10px !important;

}

.mt15 {

  margin-top: 15px;

}

.mt20 {

  margin-top: 20px;

}

.mt25 {

  margin-top: 25px;

}

.mr15 {

  margin-right: 15px !important;

}

.mb15 {

  margin-bottom: 15px;

}

.mb20 {

  margin-bottom: 20px;

}

.ml10 {

  margin-left: 10px !important;

}

.mr10 {

  margin-right: 10px;

}

.mb0 {

  margin-bottom: 0 !important;

}

.mt50 {

  margin-top: 50px !important;

}

.mt0 {

  margin-top: 0 !important;

}

.p0 {

  padding: 0 !important;

}

.p5 {

  padding: 5px;

}

.p10 {

  padding: 10px;

}

.p15 {

  padding: 15px;

}

.p20 {

  padding: 20px !important;

}

.p30 {

  padding: 30px !important;

}

.pb5 {

  padding-bottom: 5px;

}

.pb0 {

  padding-bottom: 0 !important;

}

.pb10 {

  padding-bottom: 10px;

}

.pb15 {

  padding-bottom: 15px;

}

.pb20 {

  padding-bottom: 20px;

}

.pb50 {

  padding-bottom: 50px;

}

.pl10 {

  padding-left: 10px;

}

.pl15 {

  padding-left: 15px !important;

}

.pr10 {

  padding-right: 10px;

}

.pr15 {

  padding-right: 15px !important;

}

.pt10 {

  padding-top: 10px !important;

}

.pt5 {

  padding-top: 5px !important;

}

.pt0 {

  padding-top: 0px !important;

}

.pl0 {

  padding-left: 0 !important;

}

.pr0 {

  padding-right: 0 !important;

}

.mr0 {

  margin-right: 0 !important;

}

.w25 {

  width: 25px;

}

.w80 {

  width: 80px;

}

.w100 {

  width: 100px;

}

.w125 {

  width: 125px;

}

.w150 {

  width: 150px;

}

.w175 {

  width: 175px;

}

.w200 {

  width: 200px !important;

}

.w250 {

  width: 250px;

}

.w300 {

  width: 300px;

}

.w400 {

  width: 400px;

}

.min-w150 {

  min-width: 150px;

}

.w5p {

  width: 5%;

}

.w10p {

  width: 10%;

}

.w15p {

  width: 15%;

}

.w20p {

  width: 20%;

}

.w25p {

  width: 25%;

}

.w30p {

  width: 30%;

}

.w50p {

  width: 50%;

}

.w60p {

  width: 60%;

}

.w70p {

  width: 70%;

}

.w80p {

  width: 80%;

}

.w90p {

  width: 90%;

}

.w100p {

  width: 100% !important;

}

.max-w500 {

  max-width: 500px;

}

.h100p {

  height: 100%;

}

.mb5 {

  margin-bottom: 5px;

}

.p3 {

  padding: 3px;

}

.ml20 {

  margin-left: 20px !important;

}

.h370 {

  height: 370px !important;

}

.pr5 {

  padding-right: 5px;

}

.ml298 {

  margin-left: 298px;

}

.mr5 {

  margin-right: 5px;

}

.w70 {

  width: 70px;

}

.ml30 {

  margin-left: 30px;

}

.pt15 {

  padding-top: 15px;

}

.w75p {

  width: 75%;

}

.ml5 {

  margin-left: 5px;

}

.pl5 {

  padding-left: 5px;

}

.w50 {

  width: 50px;

}

.w85 {

  width: 85px;

}

.mb30 {

  margin-bottom: 30px;

}

.mw100p {

  max-width: 100%;

}

.ml2 {

  margin-left: 2px;

}

.mb10 {

  margin-bottom: 10px !important;

}

.mb8 {

  margin-bottom: 8px !important;

}

.w35p {

  width: 35%;

}

.ml35 {

  margin-left: 35px;

}

.pb100 {

  padding-bottom: 100px;

}

.w35 {

  width: 35px;

}

.w35p {

  width: 35%;

}

.h7 {

  height: 7px !important;

}

.w40p {

  width: 40%;

}

.h373 {

  height: 373px;

}

.pl30 {

  padding-left: 30px !important;

}

.pt30 {

  padding-top: 30px !important;

}

.wh10 {

  height: 10px !important;

  width: 10px !important;

}

.pt35 {

  padding-top: 35px !important;

}

.w140 {

  width: 140px;

}

.w-filter-right {

  width: calc(100% - 140px);

}

.icon {

  width: 20px;

  height: 20px;

}

.icon-14 {

  width: 14px;

  height: 14px;

}

.icon-16 {

  width: 16px;

  height: 16px;

}

.icon-18 {

  width: 18px;

  height: 18px;

}

/*border*/

.b-a {

  border: 1px solid #f2f4f6 !important;

}

.b-t {

  border-top: 1px solid #f2f4f6;

}

.b-r {

  border-right: 1px solid #f2f4f6;

}

.b-b {

  border-bottom: 1px solid #f2f4f6 !important;

}

.b-l {

  border-left: 1px solid #f2f4f6;

}

.b-turquoise {

  border-color: #00b393 !important;

}

.b-bold {

  border-width: 2px;

}

.b-water {

  border-color: rgba(255, 255, 255, 0.2) !important;

}

.no-border {

  border: none !important;

}

.b-white {

  border-color: #fff !important;

}

.b-silver {

  border-color: #e2e4e7 !important;

}

.border-circle {

  border-radius: 50% !important;

}

/* .border-start {

  border-color: #eef6f9 !important;

}

.border-end {

  border-color: #eef6f9 !important;

} */

/* .border-top {

  border-color: #eef6f9 !important;

} */

/* .border-bottom {
  border-color: #eef6f9 !important;
} */

.bg-success .border-end {

  border-color: rgba(255, 255, 255, 0.1) !important;

}

.bg-success .border-top {

  border-color: rgba(255, 255, 255, 0.1) !important;

}

.no-border-top-radius {

  border-top-left-radius: 0 !important;

  border-top-right-radius: 0 !important;

}

.topbar-head-dropdown .dropdown-menu .dropdown-item {

    padding: 0.7rem 1.25rem;

    color: #4e5e6a;

}

.topbar-head-dropdown .dropdown-menu a{

  padding-top: 0.5rem !important;

    padding-bottom: 0.5rem !important;

}

.topbar-head-dropdown .dropdown-menu .list-group-item{

  border: none;

}

.topbar-head-dropdown .btn-topbar.text{

  width: auto;

}



.circle-loader {

    margin: 10px auto;

    width: 80px;

    height: 80px;

    border-radius: 40px;

    -webkit-box-sizing: border-box;

    box-sizing: border-box;

    border: solid 2px rgba(220, 230, 235, 0.5);

    border-top-color: #6690F4;

    animation: spin 1s infinite linear;

    -webkit-animation: spin 1s infinite linear;

}



.color-tag {

    display: inline-block;

    width: 15px;

    height: 15px;

    margin: 2px 10px 0 0;

    transition: all 300ms ease;

    -moz-transition: all 0.1s;

    -webkit-transition: all 0.1s;

    transition: all 0.1s;

}

.input-color {

    width: 50px !important;

    height: 15px !important;

    padding: 0 !important;

    border: none !important;

}

#widget-container-area {

    position: fixed;

    width: 308px;

    top: 90px;

    padding-right: 30px;

}

.bg-off-white {

    background: #f2f4f6;

}

.clickable {

    cursor: pointer;

}

.list-group-item {

    border: none;

    padding: 10px 15px;

}

.grid-bg {

    background: #f2f4f6;

    transition: 0.5s all;

}

.column-grid-link:hover .grid-bg {

    background: #1ccacc;

    color: #fff;

}

.bg-white {

    border-color: #f2f4f6;

}

.widget-row {

    margin-bottom: 15px;

    padding: 15px;

    display: flex;

}

.row-container {

    flex: 100;

}

.row-controller {

    flex: 2;

    position: relative;

}

.row-controller .move {

    position: absolute;

    top: 0;

    left: 0;

    cursor: move;

}

.row-controller .delete {

    position: absolute;

    bottom: 0;

    left: 0;

    cursor: pointer;

    color: #d9534f;

}

.widget {

    border: 1px solid #f2f4f6;

}

::-webkit-scrollbar {

    width: 6px;

}

::-webkit-scrollbar-button {

    width: 0px;

    height: 0px;

}

::-webkit-scrollbar-thumb {

    background: #c6ccd2;

    border-radius: 6px;

}

.add-column-drop {

    border: 1px dashed #e2e4e8;

}

.text-off {

    opacity: 0.6;

}

.dashboard-dropdown .dropdown-toggle {

    padding: 8px 12px;

    background: #fff;

    border-radius: 50%;

    box-shadow: -3px 7px 15px rgba(0, 0, 0, 0.1);

    transition: 0.3s;

    font-size: 16px;

    width: 40px;

    height: 40px;

}

.inline-block {

    display: inline-block;

}

.dashbaord-header-area .color-tag {

    margin: 3px 0 0 0;

    width: 15px;

    height: 15px;

    border-radius: 2px;

}

.border-circle {

    border-radius: 50% !important;

}

.dashboard-view h4, .dashboard-view h5, .dashboard-view h6 {

    margin: 10px 0;

}

.dashboard-dropdown .dropdown-toggle::after, .note-editor .dropdown-toggle::after, #global-reminders-table .dropdown-toggle::after, #timeline .dropdown-toggle::after ,.ticket-comment-container .dropdown-toggle::after,.comment-project .dropdown-toggle::after, .comment-customer_feedback .dropdown-toggle::after ,.comment-task .dropdown-toggle::after ,#message-details-section .dropdown-toggle::after{
   content: "";

    margin: 0;

}

.widget-icon {

    float: left;

    background-color: #4466F2;

    height: 55px;

    width: 55px;

    display: flex;

    border-radius: 5px;

    align-items: center;

    justify-content: center;

    text-align: center;

}

.widget-icon .icon {

    width: 2rem;

    height: 2rem;

    color: #fff;

}

.widget-details {

    text-align: right;

    position: absolute;

    right: 20px;

}

/*.card.dashboard-icon-widget, .card.bg-white{

  margin-bottom: 0;

}*/

.card.dashboard-icon-widget{

  margin-bottom: 0;

}

.dashboard-icon-widget .card-body {

    padding: 28px;

}

.widget-todo-input-box {

    margin: 15px auto;

    max-width: 100%;

    padding: 0 15px;

}

.widget-todo-input-box input {

    background: #F6F8F9;

    border: none;

    padding: 8px 14px;

}

.todo-input-box input {

    padding: 8.5px 15px;

    height: auto;

    border: 1px solid #fff;

    border-radius: 2px;

    box-shadow: none;

    transition: background 0.5s;

}

.filter-section-container input[type="radio"], .filter-section-container input[type="checkbox"], .datatable-tools input[type="radio"], .datatable-tools input[type="checkbox"] {

    position: absolute;

    clip: rect(0, 0, 0, 0);

    pointer-events: none;

}

.filter-section-container .btn-group .btn{

/*  padding: 0.5rem;*/

  white-space: nowrap;

}



.modal-header{

  padding: 1rem !important;

}

.modal-body{

  padding: 1rem !important;

}

.modal-footer{

  padding: 1rem !important;

}

.projects-row {

    border-bottom: 1px solid rgba(128, 128, 128, 0.1) !important;

}

.projects-row .progress {

    height: 10px;

    margin: 20px 15px;

    box-shadow: none !important;

}

.avatar {

    display: inline-block;

    white-space: nowrap;

}

.avatar-xs {

    width: 30px;

    height: 30px;

}

.avatar img {

    height: auto;

    max-width: 100%;

    border-radius: 50%;

}

.modal .card-title{

  font-size: 13.5px;

}

.modal small {

    font-size: 0.825rem;

}

.modal p {

    margin-bottom: 0.65rem;

}

.modal .card{

  margin-bottom: 0;

}

.filter-section-container {

  padding: 10px 15px;

}

.filter-section-flex-row {

  display: flex;

}

.filter-section-left {

  flex: 1;

}

.filter-section-right {

  flex: 0 0 auto;

  text-align: right;

}

.filter-item-box {

  display: inline-block;

  margin: 5px;

}

.filter-form {

  border-top: 1px solid #f2f2f2;

  padding-top: 10px;

  margin-top: 10px;

}

.smart-filter-list-group {

  list-style-type: none;

  border-radius: 0;

}

.smart-filter-dropdown-container .search-filter {

  margin: 0 10px 10px 10px;

  width: 280px;

  border-color: #e2e7f1;

}

.smart-filter-item.active:hover, .smart-filter-item.active:focus {

  color: #fff;

}

.custom-filter-search {

    border-radius: 2px;

    border: 1px solid #e2e7f1;

    box-shadow: none;

    padding: 7px 10px;

    outline: none;

    font-weight: normal;

    background: url(../images/search.png) no-repeat 96% 45% #fff;

    width: 200px !important;

    transition: all 0.5s;

    height: 32px;

}

/*kanban*/

.kanban-container {

  margin-top: 0;

  margin-bottom: 0;

  padding: 0px;

  padding-top: 15px;

  padding-bottom: 15px;

  background: #D9DEE2;

}

.kanban-col {

  list-style-type: none;

  float: left;

  margin: 0 15px;

  width: 305px;

}

.kanban-col-title {

  padding: 15px;

  background: #fff;

  color: #4e5e6a;

  margin-bottom: 15px;

  margin-right: 3px;

  border-top-left-radius: 5px;

  border-top-right-radius: 5px;

}

.kanban-item-list {

  max-height: 730px;

  height: 730px;

  overflow: hidden;

}

.kanban-input .form-control {

  padding: 10px;

  height: auto;

  margin-bottom: 10px;

  width: 99%;

  background-color: #fff;

  border-radius: 0;

}

.kanban-item {

  padding: 10px;

  margin: 0 3px 10px 0;

  background-color: #fff;

  cursor: default;

  display: table;

  color: #4e5e6a;

  width: 300px;

  border-radius: 5px;

}

.kanban-item:before, .kanban-item:after {

  display: table;

  content: " ";

}

.kanban-item:after {

  clear: both;

}

.kanban-item:hover, .kanban-item:active, .kanban-item:focus {

  text-decoration: none;

  color: #444;

  background: #EEF1F9;

}

.kanban-item .avatar {

  float: left;

}

.kanban-item .avatar img {

  height: 22px;

  width: 22px;

  margin-right: 10px;

}

.kanban-item .meta {

  margin-top: 10px;

}

.kanban-sortable-ghost {

  box-shadow: 1px 2px 1px rgba(0, 0, 0, 0.3);

}

.kanban-sortable-chosen {

  opacity: 0.2;

  box-shadow: 1px 2px 1px rgba(0, 0, 0, 0.3);

}

.sub-task-icon {

    background: #e2e2e2;

    padding: 1px 3px;

    border-radius: 50%;

}

.priority-badge {

    color: #fff !important;

}

.datepicker-custom-selector {

    background: #fff;

    border-color: #f6f8f9;

    color: #555;

    text-align: left;

}

.icon-tag {

    padding: 10px 15px;

    border-radius: 3px;

    height: 40px;

    width: 44px;

}

.icon-tag:hover {

    background-color: #f6f8f9;

}

.icon-palet .active {

    background-color: #eaeaea;

}

.message-row {

    padding: 8px 15px;

}

.active-team-members-list .message-row {

    border-bottom: 1px solid #f2f2f2;

}

.btn-default, .datepicker-custom-selector {

    --vz-btn-bg: var(--vz-light);

    --vz-btn-border-color: var(--vz-light);

    --vz-btn-hover-bg: var(--vz-light-text-emphasis);

    --vz-btn-hover-border-color: var(--vz-light-text-emphasis);

    --vz-btn-focus-shadow-rgb: var(--vz-light-rgb);

    --vz-btn-active-bg: var(--vz-light-text-emphasis);

    --vz-btn-active-border-color: var(--vz-light-text-emphasis);

}

.sticky-note {

    outline: none;

    height: 265px;

    padding: 5px;

    border: none;

    color: #000;

    font-size: 110%;

    background: #fff6b3;

    width: 100%;

}

.box {

    display: table;

    table-layout: fixed;

    border-spacing: 0;

    width: 100%;

}

.box-content {

    display: table-cell;

    vertical-align: top;

    height: 100%;

    float: none;

    overflow-x: hidden;

}

.project-overview-widget {

    padding: 40px 25px 45px;

}

.project-overview-widget .progress-outline {

    border: 2px solid #39B691;

    border-radius: 25px;

    padding: 5px;

}

.project-overview-widget .progress-outline .progress {

    margin: auto;

    border-radius: 25px;

    background-color: transparent;

    height: 22px;

}

.project-overview-widget .progress-outline .progress .progress-bar {

    background-color: rgba(19, 174, 130, 0.4) !important;

    font-size: 14px;

}

.text-default {

    color: #4e5e6a !important;

}

#pre-loader {

    position: fixed;

    width: 100%;

    height: 100%;

    background-color: #e5e9ec;

    z-index: 10;

}

#pre-loader .app-loader {

    bottom: 45%;

    right: 56%;

}

.app-loader {

    width: 90px;

    height: 90px;

    margin: 30px auto;

    position: absolute;

    bottom: 45px;

    right: 5px;

    padding: 10px;

    border-radius: 50%;

    background: transparent;

}

.app-loader .loading {

    width: 70px;

    height: 70px;

    border-radius: 50%;

    -webkit-box-sizing: border-box;

    box-sizing: border-box;

    border: solid 2px #6690F4;

    border-top-color: #fff;

    animation: spin 1s infinite linear;

    -webkit-animation: spin 1s infinite linear;

    display: inline-block;

}



.inline-loader {

    width: 20px;

    height: 20px;

    border-radius: 50% !important;

    -webkit-box-sizing: border-box;

    box-sizing: border-box;

    border: solid 2px #6690F4 !important;

    border-top-color: #fff !important;

    animation: spin 1s infinite linear;

    -webkit-animation: spin 1s infinite linear;

    display: inline-block;

    padding: 0 !important;

    align-self: center;

}

.inline-loader:hover {

  background-color: #fff !important;

}

.loader-container.inline-loader {

  width: 20px !important;

  height: 20px !important;

  display: block;

  margin: 0 auto;

}

.loader-container.inline-loader:hover {

  background-color: #fff !important;

}

.bootstrap-timepicker-widget table td input {

    display: inline-block;

}

/*modal mask*/

.modal-mask {

  position: relative;

  top: 0;

  left: 0;

  background-color: #fff;

}

.circle-done {

  margin: 10px auto;

  width: 80px;

  height: 80px;

  border-radius: 40px;

  -webkit-box-sizing: border-box;

  box-sizing: border-box;

  border: solid 5px rgba(220, 230, 235, 0.5);

  text-align: center;

  font-size: 30px;

  padding: 10px;

  color: #6690F4;

}

.circle-done i {

  display: inline-block;

  max-width: 0%;

  overflow: hidden;

}

.circle-done.ok svg {

  height: 40px;

  width: 40px;

  margin-top: 0;

  -webkit-transition: all 0.5s ease-in-out;

  -moz-transition: all 0.5s ease-in-out;

  -o-transition: all 0.5s ease-in-out;

  transition: all 0.5s ease-in-out;

}



.dropzone {

  border: 1px dashed #ccc !important;

}

.dropzone.dz-drag-hover {

  background-color: rgba(0, 0, 0, 0.02);

}

.dropzone .dz-image {

  background: #eee;

  border-radius: 2px !important;

}

.dz-started {

  padding: 0 !important;

}

.upload-thumbnail-sm {

  height: 80px;

  width: 80px;

  border: none !important;

  background: url("../images/filepreview.jpg") #eee no-repeat center center;

  outline: none;

}

.upload-progress-sm {

  height: 80px;

  width: 80px;

  height: 10px;

  border-radius: 0px;

}



/*post dropzone*/

.post-dropzone {

  background: #fff;

  border-radius: 5px;

}

.post-dropzone.dz-drag-hover {

  border: 1px dashed #337ab7;

}

.post-dropzone.dz-drag-hover * {

  opacity: 0.2;

}

.post-dropzone .preview:hover img {

  opacity: 0.2;

}

.post-dropzone .delete {

  width: 24px;

  height: 33px;

  margin-left: -27px;

  font-size: 25px;

  cursor: pointer;

  color: #fff;

  position: relative;

  opacity: 0.8;

  display: inline-block;

  margin-top: -23px;

  text-align: center;

  line-height: 31px;

}

.post-dropzone .preview:hover img {

  opacity: 0.5;

}

.post-dropzone .preview:hover .delete {

  opacity: 1;

  background-color: #000;

}



/*alert*/

.alert {

  border: 0;

}

.alert .progress {

  background-color: transparent;

  box-shadow: none !important;

  height: 3px;

  border-radius: 0;

  margin: 19px 0px -15px -13px;

}

.alert .progress-bar {

  box-shadow: none !important;

  background-color: rgba(0, 0, 0, 0.3);

}

.app-alert-message {

  display: inline-block;

  margin-right: 5px;

  max-width: 350px;

  min-width: 165px;

}

.app-alert.animate {

  bottom: 0;

  position: fixed;

  z-index: 100;

  border-radius: 2px;

  box-shadow: 0 2px 1px rgba(0, 0, 0, 0.1);

  opacity: 0.25;

  right: -350px;

}

.app-alert.alert-info {

  background-color: #22B9FF;

  color: #fff;

}

.app-alert.alert-success {

  background-color: #485BBD;

  color: #fff;

}

.app-alert.alert-danger {

  background-color: #f5325c;

  color: #fff;

}

.app-alert.alert-warning {

  background-color: #ffb822;

  color: #fff;

}

.app-alert a {

  color: #444;

}



.reminder-modal .modal-dialog {

    max-width: 430px;

    margin: 0 0 auto auto;

}

.reminder-modal .modal-header {

  padding-top: 20px;

  padding-bottom: 20px;

}

.reminder-modal .modal-content {

  border-radius: 0;

}

.no-thead thead {

    display: none;

}

.missed-reminder {

  border-left: 2px solid #f64343;

  display: inline-block;

  padding-left: 10px;

  border-radius: 10px;

}

.awesomplete {

    display: block;

}



/*datatable*/

table.dataTable {

  border-collapse: collapse;

  box-sizing: border-box;

}

.table>thead {

    border-color: #e9ebec;

}

/*.dataTable td:hover {

  background: #f2f4f6;

}*/

/*.dataTable tbody tr:hover td {

  background: #f2f4f6 !important;

}*/

/*.dataTable.no-hover tr:hover td, .dataTable.no-hover tbody tr:hover {

  background: transparent !important;

}*/

.dataTable tbody tr {

  border-color: #eef6f9 !important;

  color: #4e5e6a;

}

.dataTable tbody tr.active td, .dataTable tbody tr.active:hover td {

  background: #6690F4 !important;

  color: #fff !important;

  cursor: default;

}

.dataTable tbody tr.active .badge {

  color: #00b393;

  background-color: #fff !important;

}

.dataTable tbody tr.active a.link {

  color: #fff;

}

.dataTable tbody tr:hover td {

  background: #f2f4f6;

}

table.dataTable thead th {

  border-top: 1px solid #f2f2f2;

  padding: .75rem .6rem !important;

  background-color: #f3f6f9;

}

table.dataTable thead td {

  border: 1px solid #f2f2f2;

  padding: 10px;

}

table.dataTable thead .sorting_desc {

  background-image: url(../images/sort_desc.png);

}

table.dataTable thead .sorting_asc {

  background-image: url(../images/sort_asc.png);

}

table.dataTable.stripe tbody tr.odd, table.dataTable.display tbody tr.odd {

  background-color: #fff;

}

table.dataTable.row-border tbody th, table.dataTable.row-border tbody td {

  border: 1px solid #f2f2f2;

  background-color: #fff;

}

table.dataTable.display tbody th, table.dataTable.display tbody td {

  border-top: 1px solid #f2f2f2;

  background-color: #fff;

}

table.dataTable.display tfoot th, table.dataTable.display tfoot td {

  border-top: 1px solid #f2f2f2;

  background-color: #fff;

}

table.dataTable.no-footer {

  border-bottom: 1px solid #f2f2f2;

}

table.dataTable.b-b-only tbody th, table.dataTable.b-b-only tbody td {

  border: none;

  border-bottom: 1px solid #f2f2f2;

}

table.dataTable tbody th, table.dataTable tbody td {

  padding: 12px 10px !important;

}

table.dataTable > tbody > tr.child ul.dtr-details > li {

  border-color: #f2f2f2;

}

table.dataTable > thead .sorting:before, table.dataTable > thead .sorting_asc:before, table.dataTable > thead .sorting_desc:before, table.dataTable > thead .sorting_asc_disabled:before, table.dataTable > thead .sorting_desc_disabled:before, table.dataTable > thead .sorting:after, table.dataTable > thead .sorting_asc:after, table.dataTable > thead .sorting_desc:after, table.dataTable > thead .sorting_asc_disabled:after, table.dataTable > thead .sorting_desc_disabled:after {

  top: 15px;

}

table.dataTable thead .sorting, table.dataTable thead .sorting_asc, table.dataTable thead .sorting_desc, table.dataTable thead .sorting_asc_disabled, table.dataTable thead .sorting_desc_disabled {

  background-repeat: no-repeat;

  background-position: center right;

}

table.dataTable > thead .sorting:before, table.dataTable > thead .sorting_asc:before, table.dataTable > thead .sorting_desc:before, table.dataTable > thead .sorting_asc_disabled:before, table.dataTable > thead .sorting_desc_disabled:before, table.dataTable > thead .sorting:after, table.dataTable > thead .sorting_asc:after, table.dataTable > thead .sorting_desc:after, table.dataTable > thead .sorting_asc_disabled:after, table.dataTable > thead .sorting_desc_disabled:after {

  content: "";

}

table.dataTable.dtr-inline.collapsed > tbody > tr > td.dtr-control:before, table.dataTable.dtr-inline.collapsed > tbody > tr > th.dtr-control:before {

  line-height: 16px;

}

.datatable-tools {

  margin-top: 15px !important;

}

.datatable-tools .dataTables_length {

  float: left;

}

.datatable-tools:last-child {

  margin: 15px 0 !important;

}

.datatable-tools input[type="radio"], .datatable-tools input[type="checkbox"] {

  position: absolute;

  clip: rect(0, 0, 0, 0);

  pointer-events: none;

}

.datatable-export a {

  display: inline-block;

  box-shadow: none !important;

  border: 1px solid #e2e4e7;

  font-size: 14px;

  margin: 0 -2px;

  padding: 6px 10px;

  color: #4e5e6a;

}

.datatable-export a:hover {

  background: #f2f2f2;

}

table.dataTable tfoot th, table.dataTable tfoot td {

  padding: 10px;

}

div.dataTables_wrapper div.dataTables_info {

    padding-top: 8px;

    margin-left: 15px;

    float: left;

}

div.dataTables_wrapper div.dataTables_processing {

    top: 30% !important;

}

div.dataTables_wrapper div.dataTables_processing {

    position: absolute;

    top: 50%;

    left: 50%;

    width: 200px;

    margin-left: -100px;

    margin-top: -26px;

    text-align: center;

    padding: 1em 0;

    z-index: 1;

}

.dataTables_wrapper .dataTables_processing {

    height: 75px;

}

.table-loader .loading {

    width: 50px;

    height: 50px;

    border-radius: 50%;

    -webkit-box-sizing: border-box;

    box-sizing: border-box;

    border: solid 2px #6690F4;

    border-top-color: #fff;

    animation: spin 1s infinite linear;

    -webkit-animation: spin 1s infinite linear;

    display: inline-block;

}

table.dataTable>thead .sort, table.dataTable>thead .sorting, table.dataTable>thead .sorting_asc, table.dataTable>thead .sorting_desc, table.dataTable>thead .sorting_asc_disabled, table.dataTable>thead .sorting_desc_disabled {

    cursor: pointer;

    position: relative;

}

td.option a, .action-option {

    cursor: pointer;

    min-width: 28px;

    background: #fff;

    color: #a1a3a5;

    border-radius: 0.25rem;

    display: inline-block;

    position: relative;

    vertical-align: middle;

    text-align: center;

    margin: 0 5px;

    padding: 2px 0 2.5px 0;

    border: 1px solid #e2e7f1;

    font-size: 13px;

}

.non-round-option-button {

    border-radius: 4px !important;

    padding: 4px 10px !important;

}

td.option a.edit{

    border: 1px solid #0ab39c;

    color: #0ab39c;

}



td.option a:hover, .external-tickets-embedded-code:hover, .action-option:hover {

    background: #0ab39c;

    color: #fff;

    border: 1px solid #0ab39c;

}

td.option a.delete{

    border: 1px solid #f06548;

    color: #f06548;

}

td.option a.delete:hover {

    background: #f06548;

    color: #fff;

    border: 1px solid #f06548;

}





.custom-date-range-dropdown .list-group {

  list-style-type: none;

}

.custom-date-range-dropdown .dropdown-toggle {

  margin: -4px -6px 0;

  padding: 8px 12px 6px 10px !important;

  border: 1px solid #f2f4f6;

}

.input-daterange .btn {

  width: auto;

  white-space: nowrap;

}

#left-menu-preview .app-menu {

    margin-top: 0;

    overflow-y: unset !important;

    position: relative;

    width: auto;

    z-index: 1;

}









.email-menu-sidebar .list-group-item.active, .email-menu-sidebar .list-group-item.active:focus, .email-menu-sidebar .list-group-item.active:hover{

  background-color: transparent !important;

}