#setUpmenuLoadr {
    background: rgb(0, 0, 0, 0.9);
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 9999;
    overflow: hidden;
}

#setUpmenuLoadr img {
    /*height: 105px;
    position: fixed;
    top: 45%;
    left: 45%;*/
    width: 50px;
    height: 50px;
}


#setUpmenuLoadrnew {
    background: rgb(0, 0, 0, 0.9);
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 9999;
    overflow: hidden;
}

#setUpmenuLoadrnew img {
    /*height: 105px;
    position: fixed;
    top: 45%;
    left: 45%;*/
    width: 50px;
    height: 50px;
}


.user-profil-column-social {
    float: left;
    width: 100%;
    margin: 0px;
    padding: 0px;
    background: #fff;
    box-shadow: 0px 3px 6px rgb(0, 0, 0, 5%)!important;
    border-radius: 8px!important;
}

.user-profil-social {
    float: left;
    width: 100%;
    margin: 0px;
    padding: 0px;
    text-align: center;
}

.user-profil-social img {
    width: 50px;
    height: 50px;
    border-radius: 50%;
    text-align: center;
    margin: 20px 0px;
    padding: 0px;
}

.user-profil-social h1 {
    font-size: 15px;
    font-weight: 600;
    color: #444!important;
    text-align: center;
    margin: 0px;
    padding: 0px;
}

.user-profil-about-social {
    float: left;
    width: 100%;
    margin: 20px 0 0 0;
    padding: 0px;
    border-top: 1px solid #eee;
}

.user-profil-about-social ul {
    float: left;
    width: 100%;
    margin: 0px;
    padding: 0px;
}

.user-profil-about-social ul li {
    float: left;
    list-style-type: none;
    display: inline-block;
    margin: 10px 0px;
    width: 33%;
    padding: 0 0 0 22px;
    border-right: 1px solid #eee;
}

.user-profil-about-social ul li:last-child {
    border-right: 0px;
}

.user-profil-about-social ul li img {
    float: left;
    width: 30px;
    margin: 0 10px 0 0;
    padding: 0px;
}

.user-profil-about-social ul li span {
    float: left;
    margin: 0px;
    padding: 0px;
}

.user-profil-about-social ul li h2 {
    font-size: 13px;
    color: #a7a7a7;
    margin: 0px;
    padding: 0px;
    display: block;
}

.user-profil-about-social ul li p {
    margin: 0px;
    padding: 0px;
    font-size: 14px;
    color: #000;
    display: block;
    font-weight: 600;
}

ul.followColunm-social {
    float: left;
    width: 100%;
    margin: 0px;
    padding: 0px;
}

ul.followColunm-social li {
    float: left;
    list-style-type: none;
    display: block;
    margin: 20px 0px;
    padding: 0px 6px;
    border-right: 1px solid #eee;
}

ul.followColunm-social li:last-child {
    border-right: 0px;
}

ul.followColunm-social li a {
    float: left;
    width: 100%;
    margin: 0px;
    padding: 0px;
    color: #979797;
    font-size: 13px;
}

ul.followColunm-social li span {
    float: left;
    width: 100%;
    color: #575757;
    font-weight: 700;
    font-size: 14px;
    margin: 0px;
    padding: 0px;
}

.user-post-column-social {
    float: left;
    width: 100%;
    margin: 0px;
    padding: 0px;
}

.user-post-column {
    float: left;
    width: 100%;
    margin: 0 0 10px 0;
    padding: 10px 20px;
    background: #fff;
    box-shadow: 0px 3px 6px rgb(0, 0, 0, 5%)!important;
    border-radius: 8px!important;
}

.user-post-img-column {
    float: left;
    width: 100%;
    margin: 0px;
    padding: 0px;
}

.user-post-img-column img {
    float: left;
    width: 35px;
    margin: 5px 0px;
    padding: 0px;
}

.user-post-text-column {
    float: left;
    width: 100%;
    margin: 0px;
    padding: 0px;
}

.user-post-text-column h6 {
    float: left;
    width: 100%;
    margin: 0px;
    padding: 0px;
    color: #000;
    font-size: 15px;
    line-height: 20px;
}

.user-post-text-column h6 span {
    margin: 0px;
    padding: 0px;
    color: #0077a3;
    font-size: 15px;
}

.user-post-text-column h6 span a {
    margin: 0px;
    padding: 0px;
    color: #0077a3;
    font-size: 15px;
}

.user-post-text-column p {
    float: left;
    width: 100%;
    margin: 5px 0 0 0;
    padding: 0px;
    color: #a7a7a7;
    font-size: 12px;
}

.user-post-liks-column {
    float: left;
    width: 100%;
    margin: 0px;
    padding: 0px;
    text-align: center;
}

.user-post-liks-column img {
    width: 20px;
    text-align: center;
    margin: 0px;
    padding: 0px;
}

.user-post-liks-column p {
    width: 100%;
    text-align: center;
    margin: 10px 0 0 0;
    padding: 0px;
    color: #444;
    font-size: 12px;
}

.search-column-social {
    float: left;
    width: 100%;
    margin: 0 0 20px 0;
    padding: 0px;
    background: #fff;
    box-shadow: 0px 3px 6px rgb(0, 0, 0, 5%)!important;
    border-radius: 8px!important;
}

.search-column-social .form-group {
    padding: 0px!important;
    margin: 0px!important;
}

.search-column-social .form-control {
    float: left;
    width: 100%;
    padding: 14px 20px 20px 30px!important;
    margin: 0px;
    background: #fff!important;
}

.has-search .form-control-feedback {
    position: absolute;
    z-index: 2;
    display: block;
    width: 2.375rem;
    height: 2.375rem;
    line-height: 2.375rem;
    text-align: center;
    pointer-events: none;
    color: #aaa;
    left: 15px;
    top: 8px;
}

.searchSubmit {
    position: absolute;
    z-index: 2;
    display: block;
    width: 2.375rem;
    height: 2.375rem;
    text-align: center;
    border: 0px;
    background: #f5efef;
    border-radius: 50%;
    right: 15px;
    top: 8px;
}

.searchSubmit i {
    font-size: 12px;
    color: #0077a3;
}

.edit-profile-btn {
    float: left;
    width: 100%;
    padding: 5px 20px;
    text-align: center;
    color: #0077a3;
    font-weight: 700;
    font-size: 12px;
    border: 0px;
    background: #ededed;
    border-radius: 3px;
}

.edit-profile-btn:hover {
    background: #0077a3;
    color: #fff;
}

.user-followus-list-social {
    float: left;
    width: 100%;
    margin: 0px;
    padding: 15px;
    background: #fff;
    box-shadow: 0px 3px 6px rgb(0, 0, 0, 5%)!important;
    border-radius: 8px!important;
}

.user-followus-list-social h1 {
    float: left;
    width: 100%;
    margin: 0 0 10px 0;
    padding: 0px;
    color: #444;
    font-size: 16px;
    font-weight: 600;
}

.user-followus-guys {
    float: left;
    width: 100%;
    margin: 15px 0 15px 0;
    padding: 0px;
}

.user-followus-guys-img {
    float: left;
    width: 100%;
    margin: 0px;
    padding: 0px;
}

.user-followus-guys-img img {
    float: left;
    width: 36px;
    height: 36px;
    border-radius: 50%;
    margin: 0px;
    padding: 0px;
}

.user-followus-guys-text-column {
    float: left;
    width: 100%;
    margin: 8px 0;
    padding: 0px;
}

.user-followus-guys-text-column p {
    float: left;
    width: 100%;
    margin: 0px;
    padding: 0px;
    color: #000;
    font-size: 13px;
    font-weight: 400;
}

.followBtn {
    float: left;
    margin: 8px 0;
    padding: 1px 10px;
    font-size: 12px;
    font-weight: 600;
    border: 1px solid #0077a3;
    color: #0077a3;
    border-radius: 3px;
}

.followBtn:hover {
    background: #0077a3;
    color: #fff;
}

.user-remove i {
    float: left;
    margin: 8px 0;
    padding: 0px;
    font-size: 12px;
    color: #ddd;
    position: absolute;
    right: 10px;
}

.user-remove i:hover {
    float: left;
    margin: 8px 0;
    padding: 0px;
    font-size: 12px;
    color: #0077a3;
}

.pointTotaleBox {
    float: left;
    width: 100%;
    text-align: center;
    margin: 0 0 10px 0;
    padding: 20px;
    background: #fff;
    box-shadow: 0px 3px 6px rgb(0, 0, 0, 5%)!important;
    border-radius: 8px!important;
}

.pointTotaleBox img {
    width: 60px;
    margin: 0px;
    padding: 0px;
}

.pointTotaleBox h1 {
    font-size: 24px;
    font-weight: 700;
    color: #444444 !important;
    text-align: center;
    margin: 20px 0px 0px 0px;
    padding: 0px;
}

.pointTotaleBox h3 {
    font-size: 20px;
    font-weight: 700;
    color: #444444 !important;
    text-align: center;
    margin: 5px 0px 0px 0px;
    padding: 0px;
}

.pointTotaleBox h1 span {
    font-size: 18px;
    font-weight: 400;
    color: #444444 !important;
    text-align: center;
    margin: 20px 0px 0px 0px;
    padding: 0px;
}

.pointTotaleBox h2 {
    font-size: 13px;
    font-weight: 600;
    color: #444444 !important;
    text-align: center;
    margin: 5px 0 20px 0;
    padding: 0px;
}

.redeem-now-btn {
    margin: 0px;
    padding: 6px 30px;
    text-align: center;
    color: #fff;
    font-weight: 400;
    font-size: 14px;
    border: 0px;
    background: #0077a3;
    border-radius: 3px;
}

.redeem-now-btn:hover {
    background: #fff;
    border: 1px solid #0077a3;
    font-weight: 600;
    color: #0077a3;
}

.learn-more-btn {
    float: left;
    width: 100%;
    margin: 20px 0px 0px 0px;
    padding: 0px;
    font-size: 13px;
    color: #979797;
    font-weight: 600;
}

.learn-more-btn img {
    width: 15px;
    margin: -5px 0px 0px 0px;
    padding: 0px;
}

.user-points-column-social {
    float: left;
    width: 100%;
    margin: 0px;
    padding: 0px;
    background: #fff;
    box-shadow: 0px 3px 6px rgb(0, 0, 0, 5%)!important;
    border-radius: 8px!important;
}

.user-points-column {
    float: left;
    width: 100%;
    margin: 0px;
    padding: 20px;
    border-bottom: 1px solid #f2f2f2;
}

.user-points-img-column {
    float: left;
    width: 100%;
    margin: 0px;
    padding: 0px;
}

.user-points-img-column img {
    float: left;
    width: 35px;
    margin: 0px;
    padding: 0px;
}

.user-points-text-column {
    float: left;
    width: 100%;
    margin: 0px;
    padding: 0px;
}

.user-points-text-column h6 {
    float: left;
    width: 100%;
    margin: 0px;
    padding: 0px;
    color: #000;
    font-size: 15px;
    line-height: 20px;
}

