/* Custom CSS */
.page-wrapper {
  background: url(/theme/assets/images/background/background.jpg) no-repeat center center fixed;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;

}

.band-text {
    color: #ffffff;
    font-weight: 400;
}

.img-caption {
    position: absolute;
    bottom: 0px;
    left: 0px;
    padding: 30px;
    max-width: 600px;
    color: #ffffff;
}

.img-caption .caption-title {
    color: #ffffff;
}

.login-footer {
    position: absolute;
    bottom: 0px;
    right: 0;
    padding: 15px 30px;
    border-top: 1px solid #e6ecf5;
    width: 100%;
}


/* loading dots */
.loading:after {
  content: ' .';
  animation: dots 1s steps(5, end) infinite;
}

@keyframes dots {
  0%, 20% {
    color: rgba(0,0,0,0);
    font-size: 20px;
    text-shadow:
    .25em 0 0 rgba(0,0,0,0),
    .5em 0 0 rgba(0,0,0,0);
    }
    40% {
      color: #ffffff;
      font-size: 20px;
      text-shadow:
      .25em 0 0 rgba(0,0,0,0),
      .5em 0 0 rgba(0,0,0,0);
    }
    60% {
      font-size: 20px;
      text-shadow:
      .25em 0 0 #ffffff,
      .5em 0 0 rgba(0,0,0,0);
    }
    80%, 100% {
      font-size: 20px;
      text-shadow:
      .25em 0 0 #ffffff,
      .5em 0 0 #ffffff;
    }
}

.dataTables_length label,
.dataTables_filter label {
    margin-bottom: .5rem;
}

.jd-jc {
    border-bottom: 1px solid rgba(120, 130, 140, 0.13);
    padding: 15px 5px 7px 5px;
    text-align: center;
}

.jd-jc a.btn {
    border-radius: 15px;
    font-size: 15px;
}

.mini-sidebar .sidebar-footer-mini {
    width: 60px;
    padding: 0 5px;
    border-top: 1px solid rgba(120, 130, 140, 0.13);
}

.sidebar-footer a {
    width: 50%;
}

.sidebar-footer a, .sidebar-footer-mini a {
    color: #607d8b;
}

.mini-sidebar .user-profile {
    padding-bottom: 15px;
    width: 60px;
    margin-bottom: 7px;
}

.sidebar-nav ul li a {
    font-size: 16px;
}

.topbar ul.dropdown-user li a {
    font-size: 16px;
}

.select2-container {
    line-height: 1.6;
}

.select2-container--default .select2-selection--single .select2-selection__rendered {
    padding-left: 12px;
    font-size: .85rem;
    color: #67757c;
    font-weight: 400;
}

.audio-player {
     min-width: 85%;
     max-width: 380px;
     vertical-align: text-bottom;
}

.download-audio {
     font-size:25px;
     margin-left: 15px;
}

.label-green, .badge-green {
    background-color: #5cb85c;
}

.mini-sidebar .sidebar-nav #sidebarnav > li:hover > ul, .mini-sidebar .sidebar-nav #sidebarnav > li:hover > ul.collapse {
    border: 1px solid #e6e6e6;
}

.m-t-50 {
    margin-top: 50px;
}

.nav-username {
    color: #ffffff;
    font-size: 15px;
    font-weight: 400;
}

.nav-username-caret {
    font-size: 15px;
}

.topbar ul.dropdown-user li.user-balance {
    margin: 15px;
    font-size: 18px;
}

.user-balance .btn {
    margin: 0 30px 0 30px;
    margin-top: 10px;
}


.form-material .form-group.error input,
.form-material .form-group.error select,
.form-material .form-group.error textarea {
    border: 0 none;
    outline: 0;
    border-bottom: 2px solid #fc4b6c;
}

.form-material .form-group.error .form-control {
    background-position: center bottom, center calc(100% - -1px);
}

.form-material .form-group.validate input,
.form-material .form-group.validate select,
.form-material .form-group.validate textarea {
    border: 0 none;
    outline: 0;
    background-size: 100% 2px, 100% 1px;
}

.dataTables_length {
    margin-right: 20px;
}

/*select2 to go with form-material*/
.select2-container--default .select2-selection--multiple {
    border: 1px solid #d9d9d9;
    padding: 2px;
}

.select2-container--default.select2-container--focus .select2-selection--multiple {
    border: 1px solid #d9d9d9;
}

.select2-container--default .select2-selection--multiple .select2-selection__choice {
    background-color: #5897fb;
    color: white;
    border: 1px solid #5897fb;
}

.select2-container--default .select2-selection--multiple .select2-selection__choice__remove {
    color: #ffffff;
    margin-right: 5px;
}
/*end select2*/

.form-control:focus {
    color: #495057;
    background-color: #fff;
    border-color: #80bdff;
    outline: 0;
    box-shadow: 0 0 0 0.2rem rgba(0,123,255,.25);
}

.card .card-accordion .card-header {
    border-bottom: 1px solid rgba(0,0,0,.125);
}

.card-no-border .card {
    box-shadow: none;
}

.label {
    padding: 2px 10px;
    padding-bottom: 4px;
    font-size: 10px;
}

.label-indigo {
    background-color: #3c87ff;
}

.badge-indigo {
    background-color: #3c87ff;
}

.hidden {
    display:none;
}

.login-box .btn-success, .login-box .btn-success:hover {
    background: #26c6da;
    border: 1px solid #26c6da;
}

.btn-indigo {
    background: #5897fb;
    border: 1px solid #5897fb;
}

.btn-back {
    margin-top: -12px;
    float:right;
}

.btn-red-bright:hover, .btn-red-bright:focus {
  color: #ffffff;
  background: #d6514d;
  border: 1px solid #d6514d;
  box-shadow: none;
}

