div.dataTables_wrapper div.dataTables_processing{
  top: 100px !important;
  background-color: #313e44;
  color: #fff;
}

.table.processing {
  min-height: 300px;
}

.table-img{
  max-width: 90px;
  max-height: 50px;
}

.modal .modal-content{
  box-shadow: 0 0 20px 0 #00000070;
  border-radius: 3px;
}

.badge-success{
  background-color: #059654 !important;
}

.badge-danger{
  background-color: #d73925 !important;
}

.badge-warning{
  background-color: #f39c12 !important;
}

.badge-primary{
  background-color: #3c8dbc !important;
}

.totop_frm #categories_sf,.totop_frm #software_features,.totop_frm #deployment,.totop_frm #language,.totop_frm #api_type,.totop_frm #integrations,.totop_frm #training_type,.totop_frm #supporting_type,.totop_frm #categories_s,.totop_frm #service_features,.totop_frm #profile-img1,.totop_frm #profile-img2{
  display: block !important;
  height: 0px;
  padding: 0;
  visibility: hidden;
}
.prod-faq-content .faq-ans{
  margin: 0 0 10px 10px;
}

.prod-faq-content .faq-qt{
  font-size: 14px;
  margin: 0 0 10px 0;
  font-weight: bold;
  color: #0161a5;
}

#preview-body{
  padding: 10px;
  border: 1px solid #d2d6de;
  margin-top: 10px;
  border-radius: 8px;
}

.validation-messages p{
  margin: 2px 2px 15px 2px;
  border-radius: 3px;
  padding: 0 10px;
  background-color: #ffb3b3;
  display: inline-block;
  border: 1px solid #ff6464;
  font-size: 11px;
  text-align: center;
  color: #000;
  line-height: 20px;
}

.validation-messages{
  width: 100%;
  text-align: center;
}

.container-fluid .jumbotron{
  padding-left: 30px !important;
}
.box .overlay i{
  color: #00639c !important;
} 

.navbar-nav .messages-menu .dropdown-menu li .menu li.header{
  padding: 5px 0px 5px 10px;
  border-top: 1px solid #b1b1b1;
  border-bottom: 1px solid #b1b1b1;
  border-radius: 30px;
  width: 90%;
  text-align: center;
  margin: 5px auto;
  opacity: 0.9;
}
.navbar-nav .messages-menu .dropdown-menu li .menu{
  max-height: 300px !important;
}
.navbar-nav .messages-menu .dropdown-menu{
  width: 320px !important;
  max-width: 320px;
}
.navbar-nav .messages-menu .dropdown-menu li .menu li a h4{
  word-break: break-word !important;
  white-space: normal !important;
}

#listing-crud-modal .ssview table tbody tr td:first-child{
  font-weight: bold;
  width: 210px !important;
}

#listing-crud-modal .ssview table tbody tr td:nth-child(2){
  font-weight: bold;
  text-align: center;
  width: 5px !important;
}

#listing-crud-modal .ssview table tbody tr td img{
  margin: 0 5px;
}
#listing-crud-modal .ssview table tbody tr td .ss_screensv img{
  max-width: 90px !important;
}

#listing-crud-modal .ssview table tbody tr td p{
  word-wrap: break-word;
  max-width: 500px;
}

#listing-crud-modal .ssview .ssv_lists{
  padding-left: 20px;
}

#listing-crud-modal .ssview .ssv_lists li{
  list-style: disc;
}

#listing-crud-modal .ssview .image{
  width: 100%;
  margin-bottom: 15px;
}

#listing-crud-modal .ssview .image img{
  max-width: 140px;
  max-height: 80px;
}


.custom-tab li.active a{
  background-color: #3c8dbc !important;
  border: 1px solid #3c8dbc !important;
  color: #fff !important;
}

.custom-tab li a{
  background-color: #fff !important;
}

#snackbar .fa-check-circle{
  color: #4da801;
  padding-right: 8px;
  font-size: 28px;
}

#snackbar .fa-times-circle{
  color: #dd4b39;
  padding-right: 8px;
  font-size: 28px;
}