.user-points-text-column h6 span {
    margin: 0px;
    padding: 0px;
    color: #0077a3;
    font-size: 15px;
}

.user-points-text-column p {
    float: left;
    width: 100%;
    margin: 5px 0 0 0;
    padding: 0px;
    color: #a7a7a7;
    font-size: 12px;
}

.user-points-liks-column {
    float: left;
    width: 100%;
    margin: 0px;
    padding: 0px;
    text-align: center;
}

.user-points-liks-column a {
    float: left;
    width: 100%;
    text-align: center;
    margin: 5px 0 0 0;
    padding: 0px;
    font-size: 18px;
    color: #58cc89;
    font-weight: 600;
}

.user-badges-column {
    float: left;
    position: relative;
    width: 100%;
    height: 150px;
    margin: 10px 0;
    padding: 20px 10px;
    background: #fff;
    box-shadow: 0px 3px 6px rgb(0, 0, 0, 5%)!important;
    border-radius: 8px!important;
}

.user-badges-liks-column {
    float: left;
    width: 100%;
    margin: 0px;
    padding: 0px;
    text-align: center;
}

.user-badges-liks-column img {
    height: 60px;
    text-align: center;
    margin: 0px;
    padding: 0px;
}

.user-badges-liks-column p {
    width: 100%;
    text-align: center;
    margin: 10px 0 0 0;
    padding: 0px;
    color: #444;
    font-size: 15px;
    font-weight: 600;
}

.badges-info {
    width: 20px;
    position: absolute;
    right: 5px;
    top: 5px;
    margin: 0px;
    padding: 0px;
}

.badges-info img {
    width: 20px;
    height: 20px;
    margin: 0px;
    padding: 0px;
}

.user-followers-column-social {
    float: left;
    width: 100%;
    margin: 0px;
    padding: 0px;
    background: #fff;
    box-shadow: 0px 3px 6px rgb(0, 0, 0, 5%)!important;
    border-radius: 8px!important;
}

.user-followers-column-social h1 {
    float: left;
    width: 100%;
    font-size: 22px;
    font-weight: 700;
    color: #444444 !important;
    text-align: left;
    margin: 0px;
    padding: 30px 20px;
}

.user-followers-column {
    float: left;
    width: 100%;
    margin: 0px;
    padding: 20px;
}

.user-followers-img-column {
    float: left;
    width: 100%;
    margin: 0px;
    padding: 0px;
}

.user-followers-img-column img {
    float: left;
    width: 50px;
    margin: 0px;
    padding: 0px;
}

.user-followers-text-column {
    float: left;
    width: 100%;
    margin: 0px;
    padding: 0px;
}

.user-followers-text-column h6 {
    float: left;
    width: 100%;
    margin: 0px;
    padding: 15px 0px;
    color: #000;
    font-size: 16px;
    font-weight: 400;
}

.user-followers-liks-column {
    float: left;
    width: 100%;
    margin: 0px;
    padding: 0px;
    text-align: center;
}

.follows-btn {
    float: left;
    width: 100%;
    margin: 10px 0px;
    padding: 2px 30px;
    text-align: center;
    color: #fff;
    font-weight: 400;
    font-size: 14px;
    background: #0077a3;
    border-radius: 3px;
}

.follows-btn:hover {
    border: 1px solid #0077a3;
    font-weight: 400;
    background: #fff;
    color: #0077a3;
}

.unfollows-btn {
    float: left;
    width: 100%;
    margin: 10px 0px;
    padding: 2px 30px;
    text-align: center;
    color: #0077a3;
    font-weight: 400;
    font-size: 14px;
    background: #fff;
    border: 1px solid #0077a3;
    border-radius: 3px;
}

.unfollows-btn:hover {
    background: #0077a3;
    font-weight: 400;
    color: #fff;
}

.contests-column-left {
    float: left;
    width: 68%;
    padding: 0 30px 0 0;
    border-right: 1px solid #ddd;
}

.contests-column-right {
    float: right;
    width: 30%;
    padding: ;
}

.user-contests-column-social {
    float: left;
    width: 100%;
    margin: 0px;
    padding: 0px;
}

.user-contests-column {
    float: left;
    width: 100%;
    margin: 0 0 20px 0;
    padding: 20px;
    background: #fff;
    box-shadow: 0px 3px 6px rgb(0, 0, 0, 5%)!important;
    border-radius: 8px!important;
}

.user-contests-column .progress {
    height: 6px!important;
    border-radius: 10px!important;
}

.user-contests-column .progress-bar {
    height: 6px!important;
    border-radius: 10px!important;
}

.user-contests-img-column {
    float: left;
    width: 100%;
    margin: 0px;
    padding: 0px;
}

.user-contests-img-column img {
    float: left;
    width: 30px;
    margin: 0px;
    padding: 0px;
}

.user-contests-text-column {
    float: left;
    width: 100%;
    margin: 0px;
    padding: 0px;
}

.user-contests-text-column h5 {
    float: left;
    width: 100%;
    margin: 0px;
    padding: 0px;
    color: #000;
    font-size: 16px;
    line-height: 20px;
}

.user-contests-text-column h6 {
    text-align: right;
    font-weight: 400;
    margin: 0px;
    padding: 0px;
    color: #000;
    font-size: 14px;
}

.user-contests-text-column h6 span.blueText {
    margin: 0px;
    padding: 0px;
    color: #1385c7;
    font-size: 14px;
    line-height: 20px;
}

.user-contests-text-column p {
    float: left;
    width: 100%;
    margin: 0px;
    padding: 0px;
    color: #a7a7a7;
    font-size: 14px;
}

.user-contests-text-column p.blueText {
    float: left;
    width: 100%;
    margin: 5px 0 0 0;
    padding: 0px;
    color: #1385c7;
    font-size: 14px;
}

.user-contests-liks-column {
    float: left;
    width: 100%;
    margin: 0px;
    padding: 0px;
    text-align: center;
}

.user-contests-liks-column img {
    width: 20px;
    text-align: center;
    margin: 0px;
    padding: 0px;
}

.user-contests-liks-column p {
    width: 100%;
    text-align: center;
    margin: 10px 0 0 0;
    padding: 0px;
    color: #444;
    font-size: 12px;
}

.search-contests-social {
    float: left;
    width: 100%;
    margin: 0 0 30px 0;
    padding: 0px;
}

.search-contests-social .form-group {
    padding: 0px!important;
    margin: 0px!important;
}

.search-contests-social .form-control {
    float: left;
    width: 100%;
    padding: 10px 40px 14px 40px!important;
    font-size: 16px;
    font-weight: 400;
    margin: 0px;
    background: #fff!important;
    height: inherit!important;
}

.search-contests-social .has-search .form-control-feedback {
    position: absolute;
    z-index: 2;
    display: block;
    width: 4rem;
    height: 4rem;
    text-align: center;
    pointer-events: none;
    color: #aaa;
    left: 15px;
    top: 8px;
}

.user-contests-list-social {
    float: left;
    width: 100%;
    margin: 0px;
    padding: 0px;
}

.user-contests-guys {
    float: left;
    width: 100%;
    margin: 0px;
    padding: 0px;
}

.user-contests-guys-img {
    float: left;
    width: 100%;
    margin: 0px;
    padding: 0px;
}

.user-contests-guys-img img {
    float: left;
    width: 36px;
    height: 36px;
    border-radius: 50%;
    margin: 0px;
    padding: 0px;
}

.user-contests-guys-text-column {
    float: left;
    width: 100%;
    margin: 8px 0;
    padding: 0px;
}

.user-contests-guys-text-column p {
    float: left;
    width: 100%;
    margin: 0px;
    padding: 0px;
    color: #616770;
    font-size: 15px;
    font-weight: 600;
}

.user-contests-tab {
    float: left;
    width: 100%;
    margin: 20px 0px;
    padding: 0px;
}

.user-contests-tab ul {
    float: left;
    width: 100%;
    margin: 0px;
    padding: 0px;
}

.user-contests-tab li {
    float: left;
    width: 100%;
    margin: 0px;
    padding: 0px;
    list-style-type: none;
}

.user-contests-tab li a {
    float: left;
    width: 100%;
    margin: 0px;
    padding: 5px 10px 5px 35px;
    background: url(../images/tick-gray.png) 10px 10px no-repeat;
    font-size: 14px;
    font-weight: 400;
    color: #444;
}

.user-contests-tab li a:hover {
    width: 100%;
    margin: 0px;
    padding: 5px 10px 5px 35px;
    background: #f9f9f9 url(../images/check.svg) 10px 10px no-repeat;
    font-size: 14px;
    border-radius: 5px;
    font-weight: 400;
    color: #48a35f;
    border: 1px solid #dddfe2;
}

.user-contests-tab li a.contestsTabActive {
    width: 100%;
    margin: 0px;
    padding: 5px 10px 5px 35px;
    background: #f9f9f9 url(../images/check.svg) 10px 10px no-repeat;
    font-size: 14px;
    border-radius: 5px;
    font-weight: 400;
    color: #48a35f;
    border: 1px solid #dddfe2;
}

.user-contests-sort h3 {
    float: left;
    width: 100%;
    margin: 0 0 10px 0;
    padding: 0px;
    color: #616770;
    font-size: 15px;
    font-weight: 600;
}

.user-contests-sort ul {
    float: left;
    width: 100%;
    margin: 0px;
    padding: 0px;
}

.user-contests-sort li {
    float: left;
    width: 100%;
    margin: 0px;
    padding: 0px;
    list-style-type: none;
}

.user-contests-sort li a {
    float: left;
    width: 100%;
    margin: 0px;
    padding: 5px 10px 5px 35px;
    background: url(../images/tick-gray.png) 10px 10px no-repeat;
    font-size: 14px;
    font-weight: 400;
    color: #444;
}

.user-contests-sort li a:hover {
    width: 100%;
    margin: 0px;
    padding: 5px 10px 5px 35px;
    background: #f9f9f9 url(../images/check.svg) 10px 10px no-repeat;
    font-size: 14px;
    border-radius: 5px;
    font-weight: 400;
    color: #107fa8;
    border: 1px solid #dddfe2;
}

.user-contests-sort li a.contestsSortActive {
    width: 100%;
    margin: 0px;
    padding: 5px 10px 5px 35px;
    background: #f9f9f9 url(../images/check.svg) 10px 10px no-repeat;
    font-size: 14px;
    border-radius: 5px;
    font-weight: 400;
    color: #107fa8;
    border: 1px solid #dddfe2;
}

.badges-progress {
    float: left;
    width: 100%;
    position: absolute;
    left: 0px;
    bottom: 0px;
    background: rgb(0, 0, 0, 0.1);
}

.bootstrap-duallistbox-container select {
    overflow-y: scroll !important;
}

span.width-change div {
    min-width: 120px !important;
}

.btn-primary:hover {
    background-color: #7381D2 !important;
    border-color: #7381D2 !important;
}

.datasettingwidth,
.settingwidth {
    min-width: 200px;
    width: 400px;
    text-align: center;
    margin: 0 auto;
}

