a:focus,
a:hover {
    color: #22773c;
    text-decoration: none;
    outline: none;
}
button:hover,
button:focus{
    text-decoration: none;
    outline: none;
}
.padd-0 {
    padding: 0;
}

.leave-profile {
    width: 50px;
    height: 20px;
    margin-right: 20px;
}

select#year {
    max-width: 127px;
}

.overflow {
    overflow-x: scroll;
}

.cte_inp {
    width: 45px !important;
    height: 26px;
}

.te_inp {
    width: 45px !important;
    height: 26px;
}

td.result.write {
    padding: 10px;
}

td.read.result {
    padding: 10px;
}


/*i {
    color: red;
}*/


/* .calender-right ul li ul li {
    border-bottom: 1px solid #e9dddd;
    padding: 12px 10px;
}
/* .fc-month-view .fc-event-container{
    display: none;
} */


/* page header  start here */

.form-inner {
    width: 100%;
}

div#page-title ul.breadcrumb {
    background-color: transparent;
    padding-left: 0;
    padding-top: 0;
    margin-bottom: 0;
}

div#page-title ul.breadcrumb li {
    margin-right: 5px;
    text-transform: capitalize;
    font-size: 14px;
}

div#page-title .breadcrumb>li+li:before {
    padding: 0 5px;
    color: #ccc;
    content: "/\00a0";
}

.page-top-header {
    margin-bottom: 30px;
    border-bottom: 1px solid #dee2e6;
    padding: 10px;
}


/* page header  style  end here */

.dt-buttons .dt-button {
    background-color: #ff907a;
    border: 1px solid #ff907a;
    font-size: 14px;
    color: #fff;
    padding: 3px 13px;
    border-radius: 2px;
}

.dt-buttons {
    margin: 20px;
    float: right;
    width: auto;
    /* border: 1px solid; */
    /* display: inline-block; */
    /* text-align: right; */
}

.table thead th {
    /* vertical-align: bottom; */
    border-bottom: 0;
    color: #26abe2;
    /* border-top: 0; */
    font-weight: 600;
}

ul.filter-head.list-unstyled li {
    display: inline-block;
    color: #ffff;
    width: 10%;
    text-align: center;
    margin-right: 10px;
    min-width: 130px;
}

ul.filter-head.list-unstyled li a {
    color: #fff;
    padding: 7px 10px;
    text-align: center;
    display: inline-block;
    width: 100%;
    border: 1px solid #ff917a;
    background-color: #ff907a;
    text-transform: capitalize;
}

ul.filter-head.list-unstyled {
    margin: 20px 0;
}

ul.filter-head.list-unstyled li a:hover {
    text-decoration: none;
    background-color: #ff9e70;
    border: 1px solid #ff9e70;
}

.filter-box li {
    display: inline-block;
    border: 1px solid #d5d4d4;
    padding: 4px 18px;
    margin: 7px 6px;
    color: #bdb4b4;
    font-size: 14px;
    border-radius: 3px;
}

nav.navbar .nav-menu ul li {
    border-bottom: 1px solid #ebe4e4;
}

nav.navbar .nav-menu ul li:last-child {
    border: 0;
}

nav.navbar .nav-menu li.nav-item.dropdown {
    margin-right: 10px;
}

nav.navbar .nav-menu li.nav-item.dropdown:last-child {
    margin-right: 0;
}

.all-notifications svg.svg-inline--fa {
    margin-right: 10px;
}

.profile-image {
    width: 170px;
    height: 170px;
    background-size: 100%;
    background-repeat: no-repeat;
    border: 5px solid #ff9079;
    border-radius: 50%;
    background-position: center;
    background-color: #ff9079;
    display: inline-block;
}

.file-upload {
    position: relative;
    display: inline-block;
}

.file-upload__label {
    display: block;
    padding: 10px 15px;
    color: #fff;
    background: #ff9079;
    border-radius: 0.4em;
    transition: background 0.3s;
}

.file-upload__label:hover {
    cursor: pointer;
    background: #000;
}

.file-upload__input {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    font-size: 1;
    width: 0;
    height: 100%;
    opacity: 0;
}

.file-upload {
    /* width: 38%; */
    display: block;
    margin: auto;
    /* max-width: 190px; */
}

.selectboxit-container .selectboxit {
    min-width: 260px !important;
    border: 1px solid #ddd !important;
    color: #000 !important;
}

.selectboxit-container span,
.selectboxit-container .selectboxit-options a {
    color: #000 !important;
}

.selectboxit-default-arrow {
    width: 0;
    height: 0;
    border-top: 6px solid #000;
    border-right: 6px solid transparent;
    border-left: 6px solid transparent;
}


/* calender pages style start here */

.cmn-list-sty li {
    border-bottom: 1px solid #dfeaf1;
    padding: 10px 20px;
}

.cmn-list-sty li:last-child {
    border: 0;
}

.header-row.first-header {
    background-color: #d3e9f7;
    color: #2b90e2;
}

.header-row.secnd-header {
    background-color: #d0ecdd;
    color: #27ae61;
}

.header-row.third-header {
    background-color: #f2e1f4;
    color: #9245ab;
}

.leave-list {
    background-color: #e4f1f9;
}

.training-list {
    background-color: #dff3e8;
}

.geetng-list {
    background-color: #f7ecfa;
}

.cmn-list-sty {
    padding: 15px 0;
}

.header-row img {
    margin-right: 20px;
}

a#eventLink {
    background-color: #ff9975;
    font-size: 12px;
    /* background-color: red; */
    color: #fff;
    padding: 4px 10px;
    display: inline-block;
    border-radius: 2px;
}

.ui-draggable .ui-dialog-titlebar {
    cursor: move;
    background-color: transparent;
    border: 0;
    border-bottom: 1px solid #ff9975;
    border-radius: 0;
    padding-bottom: 10px;
    margin-bottom: 10px;
}

.ui-dialog .ui-dialog-title {
    color: #ff9975;
}

.ui-dialog .ui-dialog-titlebar-close {
    position: absolute;
    right: -3px;
    top: 16%;
    width: 25px;
    margin: -10px 0 0 0;
    padding: 1px;
    height: 25px;
    /* color: red !important; */
    background-color: #ff9975;
    /* background-position: center; */
    border-radius: 0;
    text-align: center;
}

.fc-unthemed .fc-popover .fc-header {
    background-color: transparent;
    border-bottom: 1px solid #ff9975;
    padding: 8px 10px;
}

.fc-unthemed .fc-popover .fc-header .fc-close {
    color: #666;
    font-size: 20px;
    margin-top: 2px;
    background-color: #ff9975;
    width: 25px;
    height: 25px;
    /* padding: 4px; */
    box-sizing: border-box;
    position: absolute;
    right: 0;
    top: -2px;
}