#generateleads{
  background-color: #059654 !important;
  color: #fff;
}

#generateleads a{
  color: #fff !important;
}

.notify-list{
  cursor: default;
}
.notify-list a{
  color: #3c8dbc !important;
}

.notify-list a small{
  color: #4a4a4a !important;
}

.notify-list a b{
  color: #4a4a4a !important;
}
.notify-list a i.fa-bell{
  color: #00c0ef !important;
}
.notify-list.bg-danger a i.fa-bell{
  color: #dd4b39 !important;
}

.notify-list .notify-close{
  color: #dd4b39;
}

.empty-error{
  padding: 10px !important;
  width: 100% !important;
  display: block;
}

#alert-dropdown .footer ul{
  border-top: 1px solid #e5e5e5;
  display: flex;
  width: 100%;
  text-align: center;
}

@media (max-width: 580px){
  #alert-dropdown{
    width: 300px !important;
  }
}

#alert-dropdown .footer .footer-items:first-child{
  border-right: 1px solid #e5e5e5;
}

#alert-dropdown .footer .footer-items{
  width: 50%;
  
}

#alert-dropdown .footer .footer-items a{
  padding: 6px 0;
  width: 100%;
  display: block;
  color: #565656;
}

#alert-dropdown .nav-pills li{
  width: 50%;
  float: left;
  margin: 0;
  text-align: center;
  
}
#alert-dropdown .nav-pills{
  border: 1px solid #e5e5e5;
}
#alert-dropdown .nav-pills li a{
  padding: 5px 20px;
  width: 100%;
  color: #505050;
  border-top: 0;
}

#alert-dropdown .nav-pills li.active a{
  background-color: #3c8dbc;
  color: #fff;
  border-top: 0;
}

#alert-dropdown .nav-pills li.active a:hover{
  background-color: #3c8dbc;
}

#alert-dropdown .nav-pills li a:hover{
  background-color: #fff;

}

.navbar-nav>.notifications-menu>.dropdown-menu>li .menu>li{
  display: inline-block;
  width: 100%;
}
.navbar-nav>.notifications-menu>.dropdown-menu>li .menu>li>a:first-child{
  float: left;
  width: 89%;
}
.navbar-nav>.notifications-menu>.dropdown-menu>li .menu>li>span{
  float: right;
  width: 11%;
  cursor: pointer;
  padding: 10px 0;
  text-align: center;
}

#alert-dropdown .tab-content{
  height: max-height: 500px;
}

#alert-dropdown{
  width: 550px;
}

#mobile{
  padding-left: 85px !important;
}

.sidebar-menu .menu-list i{
  padding-right: 8px !important;
  width: 26px !important;
}

#ad_dropdown{
  box-shadow: 0 6px 12px rgba(0,0,0,.175) !important;
  border: 1px solid #a79f9f;
}

/*subscription modal*/

#subscription-modal .modal-content{
  border-radius: 10px;
  overflow: hidden;
}

#subscription-modal .modal-header .modal-title small{
  color: #384046;
  font-weight: 600;
  font-size: 16px;
}

#subscription-body{
  padding: 0 0 10px 0;
  background-color: #dedede;
  letter-spacing: 0.4px;
}

#subscription-body table tbody tr td{
  border-top: 0px solid transparent;
  vertical-align: middle;
  font-weight: 600;
}

#subscription-body table tbody tr td b{
  font-size: 29px;
}

#subscription-body table tbody tr td sup{
  font-size: 18px;
  font-weight: bold;
}

#subscription-body table .btn-success{
  background-color: #00a65a !important;
  letter-spacing: 0.5px;
  word-spacing: 3px;
  height: 51px;
}

#subscription-box{
  background: linear-gradient(45deg, #002f4a, #3c8dbc);
  padding: 10px 20px;
}

#subscription-body .sub-form{
  padding: 0 20px;
}

#subscription-body #sub-close{
  color: #fff;
  opacity: 1;
  padding: 0 5px;
}

.sub-td{
  background-color: #ffff;
  margin: 5px 8px;
  display: block;
  border: 0px solid transparent;
  border-radius: 10px;
  color: #384046;
}