.Ntable th {
    padding-left: 15px !important;
    padding-right: 15px !important;
    text-align: center;
    background: #f4f3f3;
}

.Ntable {
    border-bottom: 0px!important;
}

.Ntable th,
.Ntable td {
    font-size: 14px;
    padding-top: 5px !important;
    padding-bottom: 5px !important;
}

.Ntable>thead>tr>th,
.table>tbody>tr>td,
.table>tfoot>tr>td {
    border: 0px;
    vertical-align: middle;
    padding-left: 5px;
    padding-right: 5px;
}

.Ntable td {
    text-align: center;
}

.smbtn {
    padding: 0px 3px;
}

.Nform {
    border: 1px #DDDDDD solid;
    margin-right: 10px;
}

.mtop15 {
    margin-top: 15px;
}

.flt_left {
    float: left;
}

.flt_right {
    float: right;
}

.m0 {
    margin: 0 !important;
}

.mt20 {
    margin-top: 20px;
}

.dtinput {
    width: 110px !important;
    margin-right: 0 !important;
}

.dataTables_paginate {
    margin-top: 30px;
}

.breadcrumb {
    padding: 12px 0px 19px 0px;
    margin-bottom: 0px;
}

ul.multiselect-container li a {
    padding: 0px!important;
}

.w200 {
    width: 220px !important;
}

.site-settings {
    right: -150px !important;
}

.site-head.fixedHeaoder {
    position: fixed;
}

.ptop80 {
    padding-top: 80px !important;
}

.btn-primary1 {
    color: #FFF;
    background-color: #EA73A0;
    border-color: #EA73A0;
}

.onlymobile,
li.onlymobile {
    display: none !important;
}

@media(max-width:768px) {
    .page .page-wrap>.row {
        padding: 0 0;
    }
}

@media (min-width: 320px) and (max-width:767px) {
    .app .main-container.nav-horizontal .content-container {
        margin-top: 0px;
    }
    .dtinput {
        width: 100% !important;
        margin-right: 0 !important;
    }
    .onlymobile,
    li.onlymobile {
        display: block !important;
    }
    .page {
        padding: 0px 15px 15px 15px!important;
    }
}


/*@media (min-width : 768px) and (max-width:1060px){.app .main-container.nav-horizontal .content-container{margin-top: 220px;}}*/

.blkshow {
    padding: 7px 7px;
}

.blkshowpadd {
    padding-left: 2px;
    padding-right: 2px;
}

.waves-effect {
    overflow: hidden;
    cursor: pointer;
}

li div.eff.waves-effect a,
.app .main-container.nav-horizontal .nav-wrap .site-nav .nav-list>li div.eff.waves-effect a .text {
    font-weight: bold;
    text-transform: uppercase;
    font-size: 1.125rem!important;
}

.main-container .nav-wrap .site-nav .nav-list>li a {
    text-transform: capitalize;
    font-size: 16px;
    overflow: hidden !important;
    display: block;
    position: relative;
    font-family: "DIN Next LT Arabic"!important;
}

.main-container .nav-wrap .site-nav .nav-list>li a span {
    padding: 0px;
    margin: 0px;
}

ul#icondisplay-inline-block,
ul#icondisplay-inline-block li {
    margin: 0;
    padding: 0;
}

ul#icondisplay-inline-block li {
    display: inline-block;
}

ul#display-inline-block,
ul#display-inline-block li {
    margin: 0;
    padding: 0;
}

ul#display-inline-block li {
    width: 24%;
    height: auto;
    display: inline-block;
    height: 100px;
    padding: 3px;
}

.available {
    background: #80D9B3;
}

td.available {
    background: none;
}

.booked {
    background: #F66F62;
}

.tentative {
    background: #FFEB3B;
}

.booked_investor {
    background: #784BC8;
}

.notopen {
    background: #42B7FF;
}

.nonecolor {
    background: #ffffff;
}

.colorscheme {
    padding: 40px;
    background: #F9F9F9;
    border-radius: 10px;
    margin-bottom: 25px;
}

.iconcontainer {
    margin: 15px;
}

.flt1 {
    text-align: center;
}

.nbox {
    margin-bottom: 2px;
    font-weight: bold;
}

.txteditor {
    height: auto;
    min-height: 300px;
}

.fileUpload {
    position: relative;
    overflow: hidden;
}

.fileUpload input.choose {
    position: absolute;
    top: 0;
    right: 0;
    margin: 0;
    padding: 0;
    cursor: pointer;
    opacity: 0;
    filter: alpha(opacity=0);
}

.btn-default:hover,
.btn-default:focus,
.btn-default.focus,
.btn-default:active,
.btn-default.active,
.open>.dropdown-toggle.btn-default {
    color: #464646;
}

button.multiselect {
    box-shadow: none !important;
}

.err_display {
    color: #f00;
}

.pt90 {
    padding-top: 90px;
}

.text-primary.text-bold span {
    font-weight: normal;
    font-size: 12px;
    color: #464646;
    display: block;
}

.pl0pr0 {
    padding-left: 2px;
    padding-right: 2px;
}

.option_head {
    font-weight: 600;
}

.option_sec {
    margin-left: 3px;
}

ul.ui-autocomplete {
    z-index: 9999;
}

.btn-info {
    color: #ffffff;
    background-color: #f28916;
}

.btn-info:hover {
    color: #ffffff!important;
    background-color: #ad2e21;
}

.filterBtn i {
    color: #fff;
}

.nav-list ul.dropdown-menu-right li a {
    padding: 10px 0px!important;
}

.popover {
    z-index: 9999!important;
}


/*==========Styling for signup form========*/

.customLogo {
    float: left;
    height: 55px;
    margin: 0px;
    padding: 0px;
    background: #fff;
}

.customLogo img {
    float: left;
    margin: 10px 0;
}

.wlcmCol {
    float: right;
    margin: 0px;
    padding: 0px;
}

.wlcmCol p {
    float: right;
    color: #fff;
    font-size: 14px;
    margin: 15px 20px;
    padding: 0px;
}

.customHeader {
    width: 100%;
    height: 55px;
    position: fixed;
    left: 0;
    right: 0;
    z-index: 1030;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.25);
    background: #cc3727;
}

.main-container .nav-wrap .nav-head .site-logo {
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center center;
}

.main-container .nav-wrap .nav-head {
    padding: 8px;
    margin: 0 10px;
}

.inqubut {
    cursor: default;
}

.tour-image1 {
    float: left;
    border: 1px solid #ddd;
    padding: 5px;
    background: url(../images/tabsImg.png);
    width: 200px;
    height: 200px;
}

.tour-image2 {
    float: left;
    border: 1px solid #ddd;
    padding: 5px;
    background: url(../images/tabsImg.png) -200px 0;
    width: 200px;
    height: 200px;
}

.tour-image3 {
    float: left;
    border: 1px solid #ddd;
    padding: 5px;
    background: url(../images/tabsImg.png) -400px 0;
    width: 200px;
    height: 200px;
}

.tour-image4 {
    float: left;
    border: 1px solid #ddd;
    padding: 5px;
    background: url(../images/tabsImg.png) -600px 0;
    width: 200px;
    height: 200px;
}

.tour-image1:hover {
    float: left;
    border: 1px solid #ddd;
    padding: 5px;
    background: url(../images/tabsImg.png) -0px -200px;
    width: 200px;
    height: 200px;
}

.tour-image2:hover {
    float: left;
    border: 1px solid #ddd;
    padding: 5px;
    background: url(../images/tabsImg.png) -200px -200px;
    width: 200px;
    height: 200px;
}

.tour-image3:hover {
    float: left;
    border: 1px solid #ddd;
    padding: 5px;
    background: url(../images/tabsImg.png) -400px -200px;
    width: 200px;
    height: 200px;
}

.tour-image4:hover {
    float: left;
    border: 1px solid #ddd;
    padding: 5px;
    background: url(../images/tabsImg.png) -600px -200px;
    width: 200px;
    height: 200px;
}

.nav-pills li a {
    padding: 0px!important;
    margin: 5px 20px;
}

.nav-pills p {
    text-align: center;
    font-weight: 400;
    font-size: 15px;
    padding: 0px;
    line-height: 40px;
}

.tab-contentModle {
    margin: 0 20px!important;
    background: #f40204!important;
}

.tab-contentModle h4 {
    color: #fff;
    font-size: 24px;
    font-weight: 100;
    text-align: center;
}

.tab-contentModle p {
    color: #fff;
    font-size: 18px;
    font-weight: 100;
    text-align: center;
}

.nav-pills>li.active>a,
.nav-pills>li.active>a:hover,
.nav-pills>li.active>a:focus {
    background: #f40204!important;
}

.csemdl {
    font-size: 30px;
    background: #FFF!important;
    padding: 3px 10px!important;
    opacity: inherit!important;
}

.carousel-control.left {
    background: inherit!important;
}

.carousel-control.right {
    background: inherit!important;
}

.popupImgscrl {
    border: 1px solid #dddddd;
    padding: 5px;
    margin-bottom: 20px;
}


/*.dropdown-menu>li>a {text-align: left!important;}
.dropdownMenuAction>li>a{border-bottom: 1px dashed #eee;}
.dropdownMenuAction{min-width: auto!important;  box-shadow: 0 6px 12px rgba(0,0,0,.175);} */

.plusBtnMenuAction>li>a {
    border-bottom: 1px dashed #eee;
}

.plusBtnMenuAction {
    min-width: auto!important;
    top: 36px;
    box-shadow: 0 6px 12px rgba(0, 0, 0, .175);
}

.dropdown .ui-checkbox {
    margin: 0px!important;
}

.dropdown .ui-checkbox span {
    font-weight: bold;
}

.wrapper-dropdown-4 {
    position: relative;
    margin: 0 0 0 10px;
    padding: 0px 3px;
    background: #fff;
    border: 1px solid silver;
    cursor: pointer;
    outline: none;
    font-weight: 100;
    font-size: 13px;
    line-height: 16px;
    border-radius: 4px;
}

.wrapper-dropdown-4:after {
    content: '\f067';
    font-family: FontAwesome;
    width: 0;
    height: 0;
}

.wrapper-dropdown-4 .dropdown {
    position: absolute;
    top: 100%;
    width: 250px;
    margin-top: 1px;
    left: -1px;
    right: -1px;
    margin: 0px;
    padding: 0px;
    background: white;
    border: inherit;
    list-style: none;
    -webkit-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -ms-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
    opacity: 0;
    pointer-events: none;
}

.wrapper-dropdown-4 .dropdown li {
    position: relative;
}

.wrapper-dropdown-4 .dropdown li label {
    display: block;
    text-align: left;
    margin-bottom: 0px!important;
    padding: 10px;
    border-bottom: 1px dotted #dddddd;
    -webkit-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -ms-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
}

.wrapper-dropdown-4 .dropdown li:last-of-type label {
    border: none;
}

.wrapper-dropdown-4 .dropdown li input {
    position: absolute;
    display: none;
    left: 10px;
    top: 50%;
    margin-top: -8px;
}

.wrapper-dropdown-4 .dropdown li:hover label {
    background: #f0f0f0;
}