.user-profile {
    width: 50px;
    height: 50px;
    display: inline-block;
    margin-right: 10px;
}

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

.error {
    color: red !important;
    /* border: solid 1px; */
}


/* data table style end here */

a.edit-btn svg.svg-inline--fa {
    color: #7b7474;
}

a.wranging-btn svg.svg-inline--fa {
    color: #85ca98;
}

a.delete svg.svg-inline--fa {
    color: red;
}

a.edit-btn {
    color: #0d904b;
}

a.delete.edit-btn {
    color: red;
}

a.edit-btn {
    margin-right: 7px;
    font-size: 14px;
}

a.teacher-btn {
    color: #ff9279;
}

a.wranging-btn {
    margin-right: 7px;
}

.card-body {
    margin: 20px 0 0;
}

.form-control:focus {
    color: #495057;
    background-color: #fff;
    border-color: #a9b2bb;
    outline: 0;
    box-shadow: none;
}

label.label-radiobtn {
    margin-right: 10px;
}

label.label-radiobtn div {
    margin-right: 5px;
}

textarea.form-control {
    min-height: 100px;
}

input.error {
    border: 1px solid red !important;
}

.btn-form {
    background-color: #ff907a;
    border-color: #ff9079;
    border-radius: 3px;
    font-size: 16px;
    padding: 6px 15px;
    color: #fff;
}

#myModal .modal-dialog {
    -webkit-transform: translate(0, -50%);
    -o-transform: translate(0, -50%);
    transform: translate(0, -50%);
    top: 50%;
    margin: 0 auto;
}

label.settings_title {
    font-size: 16px;
}

label.col-sm-12.settings_title {
    margin-top: 35px;
}

ul.library-wrap {
    padding: 0;
    width: 100%;
}

li.library-book {
    border: 2px solid #e8e6e6;
    width: 15.9%;
    display: inline-block;
    margin: .5%;
    height: 250px;
    background-color: #fff;
    margin-left: 0;
    vertical-align: top;
    position: relative;
    border-radius: 7px 0px 0px 6px;
}

.book-title {
    /* background-color: red; */
    padding: 10px;
    /* border-bottom: 1px solid #cfc8c8; */
    font-size: 20px;
    margin: 0;
    text-transform: capitalize;
    padding: 23px;
    color: #ff907a;
    position: absolute;
    left: 0;
    right: 0;
    text-align: left;
    top: 45%;
    transform: translatey(-50%);
    line-height: 26px;
}

.library-book_headr {
    border-bottom: 1px solid #cfc8c8;
    width: 100%;
    display: inline-block;
    /* padding: 5px 9px; */
    padding: 10px;
}

.library-book_headr div {
    /* border: 1px solid red; */
    width: 58%;
    display: inline-block;
    font-size: 14px;
    /* padding: 1px 0; */
}

.book_headr-rgt {
    width: 40% !important;
    text-align: right;
    padding-right: 0px !important;
}

.library-book_ftr {
    position: absolute;
    bottom: 0;
    width: 100%;
    border-top: 1px solid #cfc8c8;
    width: 100%;
    display: inline-block;
    padding: 10px;
}

.library-book_ftr div {
    display: inline-block;
    width: 58%;
    display: inline-block;
    font-size: 12px;
    padding: 1px 3px;
}

.book_headr-rgt ul li {
    display: inline-block;
    margin-right: 10px;
}

.library-book_ftr .book_headr-rgt {
    width: 50% !important;
}

.library-book_ftr div {
    width: 48%;
    text-transform: capitalize;
}

.book_headr-rgt ul {
    padding: 0;
}

li.library-book:before {
    content: "";
    position: absolute;
    width: 104%;
    height: 103%;
    border: 2px solid #e2dcdc;
    background-color: #ffffff;
    z-index: -1;
    border-radius: 10px 0px 0px 10px;
    left: -3px;
    top: -2px;
}

.receipt-wrap {
    background-color: #fff;
    width: 60%;
    margin: auto;
    padding: 20px;
}

.round-lg {
    line-height: 65px;
    width: 60px;
    height: 60px;
    font-size: 30px;
    display: inline-block;
    font-weight: 400;
    text-align: center;
    border-radius: 100%;
}

.round.round-info {
    background: #1e88e5;
}

.prfle-lft {
    background-color: #fff;
    padding-top: 30px;
    padding-bottom: 0px;
}

.prfle-lft .user-prfle {
    width: 70px;
    height: 70px;
    margin: auto;
    display: block;
    border: 1px solid;
    float: none;
    margin-bottom: 10px;
    font-size: 55px;
    color: #fff;
    background: linear-gradient(#5ac3e0, #4ca2ef);
    line-height: 70px;
    font-size: 40px;
    text-align: center;
}

.row.prfle-btm .col-md-6 {
    border: 1px solid #e2e2e2;
    padding: 15px 0;
}

.row.prfle-btm .col-md-6:first-child {
    border-left: 0;
    border-right: 0;
}

.row.prfle-btm .col-md-6:nth-child(2n) {
    border-right: 0 !important;
}

.row.prfle-btm .col-md-6 h4 {
    font-weight: bold;
    font-size: 17px;
    margin-bottom: 0;
    color: #4da4ee;
}

.row.prfle-btm .col-md-6 h4 p {
    font-size: 15px;
}

ul.profile-detail-list {
    padding-left: 0;
    margin-top: 20px;
    margin-left: 0;
    margin-bottom: 0;
}

ul.profile-detail-list li {
    display: inline-block;
    width: 100%;
    text-align: left;
    margin-bottom: 15px;
    border-bottom: 1px dashed #e2e2e2;
    padding-left: 20px;
}

ul.profile-detail-list li label {
    font-weight: bold;
    text-transform: capitalize;
    font-size: 14px;
    margin-right: 10px;
    display: inline-block;
}

ul.profile-detail-list li p {
    display: inline-block;
    line-height: 26px;
    text-transform: capitalize;
}

ul.profile-detail-list li:last-child {
    border: 0;
}

.col-sm-12.prfle-rgt-in {
    background-color: #fff;
}

.col-sm-12.viepage-heder {
    padding: 0;
    margin-bottom: 0;
}

ul.nav.nav-tabs.viewpage-tab {
    padding-top: 20px;
}

.box {
    margin: 0 10%;
    /* height: 630px; */
    overflow: hidden;
    padding: 10px 0 40px 60px;
}

.box ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
    position: relative;
    transition: all 0.5s linear;
    top: 0
}



.box ul:before {
    content: "";
    display: block;
    width: 0;
    height: 100%;
    border: 1px dashed #d4d4d4;
    position: absolute;
    top: 0;
    left: 30px;
}