#subscription-box .sub-badge .fa{
  position: absolute;
  top: 8px;
  left: 0;
}

#subscription-box .sub-badge{
  padding: 5px 0 5px 25px;
  border-radius: 5px;
  list-style: none;
  line-height: 22px;
  color: #fff;
  position: relative;
  font-weight: 500;
}

#error-msg, #verror-msg {
  color: #dc3545;
}
#valid-msg, #vvalid-msg {
  color: #28a745;
}

label.error{
  font-size: 13px;
  color: #dc3545;
  display: none !important;
}

input[type='tel'].error {
  border: 1px solid #dc3545 !important;
}
.hide {
  display: none;
}

/*snackbar-start*/

#snackbar {
  opacity: 0;
  min-width: 290px;
  background-color: #333333f2;
  color: #fff;
  text-align: center;
  border-radius: 2px;
  padding: 14px;
  position: fixed;
  z-index: 9999;
  right: 10px;
  top: 60px;
  height: auto;
  display: flex !important;
  align-items: center;
  font-size: 16px;
  /*-webkit-animation: fadein 0.5s, fadeout 0.5s 3.7s;*/
  animation: fade 6s ease-in-out 1s;
}

#snackbar.hide {
  visibility: hidden;
  opacity: 0;
}

@keyframes fade {
  from {top: 0; opacity: 0;} 
  8% {top: 90px; opacity: 1;}
  93% {top: 90px; opacity: 1;}
  to {top:0;opacity: 0;}
}

@-webkit-keyframes fadein {
  from {top: 0; opacity: 0;} 
  to {top: 60px; opacity: 1;}
}

@keyframes fadein {
  from {top: 0; opacity: 0;}
  to {top: 60px; opacity: 1;}
}

@-webkit-keyframes fadeout {
  from {top: 60px; opacity: 1;} 
  to {top: 0px; opacity: 0;}
}

@keyframes fadeout {
  from {top: 60px; opacity: 1;}
  to {top: 0px; opacity: 0;}
}



.form-check {
  position: relative;
  display: block;
  padding-left: 1.25rem;
}

.form-check-input {
  position: absolute;
  margin-top: 0.3rem;
  margin-left: -1.25rem;
}

.form-check-input:disabled ~ .form-check-label {
  color: #6c757d;
}

.form-check-label {
  margin-bottom: 0;
}

.form-check-inline {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  padding-left: 0;
  margin-right: 0.75rem;
}

.form-check-inline .form-check-input {
  position: static;
  margin-top: 0;
  margin-right: 0.3125rem;
  margin-left: 0;
}

.valid-feedback {
  display: none;
  width: 100%;
  margin-top: 0.25rem;
  font-size: 80%;
  color: #28a745;
}

.valid-tooltip {
  position: absolute;
  top: 100%;
  z-index: 5;
  display: none;
  max-width: 100%;
  padding: .5rem;
  margin-top: .1rem;
  font-size: .875rem;
  line-height: 1;
  color: #fff;
  background-color: rgba(40, 167, 69, 0.8);
  border-radius: .2rem;
}

.was-validated .form-control:valid, .form-control.is-valid, .was-validated
.custom-select:valid,
.custom-select.is-valid {
  border-color: #28a745;
}

.was-validated .form-control:valid:focus, .form-control.is-valid:focus, .was-validated
.custom-select:valid:focus,
.custom-select.is-valid:focus {
  border-color: #28a745;
  box-shadow: 0 0 0 0.2rem rgba(40, 167, 69, 0.25);
}

.was-validated .form-control:valid ~ .valid-feedback,
.was-validated .form-control:valid ~ .valid-tooltip, .form-control.is-valid ~ .valid-feedback,
.form-control.is-valid ~ .valid-tooltip, .was-validated
.custom-select:valid ~ .valid-feedback,
.was-validated
.custom-select:valid ~ .valid-tooltip,
.custom-select.is-valid ~ .valid-feedback,
.custom-select.is-valid ~ .valid-tooltip {
  display: block;
}