.wrapper-dropdown-4 .dropdown li input:checked~label {
    color: grey;
    text-decoration: line-through;
}

.wrapper-dropdown-4.active:after {
    border-width: 0 6px 6px 6px;
}

.wrapper-dropdown-4.active .dropdown {
    opacity: 1;
    pointer-events: auto;
    z-index: 9999;
}

.no-opacity .wrapper-dropdown-4 .dropdown,
.no-pointerevents .wrapper-dropdown-4 .dropdown {
    display: none;
    opacity: 1;
    pointer-events: auto;
}

.no-opacity .wrapper-dropdown-4.active .dropdown,
.no-pointerevents .wrapper-dropdown-4.active .dropdown {
    display: block;
}

.reportMainHeading {
    padding: 10px!important;
    background: #f40204;
    margin: 0px!important;
}

.reportMainHeading a {
    font-size: 16px;
    color: #fff;
}

.reportColumn {
    box-shadow: none!important;
    padding: 0px;
    overflow: visible!important;
}

.reportColumn table tr td {
    padding-left: 10px!important;
}

.reportColumn table tr td a {
    font-size: 14px!important;
    color: #444!important;
}

.reportColumn table tr td .fa {
    margin-right: 10px;
    color: #444!important;
}

.reportColumn .glyphicon {
    margin-right: 10px;
    color: #FFF!important;
}

.reportColumn .table {
    margin-bottom: 0px;
}

.reportTab .tabheader h4 {
    background: #f7f7f7;
    padding: 5px 10px;
    margin: 0 0 10px 0!important;
}

#accordion td {
    position: relative;
}

#accordion td .arrow_box {
    display: none;
    position: absolute;
    right: -350px;
    top: 0;
    width: 350px;
    z-index: 9999;
}

#accordion td:hover .arrow_box {
    display: block;
}

.arrow_box {
    position: relative;
    background: #FFFFFF;
    border: 1px solid #ccc;
    padding: 10px;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.25);
}

.arrow_box:after,
.arrow_box:before {
    right: 100%;
    top: 10%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
}

.arrow_box:after {
    border-color: rgba(136, 183, 213, 0);
    border-right-color: #f40204;
    border-width: 10px;
    margin-top: -10px;
}

.reportMenuHoverImg {
    width: 100%;
}

.arrow_box h6 {
    float: left;
    width: 100%;
    text-align: center;
    margin: 0 0 10px 0;
    padding: 0px;
    font-size: 14px;
    font-weight: normal;
}

.arrow_box img {
    border: 1px solid #ddd;
}

.timelineScroll {
    overflow-y: scroll;
    height: 720px;
}

.oppsummary {
    overflow-y: scroll;
    min-height: 720px;
}

.pagination>li>a,
.pagination>li>span {
    color: #444!important;
}

.rankImg {
    background: url(../images/rankBg.png) no-repeat;
    width: 39px;
    height: 45px;
    line-height: 35px;
    margin: 0 auto;
    display: block;
}

.activity-block h4,
.activity {
    font-size: 16px;
    color: #3f51b5 !important;
    font-weight: 600!important;
    padding: 10px 15px;
}

.task-panel {
    background: transparent!important;
    box-shadow: none!important;
}

.taskTable {
    width: 100%;
    margin: 0px;
    padding: 0px;
}

.taskTable table {
    width: 100%;
    margin: 0px;
    padding: 0px;
}

.taskTable table tr th {
    width: 250px;
    margin: 0px;
    padding: 10px;
    font-size: 13px;
    border-bottom: 0px!important;
    box-shadow: none!important;
}

.taskTable table tr td {
    width: 250px;
    margin: 0px;
    padding: 0px 10px;
    vertical-align: top!important;
    border-top: 0px!important;
}

.taskCompletedTable {
    width: 100%;
    margin: 0px;
    padding: 0px;
}

.taskCompletedTable table {
    width: 100%;
    margin: 0px;
    padding: 0px;
}

.taskCompletedTable table tr th {
    width: 250px;
    margin: 0px;
    padding: 10px;
    font-size: 15px;
    border-bottom: 0px!important;
    box-shadow: none!important;
}

.taskCompletedTable table tr td {
    width: 250px;
    margin: 0px;
    padding: 10px;
    vertical-align: top!important;
    border-top: 0px!important;
}

.grideMenu {
    float: left;
    width: 20px;
    height: 20px;
    margin: 0px;
    padding: 0px;
}

.settingGear {
    float: left;
    width: 22px;
    height: 22px;
    margin: 0px;
    padding: 0px;
}

.moreMenu {
    float: left;
    padding: 0px;
    margin: 8px 0 0 5px;
    width: 20px;
    height: 12px;
    cursor: pointer;
}

.noTask {
    /*box-shadow: 0px 0px 5px 0px #aaaaaa; border-radius: 5px;background: #FFFFFF; border: 1px solid #eeeeee;*/
    min-height: calc(82vh - 210px)!important;
    float: left;
    width: 100%;
    color: #444;
    margin: 0px;
    padding: 0;
    position: relative;
}

.noTask h4 {
    font-size: 16px;
    margin: 0px;
    padding: 185px 20px;
    text-align: center;
}

.task-item {
    box-shadow: 0px 3px 6px rgb(0, 0, 0, 5%)!important;
    border-radius: 8px!important;
    margin-top: 0;
    float: left;
    width: 100%;
    background: #FFFFFF;
    color: #444;
    margin: 0px;
    padding: 5px;
    position: relative;
    border: 0px;
}

.time {
    color: #797979;
    font-size: 14px;
    padding: 6px 0 0 0;
    margin: 0px;
    line-height: 15px;
}

.time i {
    font-size: 14px;
    color: #797979;
}

.task-header {
    padding: 0px;
    float: left;
    margin: 0px;
    width: 100%;
}

.task-header h6 {
    float: left;
    color: #000;
    font-size: 14px;
    font-weight: 600;
    padding: 10px 10px 0px 10px;
    line-height: 20px;
    margin: 0px;
}

.task-header span {
    float: left;
    font-size: 14px;
    margin: 0px;
    padding: 0px;
}

.task-body {
    padding: 6px 10px 0px 10px;
    float: left;
    margin: 0px;
    width: 100%;
}

.task-body p {
    float: left;
    font-size: 14px;
    margin: 0px;
    padding: 0px;
    color: #797979;
}

.task-footer {
    float: left;
    margin: 0px;
    width: 100%;
    padding: 0px 10px;
}

.task-user-block {
    float: left;
    width: 100%;
    margin: 5px 0;
    padding: 0px;
}

.task-user-block h6 {
    float: left;
    font-size: 14px;
    line-height: 18px;
    margin: 0 0 0 10px;
    padding: 0px;
    color: #797979;
}


/*.task-user-block img {width: 25px; height: 25px; float: left;} */


/*.task-img-circle {border-radius: 50%;} */

.task-img-bordered-sm {
    width: 18px;
    height: 18px;
    float: left;
    padding: 0px;
    margin: 0px;
}

.task-description {
    display: block;
    margin: 10px 0px 10px 50px;
}

.task-btn {
    background: none!important;
    box-shadow: none!important;
    padding: 0px!important;
    margin: 0px!important;
}

.task-btn i {
    font-size: 16px;
    font-weight: 100!important;
    color: #717171;
    text-shadow: none!important;
}

.tasksHeadingOverdue {
    background: #fff;
    color: #717171;
    box-shadow: 0px 0px 5px #ccc;
    border-bottom: 7px solid #fc5c66;
    font-weight: 700;
    text-transform: uppercase;
    padding: 12px 15px;
    font-size: 14px;
    border-radius: 10px 10px 0 0
}

.tasksHeadingToday {
    background: #fff;
    color: #717171;
    box-shadow: 0px 0px 5px #ccc;
    border-bottom: 7px solid #45aaf2;
    font-weight: 700;
    text-transform: uppercase;
    padding: 12px 15px;
    font-size: 14px;
    border-radius: 10px 10px 0 0
}

.tasksHeadingTomorrow {
    background: #fff;
    color: #717171;
    box-shadow: 0px 0px 5px #ccc;
    border-bottom: 7px solid #fed32f;
    font-weight: 700;
    text-transform: uppercase;
    padding: 12px 15px;
    font-size: 14px;
    border-radius: 10px 10px 0 0
}

.tasksHeadingLater {
    background: #fff;
    color: #717171;
    box-shadow: 0px 0px 5px #ccc;
    border-bottom: 7px solid #26dd81;
    font-weight: 700;
    text-transform: uppercase;
    padding: 12px 15px;
    font-size: 14px;
    border-radius: 10px 10px 0 0
}

.taskTabs {
    box-shadow: 0px 0px 5px #ccc;
    position: relative;
    z-index: 999;
}

.taskTabs li {
    text-align: center;
    width: 50%!important;
    background: #fff!important;
}

.taskTabs li.active {
    border-bottom: 3px solid #48a35f;
    border-top: 0px!important;
    box-shadow: none!important;
}

.taskTable .nav-tabs.taskTabs li.active a {
    border-top: 0px!important;
}

.taskTable .nav-tabs.taskTabs {
    border-bottom: 0px!important;
}

.taskTabs .active a {
    box-shadow: none!important;
    font-weight: 600!important;
    color: #707070!important;
    border: 0px!important;
    text-align: center;
}

.taskTabs>li>a {
    color: #a5a5a5!important;
    padding: 12px 0px;
    font-weight: 400!important;
}

.taskTabs>li>a:hover {
    color: #707070!important;
}

.taskContent {
    height: 800px;
    background: transparent!important;
    border: 1px solid #ccc!important;
    margin: 0px;
    padding: 15px 10px 3px 10px!important;
    max-height: calc(94vh - 210px)!important;
    overflow-y: auto!important;
    overflow-x: hidden!important;
}

.priority {
    margin: 12px 0 15px 0;
    padding: 0px;
}

.task-actin-btn {
    box-shadow: none!important;
    padding: 10px 5px!important;
    margin: 0px!important;
    background: #a5a5a5;
    border-radius: 50%!important;
    line-height: 0px!important;
}

.task-actin-btn i {
    font-size: 16px;
    font-weight: 100!important;
    color: #ffffff;
    line-height: 7px;
}

.label {
    font-weight: 600;
    text-transform: uppercase;
    line-height: inherit!important;
    padding: .2em .6em .2em!important;
}

.label.label-sm.label-warning {
    color: #000!important;
}

.dropdown-menu-rightOpen {
    position: absolute;
    right: -10px;
    width: 300px!important;
    left: inherit!important;
    top: 54px;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
    transition: opacity .5s ease, top .4s ease;
    border-radius: 2px!important;
    box-shadow: 0 3px 6px rgba(0, 0, 0, .16), 0 3px 6px rgba(0, 0, 0, .22)!important;
}