.box ul li {
    margin: 20px 60px 60px;
    position: relative;
    padding: 10px 20px;
    background: rgba(214, 214, 214, 0.3);
    color: #000;
    border-radius: 10px;
    line-height: 20px;
    /* width: 35%; */
}

.box ul li>span {
    content: "";
    display: block;
    width: 0;
    height: 100%;
    border: 1px solid #d4d4d4;
    position: absolute;
    top: 0;
    left: -30px;
}

.box ul li>span:before,
.box ul li>span:after {
    content: "";
    display: block;
    width: 15px;
    height: 15px;
    border-radius: 50%;
    background: #79d4b1;
    border: 2px solid #d4d4d4;
    position: absolute;
    left: -7.5px;
}

.box ul li>span:before {
    top: -10px
}

.box ul li>span:after {
    top: 95%
}

.box .title {
    text-transform: uppercase;
    font-weight: 700;
    margin-bottom: 5px
}

.box .info:first-letter {
    text-transform: capitalize;
    line-height: 1.7
}

.box .name {
    margin-top: 10px;
    text-transform: capitalize;
    font-style: italic;
    text-align: right;
    margin-right: 20px
}

.box .time span {
    position: absolute;
    left: -100px;
    color: #000;
    font-size: 72%;
    font-weight: bold;
}

.box .time span:first-child {
    top: -9px;
}

.box .time span:last-child {
    top: 91%;
}

.box.timeline-wrap {
    background-color: #fff;
}

span.timeline-date {
    color: red !important;
    font-size: 80% !important;
}

.col-lg-6.dashboard-blk.no-ng {
    background-color: transparent;
}

a.dvew-btn {
    color: #736f6f;
}

.box {
    margin: 0 10%;
    /* height: 630px; */
    overflow: hidden;
    padding: 10px 0 40px 60px;
}

.box ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
    position: relative;
    transition: all 0.5s linear;
    top: 0
}



.box ul:before {
    content: "";
    display: block;
    width: 0;
    height: 100%;
    border: 1px dashed #d4d4d4;
    position: absolute;
    top: 0;
    left: 18px;
}

.box ul li {
    margin: 20px 48px 40px;
    position: relative;
    padding: 10px 20px;
    background: rgba(236, 236, 236, 0.3);
    color: #000;
    border-radius: 10px;
    line-height: 20px;
    /* width: 35%; */
    text-align: left;
}

.box ul li>span {
    content: "";
    display: block;
    width: 0;
    height: 100%;
    border: 1px solid #d4d4d4;
    position: absolute;
    top: 0;
    left: -30px;
}

.box ul li>span:before,
.box ul li>span:after {
    content: "";
    display: block;
    width: 15px;
    height: 15px;
    border-radius: 50%;
    background: #1478bd;
    border: 2px solid #d4d4d4;
    position: absolute;
    left: -7.5px;
}

.box ul li>span:before {
    top: -10px
}

.box ul li>span:after {
    top: 95%
}

.box .title {
    text-transform: uppercase;
    font-weight: 700;
    margin-bottom: 5px;
    font-size: 13px;
}

.box .info:first-letter {
    text-transform: capitalize;
    line-height: 1.7
}

.box .name {
    margin-top: 10px;
    text-transform: capitalize;
    font-style: italic;
    text-align: right;
    margin-right: 20px
}

.box .time span {
    position: absolute;
    left: -100px;
    color: #948f8f;
    font-size: 72%;
    font-weight: bold;
}

.box .time span:first-child {
    top: -9px;
}

.box .time span:last-child {
    top: 91%;
}

.box.timeline-wrap {
    background-color: #fff;
    margin: 0  1%;
}

span.timeline-date {
    color: #2aabe1 !important;
    font-size: 80% !important;
}

a.side-btn {
    background-color: #79d4b1;
    width: 90px;
    /* height: 50px; */
    color: #fff;
    text-align: center;
    /* border-radius: 50%; */
    /* padding: 11px; */
    line-height: 41px;
    display: inline-block;
    padding: 6px 0;
    text-transform: capitalize;
    font-size: 14px;
    border-radius: 5px 0px 0px 5px;
}

ul.sidebtn-list li {
    margin-bottom: 20px;
    list-style: none;
}

a.side-btn i {
    margin-right: 0;
    display: block;
    margin-top: 10px;
    font-size: 17px;
}

ul.sidebtn-list {
    padding-left: 0;
    float: right;
    margin-top: 10px;
    margin-right: -15px;
    margin-top: 40px;
}

.col-md-10.audiolist-rgt {
    background-color: #ececed;
    min-height: 700px;
    border-radius: 5px;
    margin-right: 1%;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 91%;
    flex: 0 0 91%;
    max-width: 92%;
    padding-top: 40px;
}

.col-lg-12.dashbrd-lft.bg-white.audiolst-wrp {
    padding: 40px 0;
    /* height: 100vh; */
}

.row.audio-listwrap {
    margin: 10px 0;
}

.row.audio-listwrap .col-md-6 {
    padding: 20px 0;
    border-radius: 7px;
    border-bottom: 2px solid #d4cccc;
    background-color: #fff;
    margin-right: 1%;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 49%;
    flex: 0 0 49%;
    max-width: 49%;
}

a.audio-btn {
    background-color: red;
    background-color: #79d4b1;
    width: 50px;
    height: 50px;
    color: #fff;
    text-align: center;
    /* border-radius: 50%; */
    /* padding: 11px; */
    line-height: 49px;
    border-radius: 50%;
}

a.audio-btn i {
    margin-right: 0;
}

ul.audio-dtl {
    list-style: none;
    padding: 0;
}

ul.audio-dtl li {
    display: inline-block;
}

ul.audio-dtl li {
    margin-right: 10px;
    /* border: 1px solid; */
    font-size: 14px;
    color: #a8abaa;
}

.row.audio-listwrap h3 {
    margin-bottom: 10px;
    font-size: 16px;
}

ul.audio-dtl li i {
    margin-right: 7px;
    /* color: #000000; */
}

.col-md-2.audiolist-lft {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 8%;
    flex: 0 0 8%;
    max-width: 8%;
}

ul.action-btns {
    list-style: none;
    padding: 0;
    /* border: 1px solid #c3c3c3; */
    max-width: 100px;
    float: right;
    margin-right: 2%;
    margin-bottom: 0;
    display: none;
}

ul.action-btns li {
    display: inline-block;
}

ul.action-btns.show {
    display: inline-block;
}

.col-lg-12.audiovew-wrp.bg-white {
    /* height: 600px; */
    padding: 20px 15px;
}

h4.audio-title {
    margin-top: 0;
}