.was-validated .form-check-input:valid ~ .form-check-label, .form-check-input.is-valid ~ .form-check-label {
  color: #28a745;
}

.was-validated .form-check-input:valid ~ .valid-feedback,
.was-validated .form-check-input:valid ~ .valid-tooltip, .form-check-input.is-valid ~ .valid-feedback,
.form-check-input.is-valid ~ .valid-tooltip {
  display: block;
}

.was-validated .custom-control-input:valid ~ .custom-control-label, .custom-control-input.is-valid ~ .custom-control-label {
  color: #28a745;
}

.was-validated .custom-control-input:valid ~ .custom-control-label::before, .custom-control-input.is-valid ~ .custom-control-label::before {
  background-color: #71dd8a;
}

.was-validated .custom-control-input:valid ~ .valid-feedback,
.was-validated .custom-control-input:valid ~ .valid-tooltip, .custom-control-input.is-valid ~ .valid-feedback,
.custom-control-input.is-valid ~ .valid-tooltip {
  display: block;
}

.was-validated .custom-control-input:valid:checked ~ .custom-control-label::before, .custom-control-input.is-valid:checked ~ .custom-control-label::before {
  background-color: #34ce57;
}

.was-validated .custom-control-input:valid:focus ~ .custom-control-label::before, .custom-control-input.is-valid:focus ~ .custom-control-label::before {
  box-shadow: 0 0 0 1px #fff, 0 0 0 0.2rem rgba(40, 167, 69, 0.25);
}

.was-validated .custom-file-input:valid ~ .custom-file-label, .custom-file-input.is-valid ~ .custom-file-label {
  border-color: #28a745;
}

.was-validated .custom-file-input:valid ~ .custom-file-label::before, .custom-file-input.is-valid ~ .custom-file-label::before {
  border-color: inherit;
}

.was-validated .custom-file-input:valid ~ .valid-feedback,
.was-validated .custom-file-input:valid ~ .valid-tooltip, .custom-file-input.is-valid ~ .valid-feedback,
.custom-file-input.is-valid ~ .valid-tooltip {
  display: block;
}

.was-validated .custom-file-input:valid:focus ~ .custom-file-label, .custom-file-input.is-valid:focus ~ .custom-file-label {
  box-shadow: 0 0 0 0.2rem rgba(40, 167, 69, 0.25);
}

.invalid-feedback {
  display: none;
  width: 100%;
  margin-top: 0.25rem;
  font-size: 13px;
  color: #dc3545;
}

.invalid-tooltip {
  position: absolute;
  top: 100%;
  z-index: 5;
  display: none;
  max-width: 100%;
  padding: .5rem;
  margin-top: .1rem;
  font-size: .875rem;
  line-height: 1;
  color: #fff;
  background-color: rgba(220, 53, 69, 0.8);
  border-radius: .2rem;
}

.was-validated .form-control:invalid, .form-control.is-invalid, .was-validated
.custom-select:invalid,
.custom-select.is-invalid {
  border-color: #dc3545;
}

.was-validated .form-control:invalid:focus, .form-control.is-invalid:focus, .was-validated
.custom-select:invalid:focus,
.custom-select.is-invalid:focus {
  border-color: #dc3545;
  box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 0.25);
}

.was-validated .form-control:invalid ~ .invalid-feedback,
.was-validated .form-control:invalid ~ .invalid-tooltip, .form-control.is-invalid ~ .invalid-feedback,
.form-control.is-invalid ~ .invalid-tooltip, .was-validated
.custom-select:invalid ~ .invalid-feedback,
.was-validated
.custom-select:invalid ~ .invalid-tooltip,
.custom-select.is-invalid ~ .invalid-feedback,
.custom-select.is-invalid ~ .invalid-tooltip {
  display: block;
}

.was-validated .form-check-input:invalid ~ .form-check-label, .form-check-input.is-invalid ~ .form-check-label {
  color: #dc3545;
}

.was-validated .form-check-input:invalid ~ .invalid-feedback,
.was-validated .form-check-input:invalid ~ .invalid-tooltip, .form-check-input.is-invalid ~ .invalid-feedback,
.form-check-input.is-invalid ~ .invalid-tooltip {
  display: block;
}