.dropdown-menu-rightOpen li {padding:20px;}
.dropdown-menu-rightOpen li span.activeUsername{float: left; width: 100%; margin: 0px; padding: 0px; font-size: 16px; line-height: 16px; color: #000; font-weight: bold;}
.dropdown-menu-rightOpen li span.activeUserEmail{float: left; width: 100%; margin: 0px; padding: 0px; font-size: 14px; color: #000; font-weight: normal;}
.dropdown-menu-rightOpen li .user-setting-menu{float: left; width: 100%; margin: 0px; padding: 0px;}
.dropdown-menu-rightOpen li .user-setting-menu span{float: left; margin: 0px; padding: 0px;}
.dropdown-menu-rightOpen li .user-setting-menu span a{float: left!important; margin: 0px!important; padding: 0 15px 0 0!important; font-size: 14px!important; font-weight: normal!important;}
.dropdown-menu-rightOpen li .user-setting-menu span a:hover{background: inherit!important; color: #000;}
.dropdown-menu-rightOpen li .user-icon{float: left; width: 50px; height: 50px; margin: 0px; padding: 5px; border-radius: 100%;}
/* ---------------- Login Page css ---------------- */

.login-wrapper-table {
    height: 100%;
}

.login-wrapper {
    width: 100%;
    max-width: 300px;
    margin: 0 auto!important;
    padding: 0px;
    height: 100%;
}

.login-containt {
    padding: 10px 20px;
}

.signText {
    font-size: 12px;
    color: #6c7a8d;
}

.login-input {
    background-color: #f7f7f7!important;
    height: 40px!important;
    padding: 6px 12px!important;
    margin: 5px 0px 10px 0px!important;
    border-radius: 8px!important;
    color: #8290a3!important;
    font-size: 14px;
    border: 0px!important;
}

.signInbtn {
    border-radius: 8px!important;
    background: #ed2a31bd; font-size: 14px!important; line-height: 14px!important; height: 40px!important;
    text-transform: none;
    border-color: inherit!important;
    box-shadow: inherit!important;
}

.forgot-password-column {
    margin: 0px;
    padding: 15px 0 17px;
    text-align: center;
    background-color: #6c7a8d;
    border-radius: 0 0 8px 8px;
}

.forgot-password-column a {
    color: #bdcedd;
    font-size: 14px;
    font-weight: 700!important;
    text-transform: uppercase;
}

.forgot-password-column a:hover {
    color: #fff!important;
}


/* Dashboard Filter Css*/

.filterDashBtn {
    margin: 0px;
    padding: 0px;
}

.filterDashBtn img {
    width: 28px;
    height: 28px;
    margin: 0px;
    padding: 0px;
    cursor: pointer;
}

.filterBoxDash.activefltr {
    display: block;
}

.filterBoxDash {
    display: none;
}


/*.filterBoxDash {right: 10px!important; left: 10px!important; width: auto!important; position: absolute!important; z-index: 99!important; background: #fff!important; padding: 10px!important; box-shadow: 0 3px 6px rgba(0, 0, 0, .16), 0 3px 6px rgba(0, 0, 0, .22)!important;}*/

.filterBoxSmall {
    right: 10px!important;
    width: auto!important;
    position: absolute!important;
    z-index: 99!important;
    background: #fff!important;
    padding: 10px!important;
    box-shadow: 0 3px 6px rgba(0, 0, 0, .16), 0 3px 6px rgba(0, 0, 0, .22)!important;
}

.filterBoxHeadr {
    float: left;
    width: 100%;
    margin: 0 0 10px 0;
    padding: 0px;
    border-bottom: 1px solid #ddd;
}

.filterBoxHeadr h4 {
    float: left;
    margin: 8px 0!important;
    padding: 0px 15px;
    font-size: 14px;
    font-weight: bold;
    text-transform: uppercase;
}

.borderlessTable tr td {
    border: 0px!important;
    padding: 5px!important;
}

.filterBody button.multiselect {
    width: 230px!important;
    text-align: left;
    height: 32px!important;
    line-height: 30px!important;
    padding: 0px 12px!important;
    font-size: 11px!important;
}

.filterBody .caret {
    margin-left: 4px!important;
    margin-top: 13px;
    right: 0;
    float: right;
}

.filterBody .form-control {
    width: 100%!important;
    height: 32px!important;
    line-height: 30px!important;
    padding: 0px 12px!important;
    font-size: 11px!important;
}

.filterBody .input-group-addon {
    padding: 2px 10px!important;
}

.filterBody .form-control.datedbreport {
    width: 195px!important;
}

.filterBody .form-control.fromMonth {
    width: 195px!important;
}

.filterBody .form-control.daywiseRange {
    width: 195px!important;
}

.filterBody .form-control.toMonth {
    width: 195px!important;
}

.filterBoxFooter {
    float: left;
    width: 100%;
    margin: 10px 0 0 0;
    padding: 0px;
    border-top: 1px solid #ddd;
}

.filterBody .multiselect-container>li>a {
    padding: 0px!important;
}


/* All Scroll Bar Css */

::-webkit-scrollbar {
    width: 5px;
}

::-webkit-scrollbar-track {
    background: #f1f1f1;
}

::-webkit-scrollbar-thumb {
    background: #888;
}

::-webkit-scrollbar-thumb:hover {
    background: #555;
}


/* Modal CSS Start */

.modal-header {
    border-color: #ddd!important;
    background: #fff!important;
    border-top-right-radius: 10px!important;
    border-top-left-radius: 10px!important;
    border-bottom: 1px solid rgb(221, 219, 218)!important;
    padding: 15px 20px!important;
}

.modal-title {
    font-weight: 600!important;
    font-size: 16px!important;
}

.modal-body {
    padding: 10px 20px 20px 20px!important;
}

.modal-body label {
    margin-bottom: 0px!important;
}

.modal-content {
    border-radius: 6px 6px 4px 4px!important;
    border: 0;
}

.modal-content form {
    margin: 0px;
}

.modal-footer {
    border-color: #ddd!important;
    border-radius: 0 0 4px 4px!important;
    margin-top: 0px!important;
    padding: 10px 5px!important;
    background-color: rgb(243, 242, 242);
    box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.16);
}

.btn-info .fa {
    color: #fff!important;
    font-weight: 100!important;
    margin: 0 5px 0 0;
}

.btn-success .fa {
    color: #fff!important;
    font-weight: 100!important;
    margin: 0 5px 0 0;
}

.btn.form-control {
    height: inherit!important;
}

.blueInfoColor {
    background-color: #2196f3!important;
    color: #fff;
    margin-top: 3px;
}

.blueInfoColor .fa {
    color: #fff;
    margin: 0 5px 0 0;
}


/*.modal-open .modal{padding-right:0px!important; z-index: 9999;}*/

.daterangepicker .dropdown-menu {
    z-index: 9999!important;
}

.modal-footer {
    position: fixed;
    width: 100%;
    bottom: -46px;
    left: 0;
    background-color: rgb(243, 242, 242);
    box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.16);
    border-radius: 0 0 4px 4px!important;
}

.modal-dialog {
    width: 800px;
}

.modal-body {
    max-height: calc(100vh - 210px)!important;
    overflow-y: auto!important;
    overflow-x: hidden!important;
}

.modal-footer-fix {
    position: fixed;
    width: 100%;
    bottom: -47px;
    left: 0;
    background-color: rgb(243, 242, 242);
    box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.16);
    border-radius: 0 0 4px 4px!important;
}

.table>thead>tr>td.active,
.table>tbody>tr>td.active,
.table>tfoot>tr>td.active,
.table>thead>tr>th.active,
.table>tbody>tr>th.active,
.table>tfoot>tr>th.active,
.table>thead>tr.active>td,
.table>tbody>tr.active>td,
.table>tfoot>tr.active>td,
.table>thead>tr.active>th,
.table>tbody>tr.active>th,
.table>tfoot>tr.active>th {
    background: #f5f5f5!important;
}

.appnewtable tr th {
    text-align: right!important;
    width: 20%;
    color: #777777;
    border: 1px solid #ddd!important;
    vertical-align: middle!important;
    font-size: 14px;
}

.appnewtable tr td {
    padding: 10px!important;
    width: 30%;
    font-weight: bold!important;
    border: 1px solid #ddd!important;
    vertical-align: middle!important;
    font-size: 14px;
}

.appnewtable.thcenter tr th {
    text-align: center!important;
    color: #000;
    background: #eee;
}

.appnewtable.thcenter tr td {
    font-weight: normal!important;
}

.modal-body h5 {
    font-weight: 600;
    width: auto;
    color: #464646;
    text-transform: uppercase;
    overflow: hidden;
    z-index: 9;
    position: relative;
}

.modal-body h4 {
    font-weight: 600;
    width: auto;
    color: #464646;
    text-transform: uppercase;
    overflow: hidden;
    z-index: 9;
    position: relative;
}

.modal-body h5::after {
    content: "";
    background-color: #464646;
    height: 1px;
    float: right;
    width: 100%;
    margin: 0 0 0 10px;
    top: 6px;
    position: absolute;
}

.modal-body h5+hr {
    display: none;
}


/*Edit Lead Page CSS*/

.panel-heading-common {
    background: #dddddd!important;
    margin: 0px!important;
    padding: 8px 10px!important;
    font-size: 14px!important;
    font-weight: 700!important;
}

.opporunity-summary-column {
    padding: 0px!important;
    margin: 0px!important;
    max-height: 500px;
    min-height: 600px;
    overflow-y: scroll;
}

.tasks-column {
    padding: 0px!important;
    margin: 0px!important;
    max-height: 500px;
    min-height: 380px;
    overflow-y: scroll;
}

.panel-body-common {
    padding: 0px!important;
    margin: 0px!important;
    max-height: 250px;
    min-height: 250px;
    overflow-y: scroll;
}

.panel-body-common ul {
    margin: 0px!important;
    padding: 0px!important;
}

.panel-body-common ul li:nth-child(odd) {
    background-color: #F1F1F1!important;
}

.btn-circal {
    border-radius: 100%!important;
    color: #fff!important;
    width: 26px!important;
    height: 26px!important;
    display: inline-block;
    text-align: center;
    margin: 3px;
    border: 0px!important;
}

.btn-circal .fa {
    color: #fff!important; padding: 0px!important; margin:0px!important;
    line-height: 28px!important;
    font-size: 12px!important;
}

.panel-footer-common {
    padding: 2px 10px!important;
}


/*SVG Icon Css*/

.timeIcon {
    float: left;
    margin: 0 10px 0 0;
    padding: 0px;
    width: 14px;
    height: 14px;
    cursor: pointer;
}

.userIcon {
    float: left;
    margin: 0px;
    padding: 0px;
    width: 14px;
    height: 14px;
    cursor: pointer;
}

.userGroupIcon {
    float: left;
    margin: 0px;
    padding: 0px;
    width: 14px;
    height: 14px;
    cursor: pointer;
}

.editIcon {
    float: left;
    margin: 0 5px 0 0;
    padding: 0px;
    width: 30px;
    height: 30px;
    cursor: pointer;
}

.addIcon {
    float: left;
    margin: 0px;
    padding: 0px;
    width: 14px;
    height: 14px;
    cursor: pointer;
}