.col-md-8.audv-lft {
    padding-left: 30px;
}

a.publsh-btn {
    background-color: #79d4b1;
    color: #fff;
    padding: 10px 6px;
    display: inline-block;
    width: 150px;
    text-align: center;
    font-size: 17px;
    margin: 0px auto;
    border-radius: 4px;
    float: none;
}

.audv-sidbr {
    border-left: 1px solid #e0e0e0;
    text-align: center;
}

.audio-header {
    border-bottom: 1px dashed #b7b0b0;
    margin-bottom: 30px;
}

.audv-sidbr {
    text-align: left;
}

.audv-sidbr ul li {
    display: inline-block;
    width: 100%;
    margin-bottom: 10px;
}

.audv-sidbr ul {
    padding-left: 0;
}

.audv-sidbr h4 {
    text-transform: capitalize;
    border-bottom: 1px solid red;
    border-bottom: 1px dashed #b7b0b0;
    padding-bottom: 10px;
    margin-bottom: 20px;
}

.audv-sidbr ul li p {
    font-size: 14px;
    margin-bottom: 0;
}

.suspended {
    background: #b53a3aeb !important;
}

.file-upload {
    background-color: #ffffff;
    width: 100%;
    margin: 0 auto;
    padding: 20px;
    /* max-width: 300px; */
    /* max-height: 300px; */
    /* min-height: 338px; */
    /* height: 100%; */
}

.file-upload-btn {
    width: 100%;
    margin: 0;
    color: #fff;
    background: #1FB264;
    border: none;
    padding: 10px;
    border-radius: 4px;
    border-bottom: 4px solid #15824B;
    transition: all .2s ease;
    outline: none;
    text-transform: uppercase;
    font-weight: 700;
}

.file-upload-btn:hover {
    background: #1AA059;
    color: #ffffff;
    transition: all .2s ease;
    cursor: pointer;
}

.file-upload-btn:active {
    border: 0;
    transition: all .2s ease;
}

.file-upload-content {
    display: none;
    text-align: center;
}

.file-upload-input {
    position: absolute;
    margin: 0;
    padding: 0;
    width: 100%;
    height: 100%;
    outline: none;
    opacity: 0;
    cursor: pointer;
    z-index: 9;
}

.image-upload-wrap {
    margin-top: 20px;
    border: 3px dashed #b2b7b5;
    position: relative;
    height: 430px;
}

.image-dropping,
.image-upload-wrap:hover {
    background-color: #ebeff2;
    border: 2px dashed #ffffff;
    /* color: #000 !important; */
}

.image-title-wrap {
    padding: 0 15px 15px 15px;
    color: #222;
    width: 100%;
}

.drag-text {
    text-align: center;
}

.drag-text h3 {
    font-weight: 400;
    text-transform: uppercase;
    color: #b3b5b4;
    padding: 60px 0;
    font-size: 16px;
    line-height: 22px;
    /* border: 1px solid; */
    width: 80%;
    margin: auto;
}

.file-upload-image {
    max-height: 250px;
    max-width: 250px;
    margin: auto;
    padding: 20px;
}

.remove-image {
    width: 100%;
    margin: 0;
    color: #fff;
    background: #d83737;
    border: none;
    padding: 10px;
    border-radius: 4px;
    border-bottom: 4px solid #8e4242;
    transition: all .2s ease;
    outline: none;
    text-transform: capitalize;
    font-weight: 700;
    font-size: 13px;
}

.remove-image:hover {
    background: #c13b2a;
    color: #ffffff;
    transition: all .2s ease;
    cursor: pointer;
}

.remove-image:active {
    border: 0;
    transition: all .2s ease;
}

.image-upload-wrap .drag-text {
    top: 50%;
    position: absolute;
    left: 0;
    right: 0;
    /* border: 1px solid; */
    transform: translatey(-50%);
    z-index: 1;
}

label.error {
    color: red;
    display:none !important;
}

.file-footer-buttons {
    display: none;
}


/**
 * FilePond Custom Styles
 */


/**
 * Page Styles
 */

.file-drop-zone {
    border: 0 !important;
}

button.close.fileinput-remove {
    display: none;
}

.krajee-default.file-preview-frame .kv-file-content {
    width: 90px !important;
    margin: auto;
    height: 80px !important;
}

.krajee-default.file-preview-frame .file-thumbnail-footer {
    height: 40px !important;
}

.file-upload input.file-upload-input.error:parent {
    background-color: red;
}

.file-input.file-input-ajax-new {
    margin: auto;
}


/* Base for label styling */

[type="checkbox"]:not(:checked),
[type="checkbox"]:checked {
    position: absolute;
    left: -9999px;
}

[type="checkbox"]:not(:checked)+label,
[type="checkbox"]:checked+label {
    position: relative;
    padding-left: 1.95em;
    cursor: pointer;
}


/* checkbox aspect */

[type="checkbox"]:not(:checked)+label:before,
[type="checkbox"]:checked+label:before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 1.25em;
    height: 1.25em;
    border: 2px solid #ccc;
    background: #fff;
    border-radius: 4px;
    box-shadow: inset 0 1px 3px rgba(0, 0, 0, .1);
}


/* checked mark aspect */

[type="checkbox"]:not(:checked)+label:after,
[type="checkbox"]:checked+label:after {
    content: '\2713\0020';
    position: absolute;
    top: 1px;
    left: .22em;
    font-size: 1.3em;
    line-height: 0.8;
    color: #09ad7e;
    transition: all .2s;
    font-family: 'Lucida Sans Unicode', 'Arial Unicode MS', Arial;
}


/* checked mark aspect changes */

[type="checkbox"]:not(:checked)+label:after {
    opacity: 0;
    transform: scale(0);
}

[type="checkbox"]:checked+label:after {
    opacity: 1;
    transform: scale(1);
}


/* disabled checkbox */

[type="checkbox"]:disabled:not(:checked)+label:before,
[type="checkbox"]:disabled:checked+label:before {
    box-shadow: none;
    border-color: #bbb;
    background-color: #ddd;
}

[type="checkbox"]:disabled:checked+label:after {
    color: #999;
}

[type="checkbox"]:disabled+label {
    color: #aaa;
}

.audio-player {
    background: white;
    border: 1px solid #dfdfdf;
    text-align: center;
    display: inline-block;
    width: 100%;
}

.audio-player .album-image {
    min-height: 100px;
    width: 110px;
    background-size: cover;
}

.audio-player .player-controls {
    align-items: center;
    justify-content: center;
    margin-top: 1.3rem;
    flex: 3;
}

.audio-player .player-controls progress {
    width: 90%;
}

.audio-player .player-controls progress[value] {
    -webkit-appearance: none;
    appearance: none;
    background-color: black;
    color: #000000;
    height: 6px;
}

