@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@300;400;500;700&display=swap');

/*font-family: 'Roboto', sans-serif;*/

:root {
  --lightBlue:#c6efff;
  --blue: #01a9ac ;
  --darkBlue: #01a9ac ;
  --black:#626262;
  --lightBlack: #636363;
  --gray:#eeeeee;
  --primary: 1,169,172;
  --success: 40,199,111;
  --danger: 234,84,85;
  --warning: 255,159,67;
  --dark: 30,30,30;

  --vs-primary:  1,169,172;
  --vs-success: 40,199,111;
  --vs-danger: 234,84,85;
  --vs-warning: 255,159,67;
  --vs-dark: 30,30,30;
}

button:focus, select:focus, input:focus, .form-control:focus {outline: none; box-shadow: none;}
/*.btn:focus, .btn.focus, .btn {box-shadow: none !important;}*/
body {font-size:14px; color:var(--black); font-family: 'Roboto', sans-serif; }
h1,h2,h3,h4,h5,h1,.h2,.h3,.h4,.h5 {font-family: 'Roboto', sans-serif;}
img {max-width: 100%;}
.container {max-width: 100%;}
.mainWrapper {background: #f8f8f8; min-height: 100vh;}
.btn {padding: 0.3rem 1rem;}
.btn.cancel {color:#a7a7a7;}
.btn-primary {background-color: var(--blue);border-color:var(--blue);}
.btn-primary:hover {background-color: var(--darkBlue);border-color:var(--darkBlue);box-shadow: 0 8px 25px -8px rgba(var(--vs-primary),1);}
.page-link {color: var(--blue);}
.page-link:hover {color: var(--darkBlue);}

.loginPage {background: url('../images/login-bg.jpg') no-repeat center / cover;display: flex; align-items: center; min-height: 100vh;}
.grayBg{background-color: #eff2f7; }
.form .form-title {margin: 0px 0px 5px 0px;}
.form .form-control { padding: 0.6rem 0.8rem; font-size: 16px;}
.form select.form-control {padding: 0px 0.8rem;}
.form .btnRow {padding: 10px 0px 10px 0px; }


.select2-container--default .select2-selection--single {height: 38px;border: 1px solid #ced4da;}
.select2-container--default .select2-selection--single .select2-selection__rendered {line-height: 35px; padding-left: 12px;}
.select2-container--default .select2-selection--single .select2-selection__arrow {top: 5px; right: 5px;}

.loginPopUp {margin:25px auto; box-shadow: 0 4px 25px 0 rgba(0,0,0,.1);border-radius:0px; background: #ffffff; max-width:800px;position: relative;}
.loginBlock {background: #ffffff; padding: 30px;}
.popUpHeading {padding-bottom: 20px;}
.popUpHeading .title {margin: 0px 0px 10px 0px; font-size: 24px; }
.popUpHeading .desc {margin: 0px 0px 10px 0px; }

.haveAccount {text-align: center; }
.haveAccount a {color: var(--blue);}
.checkboxInput {position: relative;}
.checkboxInput input { position: absolute; opacity: 0;}
.checkboxInput label {margin: 0px 0px 10px 0px;padding-left: 30px; color: #202c4b; cursor: pointer;}
.checkboxInput label:before {content: ""; position: absolute; top: 1px; left: 0; height: 20px; width: 20px; background-color: #ffffff;border:solid 1px #ccc; border-radius: 2px;}
.checkboxInput input:checked ~ label:after {left: 8px; top: 5px; width: 6px; height: 10px; border: solid var(--blue); border-width: 0 3px 3px 0; transform: rotate(45deg);content: ""; position: absolute;}
.forgotPass {text-align: right;}
.forgotPass a {display: inline-block;color:var(--blue);}



.shaddowCard {background: #fff; border-radius:8px; box-shadow:0 4px 20px 0 rgba(0,0,0,.03); margin-bottom: 40px; }
.shaddowCard:hover {box-shadow:0 4px 20px 0 rgba(0,0,0,.05);}
.sideBar {background: #fff; box-shadow:0 0 15px 0 rgba(0,0,0,.05); height: 100vh; padding:10px 0px; overflow-x: auto;}
.sideBar .logo {line-height: 1; font-size: 28px; font-weight: bold; margin: 0px 15px 15px 15px; color: var(--blue);}
.sideBar .sideNav {display: none;}

.sideBarMenu ul {list-style: none; padding:10px 0px; margin:0px 10px;}
/*.sideBarMenu>ul>li:first-child {border-top: solid 1px #efefef;}
.sideBarMenu li {border-bottom: solid 1px #efefef;}*/
.sideBarMenu>ul>li{margin:15px 0px;}
.sideBarMenu .mainCat {margin:25px 10px 15px 7px;}
.sideBarMenu .mainCat span {text-transform: uppercase;
    color: #999; display: block; font-size: 12px; font-weight: 500; padding: 5px;}
.sideBarMenu li > a {position: relative; display: block; padding:8px 2px 9px 40px; color:var(--black); text-decoration: none;font-size: 16px; transition: all 0.2s linear; border-radius: 0;}
.sideBarMenu li > a:hover {transform: translate(3px,0px);}
.sideBarMenu li > a .fa {position: absolute; left: 12px; top: 10px; font-size: 18px;}
.sideBarMenu li.active > a {color:#ffffff; background: linear-gradient(118deg,rgba(var(--vs-primary),1),rgba(var(--vs-primary),.7));}
.sideBarMenu li.active.hasChild > a:after {border-color: #ffffff;}
li.hasChild > a {padding-right: 26px;}
li.hasChild > a:after {border: 1px solid #999999; border-width: 0 0 2px 2px; content: ""; position: absolute; width: 8px; height: 8px; transform: rotate(225deg); display: block; right: 17px; top: 40%; margin: 0px 0 0 -2px; }
li.hasChild.openSubMenu > a:after {transform: rotate(314deg);margin: -2px 0 0 -2px; }
.sideBarMenu .subMenu {display: none; padding:5px 10px 10px 20px; margin: 0px; }
.subMenu li {border-bottom: none; margin-top: 10px;}
.subMenu li a {display: block; padding:8px 11px 8px 30px;color:var(--blank); position: relative; }
.subMenu li a:before {position: absolute; left: 13px; top: 16px; height:7px; width: 7px; border-radius: 5px; border:solid 1px #ccc; content: "";}
.subMenu li a:hover, .subMenu li.active a {background:#f6f6f6; color:var(--blank);box-shadow: 0 0 10px 1px rgba(var(--vs-primary),.2)}
li.hasChild:hover > a:after {border-color: var(--blue);}

.sideBarMenu .counter {display: inline-block; width: 22px; height: 22px; color: #ffffff; font-size: 10px; font-weight: 500; text-align: center; line-height: 22px;border-radius: 50%; background: rgba(var(--vs-warning),1); float: right;}

.header {padding:10px 15px; margin: 20px 0px 40px 0px;}
.headerLeft .btn, .headerRight .btn {color: var(--blue); padding: 2px 5px; margin-right: 5px;font-size: 18px; position: relative;}
.headerLeft .btn:hover, .headerRight .btn:hover {color: var(--darkBlue);}
.btn .count {position: absolute; right: -3px; top: -3px; font-size: 10px; font-weight: bold; color: #333; background: var(--gray); width: 16px; height: 16px; line-height: 15px; text-align: center; border-radius: 50%;}

.headerRight .dropdown{display: inline-block;}
.headerRight .dropdown-toggle {padding-right: 0px;}
.headerRight .dropdown-toggle img {height: 14px;}
.headerRight .dropdown-item img {height: 12px;  vertical-align: -1px;}
.headerRight .dropdown-item {padding: 5px 15px;}
.headerRight .dropdown-menu {top: 96%;right: -15px; border:none;box-shadow: 0px 3px 5px #ccc; border-radius: 0px;min-width: 100px; width: 140px;}


.myAccontNav { border-left:solid 1px #eaeaea;}
.wellUser {position: relative;padding-left: 70px;height: 36px;}
.wellUser .img {position: absolute; left: 20px; top: 0px; width: 36px; height:36px;
  border-radius: 50%;background: #c3c3c3; overflow: hidden; margin: 0px;}
.wellUser .img img {object-fit: cover;}
.wellUser .userName {display: inline-block; vertical-align: top; margin-top: 6px;
  cursor: pointer; color: #333;}
.wellUser .userName:after {content: ""; width: 8px; height: 8px; transform: rotate(-45deg); display: inline-block; vertical-align:top; margin: 6px 4px 0px 5px;border: 1px solid #999999; border-width: 0 0 2px 2px;}
.userOptionsNav {position: absolute;top: calc(100% + 0px); right: 0px; z-index: 1; list-style: none; padding: 5px 0px; margin: 0px;
  background: #fff;box-shadow: 0px 3px 5px #ccc; display: none;}
.userOptionsNav a {display: block; padding: 5px 13px; color: var(--darkBlue);text-decoration: none;font-size: 14px;
  border-bottom: solid 1px #f2f4f8;}
.userOptionsNav a:hover {background: #f2f4f8;}
.wellUser:hover .userOptionsNav {display: block;}


.dashInfoBox {padding: 15px; text-align: center;}
.dashInfoBox .iconImg {padding: 15px; border-radius: 50%; margin: 10px 0px 10px 0px;background: var(--gray); color: var(--blue); display: inline-block;}
.dashInfoBox .iconImg svg {width: 35px; height: 35px;}
.dashInfoBox .title {margin: 0px 0px 5px 0px; font-size: 24px; }
.dashInfoBox .desc {margin:0px; min-height: 43px; }
.dashInfoBox .iconImg .fa {width: 35px; height: 35px; font-size: 28px; line-height:35px;}

.congBox {background: var(--blue); padding: 15px;text-align: center; color: #ffffff;}
.congBox .iconImg {padding: 15px; border-radius: 50%; margin: 10px 0px 15px 0px;background: var(--darkBlue); color:#ffffff; display: inline-block;}
.congBox .iconImg svg {width: 35px; height: 35px;}
.congBox .title {margin: 0px 0px 10px 0px; font-size: 28px; }
.congBox .desc {margin: 0px 0px 10px 0px; font-size: 16px; }


.pageHeading {margin: 0px 0px 15px 0px;}
.pageHeading h2 {margin: 0px 0px 10px 0px; font-size: 32px; color: var(--lightBlack); font-weight: 400;}
.pageHeading .desc {margin: 0px 0px 10px 0px;color: var(--lightBlack); }
.brideCrume {list-style: none; margin:9px 0px; padding: 0px 0px 0px 10px; border-left: solid 1px #ccc;}
.brideCrume li {display: inline-block; margin: 0px 2px;color: var(--lightBlack);vertical-align: middle;}
.brideCrume li a {color:var(--blue);}

.filterBar {padding:15px 25px;}
.filterBar h3 {margin: 0px 0px 15px 0px; font-size: 20px;color: var(--lightBlack);}

.exportsBtn .btn {padding: 3px 15px 4px 15px; margin-right: 5px;}

.listSearch {position: relative;min-width: 200px;}
.listSearch .input {background: #fff; width: 100%; padding:7px 35px 7px 12px;
  border-radius: 3px;  height: 38px; border: 1px solid #ced4da; }
.listSearch .searchIcon {border:none;width: 26px; height: 26px; background: url(../images/sprite.png) no-repeat 3px -7px; position: absolute; top: 7px; right: 7px; cursor: pointer;}
.listSearch .input:focus {border-color: var(--blue);}
.tableBottom .pagination {margin: 0px;}
.tableBottom {padding-top:15px; border-top: solid 1px #ccc;}



.filterTh {position: relative; cursor: pointer;}
.filterTh .arrow {display: inline-block;width: 0px;height: 0px; border:solid 4px transparent; border-top-color: #626262; vertical-align: -3px; margin:0px 0px 0px 5px}
.filterTh.up .arrow{transform: rotate(180deg); transform-origin: top;}
.table th {background: #efefef;}
.userListTable {margin-top: 15px; margin-bottom: 15px;}
.userListTable .table {margin: 0px;color: var(--black);}
.userListTable .userImg {border-radius: 50%; background: var(--gray);display: inline-block; overflow: hidden; margin-right: 10px;vertical-align: middle; }
.userListTable .userImg  img {height: 32px; width:32px;object-fit: cover;}
.userListTable .userName {display: inline-block;vertical-align: middle; width: calc(100% - 47px); white-space: normal; overflow: hidden; text-overflow: ellipsis;}

.actionBtn .btnIcon {margin: 0px 12px 0px 0px; font-size: 16px; display: inline-block; cursor: pointer;}
.actionBtn .btnIcon:last-child {margin: 0px;}
.edit:hover i {color: var(--blue);}
.delete:hover i {color:rgba(var(--danger),1);}
.btnIcon.view {font-size: 18px;}
.view:hover i {color:rgba(var(--primary),1);}
.status {display: inline-block; padding:3px 8px 5px 8px; line-height: 1; background: rgba(var(--success),0.2); color: rgba(var(--success),1); border-radius: 5px;}
.dActive {background: rgba(var(--warning),0.2); color: rgba(var(--warning),1);}
.block {background: rgba(var(--danger),0.2); color: rgba(var(--danger),1);}




.footer {padding: 10px 15px 15px 15px;border-top: solid 1px #ccc; margin: 10px 0px 0px 0px;}
.alert .close {top: 6px; right: 12px; padding: 0px;}



/*user setting*/
.userSettingTab {position: relative; margin-bottom: 20px;}
.userSettingTab .tabNav {position: absolute;left: 0px; top: 0px; width: 170px;}
.tabNav {list-style: none;margin: 0px; padding: 0px;}
.tabNav li {display: block;}
.tabNav li a {display: block; padding:10px; color: var(--black); text-decoration: none; font-weight: 500;}
.tabNav li a i {margin-right: 3px;}
.userSettingTab .tabContainer {padding-left: 200px;}
.tabNav li.active a, .tabNav li a:hover {color: var(--blue);}
.userSettingTab .userImg {position: relative; margin: 0px 0px 20px 0px;min-height: 100px;}
.userSettingTab .userImg .img {position: absolute; left: 0px; top: 0px; margin: 0px 0px 10px 0px; border-radius: 50%; background: #efefef; overflow: hidden;}
.userSettingTab .userImg .img img {width: 70px; height: 70px; object-fit: cover;}
.userImgAction {padding:5px 0px 1px 100px;}
.userImgAction .btn {margin: 0px 10px 10px 0px;}
.userSettingTab .tabBlock {display: none;}
.userSettingTab .shaddowCard {padding:25px 25px 15px 25px;}

.mainMiddle {min-height: calc(100vh - 180px);}

.addProductSec .shaddowCard {padding: 15px 25px;}
.addProductSec .shaddowCard h3 {margin: 0px 0px 15px 0px; font-size: 20px;color: var(--lightBlack); border-bottom: solid 1px #efefef; padding-bottom: 3px; font-weight: 400;}
.uploadImgages {padding:30px 10px; border:dashed 1px #ccc; border-radius: 20px; text-align: center; margin-bottom: 20px;}
.form .custom-control {margin-bottom: 10px; cursor: pointer;}

.catTree ul {list-style: none; padding: 0px; margin: 0px;font-weight: 400;color: #909090; font-size: 14px;position: relative;}
.catTree ul:before {position: absolute; top: 0px; height: 100%; width: 1px;background:#909090; content: ""; left: 5.5px;}
.catTree li {position: relative; cursor:pointer;padding-left: 25px; margin: 5px 0px;}
.catTree .folderText {margin-left: -25px; display: block; padding-left: 25px;}
.catTree li.child:before {font: normal normal normal 14px/1 FontAwesome; content: "\f055"; position: absolute; left:0px; top: 4px;z-index: 1;background: #ffffff;}
.catTree li.openSub:before {content: "\f056";}
.catTree li:after {position: absolute; left: 5px; top: 10px; content:"";width:12px; height: 1px; background:#909090;}
.catTree li ul {display: none;}



@media(max-width:767px) {
  .loginPopUp {margin:0px auto;}
  .loginBlock {padding: 20px; }
  .sideBar {height: inherit;}
  .header {margin: 20px 0px 20px 0px;}
  .shaddowCard {box-shadow: 0 2px 15px 0 rgba(0,0,0,.1); margin-bottom: 20px;}
  .dashInfoBox .desc {min-height: inherit;}
  .filterBar {padding: 15px 15px;}
  .tableBottom .pagination {margin:15px 0px 0px 0px;  /*justify-content: flex-start !important;*/}
}
@media(min-width: 1025px) {
  .middleRow>.col-md-3 {transition: all 0.4s linear; position: fixed; left: -15px;  top: 0px; width: 310px; z-index: 11;}
}
@media(min-width: 1024px) {
  .middleRow {position: relative;}
  .middleRow>.col-md-9 {flex: 0 0 100%; max-width: inherit;transition: all 0.4s linear; padding-left: 320px;}
  .sideBar {position: sticky; top: 0px;}

  .sideBar .logo {font-size: 20px;}
  .sideBar .sideNav {display: inline-block; position: absolute; right: 5px; cursor: pointer; top: 6px; color: var(--blue); font-size: 28px; background: var(--gray); width: 30px; text-align: center; line-height: 26px; height: 30px;z-index: 1;}
  .closeSideNav .sideNav {transform: rotate(180deg); right: 15px;}
  .closeSideNav .logo {opacity: 0;transition: all 0.4s linear;}
  .closeSideNav .sideBar {position: relative; overflow: hidden;}
  .closeSideNav .sideBarMenu>ul>li{overflow: hidden; border-radius: 5px; height: 40px; margin:2px 0px;}
  .closeSideNav>.col-md-9 {padding-left: 85px;}
  .closeSideNav>.col-md-3 {width: 90px;}
  .closeSideNav .sideBarMenu>ul>li>a{padding: 8px 20px 9px 50px; transition: all 0.4s linear;height: 40px;}
  .closeSideNav .sideBarMenu>ul>li>a>.fa{}
  .closeSideNav.hover>.col-md-3 {width: 270px;}
  .closeSideNav.hover .sideBar {overflow-y: auto;}
  .closeSideNav.hover .sideBarMenu>ul>li>a>.fa{}
  .closeSideNav.hover .sideBarMenu>ul>li>a{padding:8px 22px 9px 40px;height: auto;}
  .closeSideNav.hover .sideBarMenu>ul>li {height:auto;border-radius: 0px; overflow: visible;margin: 15px 0px;}
  .closeSideNav.hover .logo {opacity: 1;}

  .closeSideNav ul li.mainCat {display: none;}
  .closeSideNav.hover ul li.mainCat {display: block;}

  .closeSideNav .sideBarMenu li.active > a {box-shadow: none;}
  .closeSideNav.hover .sideBarMenu li.active > a {box-shadow: 0 0 10px 1px rgba(var(--vs-primary),.7);}
  .closeSideNav .sideBarMenu .counter {display: none;}
  .closeSideNav.hover .sideBarMenu .counter {display: inline-block;}
}
@media (min-width: 1500px) {
  .middleRow>.col-md-3 {left: inherit;}
}
::-webkit-scrollbar {width: 5px; height: 5px; }
::-webkit-scrollbar-track {background: transparent;}
::-webkit-scrollbar-thumb {background: #888;border-radius: 2px; }
::-webkit-scrollbar-thumb:hover {background: #555;}
.sideBar::-webkit-scrollbar-thumb {background: transparent;}
.sideBar:hover::-webkit-scrollbar-thumb {background: #888;}


@keyframes criss-cross-left {
  0% {left: -20px; }
  50% {left:50%; height: 20px; width: 20px; }
  100% {left: 50%;height: 200px; width: 200px; }
}
@keyframes criss-cross-right {
  0% {right: -20px; }
  50% {right:50%; height: 20px; width: 20px; }
  100% {right: 50%;height: 200px; width: 200px; }
}
.btnEffect {position: relative;overflow: hidden; }
.btnEffect span {position: relative;z-index: 1;}
.btnEffect:before, .btnEffect:after {
  position: absolute; z-index: 0;
  top: 50%; left: -20px;transform: translate(-50%, -50%);
  content: '';
  border-radius: 50%;
  width:20px; height: 20px;
  background: rgba(0,0,0,0.2);
}
.btnEffect:after {left: inherit; right: -20px; transform: translate(50%, -50%);}
.btnEffect:hover:before {animation: criss-cross-left 0.6s both;}
.btnEffect:hover:after {animation: criss-cross-right 0.6s both;}


thead tr th {
    background-color: #01a9ac !important;
    color: #fff !important;
}
.testimonial-img {
top: 0;
left: 0;
right: 0;
width: 136px;
height: 136px;
margin: auto;
display: block;
color: #f2f2f2;
font-size: 18px;
line-height: 46px;
text-align: center;
position: relative;
border-radius: 50%;
box-shadow: -6px 6px 6px rgba(0, 0, 0, 0.23);
-moz-box-shadow: -6px 6px 6px rgba(0, 0, 0, 0.23);
-o-box-shadow: -6px 6px 6px rgba(0, 0, 0, 0.23);
-webkit-box-shadow: -6px 6px 6px rgba(0, 0, 0, 0.23);
}

.subMenu li a:hover, .subMenu li.active a {
    background: #01a9ac  !important;
    color: #fff  !important;
    list-style: none;
    box-shadow: 0 0 10px 1px rgba(var(--vs-primary),.2);
}
.subMenu li a:hover, .subMenu li{
  list-style: none;
}
td.sorting_1 {
    position: relative;
}
td.sorting_1 span.count {
    background: #01a9ac ;
    border-radius: 100px;
    position: absolute;
    top: 0;
    color: #FFF;
    right: 10px;
    width: 25px;
    height: 25px;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
}
  #example1_length, #example1_filter, #example1_info{
    display: none;
  }
  .dt-buttons{
    display: none;
  }

  /*10-08-2021 for dashboard */
  .card {
    border-radius: 5px;
    -webkit-box-shadow: 0 1px 20px 0 rgb(69 90 100 / 8%);
    box-shadow: 0 1px 20px 0 rgb(69 90 100 / 8%);
    border: none;
    margin-bottom: 30px;
}
.card-block {
    padding: 1.25rem;
}
.card .card-footer {
    background-color: #fff;
    border-top: none;
}
.bg-c-yellow {
    background: -webkit-gradient(linear, left top, right top, from(#fe9365), to(#feb798));
    background: linear-gradient(to right, #fe9365, #feb798);
}
.card-footer {
    padding: .75rem 1.25rem;
    background-color: rgba(0,0,0,.03);
    border-top: 1px solid rgba(0,0,0,.125);
}
.main-color-wraper p {
    margin: 0;
}
.main-color-wraper h6 {
    font-weight: 400 !important;
    font-size: 15px;
    margin: 0;
}
.text-c-yellow {
    color: #fe9365;
}
.row.main-color-wraper .card-footer i {
    color: #fff;
}

.text-c-green {
    color: #0ac282;
}

.row.main-color-wraper .card-block i {
    font-size: 28px;
}

.bg-c-green {
    background: -webkit-gradient(linear, left top, right top, from(#0ac282), to(#0df3a3));
    background: linear-gradient(to right, #0ac282, #0df3a3);
}
.bg-c-pink {
    background: -webkit-gradient(linear, left top, right top, from(#fe5d70), to(#fe909d));
    background: linear-gradient(to right, #fe5d70, #fe909d);
}

.bg-c-blue {
    background: -webkit-gradient(linear, left top, right top, from(#01a9ac), to(#01dbdf));
    background: linear-gradient(to right, #01a9ac, #01dbdf);
}

.custom_font {
    font-size: 20px;
    font-weight: 500;
}

.text-c-pink {
    color: #fe5d70;
}
.text-c-blue {
    color: #01a9ac;
}

.mainMiddle .row .card p {
  margin-bottom:  0;
}

.mainMiddle .row .card .card-block i {
    font-size: 28px;
}





@keyframes bganimacton {
    0% {
        background: #139705;
        transform: scale(0.8);
    }
    49% {
        background: #139705;
        transform: scale(1);
    }
    60% {
        background: #444;
        transform: scale(1);
    }
    99% {
        background: #444;
        transform: scale(1);
    }
    100% {
        background: #444;
        transform: scale(1);
    }
}
@keyframes proani {
    0% {
        background: #139705;
        /*transform:scale(.8);*/
    }
    49% {
        background: #139705;
        /*transform:scale(1)*/
    }
    60% {
        background: #444;
        /*transform:scale(1)*/
    }
    99% {
        background: #444;
        /*transform:scale(1)*/
    }
    100% {
        background: #444;
        /*transform:scale(1)*/
    }
  }
.pro-animaction {
    padding: 7px 18px;
    font-size: 10px;
    border-radius: 23px;
    /* width: 69px; */
    color: #FFF;
    /* text-transform: uppercase; */
    animation-name: proani;
    animation-duration: 0.6s;
    animation-timing-function: ease-in-out;
    animation-iteration-count: infinite;
    animation-play-state: running;
    font-size: 17px !important;
    display: inline-block;
    vertical-align: middle;
    text-align: center;
    margin-left: 3px;
    position: relative;
    top: -8px;
    right: -5px;
}
 #example1_length,
  #example1_filter,
  #example1_info {
    display: none;
  }

  .dt-buttons {
    display: none;
  }
.input-group-prepend .select2-container .select2-selection--single {
  height: 47px !important;
}
.table-responsive.userListTable.search-unpaid .dataTables_scrollBody {
    width: 100% !important;
}
.search-unpaid  table{
    width: 100% !important;
}
.course-heading-video {
  padding: 15px 30px;
  background: #01a9ac;
}
.course-heading-video h6 {
  margin: 0;
  font-size: 20px;
  color: #FFF;
}
h3.heading-name {
  background: #01a9ac;
  margin: 0;
  color: #FFF;
  padding: 15px 15px;
}
h6.heading-name-small {
  font-size: 18px;
  background: #01a9ac;
  padding: 15px;
 margin: 0;
  color: #FFF;
}
.heading-group-name {
  background: #01a9ac;
  margin: 0 0 30px;
}

/*Admin page css marketing alerts datatable filters related */
.search-marketing .row-po {
	position: absolute;
	right: 235px;
	width: 75%;
	top: 25px;
  z-index: 99;
}

.search-marketing {
	position: relative;
}

.search-marketing #marketing_alerts_dt_filter .form-control.form-control-sm {
	display: block;
	margin: 0;
}
@media (min-width: 1200px) and (max-width: 1700px) {

  .listSearch{min-width: inherit;}
}