.deleteIcon {
    float: left;
    margin: 0 5px 0 0;
    padding: 0px;
    width: 30px;
    height: 30px;
    cursor: pointer;
}

.doneIcon {
    float: left;
    margin: 0px;
    padding: 0px;
    width: 30px;
    height: 30px;
    cursor: pointer;
}

.copyIcon {
    float: left;
    margin: 0 5px 0 0;
    padding: 0px;
    width: 30px;
    height: 30px;
    cursor: pointer;
}

.mark_as_closed {
    float: left;
    margin: 0 5px 0 0;
    padding: 0px;
    width: 30px;
    height: 30px;
    cursor: pointer;
}

@media only screen and (min-width: 1024px) {
    .taskContent {
        height: 800px!important;
    }
}

@media only screen and (min-width: 1280px) {
    .taskContent {
        height: 800px!important;
    }
}

@media only screen and (min-width: 1366px) {
    .taskContent {
        height: 800px!important;
    }
}

@media only screen and (min-width: 1440px) {
    .taskContent {
        height: 800px!important;
    }
}

@media only screen and (min-width: 1600px) {
    .taskContent {
        height: 800px!important;
    }
}

@media only screen and (min-width: 1920px) {
    .taskContent {
        height: 800px!important;
    }
}


/*Common css*/ 
.whiteBg {
    background: #fff!important;
}

.text-left {
    text-align: left!important;
}

.text-right {
    text-align: right!important;
}

.text-center {
    text-align: center!important;
}

.text-white {
    color: #fff!important;
}

.text-black {
    color: #464646!important;
}

.commonPlusIcon {
    width: 24px;
    height: 24px;
    margin: 0px;
    padding: 0px;
}

.overFlowNonAll {
    overflow: hidden!important;
}

.overFlowYNone {
    overflow-y: inherit!important;
}

.orangeIcon {
    color: #dd4b39;
}

.orangeBorder {
    border: 2px solid #dd4b39;
    background: #fff;
    padding: 5px 10px;
    font-size: 14px!important;
}

.noWidth {
    width: inherit!important;
}

.noBg {
    background: none!important;
}

.noMin-Width {
    min-width: inherit!important;
}

.noHeight {
    height: inherit!important;
}

.noliheight {
    line-height: 0px!important;
}

.no-box-shadow {
    box-shadow: inherit!important;
}

.widthFull {
    width: 100%!important;
}

.heightFull {
    height: 100%!important;
}

.width-auto {
    width: auto!important;
}

.height-auto {
    height: auto!important;
}

.top-none {
    top: inherit!important;
}

.right-none {
    right: inherit!important;
}

.bottom-none {
    bottom: inherit!important;
}

.left-none {
    left: inherit!important;
}

.noBorder {
    border: 0px!important;
}

.noBorderBottom {
    border-bottom: 0px!important;
}

.borderBottom {
    border-bottom: 1px solid #DDD;
}

.border {
    border: 2px solid #FF9800;
}

.borderImg {
    border: 1px solid #DDD;
    padding: 5px;
}

.no-border-radius-top {
    border-radius: 0px 0px 8px 8px!important;
}

.no-border-radius-top-left {
    border-radius: 0px 8px 8px 8px!important;
}

.noAll-padding {
    padding: 0px!important;
}

.noTop-padding {
    padding-top: 0px!important;
}

.noRight-padding {
    padding-right: 0px!important;
}

.noBottom-padding {
    padding-bottom: 0px!important;
}

.noLeft-padding {
    padding-left: 0px!important;
}

.paddingAll-xs {
    padding: 5px!important;
}

.paddingAll-sm {
    padding: 10px!important;
}

.paddingAll-md {
    padding: 15px!important;
}

.paddingAll-lg {
    padding: 20px!important;
}

.paddingTopBottom-no {
    padding-top: 0px!important;
    padding-bottom: 0px!important;
}

.paddingTopBottom-xs {
    padding-top: 5px!important;
    padding-bottom: 5px!important;
}

.paddingTopBottom-sm {
    padding-top: 10px!important;
    padding-bottom: 10px!important;
}

.paddingTopBottom-md {
    padding-top: 15px!important;
    padding-bottom: 15px!important;
}

.paddingTopBottom-lg {
    padding-top: 20px!important;
    padding-bottom: 20px!important;
}

.paddingRightLeft-no {
    padding-right: 0px!important;
    padding-left: 0px!important;
}

.paddingRightLeft-xs {
    padding-right: 5px!important;
    padding-left: 5px!important;
}

.paddingRightLeft-sm {
    padding-right: 10px!important;
    padding-left: 10px!important;
}

.paddingRightLeft-md {
    padding-right: 15px!important;
    padding-left: 15px!important;
}

.paddingRightLeft-lg {
    padding-right: 20px!important;
    padding-left: 20px!important;
}

.paddingTop-xs {
    padding-top: 5px!important;
}

.paddingRight-xs {
    padding-right: 5px!important;
}

.paddingBottom-xs {
    padding-bottom: 5px!important;
}

.paddingLeft-xs {
    padding-left: 5px!important;
}

.paddingTop-sm {
    padding-top: 10px!important;
}

.paddingRight-sm {
    padding-right: 10px!important;
}

.paddingBottom-sm {
    padding-bottom: 10px!important;
}

.paddingLeft-sm {
    padding-left: 10px!important;
}

.paddingTop-md {
    padding-top: 15px!important;
}

.paddingRight-md {
    padding-right: 15px!important;
}

.paddingBottom-md {
    padding-bottom: 15px!important;
}

.paddingLeft-md {
    padding-left: 15px!important;
}

.paddingTop-lg {
    padding-top: 20px!important;
}

.paddingRight-lg {
    padding-right: 20px!important;
}

.paddingBottom-lg {
    padding-bottom: 20px!important;
}

.paddingLeft-lg {
    padding-left: 20px!important;
}

.noAll-margin {
    margin: 0px!important;
}

.noTop-margin {
    margin-top: 0px!important;
}

.noRight-margin {
    margin-right: 0px!important;
}

.noBottom-margin {
    margin-bottom: 0px!important;
}

.noLeft-margin {
    margin-left: 0px!important;
}

.marginAll-xs {
    margin: 5px!important;
}

.marginAll-sm {
    margin: 10px!important;
}

.marginAll-md {
    margin: 15px!important;
}

.marginAll-lg {
    margin: 20px!important;
}

.marginTopBottom-xs {
    margin-top: 5px!important;
    margin-bottom: 5px!important;
}

.marginTopBottom-sm {
    margin-top: 10px!important;
    margin-bottom: 10px!important;
}

.marginTopBottom-md {
    margin-top: 15px!important;
    margin-bottom: 15px!important;
}

.marginTopBottom-lg {
    margin-top: 20px!important;
    margin-bottom: 20px!important;
}

.marginTopBottom-xl {
    margin-top: 30px!important;
    margin-bottom: 30px!important;
}

.marginTopBottom-xxl {
    margin-top: 40px!important;
    margin-bottom: 40px!important;
}

.marginRightLeft-xs {
    margin-right: 5px!important;
    margin-left: 5px!important;
}

.marginRightLeft-sm {
    margin-right: 10px!important;
    margin-left: 10px!important;
}

.marginRightLeft-md {
    margin-right: 15px!important;
    margin-left: 15px!important;
}

.marginRightLeft-lg {
    margin-right: 20px!important;
    margin-left: 20px!important;
}

.marginTop-xs {
    margin-top: 5px!important;
}

.marginRight-xs {
    margin-right: 5px!important;
}

.marginBottom-xs {
    margin-bottom: 5px!important;
}

.marginLeft-xs {
    margin-left: 5px!important;
}

.marginTop-sm {
    margin-top: 10px!important;
}

.marginRight-sm {
    margin-right: 10px!important;
}

.marginBottom-sm {
    margin-bottom: 10px!important;
}

.marginLeft-sm {
    margin-left: 10px!important;
}

.marginTop-md {
    margin-top: 15px!important;
}

.marginRight-md {
    margin-right: 15px!important;
}

.marginBottom-md {
    margin-bottom: 15px!important;
}

.marginLeft-md {
    margin-left: 15px!important;
}

.marginTop-lg {
    margin-top: 20px!important;
}

.marginRight-lg {
    margin-right: 20px!important;
}

.marginBottom-lg {
    margin-bottom: 20px!important;
}

.marginLeft-lg {
    margin-left: 20px!important;
}

.marginTop-xl {
    margin-top: 30px!important;
}

.marginRight-xl {
    margin-right: 30px!important;
}

.marginBottom-xl {
    margin-bottom: 30px!important;
}

.marginLeft-xl {
    margin-left: 30px!important;
}

.marginTop-xxl {
    margin-top: 40px!important;
}

.marginRight-xxl {
    margin-right: 40px!important;
}

.marginBottom-xxl {
    margin-bottom: 40px!important;
}

.marginLeft-xxl {
    margin-left: 40px!important;
}

.marginTop-minus-xxl {
    margin-top: -40px!important;
}

button.btn.btn-info.import_btn.waves-effect {
    background: #ed2a31bd;
    text-transform: uppercase;
    text-align: center;
    border-radius: 5px!important;
    text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.2)!important;
    border: 0px;
}


/* a#inquiryCsv {
    background: #ed2a31bd;
    text-transform: uppercase;
    text-align: center;
    border-radius: 5px!important;
    text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.2)!important;
    border: 0px;
} */

.addBtn {
    margin-left: -12px;
}

.bg-f1 {
    background: #f1f1f1;
}

.message-body-right {
    max-width: 300px;
    word-break: break-word;
    background: #d3d3d3;
    ;
    border-radius: 5px;
    padding: 10px;
    float: right;
    text-align: justify;
    margin-right: 15px;
}

.message-body-left {
    max-width: 300px;
    word-break: break-word;
    background: #d3d3d3;
    ;
    border-radius: 5px;
    padding: 10px;
    float: left;
    text-align: justify;
    margin-left: 15px;
}

.triangle {
    background-color: #000;
    border-radius: 2px;
    height: 8px;
    width: 8px;
    top: 12px;
    display: block;
    border-style: solid;
    border-color: #ddd;
    border-width: 1px;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    position: absolute;
}

.message-body-right span.triangle {
    background-color: #d3d3d3;
    border-bottom-width: 0;
    border-left-width: 0;
    right: 52px;
}

.message-body-left span.triangle {
    background-color: #d3d3d3;
    border-top-width: 0;
    border-right-width: 0;
    left: 52px;
}