.audio-player .player-controls progress[value]::-webkit-progress-bar {
    background-color: white;
    border-radius: 2px;
    border: 1px solid #dfdfdf;
    color: blue;
}

.audio-player .player-controls progress::-webkit-progress-value {
    background-color: #87b93e;
}

.audio-player .player-controls p {
    font-size: 1.6rem;
}

.audio-player #play-btn {
    background-image: url("../images/play-button.png");
    background-size: 26px;
    width: 60px;
    height: 30px;
    margin: 1.3rem 0 1rem 1rem;
    display: inline-block;
    background-position: center;
    background-repeat: no-repeat;
    cursor: pointer;
}

.audio-player #play-btn.pause {
    background-image: url("../images/pause-button.png");
}

.playcontrols-wrap {
    width: 100%;
    display: flex;
    flex-flow: row;
}

.album-banner {
    height: 500px;
    width: 100%;
    background-size: cover;
}

.playcontrols-wrap {
    margin-top: -67px;
    background-color: #0000003b;
}

.timing {
    color: #fff;
}

div#share-btn {
    width: 45px;
    height: 45px;
    margin: 1rem 0;
    margin-right: 1rem;
    background-image: url("../images/share.png");
    background-repeat: no-repeat;
    background-position: center;
    cursor: pointer;
}

.singlestory-page {
    margin-top: -200px;
    z-index: 99;
    position: relative;
}

.audio-header {
    width: 100%;
    margin-top: 20px;
    border-bottom: 1px solid #f3eded;
    padding-bottom: 20px;
}

ul.keyword-list li {
    display: inline-block;
    margin-right: 10px;
    margin-bottom: 10px;
}

ul.keyword-list {
    padding: 0;
}

ul.keyword-list li a {
    border: 1px solid #b7b5b5;
    color: #b7b5b5;
    display: inline-block;
    padding: 5px 13px;
    font-size: 12px;
    border-radius: 9px;
}

.audio-header h3 {
    font-size: 24px;
    color: #5c5c5c;
    margin-bottom: 30px;
    margin-top: 0px;
}

.share_btn {
    background-color: #ff7c0b;
    color: #fff;
    font-size: 14px;
    margin-top: 0;
    padding: 6px 14px;
}

.share_btn i {
    margin-right: 7px;
}

.audio-cntnt {
    margin: 30px 0;
}

.audio-cntnt p {
    line-height: 26px;
    color: #5c5c5c;
    font-size: 16px;
}

.col-lg-3.user_blk.pending {
    pointer-events: none;
    background: #d4d4d4;
}
.questions_answers {
    /* border: solid; */
    background: #ffff;
    padding: 15px;
}
p.npup {
    text-align: center;
    color: #4ea6ec;
}


/* accessibility */


/* .toggle.btn.btn-danger.off {
    width: 16% !important;
}

.toggle.btn.btn-success {
    width: 16% !important;
} */

.status-blk label {
    display: inline-block;
}

.status-blk .form-group .toggle.btn {
    display: inline-block;
    margin-left: 10px;
}

.audv-sidbr a.publsh-btn {
    width: auto;
    padding: 7px 20px;
    background-color: #79d4b1;
}

.select2-container--default .select2-selection--multiple .select2-selection__choice {
    width: auto !important;
}


/***********new style for story edit blad**/

.select2-container--default.select2-container--focus .select2-selection--multiple {
    border: solid black 1px;
    outline: 0;
    height: 39px !important;
}

.select2-container--default .select2-selection--multiple {
    height: 39px;
    background-color: white;
    border: 1px solid #aaa;
    border-radius: 4px;
    cursor: text;
    height: 39px !important;
}

.select2-container--default .select2-search--inline .select2-search__field {
    display: none !important;
}

.audv-sidbr h4 {
    text-transform: capitalize;
    border-bottom: 1px solid red;
    border-bottom: 1px dashed #b7b0b0;
    padding-bottom: 23px;
    margin-bottom: 21px;
    margin-top: 25px;
}

.select2-container--default .select2-selection--multiple .select2-selection__choice {
    background-color: #79d4b1 !important;
    border: 1px solid #79d4b1 !important;
    border-radius: 4px;
    cursor: default;
    float: left;
    margin-right: 5px;
    margin-top: 5px;
    padding: 0 5px;
    color: #fffefe !important;
}

.select2-container--default .select2-selection--multiple .select2-selection__choice__remove {
    color: #f3f0f0 !important;
    cursor: pointer;
    display: inline-block;
    font-weight: bold;
    margin-right: 2px;
}

input#order {
    width: 10%;
}

img.gallery-list-img {
    width: 100px;
    /* height: 100px; */
}

ul.blog_cat {
    padding: 0;
    list-style: none;
    margin-top: 10px;
}

ul.blog_cat li {
    border-bottom: 1px solid #e2e2e2;
    padding: 10px 0 10px 0;
    font-size: 14px;
}


a.delete_category.btn.btn-sm {
    float: right;
    color: #f00;
    line-height: 7px;
}

input.form-control.category {
    width: 80%;
    display: inline-block;
    border-radius: 5px 0px 0px 5px;
}


a.add_category {
    background-color: #2aabe1;
    color: #fff;
    font-size: 13px;
    padding: 10px 10px;
    border-radius: 0px 5px 5px 0px;
    border: 0;
    position: relative;
    top: -1px;
}

.col-lg-4.blog_sidebar h3 {
    /* padding: 7px 20px; */
    background-color: #ffffff;
    border-bottom: 1px solid #d4d5d6;
    font-size: 20px;
    color: #26abe2;
    margin-bottom: 20px;
    padding-bottom: 10px;
}

ul.blog_cat li label {
    margin-bottom: 0;
}

a.add_category:hover {
    background-color: #1377bc;
}

label.btn.btn-primary.toggle-on {
    color: white;
}

span.badge {
    padding: 6px 12px;
    color: white;
    border-radius: 7px;
    letter-spacing: 1px;
    min-width: 70px;
    margin-left: 10px;
}

.serach_frm {
    /* border: 1px solid red; */
    max-width: 360px;
    float: right;
    margin-right: 10px;
}