.was-validated .custom-control-input:invalid ~ .custom-control-label, .custom-control-input.is-invalid ~ .custom-control-label {
  color: #dc3545;
}

.was-validated .custom-control-input:invalid ~ .custom-control-label::before, .custom-control-input.is-invalid ~ .custom-control-label::before {
  background-color: #efa2a9;
}

.was-validated .custom-control-input:invalid ~ .invalid-feedback,
.was-validated .custom-control-input:invalid ~ .invalid-tooltip, .custom-control-input.is-invalid ~ .invalid-feedback,
.custom-control-input.is-invalid ~ .invalid-tooltip {
  display: block;
}

.was-validated .custom-control-input:invalid:checked ~ .custom-control-label::before, .custom-control-input.is-invalid:checked ~ .custom-control-label::before {
  background-color: #e4606d;
}

.was-validated .custom-control-input:invalid:focus ~ .custom-control-label::before, .custom-control-input.is-invalid:focus ~ .custom-control-label::before {
  box-shadow: 0 0 0 1px #fff, 0 0 0 0.2rem rgba(220, 53, 69, 0.25);
}

.was-validated .custom-file-input:invalid ~ .custom-file-label, .custom-file-input.is-invalid ~ .custom-file-label {
  border-color: #dc3545;
}

.was-validated .custom-file-input:invalid ~ .custom-file-label::before, .custom-file-input.is-invalid ~ .custom-file-label::before {
  border-color: inherit;
}

.was-validated .custom-file-input:invalid ~ .invalid-feedback,
.was-validated .custom-file-input:invalid ~ .invalid-tooltip, .custom-file-input.is-invalid ~ .invalid-feedback,
.custom-file-input.is-invalid ~ .invalid-tooltip {
  display: block;
}

.was-validated .custom-file-input:invalid:focus ~ .custom-file-label, .custom-file-input.is-invalid:focus ~ .custom-file-label {
  box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 0.25);
}

/*a_dashboard*/

.jumbotron_box{
  background-color: #fff;
  box-shadow: 0px 2px 5px -2px #000000ad;
  padding: 20px;
  border-radius: 8px;
  margin-top: 20px;
}

.count-blk{
  text-align: center;
  background-color: #ecf0f5;
  border: 1px solid #ccd7e4;
  border-radius: 5px;
  padding: 0 !important;
}

.count{
  font-size: 17px;
  text-align: right;
  padding: 10px 0;

}

.notify_h{
  height: 380px;
  padding: 20px 10px !important;
}

.notification_sect{
  background-color: #ecf0f5;
  padding: 5px 0 10px 10px;
  border-radius: 5px;
  border: 1px solid #ccd7e4;
  height: 100%;
  border-top: 5px solid #3c8dbc;
  overflow-y: scroll;
  overflow-x: hidden;
}

ul{
  padding: 0;
}

li{
  list-style: none;
}

.notification_sect ul li{
  margin-top: 5px;
  clear: both;
  float: left;
  width: 100%;
  padding: 0 10px;
  border-radius: 5px;
}

.notification_sect ul li a{
  padding: 10px 0;
  color: #fff;
  display: block;
  float: left;
  width: 90%;
  overflow-x: hidden;
}

.close-ic{
  float: right;
  width: 10%;
  cursor: pointer;
  font-size: 16px;
  padding: 5px;
}




/*rating css*/

.rating-stars ul {
  list-style-type:none;
  padding:0;
  
  -moz-user-select:none;
  -webkit-user-select:none;
}
.rating-stars ul > li.star {
  display:inline-block;
  
}

/* Idle State of the stars */
.rating-stars ul > li.star > i.fa {
  font-size:1.9em; /* Change the size of the stars */
  color:#ccc; /* Color on idle state */
}

/* Hover state of the stars */
.rating-stars ul > li.star.hover > i.fa {
  color:#FFCC36;
}

/* Selected state of the stars */
.rating-stars ul > li.star.selected > i.fa {
  color:#FF912C;
}

.company_sect{
  padding: 0 30px 30px 30px !important;
}