label.error { color: #ff0000c9; text-align:left !important }
div.error-message { color: #dc0f22; }
.img-md { width: 64px; height: 64px; padding: 10px; }
svg{
  width: 100% !important
}
/* for image uploading html*/
.imageDiv > label { font-size: 10px; border: 1px dashed #ccc; text-align: center !important; background: #fff; width: 135px; /*height: 34px;*/ padding: 8px !important; display: block; text-transform: capitalize; cursor: pointer; word-wrap: break-word; }
.imageDiv > input[type="file"] { display : none !important;/*visibility: hidden;*/ }
.showImage { margin-bottom: 0px !important; width: 135px; height: 125px !important; text-align: center; border: 1px dashed #ccc; }
/* for increase the width of login box in register page */
/*.login-box { width: 515px !important; margin: 0 auto;}*/
.text-flow { white-space: nowrap; width: 150px; overflow: hidden; text-overflow: ellipsis; }
div.sweetalert-div { text-align: justify; font-family: "Montserrat", sans-serif; }
div.sweetalert-div p:first-child { font-size: 16px !important; font-weight: 500; }
div.sweetalert-div p:last-child { font-size: 12px !important; font-weight: 500; }
img.thizzler-logo { height: 40px; width: 40px; display: none; }
span.thizzler-logo-full img { /*height: 30px; */width: 80%; object-fit: contain; }
.topbar .top-navbar .navbar-header { padding-left: 0px; line-height: 30px; text-align: center;}
.topbar .top-navbar { border: 1px solid rgba(120, 130, 140, 0.13) !important; }
.form-horizontal label { margin-bottom: 0px; text-align: right; }
.btn-custom { background: #00C76C; border: #00C76C; color: #fff }
.btn-custom.active.focus, .btn-custom.active:focus, .btn-custom.active:hover, .btn-custom.focus:active, .btn-custom:active:focus, btn-custom:active:hover, .open > .dropdown-toggle.btn-custom.focus, .open > .dropdown-toggle.btn-custom:focus, .open > .dropdown-toggle.btn-warning:hover, .btn-custom.focus, .btn-custom:focus, .show > .btn-custom.dropdown-toggle { background: #00C76C; border: #00C76C; color: #fff }
.jq-icon-info { background-color:#00C76C; border: #00C76C; color: #fff }
.jq-icon-info .jq-toast-loader { background-color: #00C76C !important; }
[type=reset], [type=submit], button, html [type=button] {
  -webkit-appearance: inherit !important; 
}

.white-space-initial {
  white-space: initial !important;
}

.daterangepicker td.active, .daterangepicker td.active:hover {
  background-color: #ff4700;
}
.daterangepicker select.monthselect {
  margin-right: 2%;
  width: 56%;
  background: #000;
  color: #fff;
  border: 1px solid #000;
}
.daterangepicker select.yearselect {
  width: 40%;
  background: #000;
  color: #fff;
  border: 1px solid #000;
}

/*CSS TABS*/
/* END */

.hide {
  display: none !important;
}

.dd-item.dd3-item .dd3-content {
  height: auto !important;
}
/*CONTENT LIBRARY PAGE */
.new-max-width-11 h3 {
  font-size: 16px !important;
}

.new-max-width-11 {
   max-width: 25% !important;
}

/**
.btn-outline-info {
    color: #ff4700;
    background-color: transparent;
    border-color: #ff4700;
    -webkit-transition: 0.2s ease-in;
    -o-transition: 0.2s ease-in;
    transition: 0.2s ease-in;
}

.btn-outline-info.active, .btn-outline-info:active, .btn-outline-info:focus {
    background-color: #ff4700;
    border-color: #ff4700;
}
.btn-outline-info:hover, .btn-outline-info:focus, .btn-outline-info.focus {
    background:#ff4700;
    border-color: #ff4700;
    color: #ffffff;
}

*/
label.control-label.metadata-label{
    text-transform: uppercase;
}

p.form-control-static.metadta-value {
    color: #000;
    font-weight: bold;
	font-size:15px;
}

.custom-card {
    padding: 10px;
}
.custom-text-right{text-align:right;}
.audio-container audio {
    width: 100%;
    overflow: hidden;
}
.audio-container {
    width: 100%;
    padding: 10px 0px;
}
@media screen and (max-width: 1170px) {
  img.thizzler-logo { display: block; }
  a.navbar-brand { margin-top: 7px; }
}

@media (max-width:1023px){
  .inner-chart .flot-chart-content {
    min-height: 1160px !important;
    margin-top: -205px !important;
  }
}
@media (max-width:991px){
  .inner-chart .flot-chart-content {
    margin-top: -162px !important;
  }
}
@media (max-width:880px){
  .inner-chart .flot-chart-content {
     margin-top: -195px !important;
	 min-height: 1080px !important;
  }
}
@media (max-width:830px){
  .inner-chart .flot-chart-content {
     margin-top: -195px !important;
	 min-height: 1008px !important;
  }
}
@media screen and (min-width: 768px) {
.filterbtn { display: none; }

}

@media (max-width: 767px){
  .login-register {
    position: fixed !important;
    overflow: hidden;
    max-height: 100%;
  }
  .inner-chart .flot-chart-content {
    margin-top: -261px !important;
    min-height: 1110px !important;
  }
  .table-responsive {
    display: block;
    width: 100%;
    overflow-x: hidden !important;
    -ms-overflow-style: -ms-autohiding-scrollbar;
  }
  .filterRowDiv-mobile {
    margin: 0px 0px;
    background: #fff;
    padding: 15px;
  }
}

@media (max-width: 670px){
  .inner-chart .flot-chart-content {
    margin-top: -350px !important;
    min-height: 1110px !important;
  }
}
 @media screen and (max-width: 768px) {
  .form-horizontal label { margin-bottom: 0px; text-align: left; }
  .filterbtn { display: -webkit-inline-box; }
  .filterRowDiv { display: none; }
  .min_height {
      min-height: auto !important;
  }
}

@media screen and (max-width: 575px) {
  .filterbtn-res { position: relative; top: 30% }
  h4.card-title.title-res { margin-top: 9px; width: 80%; }
  label.control-label h3{font-size:14px;}
  .card-title1 {font-size: 14px;}
  .custom-text-right{text-align:left;}
  .inner-chart .flot-chart-content {
      margin-top: -402px !important;
      min-height: 1090px !important;
  }
  span.btn.btn-danger.filterbtn.filter-mobile {
      position: absolute;
      top: 67px !important;
      right: 16px;
      z-index: 2;
  }

/*.filterbtn{    
  position: fixed;
    top: 45%;
    right: 0;
    z-index: 99999;}
*/
}
@media screen and (max-width: 480px) {
  .inner-chart .flot-chart-content {
    margin-top: -475px !important;
    min-height: 1056px !important;
  }
}
@media screen and (max-width: 400px) {
  .inner-chart .flot-chart-content {
    margin-top: -536px !important;
    min-height: 1050px !important;
  }
}

@media screen and (max-width: 350px){
  .inner-chart .flot-chart-content {
    margin-top: -653px !important;
    min-height: 1080px !important;
  }
}
.manage-content {}
.manage-content h1.box-title {
    font-weight: 700;
}
.manage-content h2.box-title {
    font-weight: bold;
    color: #6f6f6f;
}
h2.heading-text {
  font-weight: 600;
}
h2.heading-text span.textcolor {
  color: #5BE1B1;
  font-size: 20px;
}

.manage-content h3.box-title {
    color: #848484;
}
h2.box-title.box-title2 {
    font-weight: bold;
    color: #333;
}

.width-90-percent {
    width: 90% !important;
}

.font-size-16 {
    font-size: 16px !important;
}

.bg-grey {
    background: #e9edf2;
}

.bootstrap-tagsinput {
    width : 100%;
}

.fade.in {
  opacity: 1 !important;
}

.btn:disabled {
  cursor: not-allowed !important;
}

div.message-box div.message-widget.perfect_scrollbar {
  /*height : 520px;*/
}
.table-div#div_perfect_scrollbar, div.table-scroll#div_perfect_scrollbar {
 height : 600px;
 overflow: auto;
 position: relative; 
}

.max-width-11 {
    max-width: 11%;
}

.dropify-message > p {
  text-align: center;
}
.dropify-wrapper .fa.fa-cloud-upload {
  color: #cfcfcf;
  font-size: 60px;
}
.dropify {
  content: "";
  cursor: pointer;
  height: 100%;
  left: 0;
  opacity: 0;
  position: absolute;
  top: 0 !important;
  width: 100%;
  z-index: 5;
}
.form-group.imageDiv.steps-img img {
    width: 100% !important;
    object-fit: cover;
}
.step-4-content {
    padding: 0px !important;
}
.form-group.imageDiv.steps-img label {
    width: 100% !important;
}
.dropify-wrapper {
    background-color: #fff;
    background-image: none;
    border: 2px solid #e5e5e5;
    color: #777;
    cursor: pointer;
    display: block;
    font-size: 14px;
    height: 200px;
    line-height: 22px;
    max-width: 100%;
    overflow: hidden;
    padding: 5px 10px;
    position: relative;
    text-align: center;
    transition: border-color 0.15s linear 0s;
    width: 100%;
}

.dropify-wrapper:hover {
    background-size: 30px 30px;
    background-image: -webkit-linear-gradient(135deg,#F6F6F6 25%,transparent 25%,transparent 50%,#F6F6F6 50%,#F6F6F6 75%,transparent 75%,transparent);
    background-image: linear-gradient(-45deg,#F6F6F6 25%,transparent 25%,transparent 50%,#F6F6F6 50%,#F6F6F6 75%,transparent 75%,transparent);
    -webkit-animation: stripes 2s linear infinite;
    animation: stripes 2s linear infinite;

    opacity:1
    margin-top:-5px
}

.dropify-wrapper .dropify-message {
    position: relative;
    top: 50%;
    transform: translateY(-50%);
}

/* @-webkit-keyframes stripes {
 from {}
 to {}
} */
@keyframes stripes {
 /* from {} */
 to {
  background-position:60px 30px;
 }
}
@-webkit-keyframes rotate {
 0% {
  -webkit-transform:rotateZ(-360deg);
  transform:rotateZ(-360deg)
 }
 100% {
  -webkit-transform:rotateZ(0);
  transform:rotateZ(0)
 }
}
@keyframes rotate {
 0% {
  -webkit-transform:rotateZ(-360deg);
  transform:rotateZ(-360deg)
 }
 100% {
  -webkit-transform:rotateZ(0);
  transform:rotateZ(0)
 }
}

.max-width-full {
  max-width: 100% !important;
}

.filterRowDiv .bootstrap-select>.dropdown-toggle.bs-placeholder:active, .bootstrap-select>.dropdown-toggle.bs-placeholder:focus, 
.bootstrap-select>.dropdown-toggle.bs-placeholder:hover {
  color: #fff !important;
}

table.dataTable.dtr-inline.collapsed>tbody>tr[role="row"]>td:first-child:before, table.dataTable.dtr-inline.collapsed>tbody>tr[role="row"]>th:first-child:before {
    background-color: #1d1d1d !important;
	top:15px !important;
}

table.dataTable.dtr-inline.collapsed>tbody>tr.parent>td:first-child:before, table.dataTable.dtr-inline.collapsed>tbody>tr.parent>th:first-child:before {
    background-color: #ff4700 !important;
}

.message-box .message-widget a .mail-contnet .mail-desc, .message-box .message-widget a .mail-contnet .time {
    font-size: 12px;
    display: block;
    margin: 1px 0;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
     overflow: auto !important; 
    color: #848484;
    white-space: normal !important; 
    font-weight: normal;
}



span.btn.btn-danger.filterbtn.filter-mobile {
    position: absolute;
    top: 10px;
    right: 16px;
    z-index: 2;
}

.min-height520 { height: 520px; }
#sortable { list-style-type: none; margin: 0; padding: 0;}
#sortable li { margin: 0 3px 3px 3px; padding: 0.4em; padding-left: 1.5em;}
#sortable li > span { position: absolute; margin-left: -1.3em; }
.text-uppercase { text-transform: uppercase !important; }
.sorting-number{
  text-align: center;
  display: block;
  font-weight: 700;
  color: #545454;
  border-radius: 4px;
  /*border: 1px solid #c7c7c7;*/
  padding:5px;
  color: #fff;
}

.cursor-grab {
  cursor:-webkit-grabbing !important;
}

.bg-orange {
  background: #ff4700 !important;
  border: 1px solid #ff4700 !important;
}

.fileTable input.sort-box {
  background: #ff4700 !important;
  color: #fff;
  border-width: 1px !important;
  border-radius: 4px !important;
  text-align: center;
  font-weight: 700;
  padding:0px 15px;
}


/* custom css start */

.step-2-content .table-striped tbody tr:nth-of-type(odd) td >.col-12{margin-bottom:40px;}
.step-2-content .table-striped tbody tr:nth-of-type(odd) td >.col-12:before{content:'';  height:30px; width:200%; position:absolute;  background:#fff; left:-200px; bottom:-51px; border-top:1px solid #e9ecef; pointer-events:none;}
.step-2-content .table-striped tbody tr:nth-of-type(even) td >.col-12{margin-bottom:40px;} 
.step-2-content .table-striped tbody tr:nth-of-type(even) td >.col-12:before{content:'';  height:30px; width:200%; position:absolute;  background:#fff; left:-200px; bottom:-51px; border-top:1px solid #e9ecef; pointer-events:none;}
.step-2-content .table-striped tbody tr td >.col-12{padding-top:10px;}

@media(max-width:769px) {
	 .table-content-responsive table{width:100%!important;}
	 .table-content-responsive table td{display:block; width:100%;}
	 .step-2-content .table-striped tbody tr:nth-of-type(odd) td >.col-12{margin-bottom:0;}
	 .step-2-content .table-striped tbody tr:nth-of-type(odd) td >.deleteFile{margin-bottom:40px;}
	.step-2-content .table-striped tbody tr:nth-of-type(odd) td >.col-12:before{bottom:-114px;}
}

.modal-xl { max-width: 95%; }
.ui-autocomplete-loading {
  background: white url("images/ui-anim_basic_16x16.gif") right center no-repeat;
}
.border-radius0 {
  border-radius: 0px;
}

.sa-animate{
  animation-duration: 0.2s;
  animation-name: epilepsy;
  animation-iteration-count: infinite;
  animation-direction: alternate;
}

@keyframes epilepsy {
  from {
    background: #f2f2f2;
  }
  to {
    background: #ffffff;
  }
}

.sa-btn-outline-primary{color: #007bff; border-color: #007bff;}
.sa-btn-outline-primary:hover{color: #fff; background-color: #007bff; border-color: #007bff;}
.sa-btn-outline-primary:focus{color: #fff; background-color: #007bff; border-color: #007bff;}

.sa-btn-outline-success{color: #28a745; border-color: #28a745;}
.sa-btn-outline-success:hover{color: #fff; background-color: #28a745; border-color: #28a745;}
.sa-btn-outline-success:focus{color: #fff; background-color: #28a745; border-color: #28a745;}


/***btn-custom***/

.btn-orange{background-color:#ff4700;border-color:#ff4700;color:#fff;}
.btn-orange:hover, .btn-orange:focus {background-color:#e64000;border-color:#e64000;color:#fff;}

.btn-orange.active.focus, .btn-orange.active:focus, .btn-orange.active:hover, .btn-orange.focus:active, .btn-orange:active:focus, .btn-orange:active:hover, .open > .dropdown-toggle.btn-orange.focus, 
.open > .dropdown-toggle.btn-orange:focus, .open > .dropdown-toggle.btn-orange:hover, .btn-orange.focus, .btn-orange:focus, .show > .btn-orange.dropdown-toggle{color:#fff !important;background-color: #cd3900;border-color:#cd3900;}

.btn-black{background-color:#000; border-color: #000; color:#fff;}
.btn-black:hover, .btn-black:focus {background-color:#222; border-color: #222; color:#fff;}

.btn-outline-orange:hover, .btn-outline-orange:focus, .btn-outline-orange.focus {background: #ff4700; border-color: #ff4700; color: #ffffff;}
.btn-outline-orange {color: #ff4700; background-color: transparent; border-color: #ff4700; -webkit-transition: 0.2s ease-in; -o-transition: 0.2s ease-in; transition: 0.2s ease-in;}

.btn-outline-black:hover, .btn-outline-black:focus, .btn-outline-black.focus {background: #000; border-color: #000; color: #ffffff;}
.btn-outline-black {color: #000; background-color: transparent; border-color: #000; -webkit-transition: 0.2s ease-in; -o-transition: 0.2s ease-in; transition: 0.2s ease-in;}

/* btn-info blk-btn btn-outline-info */

/***btn-custom***/

.text-orange {
  color : #ff4700;
}

td.details-control {
  cursor: pointer;
}

.font-italic {
  font-style: italic;
}

.font-size-inherit {
  font-size: inherit !important;
}
.modal-xlc {
  max-width: 1140px;
}