.serach_frm button {
    /* display: inline-block; */
    float: left;
    background-color:#2baae1;
    height: 37px;
    color: #fff;
    border-radius: 0px 5px 5px 0px;
    font-size: 14px;
    padding: 8px 5px 8px 12px;
    letter-spacing: 0.6px;
    text-align: center;
}
input.float-right.searach-input {
    border: 1px solid #ddd;
    font-size: 15px;
    padding: 4px 10px;
    border-radius: 6px;
    float: left !important;
    border-radius: 5px 0px 0px 5px;
    height: 37px;
}
.card {
    position: relative;
    margin-bottom: 24px;
    background-color: #fff;
    -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.15);
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.15);
  }
  
  .step-progress {
    /* padding: 16px; */
    /* background-color: #FAFAFA; */
    /* margin: 0 auto; */
    width: 100%;
    margin-top: 25px;
  }
  
  .step-progress .step-slider {
    width: 90%;
    margin: auto;
  }
  
  .step-progress .step-slider .step-slider-item {
    width: 25%;
    height: 2px;
    position: relative;
    float: left;
    background-color: #E0E0E0;
  }
  
  .step-progress .step-slider .step-slider-item:after {
    content: "";
    width: 15px;
    height: 15px;
    position: absolute;
    top: -7px;
    right: 0;
    background-color: #FAFAFA;
    border: 1px solid #E0E0E0;
    border-radius: 50%;
    z-index: 2;
    transition: all 0.3s ease-out 0.5s;
    -webkit-transition: all 0.3s ease-out 0.5s;
  }
  
  .step-progress .step-slider .step-slider-item:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 0%;
    height: 2px;
    background-color: #B0BEC5;
    z-index: 1;
    -webkit-transition: all 0.5s ease-out;
  }
  
  .step-progress .step-slider .step-slider-item.active:before {
    width: 100%;
    background-color: #26abe2;
  }
  
  .step-progress .step-slider .step-slider-item.active:after {
    border-color: #26abe2;
    background-color: #26abe2;
  }
  
  .step-content {
    /* padding: 16px 0; */
  }
  
  .step-content .step-content-foot {
    text-align: right;
  }
  
  .step-content .step-content-foot button {
    border: 0;
    padding: 8px 25px;
    background-color: #CFD8DC;
    font-size: 14px;
    border-radius: 3px;
    outline: 0;
  }
  
  .step-content .step-content-foot button:active {
    background-color: rgba(255, 255, 255, 0.2);
  }
  
  .step-content .step-content-foot button.out {
    display: none;
  }
  
  .step-content .step-content-foot button.disable {
    background-color: #ECEFF1;
  }
  
  .step-content .step-content-foot button.active {
    background-color: #26abe2;
    color: #fff;
  }
  
  .step-content .step-content-body {
    padding: 16px 0;
    text-align: center;
    font-size: 18px;
  }
  
  .step-content .step-content-body.out {
    display: none;
  }


  .add_user .modal-body {
    padding: 0;
}

.add_user  .form-group label{font-weight: 600;text-align: left;margin: 10px 0;}

form#users_assign ul {
    padding: 0;
    list-style: none;
    display: inline-block;
}

form#users_assign ul li {
    margin: 10px 10px;
    display: inline-block;
}

.team-memberwrap {
    /* border: 1px solid red; */
    margin-top: 30px;
}

.team-memberwrap ul {
    padding: 0;
}

.team-memberwrap ul li {
    display: inline-block;
    margin-right: 10px;
    border-right: 1px solid #d8d2d2;
    padding-right: 5px;
    margin-bottom: 10px;
    font-size: 14px;
}

.team-memberwrap h6.team_head {
    font-size: 14px;
    margin-bottom: 10px;
    color: #28a7de;
}

.team-memberwrap a.delete.delete-btn.action-btn {
    margin-left: 3px;
    width: 20px;
    height: 20px;
    line-height: 14px;
}

.team-memberwrap .action-btn i {
    line-height: 14px;
}

.team-memberwrap ul li:last-child {
    border: 0;
}
.card-body.no_padbtm {
    padding-bottom: 0;
}

.timeline-wrap {
    max-height: 750px;
    overflow-y: scroll;
}
.timeline-wrap::-webkit-scrollbar {
    width: 0 !important
}

.user-prfledtl p {
    margin-bottom: 3px;
}
ul.timeline_blk  .info {
    font-size: 12px;
}

.prfletab_wrap .tab-content>.active {
    display: block;
    /* background-color: #fff; */
    /* padding: 10px; */
    float: left;
    width: 100%;
}
.contact_wrapblk.row {
    width: 100%;
    margin: 0;
    /* margin-top: 20px; */
}

.contact_blk.col-md-4{
    margin-top: 10px;
    margin-right: 1%;
    margin-left: 1%;
    padding: 10px;
    margin-bottom: 10px;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 31.333333%;
    flex: 0 0 31.333333%;
    max-width: 31.333333%;
}

.pagination_interaction, .pagination_upcoming {
    float: right;
}

.pagination_interaction li, .pagination_upcoming li {
    display: inline-block;
}

.question-error{
    border: solid 2px red;
}
img.rounded-circle {
    height: 45px;
}


.circles-text {
    font-size: 15px !important;
}

.col-md-4.prfle-lft.text-center.task_lftin p {
    margin-bottom: 0;
}

.row.prfle-btm {
    margin-top: 15px;
}

.prfletab_wrap.user_prflewrp .tab-content {
    background-color: #fff;
    float: left;
    width: 100%;
}

.tab-content .row {
    margin: 0;
}
.prfletab_wrap.user_prflewrp  .tab-content .row .col-lg-3.user_blk {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 32.5%;
    flex: 0 0 32.5%;
    max-width: 32.5%;
}
.prfletab_wrap.user_prflewrp .col-lg-3.user_blk:nth-child(3n){
    margin-right:0%;
}
.prfletab_wrap.user_prflewrp .col-lg-3.user_blk:nth-child(4n){
    margin-right: 1%;
}

.usergrd-right .clients .col-lg-3.user_blk{
    
min-height: 175px;
}