.jq-toast-wrap {
   width: 300px;
}

.jq-icon-success {
  font-family: fontawesome !important;
  font-size: 15px;
}

.form-group {
    margin-bottom: 20px;
}

/* table {
  font-size: 14px;
}

table thead {
  font-size: 14px;
} */

table.tr-hover > tbody > tr:hover {
    background-color: #f5f8ff;
}

.form-group.error span.select2-selection {
    border: 1px solid #fc4b6c;
}

.form-group.validate span.select2-selection {
    border: 1px solid #80bdff;
    padding: 1px;
}

.dataTables_wrapper .dataTables_paginate .paginate_button {
    padding: 0.3em 1em;
}

.dataTables_empty {
    text-align: center;
}

.dt-buttons .dt-button:hover {
    color: #ffffff;
}

thead > tr > th.del-checkboxes {
    padding-top: 0;
    width: 43px;
    margin-left:10px;
    padding: 0px;
}

/* .table thead th, .table th {
    font-size: 13px;
} */

thead > tr > th.del-checkboxes label {
    margin-left: 12px;
    padding: 12px;
}

label.custom-control {
    margin: 0;
}

.dataTable > thead > tr > th[class*="del-checkboxes"]:after{
    content: "" !important;
}

table [type="checkbox"] + label:before, table [type="checkbox"]:not(.filled-in) + label:after {
    border: 1px solid #dadada;
    width: 15px;
    height: 15px;
}

table [type="checkbox"]:checked + label:before {
    width: 9px;
    height: 16px;
}

#audiofiles-table [type="checkbox"] + label {
  margin-bottom: 0;
  padding-left: 0;
}

table [type="checkbox"] + label {
    margin-bottom: 0px;
    height: 13px;
}

.table td, .table th {
    vertical-align: middle;
}

.mini-sidebar .sidebar-nav #sidebarnav li:hover span {
	  margin-left: 37px;
}

.card-outline-success .card-header {
    background: #00acc1;
    border-color: #00acc1;
}

.form-horizontal select.form-control {
    padding: 0 0 0 8px;
}

.page-titles {
    margin-bottom: 20px;
    padding: 15px 20px;
}

.page-titles .breadcrumb {
    font-size: 13px;
}

.slimScrollDiv {
    top: -10px;
}

.mini-sidebar .sidebar-nav #sidebarnav > li:hover > ul, .mini-sidebar .sidebar-nav #sidebarnav > li:hover > ul.collapse {
    padding-top: 3px;
    padding-bottom: 3px;
}

.topbar ul.dropdown-user li a {
    display: inherit;
}
.topbar ul.dropdown-user li a.btn {
    color: #fff;
}

.topbar ul.dropdown-user li a.btn:hover {
    background-color: #e6294b;
}

.impersonating > .ribbon-wrapper-reverse {
    padding: 0;
    right: 195px;
    font-weight: 400;
    font-size: 14px;
}

.impersonating .ribbon-danger {
    left: auto;
    right: -2px;
    top: 1px;
}

.impersonating a.btn {
    padding: 6px 12px;
}

.card-title-custom {
    margin-bottom: 1.75rem;
    border-bottom: 1px solid rgba(0,0,0,.125);
}

.card-body {
    padding-top: 25px;
    padding-bottom: 40px;
}

.form-actions {
    margin-top: 15px;
}

.form-group.error > .controls > .dropify-wrapper {
    border: 1px solid #fc4b6c;
}

.form-group .help-block ul {
    padding: 0px;
    color: #fc4b6c;
}

.form-group .help-block ul li {
    list-style: none;
}

.show-pwd {
    padding: 3px 8px;
    background-color: #eaecef;
    float: right;
    position: relative;
    top: -33px;
    right: 4px;
    border-radius: 5px;
}
.show-pwd:hover {
    background-color: #dee0e2;
}

.generate-pwd {
    position: relative;
    float: right;
    top: 0;
    padding: .15rem .35rem;
}

.change-userpwd {
    margin-top: 23px;
}

.card-outline-red .card-header {
    background: #f4645f;
    border-color: #f4645f;
}

/*Server Status*/

.fs-status {
    white-space: pre-line;
    padding:15px;
    background: #f2f4f8;
}

.commands > .btn-block+.btn-block {
    margin-top: 1rem;
}

 .table tbody.sip_profiles tr,
 .table tbody.server_gateways tr {
  background: #ffffff;
}

a:not([href]).btn-outline-inverse {
    color: #2f3d4a;
    background-color: transparent;
    border-color: #2f3d4a;
}

a:not([href]).btn-outline-inverse:hover, a:not([href]).btn-outline-inverse:focus, a:not([href]).btn-outline-inverse.focus {
    background: #2f3d4a;
    border-color: #2f3d4a;
    color: #ffffff;
}

.tooltip-inner2 {
    padding: 15px;
}

.tooltip-content5 {
    font-size: 14px;
}

.mytooltip {
    z-index: unset;
}

@media (min-width: 768px) {
  .mini-sidebar .sidebar-nav #sidebarnav > li > a {
      padding: 7px 12px;
      width: 45px;
      margin-left: 2px;
  }

  .mini-sidebar .sidebar-nav #sidebarnav > li > ul {
      top: 41px;
  }
}

.sidebar-nav > ul > li {
    margin-bottom: 15px;
}

.btn-xs {
    padding: .2rem .4rem;
}

.btn-mdi {
    padding-top: 6px;
    padding-bottom: 7px;
}

.btn-mdi > .mdi:before, .btn-mdi > .mdi-set {
    font-size: medium;
}

.btn-sm-mdi {
  padding: 3px 6px;
}

.btn-sm-mdi > .mdi:before, .btn-sm-mdi > .mdi-set {
    font-size: small;
}