.firework>.before,
.pyro>.after {
    position: absolute;
    width: 5px;
    height: 5px;
    border-radius: 50%;
    box-shadow: -120px -218.66667px blue, 248px -16.66667px #00ff84, 190px 16.33333px #002bff, -113px -308.66667px #ff009d, -109px -287.66667px #ffb300, -50px -313.66667px #ff006e, 226px -31.66667px #ff4000, 180px -351.66667px #ff00d0, -12px -338.66667px #00f6ff, 220px -388.66667px #99ff00, -69px -27.66667px #ff0400, -111px -339.66667px #6200ff, 155px -237.66667px #00ddff, -152px -380.66667px #00ffd0, -50px -37.66667px #00ffdd, -95px -175.66667px #a6ff00, -88px 10.33333px #0d00ff, 112px -309.66667px #005eff, 69px -415.66667px #ff00a6, 168px -100.66667px #ff004c, -244px 24.33333px #ff6600, 97px -325.66667px #ff0066, -211px -182.66667px #00ffa2, 236px -126.66667px #b700ff, 140px -196.66667px #9000ff, 125px -175.66667px #00bbff, 118px -381.66667px #ff002f, 144px -111.66667px #ffae00, 36px -78.66667px #f600ff, -63px -196.66667px #c800ff, -218px -227.66667px #d4ff00, -134px -377.66667px #ea00ff, -36px -412.66667px #ff00d4, 209px -106.66667px #00fff2, 91px -278.66667px #000dff, -22px -191.66667px #9dff00, 139px -392.66667px #a6ff00, 56px -2.66667px #0099ff, -156px -276.66667px #ea00ff, -163px -233.66667px #00fffb, -238px -346.66667px #00ff73, 62px -363.66667px #0088ff, 244px -170.66667px #0062ff, 224px -142.66667px #b300ff, 141px -208.66667px #9000ff, 211px -285.66667px #ff6600, 181px -128.66667px #1e00ff, 90px -123.66667px #c800ff, 189px 70.33333px #00ffc8, -18px -383.66667px #00ff33, 100px -6.66667px #ff008c;
    -moz-animation: 1s bang ease-out infinite backwards, 1s gravity ease-in infinite backwards, 5s position linear infinite backwards;
    -webkit-animation: 1s bang ease-out infinite backwards, 1s gravity ease-in infinite backwards, 5s position linear infinite backwards;
    -o-animation: 1s bang ease-out infinite backwards, 1s gravity ease-in infinite backwards, 5s position linear infinite backwards;
    -ms-animation: 1s bang ease-out infinite backwards, 1s gravity ease-in infinite backwards, 5s position linear infinite backwards;
    animation: 1s bang ease-out infinite backwards, 1s gravity ease-in infinite backwards, 5s position linear infinite backwards;
}

.firework>.after {
    -moz-animation-delay: 1.25s, 1.25s, 1.25s;
    -webkit-animation-delay: 1.25s, 1.25s, 1.25s;
    -o-animation-delay: 1.25s, 1.25s, 1.25s;
    -ms-animation-delay: 1.25s, 1.25s, 1.25s;
    animation-delay: 1.25s, 1.25s, 1.25s;
    -moz-animation-duration: 1.25s, 1.25s, 6.25s;
    -webkit-animation-duration: 1.25s, 1.25s, 6.25s;
    -o-animation-duration: 1.25s, 1.25s, 6.25s;
    -ms-animation-duration: 1.25s, 1.25s, 6.25s;
    animation-duration: 1.25s, 1.25s, 6.25s;
}

@-webkit-keyframes bang {
    from {
        box-shadow: 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white;
    }
}

@-moz-keyframes bang {
    from {
        box-shadow: 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white;
    }
}

@-o-keyframes bang {
    from {
        box-shadow: 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white;
    }
}

@-ms-keyframes bang {
    from {
        box-shadow: 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white;
    }
}

@keyframes bang {
    from {
        box-shadow: 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white;
    }
}

@-webkit-keyframes gravity {
    to {
        transform: translateY(200px);
        -moz-transform: translateY(200px);
        -webkit-transform: translateY(200px);
        -o-transform: translateY(200px);
        -ms-transform: translateY(200px);
        opacity: 0;
    }
}

@-moz-keyframes gravity {
    to {
        transform: translateY(200px);
        -moz-transform: translateY(200px);
        -webkit-transform: translateY(200px);
        -o-transform: translateY(200px);
        -ms-transform: translateY(200px);
        opacity: 0;
    }
}

@-o-keyframes gravity {
    to {
        transform: translateY(200px);
        -moz-transform: translateY(200px);
        -webkit-transform: translateY(200px);
        -o-transform: translateY(200px);
        -ms-transform: translateY(200px);
        opacity: 0;
    }
}

@-ms-keyframes gravity {
    to {
        transform: translateY(200px);
        -moz-transform: translateY(200px);
        -webkit-transform: translateY(200px);
        -o-transform: translateY(200px);
        -ms-transform: translateY(200px);
        opacity: 0;
    }
}

@keyframes gravity {
    to {
        transform: translateY(200px);
        -moz-transform: translateY(200px);
        -webkit-transform: translateY(200px);
        -o-transform: translateY(200px);
        -ms-transform: translateY(200px);
        opacity: 0;
    }
}

@-webkit-keyframes position {
    0%,
    19.9% {
        margin-top: 10%;
        margin-left: 40%;
    }
    20%,
    39.9% {
        margin-top: 40%;
        margin-left: 30%;
    }
    40%,
    59.9% {
        margin-top: 20%;
        margin-left: 70%;
    }
    60%,
    79.9% {
        margin-top: 30%;
        margin-left: 20%;
    }
    80%,
    99.9% {
        margin-top: 30%;
        margin-left: 80%;
    }
}

@-moz-keyframes position {
    0%,
    19.9% {
        margin-top: 10%;
        margin-left: 40%;
    }
    20%,
    39.9% {
        margin-top: 40%;
        margin-left: 30%;
    }
    40%,
    59.9% {
        margin-top: 20%;
        margin-left: 70%;
    }
    60%,
    79.9% {
        margin-top: 30%;
        margin-left: 20%;
    }
    80%,
    99.9% {
        margin-top: 30%;
        margin-left: 80%;
    }
}

@-o-keyframes position {
    0%,
    19.9% {
        margin-top: 10%;
        margin-left: 40%;
    }
    20%,
    39.9% {
        margin-top: 40%;
        margin-left: 30%;
    }
    40%,
    59.9% {
        margin-top: 20%;
        margin-left: 70%;
    }
    60%,
    79.9% {
        margin-top: 30%;
        margin-left: 20%;
    }
    80%,
    99.9% {
        margin-top: 30%;
        margin-left: 80%;
    }
}

@-ms-keyframes position {
    0%,
    19.9% {
        margin-top: 10%;
        margin-left: 40%;
    }
    20%,
    39.9% {
        margin-top: 40%;
        margin-left: 30%;
    }
    40%,
    59.9% {
        margin-top: 20%;
        margin-left: 70%;
    }
    60%,
    79.9% {
        margin-top: 30%;
        margin-left: 20%;
    }
    80%,
    99.9% {
        margin-top: 30%;
        margin-left: 80%;
    }
}

@keyframes position {
    0%,
    19.9% {
        margin-top: 10%;
        margin-left: 40%;
    }
    20%,
    39.9% {
        margin-top: 40%;
        margin-left: 30%;
    }
    40%,
    59.9% {
        margin-top: 20%;
        margin-left: 70%;
    }
    60%,
    79.9% {
        margin-top: 30%;
        margin-left: 20%;
    }
    80%,
    99.9% {
        margin-top: 30%;
        margin-left: 80%;
    }
}

.mendatory {
    color: red;
}

.task-header #followup_call {
    margin: 4px 5px 0 0;
}

.card {
    margin: 1.5rem;
    padding: 5px;
    /*text-align: left;*/
    /*position: relative;*/
    /*background: #fff;*/
    /*box-shadow: 5px 15px rgba(46,61,73,0.15);*/
    border-radius: 8px;
    border: 1px solid #d3d3d3;
    /*transition: all 0.3s ease;*/
}

.feed-actions {
    text-align: center;
}

.feed-actions .fa,
.feed-comments .input-box .fa {
    color: #0077a3 !important;
}

.feed-actions div:not(:last-child) {
    border-right: 1px solid #d3d3d3 !important;
}

.feed-actions span {
    cursor: pointer;
}

.feed-comments {
    border-top: 1px solid #d3d3d3;
    position: relative;
    padding: 5px;
    margin-top: 5px;
    max-height: 400px;
    overflow-y: scroll;
    overflow-x: hidden;
}

.feed-comments .input-box {
    bottom: 0px;
    padding: 5px;
    width: 100%;
}

.input-box button {
    border-radius: 50% !important;
    border-color: #0077a3;
    background-color: #ffffff
}

.feed-comments center {
    margin-top: 10%;
}

.feed-comments .message-body-left {
    margin-bottom: 5px;
}

.feed-comments .message-body-left small {
    font-weight: bold;
}

.game-container {
    width: 100px;
    height: 100px;
    position: relative;
    -webkit-perspective: 800px;
    -ms-perspective: 800px;
    perspective: 800px;
    border-radius: 4px;
    margin: 5%;
}

.game-card {
    width: 100%;
    height: 100%;
    position: absolute;
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d;
    transition: -webkit-transform 0.8s cubic-bezier(0.175, 0.885, 0.32, 1.275);
    transition: transform 0.8s cubic-bezier(0.175, 0.885, 0.32, 1.275);
    transition: transform 0.8s cubic-bezier(0.175, 0.885, 0.32, 1.275), -webkit-transform 0.8s cubic-bezier(0.175, 0.885, 0.32, 1.275);
    border-radius: 6px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.15);
    cursor: pointer;
}

.game-card div {
    position: absolute;
    width: 100%;
    height: 100%;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    border-radius: 6px;
    background: #fff;
    display: -ms-flexbox;
    display: box;
    display: flex;
    -o-box-pack: center;
    justify-content: center;
    -o-box-align: center;
    align-items: center;
    font: 16px/1.5 "Helvetica Neue", Helvetica, Arial, sans-serif;
    -webkit-font-smoothing: antialiased;
    color: #47525d;
}

.game-card .back {
    -webkit-transform: rotateY(180deg);
    transform: rotateY(180deg);
}

.game-card.flipped {
    -webkit-transform: rotateY(180deg);
    transform: rotateY(180deg);
}

.game-button {
    margin-top: 10%
}

.game-button .fa {
    color: #0077a3 !important;
}

.game-button>button,
.game-button>a {
    float: left;
    margin: 8px 0;
    padding: 1px 10px;
    font-size: 12px;
    font-weight: 600;
    border: 1px solid #0077a3;
    border-radius: 3px;
    color: #0077a3;
    background-color: #fff !important;
}

.game-button button:hover,
.game-button a:hover {
    color: #fff;
    background-color: #0077a3 !important;
}

.default-message {
    margin: 10px 0px 0px 0px;
    padding: 0px 5px;
}

.default-message a {
    padding: 5px;
    border-radius: 5px;
    color: #fff !important;
    background-color: #0077a3 !important;
}

.default-message a:not(:first-child) {
    margin-left: 5px;
}

#notification-content {
    top: 40px;
    width: 350px!important;
    overflow-y: auto;
    max-height: 400px;
}

.single-notification:hover,
.single-notification:hover:after {
    color: black;
}

#notification-content li:not(:last-child) {
    border-bottom: 1px solid #eeeeee
}

#notification-badge {
    display: inline-block;
}