@media (max-width:1441px) {
    .col-lg-7.dashboard-blk.noticebrd-blk , .col-lg-5.dashboard-blk.bestclients {
        margin-left: 0%;
        -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
    }

    .bestclients .col-lg-3.user_blk {
        webkit-box-flex: 0;
        -ms-flex: 0 0 32%;
        flex: 0 0 32%;
        max-width: 32%;
        margin-right: 2%;
        margin-bottom: 2%;
    }

    .user-info {
        display: inline-block;
        width: 70%;
        /* border: 1px solid; */
    }

.bestclients .col-lg-3.user_blk:nth-child(2n){
     margin-right: 2%;
}

.bestclients .col-lg-3.user_blk:nth-child(3n){
     margin-right: 0;
}

    .col-lg-3.user_blk .user-prfle {
        width: 40px;
        height: 40px;
        text-align: center;
        line-height: 44px;
        margin-right: 10px;
    }
    .user-info p i {
        font-size: 13px;
    }
    .user-info p {
        margin-bottom: 5px;
        font-size: 10px;
    }

    .col-lg-3.user_blk {
        padding: 9px;
    }

 .card-body {
        padding: 12px 10px 20px 8px !important;
    }

    .mini-stat .mini-stat-label {
        padding: 2px 0px 2px 11px;
 
        font-size: 12px;
    }
    h5.font-16.text-uppercase.mt-0.text-white-50 {
        font-size: 14px;
    }


}
@media (max-width:1367px) {

    .col-lg-3.user_blk {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 32.6%;
        flex: 0 0 32.6%;
        max-width: 32.6%;
        margin-right: 1%;
    }
    .col-lg-3.user_blk:nth-child(3n) {
        margin-right: 0 !important;
        /* border: 1px solid red; */
    }

    .col-lg-3.user_blk:nth-child(4n) {
        margin-right: 1%;
    }

    .user-info p {
        margin-bottom: 5px;
        font-size: 12px;
    }
    span.image {
        font-size: 16px;
        font-weight: 600;
        color: #fff;
    }    

}
@media (max-width:1281px) {
    h5.font-16.text-uppercase.mt-0.text-white-50 {
        font-size: 12px;
    }
    .mini-stat .mini-stat-img i {
        font-size: 18px;
        line-height: 28px;
    }

    .mini-stat .mini-stat-img {
        width: 46px;
        height: 46px;
        line-height: 49px;
    }
    p.text-white-50.mb-0 {
        font-size: 12px;
    }
    .card-body {
        padding: 12px 2px 0px 8px !important;
    }

    .col-lg-7.dashboard-blk {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
        margin-left: 0%;
    }

    .col-lg-5.dashboard-blk.bestclients , .col-lg-5.dashboard-blk{
        margin-left: 0%;
        -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
    }

    .new_leads .user-info {
        display: inline-block;
        width: 70%;
        /* border: 1px solid; */
        /* border: 1px solid; */
    }

    .bestclients .col-lg-3.user_blk {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 23.5%;
        flex: 0 0 23.5%;
        max-width: 23.5%;
        margin-right: 2%;
        margin-bottom: 2%;
        padding: 13px 6px;
    }
    
    .bestclients .col-lg-3.user_blk:nth-child(3n) {
        margin-right: 2% !important;
    }

    .bestclients .col-lg-3.user_blk:nth-child(2n) {
   margin-right: 2% !important;
}

    .bestclients .col-lg-3.user_blk:last-child {
   margin-right:0% !important;
}

.timeline_heaer ul.nav.nav-tabs li {
    width: 30%;
    margin-bottom: 10px;
}


}


@media (max-width:1200px) {
    .timeline_heaer ul.nav.nav-tabs li a {
        border: 1px solid #fff;
        border-radius: 20px;
        min-width: 90px;
        text-align: center;
        color: #fff;
        font-size: 13px;
        padding: 5px 4px;
    }
    .task_lfthaed h4 {
        font-size: 16px;
    }
    span.status_count {
        width: 30px;
        height: 30px;
        padding: 3px 9px;

    }

    span.status_count i {
        font-size: 13px;
        margin-right: 0;
        /* line-height: 18px; */
    }
}



@media (max-width:1025px) {
    .user-info {
        display: inline-block;
        width: 73%;
        /* border: 1px solid; */
    }

.team-memberwrap ul li {
    display: inline-block;
    margin-right: 10px;
    border-right: 1px solid #d8d2d2;
    padding-right: 1px;
    margin-bottom: 10px;
    font-size: 12px;
}
    .row.timeline_heaer {
    margin-bottom: 15px;
}

    .user-info p {
        margin-bottom: 5px;
        font-size: 9px;
    }
    .user-info p i {
        font-size: 10px;
    }
    .col-lg-3.task_lft, .col-lg-9.task_rgt {
        /* display: none; */
        -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
    }
    .row.timeline_heaer.no-margin.task_wrap .col-sm-12 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
    }
    .task_lftin {
        margin-top: 10px;
    }
    .task_wrap {display: flex;flex-direction: column;margin-left: 0;margin-right: 0;}
    .col-lg-3.task_lft {order: 1;margin-bottom: 20px;}
    .col-lg-9.task_rgt {order: 2;/* margin-bottom: 10px; */}

    .login-page .form-outer, .register-page .form-outer {
        min-height: 100vh;
        max-width: 400px;
        margin: 0 auto;
        padding: 20px 0;
        position: relative;
        width: 100%;
        /* border: 1px solid #f3f3f3; */
        float: none;
        margin: 0 auto !important;
    }


    .new_leads .col-lg-3.user_blk, .bestclients .col-lg-3.user_blk , .col-lg-3.user_blk{
        -webkit-box-flex: 0;
        -ms-flex: 0 0 49%;
        flex: 0 0 49%;
        max-width: 49%;
        margin-right: 2%;
        margin-bottom: 2%;
        padding: 13px 6px;
    }

    .new_leads .col-lg-3.user_blk:nth-child(2n),
     .bestclients .col-lg-3.user_blk:nth-child(2n), .col-lg-3.user_blk:nth-child(2n){
         margin-right: 0 !important;
     }

     .new_leads .col-lg-3.user_blk:nth-child(3n),
     .bestclients .col-lg-3.user_blk:nth-child(3n), .col-lg-3.user_blk:nth-child(3n){
         margin-right: 2% !important;
     }

}
@media (max-width:800px) {
    .col-lg-3.user_blk {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
        flex: 0 0 49.5%;
        max-width: 49.5%;
        margin-right: 1%;
    }

    .user-info p {
        margin-bottom: 5px;
        font-size: 13px;
    }

    .col-lg-3.user_blk:nth-child(3n) {
        margin-right: 1% !important;
    }
    .col-lg-3.user_blk:nth-child(2n) {
        margin-right: 0 !important;
    }
    .row.timeline_heaer {display: flex;flex-direction: column;margin-left: 0;margin-right: 0;/* padding-top: 0; *//* padding-bottom: 0; */}
    .row.timeline_heaer .col-lg-10  {order: 2;margin-bottom: 20px;}
    .row.timeline_heaer .col-lg-2 {order: 1;margin-top: 0;}
 
}
@media (max-width:767px) {

    .btn-primary {

        border-radius: 3px;
        font-size: 12px;
        padding: 5px 16px;
    }

    .col-lg-12.task_rgt.table {
        padding: 0;
    }
    .main-wrpp {
        padding-right: 20px;
        padding-left: 20px;
    }
    .container-fluid {
        padding: 0 5px;
    }
    .table td, .table th {
        padding: 7px 7px;
        vertical-align: top;
        border-top: 1px solid #dee2e6;
    }
    .col-lg-9.task_rgt {
        padding-left: 0;
        padding-right: 0;
    }
    .team-memberwrap ul{
        margin-bottom: 0;
    }

    span.badge {
        padding: 4px 12px;
        color: white;
        border-radius: 7px;
        letter-spacing: 1px;
        min-width: 59px;
        margin-left: 8px;
        font-size: 10px;
    }
    .action-btn {
    width: 25px;
    height: 25px;
    background-color: #29a8dfcc;
    border-radius: 50%;
    padding: 2px;
    color: #fff;
    text-align: center;
    margin-right: 10px;
    font-size: 12px !important;
    /* margin-right: 0 !important; */
}
    .col-lg-7.dashboard-blk , .col-lg-5.dashboard-blk.bestclients, .col-lg-5.dashboard-blk{
        -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
        flex: 0 0 101%;
        max-width: 100%;
        margin-left: 0%;
    }

    .new_leads .col-lg-3.user_blk {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 49%;
        flex: 0 0 49%;
        max-width: 49%;
        margin-right: 2%;
        margin-bottom: 2%;
        padding: 13px 6px;
    }
    .col-lg-12.text-center.users_detils {
        display: none;
    }

.col-lg-3.user_blk:nth-child(3n) {
    margin-right: 2% !important;
}
.col-md-6.login-right {
    background-image: none;
}
.task_head {
    width: 100%;
    display: inline-block;
    padding: 10px;
    border-right: 0;
    border-bottom: 1px solid #dadada;
    margin-bottom: 16px;
    /* padding-left: 15px; */
}

.task_content {
    width: 100%;
    display: inline-block;
    /* border: 1px solid; */
    padding: 0;
}

.task_listng.pending_task {
    display: inline-block;
}

.task_cntlft.task_inr {
    width: 50%;
    padding-left: 0;
}

.task_action.task_inr {
    width: 100%;
    border-top: 1px solid #dadada;
    margin-top: 10px;
    text-align: right;
}

.task_cnttgt.task_inr {
    border-right: 0;
}
.timeline_heaer ul.nav.nav-tabs li {
    margin-right: 1%;
    display: inline-block;
    width: 100%;
    margin-bottom: 10px;
}


}

@media (max-width:640px) {
    .col-lg-3.user_blk {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
        margin-right: 1%;
    }

    .serach_frm {
        float: left !important;
    }
    .col-lg-6.col-sm-8.serach_frm_wrap {
        margin-top: 10px;
    }

    .new_leads .col-lg-3.user_blk , .bestclients .col-lg-3.user_blk{
        -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
        margin-right: 0%;
        margin-bottom: 2%;
        padding: 13px 6px;
    }


 

}

/*-- 20-05-2019 Style Starts --*/
.timeline_heaer{
    background-color: red;
    padding: 25px 15px;
    border-radius: 15px;
    background: #28a8df;
    background: -moz-linear-gradient(left, #28a8df 0%, #59c5df 0%, #4ca2ef 100%);
    background: -webkit-linear-gradient(left, #28a8df 0%, #59c5df 0%, #4ca2ef 100%);
    background: linear-gradient(to right, #28a8df 0%, #59c5df 0%, #4ca2ef 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#28a8df', endColorstr='#4ca2ef', GradientType=1);
    color: #fff;
    margin-bottom: 30px;
}

.task_rgt .table-striped{
    white-space: nowrap;
}

@media only screen and (min-width: 768px) and (max-width: 1024px) {

.page.active-sm .card-header .col-lg-4.col-sm-4.col-12{
    -webkit-box-flex: 0;
    -ms-flex: 0 0 20%;
    flex: 0 0 20%;
    max-width: 20%;
}    
.page.active-sm .col-lg-12.user-head  .col-lg-6.col-md-4.col-sm-4.col-xs-4.col-12 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 25%;
    flex: 0 0 25%;
    max-width: 25%;
    padding: 0;
}    
.page.active-sm  .col-lg-12.user-head  .col-lg-6.col-md-8.col-sm-8.col-xs-8.col-12{
    -ms-flex: 0 0 75%;
    flex: 0 0 75%;
    max-width: 75%;
}
.page.active-sm  .col-lg-12.user-head  .col-lg-6.col-md-8.col-sm-8.col-xs-8.col-12 .serach_frm{
    width: 60%;
}
.row.timeline_heaer.no-margin.task_wrap .col-lg-2 {
    margin-bottom: 10px;
    padding-right: 27px;
}
.page.active-sm  .row.timeline_heaer.no-margin.task_wrap .col-lg-10 {
    margin-bottom: 0;
}
.page.active-sm .col-lg-8.col-sm-8.col-12.serach_frm_wrap{
    -ms-flex: 0 0 80%;
    flex: 0 0 80%;
    max-width: 80%;

}    
.select2-results__option[aria-selected] {
    font-size: 13px;
}

.page.active-sm .col-lg-3.user_blk {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
    margin-right: 1%;
}

}


@media only screen and (min-width: 768px) and (max-width: 1024px)  and (orientation: landscape) {
.col-lg-3.user_blk{
    -ms-flex: 0 0 47% !important;
    flex: 0 0 47% !important;
    max-width: 47% !important;
    margin: 8px 8px !important;
}
.col-lg-3.user_blk:nth-child(3){
    margin-right: 8px !important;   
}


    
}

@media only screen and (min-width: 1025px) and (max-width: 1199px) {

.col-lg-7.dashboard-blk.noticebrd-blk, 
.col-lg-5.dashboard-blk.bestclients {
    -ms-flex: 0 0 48%;
    flex: 0 0 48%;
    max-width: 48%;
    margin-right: 2% !important;
}  
.row.users_header ul {
    text-align: center;
}    
.col-lg-5.dashboard-blk.bestclients .col-lg-3.user_blk{
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;

}       
    
    
}




@media only screen and (min-width: 1200px) and (max-width: 1439px) {
   
.col-lg-3.user_blk:nth-child(3n) {
    margin-right: 2% !important;
}

.row.users_header ul {
    text-align: center;
}    
.select2-container{
    min-width: auto;
    text-align: left;
}    
.card-header .serach_frm {
    width: 30%;
    position: relative;
}    
    
    
}

@media only screen and (min-width: 1440px) and (max-width: 2560px) {
    
.row.users_header ul {
    text-align: center;
} 
.select2-container{
    min-width: auto !important;
    text-align: left;
    font-size: 13px;
}    
    
.timeline_heaer ul.nav.nav-tabs li {
    width: 16% !important;
    margin-bottom: 10px;
}

.card-header .serach_frm {
    width: 30%;
    position: relative;
}

}


.dwn-btn {
    width: 100%;
}

a.btn.btn-primary.download.float-right {
    margin-top: -50px;
}

/*-- 20-05-2019 Style Ends --*/