.notification-body {
    font-size: 12px;
    overflow: hidden;
    /*white-space: nowrap; */
    text-transform: none;
    /*text-overflow: ellipsis!important;*/
}

.ellipse-word {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis!important;
}

.notification-time {
    font-size: 10px;
    text-transform: none;
}

.has-notification {
    background: black;
    border-radius: 50%;
    height: 5px !important;
    width: 5px !important;
    top: 20px;
    position: absolute;
    box-shadow: 0 0 0 0 rgba(0, 0, 0, 1);
    transform: scale(1);
    animation: pulse 2s infinite;
}

@keyframes pulse {
    0% {
        transform: scale(0.95);
        box-shadow: 0 0 0 0 rgba(0, 0, 0, 0.7);
    }
    70% {
        transform: scale(1);
        box-shadow: 0 0 0 10px rgba(0, 0, 0, 0);
    }
    100% {
        transform: scale(0.95);
        box-shadow: 0 0 0 0 rgba(0, 0, 0, 0);
    }
}

.page-auth .my-container {
    background: none!important;
    max-width: 100%!important;
    margin: 0px!important;
    border-radius: 0!important;
    padding: 0px!important;
    box-shadow: none!important;
}

.myBg {
    padding: 10px!important;
    background: #fff!important;
    max-width: 100%!important;
    /*margin: 0px!important;*/
    border-radius: 7px!important;
    box-shadow: 0px 0px 9px #222!important;
}

.avatar-container {
    margin: 20px 0px;
    padding: 0px;
}

.circle-avatar {
    display: inline-block;
    font-size: 1.5em;
    width: 2.5em;
    height: 2.5em;
    line-height: 2.5em;
    text-align: center;
    border-radius: 50%;
    background: #6f6f6f;
    vertical-align: middle;
    margin-right: 1em;
    color: white;
}

.user-followus-list-social .unfollows-btn {
    font-size: 12px !important;
    font-weight: 600;
}


/* Old Btn in Social->User Pane*/


/*.user-followus-list-social .follows-btn {
    font-size: 12px !important;
    font-weight: 600;
    background: #fff;
    color: #0077a3;
}*/


/* Added for Btn Outline in Social->User Pane*/

.user-followus-list-social .follows-btn {
    float: left;
    margin: 8px 0;
    padding: 1px 10px;
    font-size: 12px !important;
    font-weight: 600;
    background: #fff;
    color: #0077a3;
    border: 1px solid #0077a3;
    border-radius: 3px;
}

.user-followus-list-social .follows-btn:hover {
    background: #0077a3;
    color: #fff;
}

.user-followus-list-social .followBtn {
    width: 100%;
    text-align: center;
}

.message-input-box {
    background-color: #ffffff;
}

.chat-form-container {
    margin: 0px 10px;
    padding: 10px 5px;
}


/*.chat-send-btn {
    width: 70%;
    border-radius: 50%;
}*/

.user-progress-box {
    border: 1px solid #d3d3d3;
    border-radius: 5px;
    margin: 25px 0px;
}

.progress-user {
    font-size: 18px;
    padding: 0px 10px;
    background-color: #fff;
    position: absolute;
    top: -15px;
    color: #ed2a31bd;
}

.progress-list {
    margin-top: 25px;
}

.progress-box {
    margin: 5px;
    padding: 20px;
    border-radius: 5px;
    background-color: #eee;
}

.progress-count {
    font-weight: bold;
    font-size: 20px
}

.progress-type {
    font-size: 18px
}

.progress-position {
    background-color: #ed2a31bd;
    width: 5px;
    height: 15px;
    position: absolute;
    top: -30%;
    border-radius: 30%;
    left: 0%;
}

.progress-box .progress {
    background-color: #fff;
    border-radius: 10px;
}

.forecast-container {
    padding: 0 20px;
}

#forecast-loader {
    position: absolute;
    left: 50%;
    top: 20%;
}

.sidebar-submenu a:after {
    content: "\f105";
    font-family: FontAwesome;
}

.scoop-submenu a:after {
    content: "\f105";
    display: none!important;
    font-family: FontAwesome;
}

.activeActionBtnCamp {
    float: left;
    border: 1px solid #48A35F !important;
    text-align: center;
    width: 100%;
    font-size: 16px;
    font-weight: 400;
    border: 0px;
    text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.2)!important;
    margin-top: 25px;
    padding: 4px 0px 8px 0px!important;
    border-radius: 8px!important;
}

.materialBtn {
    border: 1px solid #48A35F !important;
    margin-top: 25px;
}

.container_chk {
    display: block;
    position: relative;
    padding-left: 35px;
    margin-bottom: 12px;
    cursor: pointer;
    font-size: 16px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}


/* Hide the browser's default checkbox */

.container_chk input {
    position: absolute;
    opacity: 0;
    cursor: pointer;
    height: 0;
    width: 0;
}


/* Create a custom checkbox */

.checkmark {
    position: absolute;
    top: 0;
    left: 0;
    height: 20px;
    width: 20px;
    background-color: #eee;
}


/* On mouse-over, add a grey background color */

.container_chk:hover input~.checkmark {
    background-color: #ccc;
}


/* When the checkbox is checked, add a blue background */

.container_chk input:checked~.checkmark {
    background-color: #2196F3;
}


/* Create the checkmark/indicator (hidden when not checked) */

.checkmark:after {
    content: "";
    position: absolute;
    display: none;
}


/* Show the checkmark when checked */

.container_chk input:checked~.checkmark:after {
    display: block;
}


/* Style the checkmark/indicator */

.container_chk .checkmark:after {
    left: 9px;
    top: 5px;
    width: 5px;
    height: 10px;
    border: solid white;
    border-width: 0 3px 3px 0;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}

.field-icon {
    float: right;
    margin-right: 10px;
    margin-top: -43px;
    position: relative;
    z-index: 2;
}


/*=== approve, reject, pendingbtn css and new css for changes ===*/

.approved span {
    float: left;
    width: 100px;
    text-align: center;
    background: #48a35f;
    color: #fff;
    padding:2px 10px 5px 10px;
    cursor: pointer;
    border-radius: 4px;
}

.pending span {
    float: left;
    width: 100px;
    text-align: center;
    background: #FFEB3B;
    color: #fff;
    padding:2px 10px 5px 10px;
    cursor: pointer;
    border-radius: 4px;
}

.reject span {
    float: left;
    width: 100px;
    text-align: center;
    background: #ff0000;
    color: #fff;
    padding:2px 10px 5px 10px;
    cursor: pointer;
    border-radius: 4px;
}

.theme-activeActionBtn {
    background: #48A35F;
    float: left;
    text-align: center;
    width: 100%;
    font-size: 16px;
    font-weight: 400;
    color: #fff!important;
    border: 0px;
    text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.2)!important;
    margin: 0px;
    padding: 4px 0px 8px 0px!important;
    border-radius: 8px!important;
}

.theme-activeActionBtn:hover {
    box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.1), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12);
}

.form-bg {
    background: #f2f2f2;
    padding: 15px 10px;
}

.wrapper-dropdown-4 .dropdown {
    position: absolute;
    top: 100%;
    width: 250px;
    margin-top: 1px;
    left: -233px;
    right: 0px;
    margin: 5px 0 0 0;
    padding: 0px;
    background: white;
    border: inherit;
    list-style: none;
    -webkit-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -ms-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
    opacity: 0;
    pointer-events: none;
}

.modal-footer .import_btn {
    text-transform: capitalize;
    font-size: 12px !important;
}


/* a#inquiryCsv {
    text-transform: capitalize !important;
    font-size: 12px !important;
} */

label small {
    font-size: 14px !important;
}

.filterBodyPannelHeadr h4 {
    text-transform: capitalize !important;
    font-size: 16px !important;
}

.para {
    padding-left: 10px;
    margin-bottom: 0;
}

.nav>li>a {
    text-transform: capitalize !important;
}

.btn-circal {
    background: #48a35f;
}

.round-span-icon {
    float: right;
    margin-top: -7px;
}

.mdl-import-btn {
    max-width: 100px;
    float: none;
}

.mdl-dwnld-btn {
    width: 160px !important;
    float: right;
}

.borderactiveActionBtn {
    margin-bottom: 0 !important;
}

.m-right-10 {
    margin-right: 10px;
}

.m-right-7 {
    margin-right: 7px;
}

.table-responsive {
    overflow-x: visible !important;
}

.table-responsive-setupPages {
    overflow-x: visible !important;
    overflow-y: unset !important;
}

.pageHeading .row:first-child {
    padding-left: 15px;
    padding-right: 15px;
}

.scoop[theme-layout="vertical"][vertical-layout="wide"] .scoop-container {
    float: left; background: transparent;
    /*height: 100px;*/
}

.mr-rvrs-5 {
    margin-right: -5px;
}

.p-l-0 {
    padding-left: 0;
}

/*.err_display {
    padding-left: 4px;
}*/

.chosen-container-multi .chosen-choices {
    background-color: white !important;
    border: 1px solid #dddddd !important;
}

.panel-heading {
    border-radius: 0;
    font-size: 16px;
    text-transform: capitalize;
    font-weight: 500;
}

.onTitle-btn{position: absolute; right: 20px; top: 15px;}

.common-listing-table .no-result-found { position: relative; margin: 0px; padding: 0px;}
.common-listing-table .no-result-found .no-result-found-img{ margin: 0px; padding: 0px;}
.common-listing-table .no-result-found .no-result-found-img img{ width: 150px; margin: 0px; padding: 0px;}

/* --- Setting Page Loader --- */
.setting-loader .setting-loader-circle {
    width: 80px;
    height: 80px;
    position: absolute; top: 44%; left: 0; right: 0; margin: 0 auto; border-bottom-color: transparent; border-left-color: transparent; border-right-color: transparent; z-index: 10; border-radius: 17%; -webkit-box-shadow: 0 1px 5px 0 rgb(35 181 185 / 15%); box-shadow: 0 1px 5px 0 rgb(35 181 185 / 15%); background-color: #ffffff; -webkit-animation: zoom 2000ms infinite ease; animation: zoom 2000ms infinite ease; -webkit-transition: .6s; -o-transition: .6s; transition: .6s;}
.setting-loader .setting-loader-img {position: fixed; top: 50%; z-index: 200; left: 0; right: 0; margin: 0 auto; text-align: center; display: inline-block; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); padding-top: 6px; -webkit-transition: .6s; -o-transition: .6s; transition: .6s;} 

@-webkit-keyframes zoom {
0% {-webkit-transform: rotate(0deg); transform: rotate(0deg); -webkit-transition: .6s; -o-transition: .6s; transition: .6s}
100% {-webkit-transform: rotate(360deg); transform: rotate(360deg); -webkit-transition: .6s; -o-transition: .6s; transition: .6s}
}

@keyframes zoom {
0% {-webkit-transform: rotate(0deg); transform: rotate(0deg); -webkit-transition: .6s; -o-transition: .6s; transition: .6s}
100% {-webkit-transform: rotate(360deg); transform: rotate(360deg); -webkit-transition: .6s; -o-transition: .6s; transition: .6s}
}