.viewquotationlogo {
    background: #f5f5f5a6;
}


/*view quotation starts*/

.viewquotationtitle {
    background-color: #4437ce;
    text-align: center;
    color: #fff;
    padding: 5px;
}

.card-body {
    background-color: #fff;
    margin-top: -10px;
}

.viewquotationlogo {
    max-width: 300px;
    float: right;
}

.pull-left h2 {
    font-size: 19px;
    color: rgb(3, 150, 255);
    font-weight: 600;
}

.viewquotationtable {
    border-collapse: collapse;
    width: 100%;
    counter-reset: serial-number;
}

.viewquotationtable th {
    padding: 4px !important;
    background-color: #5c48ce;
    text-align: center;
}

.viewquotationtitle h3 {
    font-size: 20px;
}

table.viewquotationtable tr td {
    border: 1px solid #dedede;
    padding: 3px;
    text-align: center;
}

.viewqutnsubtotal td {
    border: 1px solid #dbdbdb;
    background: #eeeeee;
    padding: 7px;
}

.viewqutnsubtotal {
    float: right;
}

.viewqutnpara {
    text-transform: capitalize;
}

address p {
    color: #ec3e95;
    font-size: 16px;
    font-weight: 600;
    text-transform: uppercase;
    /*     margin-top: -17px;*/
    margin-bottom: 0px !important;
}


/*view quotation ends*/


/*html{

    height: 100%;

}

*/

* {
    margin: 0px;
    padding: 0px;
    font-weight: normal;
}

body {
    color: #797979;
    font-family: calibri !important;
    font-size: 12px !important;
    background: #f1f1f1;
    font-weight: normal !important;
    /*overflow-y: hidden;*/
}

a {
    color: #777;
}

a,
a:hover {
    text-decoration: none;
    color: #777;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-family: calibri;
    line-height: 29px;
    font-size: 13px;
}

h1 {
    font-size: 13px;
}

textarea:focus,
input:focus {
    /*outline: 1px solid #dedede !important;*/
}

.card-height .data-wrap-right i {
    color: #4b4f4d;
    font-size: 36px;
}

.new-h1 {
    font-size: 15px;
}

.border-btm-1 {
    border-bottom: 1px solid #e5e5e5;
}

.mt-20 {
    margin-top: 0px;
}

.mb-30 {
    margin-bottom: 30px;
}

.pl-45 {
    padding-left: 45px;
}

.pr-45 {
    padding-right: 45px;
}

.pb-45 {
    padding-bottom: 45px;
}

.w-88 {
    width: 88%;
}


/*.modal-header {
	background: #dfeefe !important;
}*/

input#requir {
    width: 9px;
    height: 9px !important;
}

#load_popup_modal_contant #select-tags {
    float: left;
    line-height: 20px !important;
}

.table-wraps {
    width: 100% !important;
    background: rgb(255, 255, 255);
    background: -moz-linear-gradient(left, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 1) 100%);
    background: -webkit-linear-gradient(left, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 1) 100%);
    background: linear-gradient(to right, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 1) 100%);
    filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ffffff', GradientType=1);
    padding-bottom: 40px !important;
}

.table-wraps.table-tabs {
    /*margin: 0px 2px;
	    border: 1px solid #dedede;*/
    margin: 0px -2px 0px 0px;
    /*  border: 1px solid #dedede;
    border-right: 1px solid #e4e4e4 !important;*/
}

.table-wraps .nav-tabs a.nav-link.active,
.table-wraps .nav-tabs a.nav-link:hover {
    /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#ff1a00+0,ff1a00+100;Red+Flat+%231 */
    /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#4285f4+0,3a77da+100 */
    background: #4285f4;
    /* Old browsers */
    background: -moz-linear-gradient(left, #4285f4 0%, #3a77da 100%);
    /* FF3.6-15 */
    background: -webkit-linear-gradient(left, #4285f4 0%, #3a77da 100%);
    /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to right, #4285f4 0%, #3a77da 100%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#4285f4', endColorstr='#3a77da', GradientType=1);
    /* IE6-9 */
    border-bottom: 1px solid #45484d;
    color: #fff;
    border: 1px solid #f1f1f1;
}

.table-wraps .nav-tabs a.nav-link span {
    background: #257ace;
    color: #fff;
    border-radius: 4px;
    margin-left: 4px;
    padding: 2px;
    font-size: 13px;
}

.table-wraps .nav-tabs a.nav-link {
    color: #474747;
    padding: 5px 7px !important;
    /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#f9fcf7+0,f5f9f0+100;L+Green+3D */
    background: #f9fcf7;
    /* Old browsers */
    background: -moz-linear-gradient(left, #f9fcf7 0%, #f5f9f0 100%);
    /* FF3.6-15 */
    background: -webkit-linear-gradient(left, #f9fcf7 0%, #f5f9f0 100%);
    /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to right, #f9fcf7 0%, #f5f9f0 100%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#f9fcf7', endColorstr='#f5f9f0', GradientType=1);
    /* IE6-9 */
    border: 1px solid #dedede;
    border-radius: 5px 12px 0px 0px;
    position: relative;
}

.table-wraps .nav-tabs a.nav-link.active:after {
    content: "";
    position: absolute;
    border: 0 solid transparent;
    border-top: 12px solid #3d7de4;
    top: 50%;
    left: 50%;
    width: 12px;
    height: 12px;
    border-left: 12px solid transparent;
    border-right: 12px solid transparent;
    transform: translate(-50%, 100%);
}

.tab-content {
    padding: 9px 1px 1px;
    border-top: 0px;
    font-size: 14px !important;
    line-height: 21px;
    color: #3c3c3c;
    padding-bottom: 20px;
    margin-right: 3px;
    border: 1px solid #dedede;
    /* border-right: 1px solid #dedede; */
    border-top: 0px;
}

.table-wraps .tab-content label,
.table-wraps .tab-content input {
    color: #474747 !important;
}

.table-wraps .tab-content .btn {
    color: #fff !important;
}

.responsive_tabs {
    display: table-cell;
    overflow-x: auto;
}


/*.table-wraps .nav-tabs {
	    border-bottom: 1px solid #dee2e6 !important;
    padding-top: 2px !important;
    margin-right: 2px;
    margin-top: -4px;
}*/

.table-wraps .nav-tabs {
    border-bottom: 1px solid #dee2e6 !important;
    padding-top: 2px !important;
    margin-right: 2px;
}

.table-wraps.table-tabs .table-bordered {
    border-top: 0px !important;
}

.h1-new {
    font-size: 14px !important;
    line-height: 21px;
}

.bg-h1 {
    background: #f1f1f1 !important;
    padding: 4px 10px;
}

.mb-10 {
    margin-bottom: 10px;
}

.block-border {
    background: #fff !important;
}

p {
    margin: 0px;
}

.select-borer-0,
.date-border-0 {
    border: 1px solid transparent !important;
}

select.select-borer-0 {
    -webkit-appearance: none;
    -moz-appearance: none;
    text-indent: 1px;
    text-overflow: '';
    /*background-image:url(down-arrow.png);*/
    background-repeat: no-repeat;
    background-position: right;
    outline: none !important;
    background: transparent !important;
}

select.select-borer-0 option {
    outline: none !important border: 1px solid red !important;
}

.select-borer-0::-ms-expand {
    display: none;
}

.text-transform {
    text-transform: capitalize !important;
}

section,
footer {
    width: 100%;
    float: left;
}

ul {
    padding: 0px;
    margin: 0px;
}

li {
    list-style: none;
}

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

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

.w-100 {
    width: 100% !important;
}

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

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

.chclr {
    width: 30px;
    height: 31px !important;
    margin-left: 1%;
    padding: 5px;
}

#tagg {
    margin-left: 26%;
}

#select-tags #tagg-modal {
    margin-left: 0px !important;
}

#select-tags #tagg-modal #tags-width {
    width: 83% !important;
}

#select-tags label {
    margin-bottom: 0px !important;
}

.crldr {
    font-size: 14px;
}

input[type="text"]:focus {
    outline: none;
    transition: all .3s ease-in-out;
}

input#input-edit {
    background: transparent !important;
    border: none;
}

input#input-edit:focus {
    border: none !important;
    outline: none !important;
}

.row.bg-graph {
    background: #fff;
}

select#sd,
.reuirement-type,
.selUser,
.table-sel_bor-none select {
    border: none !important;
    background: transparent !important;
}

select#sd,
.reuirement-type,
.selUser,
.table-sel_bor-none select {
    -moz-appearance: none;
    /* Firefox */
    -webkit-appearance: none;
    /* Safari and Chrome */
    appearance: none;
}

.pb-80 {
    padding-bottom: 80px !important;
}

input.activate-btn {
    padding: 2px !important;
    background: #4c4c4c;
    border: 0px !important;
    font-size: 13px;
    color: #fff;
    margin: 2px 0px;
    cursor: pointer;
}


/*-------------------------------------*/

a#logo img {
    width: 210px;
    padding-left: 20px;
}

#left-menu {
    position: relative !important;
    margin: 0 auto !important;
    height: 101vh !important;
    overflow-y: scroll !important;
    width: 15% !important;
    float: left !important;
    background: rgb(45, 45, 45);
    background: -moz-linear-gradient(left, rgba(45, 45, 45, 1) 0%, rgba(45, 45, 45, 1) 100%);
    background: -webkit-linear-gradient(left, rgba(45, 45, 45, 1) 0%, rgba(45, 45, 45, 1) 100%);
    background: linear-gradient(to right, rgba(45, 45, 45, 1) 0%, rgba(45, 45, 45, 1) 100%);
    filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#2d2d2d', endColorstr='#2d2d2d', GradientType=1);
    left: 0;
    z-index: 1;
    border-right: 1px solid #ddd6d6;
    /*box-shadow: 2px 0px 0px -1px #ddd6d6;*/
    /*top: 64px;*/
}

input#myInput:focus {
    outline: none;
    border-bottom: 1px solid #222;
}

#left-menu ul li {
    position: relative;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    /*    border-bottom: 1px solid #bfbfbf; */
}

#left-menu ul li a {
    padding: 9px 10px;
    display: block;
    border-bottom: 1px solid #383838;
    font-size: 14px;
    line-height: 1.3;
    cursor: pointer;
    text-transform: capitalize;
    color: #fff !important;
}

#left-menu ul li a:hover {
    background: rgb(45, 45, 45);
    background: -moz-linear-gradient(left, rgba(255 255 255) 0%, rgba(255 255 255) 100%);
    background: -webkit-linear-gradient(left, rgba(255 255 255) 0%, rgba(255 255 255) 100%);
    background: linear-gradient(to right, rgba(255 255 255) 0%, rgba(255 255 255) 100%);
    filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#fff', endColorstr='#fff', GradientType=1);
    color: #474747 !important;
}

#left-menu li a i.fa {
    margin-right: 10px;
}

#left-menu ul ul {
    display: none;
}

#left-menu>ul>li.active>ul {
    display: block;
}

#left-menu ul ul li a {
    padding-left: 20px;
    background: rgb(25, 25, 25);
    background: -moz-linear-gradient(left, rgba(25, 25, 25, 1) 0%, rgba(25, 25, 25, 1) 100%);
    background: -webkit-linear-gradient(left, rgba(25, 25, 25, 1) 0%, rgba(25, 25, 25, 1) 100%);
    background: linear-gradient(to right, rgba(25, 25, 25, 1) 0%, rgba(25, 25, 25, 1) 100%);
    filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#191919', endColorstr='#191919', GradientType=1);
}

#left-menu ul ul ul li.has-sub.open a {
    background: rgb(48, 48, 48);
    background: -moz-linear-gradient(left, rgba(48, 48, 48, 1) 0%, rgba(48, 48, 48, 1) 100%);
    background: -webkit-linear-gradient(left, rgba(48, 48, 48, 1) 0%, rgba(48, 48, 48, 1) 100%);
    background: linear-gradient(to right, rgba(48, 48, 48, 1) 0%, rgba(48, 48, 48, 1) 100%);
    filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#303030', endColorstr='#303030', GradientType=1);
}

#left-menu ul ul ul li.has-sub.open a:hover {
    background: rgb(48, 48, 48);
    background: -moz-linear-gradient(left, rgba(48, 48, 48, 1) 0%, rgba(48, 48, 48, 1) 100%);
    background: -webkit-linear-gradient(left, rgba(48, 48, 48, 1) 0%, rgba(48, 48, 48, 1) 100%);
    background: linear-gradient(to right, rgba(48, 48, 48, 1) 0%, rgba(48, 48, 48, 1) 100%);
    filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#303030', endColorstr='#303030', GradientType=1);
}

#left-menu ul ul li a:hover {
    color: #fff !important;
}

#left-menu ul ul li.has-sub.open a {
    color: #fff !important;
    background: rgb(45, 45, 45);
    background: -moz-linear-gradient(left, rgba(84 84 84) 0%, rgba(84 84 84) 100%);
    background: -webkit-linear-gradient(left, rgba(84 84 84) 0%, rgba(84 84 84) 100%);
    background: linear-gradient(to right, rgb(84 84 84) 0%, rgb(84 84 84) 100%);
    filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#2d2d2d', endColorstr='#2d2d2d', GradientType=1);
}

#left-menu ul ul li.has-sub.open a:after {
    background: #424242 !important;
}

#left-menu ul>li.has-sub.open>a {
    background: rgb(20, 20, 20);
    background: -moz-linear-gradient(left, rgba(20, 20, 20, 1) 0%, rgba(20, 20, 20, 1) 100%);
    background: -webkit-linear-gradient(left, rgba(20, 20, 20, 1) 0%, rgba(20, 20, 20, 1) 100%);
    background: linear-gradient(to right, rgba(20, 20, 20, 1) 0%, rgba(20, 20, 20, 1) 100%);
    filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#141414', endColorstr='#141414', GradientType=1);
    color: #fff !important;
}

#left-menu ul ul li a:hover {
    background: rgb(45, 45, 45);
    background: -moz-linear-gradient(left, rgba(255 255 255) 0%, rgba(255 255 255) 100%);
    background: -webkit-linear-gradient(left, rgba(255 255 255) 0%, rgba(255 255 255) 100%);
    background: linear-gradient(to right, rgba(255 255 255) 0%, rgba(255 255 255) 100%);
    filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#fff', endColorstr='#fff', GradientType=1);
    color: #474747 !important;
}

#has-sub.sup:hover {
    background-color: none !important;
}

#left-menu ul>li.has-sub.open>ul>li>ul,
#left-menu ul>li.has-sub>ul>li>ul {
    padding-left: 0px !important;
}

#left-menu ul>li.has-sub>a:before {
    content: "\f107" !important;
    color: #fff;
    right: 0;
}

#left-menu ul>li.has-sub.open>a:before {
    content: "\f106" !important;
    color: #fff;
    right: 0;
}

#left-menu ul>li.has-sub>a:before,
#left-menu ul>li.has-sub.open>a:before {
    font-family: FontAwesome;
    font-style: normal;
    font-weight: normal;
    text-decoration: inherit;
    font-size: 14px;
    padding-right: 0.5em;
    position: absolute;
    top: 10px;
}

#left-menu ul>li.has-sub>a:hover:before {
    color: #474747 !important;
}

#left-menu ul>li.has-sub.open>a:before:hover {
    color: #474747 !important;
    display: none !important;
}

#left-menu ul ul>li.has-sub>a:hover:before,
#left-menu ul ul li.has-sub.open a:before {
    color: #474747 !important;
}


/* Style the search box */

#mySearch {
    width: 100%;
    font-size: 18px;
    padding: 11px;
    border: 1px solid #ddd;
    background: #ffffff;
    /* Old browsers */
    background: -moz-linear-gradient(top, #ffffff 0%, #f6f6f6 47%, #ededed 100%);
    /* FF3.6-15 */
    background: -webkit-linear-gradient(top, #ffffff 0%, #f6f6f6 47%, #ededed 100%);
    /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, #ffffff 0%, #f6f6f6 47%, #ededed 100%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ededed', GradientType=0);
    /* IE6-9 */
}


/* Style the navigation menu */

.select2-search--dropdown {
    padding: 0px !important;
}

.select2-container {
    color: #777777 !important;
    width: 100px !important;
    /* width:100% !important;*/
}

.select2-results__option {
    padding-right: 20px;
    vertical-align: middle;
}

.select2-results__option:before {
    content: "";
    display: inline-block;
    position: relative;
    height: 12px;
    width: 12px;
    border: 2px solid #e9e9e9;
    border-radius: 4px;
    background-color: green;
    margin-right: 2px;
    vertical-align: middle;
    border-radius: 50%;
}

.select2-results__option[aria-selected=true]:before {
    font-family: fontAwesome;
    content: "\f00c";
    color: #fff;
    background-color: #2d2d2d;
    border: 0;
    display: inline-block;
    padding-left: 2px;
    font-size: 8px;
    margin-left: 2px;
}

.select2-results__option {
    padding: 0px 8px !important;
}

.page-link strong {
    padding: 2px 5px;
    border: 1px solid #d8d8d8;
    border-radius: 4px;
    margin: 40px 2px;
}

.border-show {
    border: 1px solid #f3f3f3 !important;
}

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

.bg-white {
    background: #fff !important;
}

.adv-table .page-link {
    color: #222;
    border: 0px !important;
    margin-bottom: 30px !important;
}

.adv-table .page-link.page-item.pagination a {
    color: #666;
    padding: 5px;
}

.page-link {
    width: 50% !important;
    background-color: transparent !important;
}

.page-link:hover {
    background-color: none !important;
}

div#click_to_load_modal_popup {
    width: 76px;
    height: 50px;
    overflow: hidden !important;
    font-size: 0px;
    cursor: pointer !important;
}


/*---------------------------------

            Top-navigation fixed

----------------------------------*/

header {
    width: 100%;
    float: left;
    position: fixed;
    z-index: 9;
}

a#logo {
    padding-top: 0px;
}

.strip {
    background: #6eb3f4;
    /* Old browsers */
    background: -moz-linear-gradient(left, #6eb3f4 0%, #0a77d5 98%);
    /* FF3.6-15 */
    background: -webkit-linear-gradient(left, #6eb3f4 0%, #0a77d5 98%);
    /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to right, #6eb3f4 0%, #0a77d5 98%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#6eb3f4', endColorstr='#0a77d5', GradientType=1);
    /* IE6-9 */
    height: 4px;
}

.top-nav {
    -webkit-box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.2) !important;
    background: rgb(74, 74, 74);
    background: -moz-linear-gradient(top, rgba(74, 74, 74, 1) 0%, rgba(47, 47, 47, 1) 100%);
    background: -webkit-linear-gradient(top, rgba(74, 74, 74, 1) 0%, rgba(47, 47, 47, 1) 100%);
    background: linear-gradient(to bottom, rgba(74, 74, 74, 1) 0%, rgba(47, 47, 47, 1) 100%);
    filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#4a4a4a', endColorstr='#2f2f2f', GradientType=0);
    line-height: 60px !important;
}

.top-nav ul li.media,
.top-nav ul li.users,
.top-nav ul li.write,
.top-nav ul li.comments,
.top-nav ul li.delete,
.top-nav ul li.status,
.top-nav ul li.videos,
.top-nav ul li.user-lead {
    position: relative;
    background-position: center top 3px !important;
    background-repeat: no-repeat !important;
}

.tooltip-inner {
    font-size: 12px !important;
    background: #474747 !important;
}

.tooltip.bs-tooltip-right .arrow:before,
.tooltip.bs-tooltip-left .arrow:before,
.tooltip.bs-tooltip-bottom .arrow:before,
.tooltip.bs-tooltip-top .arrow:before {
    border-bottom-color: rgb(2, 0, 36) !important;
    border-bottom-color: linear-gradient(90deg, rgba(2, 0, 36, 1) 0%, rgba(9, 117, 121, 1) 99%, rgba(0, 212, 255, 1) 100%) !important;
}

[data-title]:hover:after {
    opacity: 1 !important;
    transition: all 0.1s ease 0.5s !important;
    visibility: visible !important;
    font-size: 12px !important;
    background: rgb(2, 0, 36);
    background: #474747 !important;
}

[data-title]:after {
    content: attr(data-title);
    top: 20px !important;
    color: #fff !important;
    font-size: 12px;
    position: absolute;
    padding: 4px 5px 4px 5px;
    bottom: -1.6em;
    left: 0%;
    white-space: nowrap;
    box-shadow: 1px 1px 3px #222222;
    opacity: 0;
    z-index: 99999;
    visibility: hidden;
}

[data-title] {
    position: relative;
}

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

.top-nav ul li {
    transition: all .3s ease-in-out;
}

.top-nav ul li a {
    padding: 0px 5px !important;
}

.top-nav ul li.media {
    background: url(../images/icons/media.png);
}

.top-nav ul li.users {
    background: url(../images/icons/users_2states.png);
}

.top-nav ul li.user-lead {
    background: url(../images/icons/users_2states1.png);
}

.top-nav ul li.write {
    background: url(../images/icons/write_2states.png);
}

.top-nav ul li.comments {
    background-image: url(../images/icons/comments_2states.png);
    background-position: center -8%;
}

.top-nav ul li.delete {
    background-image: url(../images/icons/settings_2states1.png);
}

.top-nav ul li.status {
    background-image: url(../images/icons/create_lead1.png);
}

.top-nav ul li.videos {
    background-image: url(../images/icons/riddhivideo.png);
}

.top-nav ul li.media:hover,
.top-nav ul li.videos:hover,
.top-nav ul li.status:hover,
.top-nav ul li.comments:hover,
.top-nav ul li.write:hover,
.top-nav ul li.user-lead:hover,
.top-nav ul li.users:hover,
.top-nav ul li.delete:hover {
    margin-top: -5px !important;
    transition: all .5s ease-in-out;
}

.top-nav ul li a {
    width: 76px;
    height: 50px;
    overflow: hidden !important;
    font-size: 0px;
}

.user-profile a {
    font-size: 15px !important;
}

.user-profile {
    /* width: 55px;

    height: 51px;

    position: relative;*/
}

.user-profile li {
    padding: 0px 6px;
    color: #fff;
}

.user-profile li.nav-item.dropdown a {
    line-height: 42px;
    font-weight: bold;
    font-size: 12px;
}

.user-profile li.nav-item.dropdown a img.profile_pic {
    width: 50px;
    height: 50px;
    border-radius: 50%;
    margin-top: 0px !important;
    /*background-image: linear-gradient( to bottom, rgb(31, 217, 115) 0%, rgba(255, 255, 255, 0) 20%), linear-gradient(101deg, #f25810, #eb0303) !important;*/
    background-origin: border-box;
    border-radius: 30px !important;
    width: 50px;
    height: 50px;
    /* border-width: 1px; */
    border: 2px solid #3e3e3e;
}

.user-profile li.nav-item.dropdown a:hover {
    color: #2a6496;
    font-weight: bold;
}

.user-profile li.nav-item.dropdown .dropdown-menu {
    position: absolute;
    left: -91px;
    padding: 0px !important;
    top: 53px;
    border-radius: 5px;
}

.user-profile li.nav-item.dropdown a::after {
    display: none;
}

.user-profile li .dropdown-menu a {
    width: 159px;
    height: 30px;
    line-height: 30px !important;
    font-weight: 400 !important;
}

.user-profile a.dropdown-item {
    background-image: none !important;
}

.top-nav ul li a {
    position: relative;
}

.count {
    background: #e403a7;
    border-radius: 100%;
    padding: 4px 8px !important;
    font-size: 12px;
}

body.modal-open span#load_popup_modal_show_id,
body.modal-open span#modal_popup-assign-user,
body.modal-open #new_create_lead-popup {
    padding-right: 0px !important;
}

body.modal-open span#modal_popup-assign-user,
body.modal-open #new_create_lead-popup {
    padding-right: 0px !important;
}


/*Modal Popup menu */


/*-------------------------------*/

span#modal_popup-assign-user {
    opacity: 1 !important;
    /* background: rgba(0,0,0,.5) !important;*/
}

span#modal_popup-assign-user #load_popup_modal_contant .modal-body,
#modal-height {
    height: 587px !important;
}

#assign_enq-to_user input,
#assign_enq-to_user select {
    margin-bottom: 3px !important;
}

#assign_enq-to_user select {
    padding: 11px 6px !important;
}

#assign_enq-to_user input[type="date"],
#assign_enq-to_user input[type="email"],
{
    padding: 6px 6px !important;
}

#load_popup_modal_show_id input[type="text"]::placeholder,
#load_popup_modal_show_id input[type="email"]::placeholder,
#load_popup_modal_show_id input[type="tel"]::placeholder,
#load_popup_modal_show_id input[type="date"]::placeholder,
input.lead_view::placeholder {
    color: #a5a5a5 !important;
    font-size: 15px !important;
}

.google-map {
    color: #525455 !important;
    font-size: 15px !important;
}

#load_popup_modal_contant .modal-body {
    text-align: center !important;
}

#load_popup_modal_show_id .modal.show .modal-dialog {
    margin: 2px auto !important;
}

#new_create_lead-popup form input[type="text"],
#new_create_lead-popup form input[type=email],
#new_create_lead-popup form input[type="tel"],
#new_create_lead-popup form select,
#new_create_lead-popup form input[type=date],
#new_create_lead-popup form textarea,
#load_popup_modal_contant form input[type="text"],
#load_popup_modal_contant form input[type=email],
#load_popup_modal_contant form input[type="tel"],
#load_popup_modal_contant form select,
#load_popup_modal_contant form input[type=date],
#load_popup_modal_contant form textarea {
    background: transparent !important;
    width: 95% !important;
    margin: 0px auto;
    line-height: 32px !important;
    padding-left: 10px;
    color: #444 !important;
    border-radius: 4px;
    border-left: 1px solid #e4e4e4 !important;
    border-top: 1px solid #e4e4e4 !important;
    border-bottom: 1px solid #e4e4e4 !important;
    border-right: 1px solid #e4e4e4 !important;
}

#new_create_lead-popup form input[type=date],
#new_create_lead-popup form input[type=email],
#new_create_lead-popup form input[type="tel"],
#load_popup_modal_contant form input[type=date],
#load_popup_modal_contant form input[type=email],
#load_popup_modal_contant form input[type="tel"] {
    padding: 5px 6px !important;
    /* border-top: 1px solid #e4e4e4 !important;*/
}

#load_popup_modal_contant .controls,
#new_create_lead-popup .controls {
    width: 100% !important;
}

#new_create_lead-popup form select,
#load_popup_modal_contant form select {
    padding: 11px 6px;
    border-left: 1px solid #e4e4e4 !important;
}

#load_popup_modal_contant input#submit_button,
#new_create_lead-popup input#submit_button {
    margin: 0px auto !important;
    text-align: center !important;
}

#load_popup_modal_contant .modal-header,
#new_create_lead-popup .modal-header,
.modal-header {
    background: #5a5a5a;
    /* Old browsers */
    background: -moz-linear-gradient(left, #5a5a5a 0%, #5a5a5a 99%);
    /* FF3.6-15 */
    background: -webkit-linear-gradient(left, #5a5a5a 0%, #5a5a5a 99%) !important;
    /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to right, #5a5a5a 0%, #5a5a5a 99%) !important;
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#5a5a5a ', endColorstr='#5a5a5a ', GradientType=1);
    /* IE6-9 */
    color: #fff !important;
    text-transform: uppercase;
    padding: 8px;
}

#load_popup_modal_contant .modal-header .modal-title,
#new_create_lead-popup .modal-header .modal-title,
.modal-header .modal-title {
    text-align: center !important;
    width: 100%;
    color: #fff !important;
    font-size: 16px;
    /* text-transform: uppercase;*/
}

.modal-header .modal-title {
    /*text-align: left !important;*/
}

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

form#assign_enq-to_user input,
{
    padding: 4px 6px !important;
}

form#assign_enq-to_user input[type="text"],
form#assign_enq-to_user input[type="email"],
form#assign_enq-to_user input[type="date"],
form#assign_enq-to_user select,
form#assign_enq-to_user textarea {
    margin-bottom: 4px !important;
    float: left !important;
    padding: 6px 6px !important;
    line-height: 24px !important;
    font-size: 14px !important;
}

form#assign_enq-to_user input[type="text"],
form#assign_enq-to_user input[type="email"],
form#assign_enq-to_user input[type="date"],
form#assign_enq-to_user select,
form#assign_enq-to_user textarea {
    margin-bottom: 4px !important;
    float: left !important;
    padding: 6px 6px !important;
    line-height: 24px !important;
    font-size: 14px !important;
    border-radius: 4px;
    border: 1px solid #e4e4e4 !important;
    cursor: pointer !important;
}

body.modal-open #new_create_lead-popup::-webkit-scrollbar {
    width: 0px !important;
}

#new_create_lead-popup .modal-dialog {
    width: 328px !important;
    overflow-y: hidden !important;
    overflow-x: hidden !important;
    float: right !important;
    margin: 0px !important;
    z-index: 99;
}

#new_create_lead-popup form .formBtn {
    background: linear-gradient(to bottom, rgba(76, 76, 76, 1) 0%, rgba(44, 44, 44, 1) 20%, rgba(0, 0, 0, 1) 46%, rgba(17, 17, 17, 1) 60%, rgba(8, 8, 8, 1) 76%, rgba(28, 28, 28, 1) 91%, rgba(19, 19, 19, 1) 100%);
    color: white;
    margin-top: -24px;
    margin-right: 18px;
}

body#new_create_lead-popup .modal-open .modal::-webkit-scrollbar {
    width: 0px !important;
}

#load_popup_modal_contant form .formBtn {
    background: linear-gradient(to bottom, rgba(76, 76, 76, 1) 0%, rgba(44, 44, 44, 1) 20%, rgba(0, 0, 0, 1) 46%, rgba(17, 17, 17, 1) 60%, rgba(8, 8, 8, 1) 76%, rgba(28, 28, 28, 1) 91%, rgba(19, 19, 19, 1) 100%);
    color: white;
    margin-top: -24px;
    margin-right: 18px;
}

#load_popup_modal_contant .modal-dialog {
    width: 328px !important;
    overflow-y: hidden !important;
    overflow-x: hidden !important;
    float: right !important;
    margin: 0px !important;
    z-index: 99
}

#load_popup_modal_contant form input::placeholder {
    color: #444 !important;
}


/* ---------------- PENDINGS --------------------------- */


/*---------------------------------------------*/

table td,
table th {
    color: #474747 !important;
}

.pendings table,
#viewUser-admin table,
#activity_time-admin table,
#admin_add-sources table,
.log-history table,
.get_closed-business table,
.tws-company table,
.tbl-thead,
.add_agreement table,
.bills_list table,
.monthly-report,
.source-wise_analysis table,
.yesterday-plan table,
.projects_per table,
.today_plan table,
.month_per table,
.get_cust_cmplted table,
.source_wise-active table,
.auto_sms table,
.dead_reason-custmr table,
.calls table,
.customer_status table,
.requirement_popup .modal-body table {
    border-collapse: separate;
    border-spacing: 0 1.9px;
}

.pendings table td,
.pendings table td {
    padding: 0px !important;
    padding-left: 6px !important;
}

.pendings table td i,
.get_closed-business table td i,
.add_agreement table td i,
.source-wise_analysis table td i,
.yesterday-plan table td i,
.previous_mnth-actvty td a i,
.source_wise-active td i,
.edit_updates i {
    font-size: 16px !important;
    cursor: pointer;
    color: #5d5d5d !important;
    padding: 0px 5px;
}

.pendings .table-striped tbody tr:nth-of-type(odd) {
    background-color: #fbfbfb !important;
}

.pendings .table-striped tbody tr:nth-of-type(even) {
    background-color: #f5f6f8 !important;
}


/*Pending Email */


/*-------------------------------------*/

.pending-email form.form-horizontal {
    margin: 10px;
    padding: 18px;
    /*	box-shadow: 0 0 4px rgba(50, 50, 50, 0.31);*/
    color: #444 !important;
}

.pending-email .control-group {
    padding: 0px !important;
}

.pending-email label.control-label {
    width: 10% !important;
    float: left;
    line-height: 30px;
}

.pending-email .controls {
    width: 80%;
    float: left;
}

.pending-email input[type=radio] {
    margin-right: 10px !important;
}

.table-striped tbody tr:nth-of-type(odd) {
    background-color: transparent !important;
}

.table-striped tbody tr:nth-of-type(even) {
    background-color: rgba(189, 189, 189, 0.13) !important;
}


/*--------------------ENQUERY MENU---------------------*/

.new-enq table,
.yesterday-plan table,
.previous_mnth-actvty table,
.cold table {
    border-collapse: separate;
    border-spacing: 0 1.9px;
    border-bottom: 0px !important;
}

.date-border-0 {
    background: transparent !important;
}


/*---------------------------------------------

                    SEARCHBAR FIXED 

-----------------------------------------------*/

.home-search-fixed {
    background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(white), to(#cfcfcf), color-stop(.05, #dadada), color-stop(.92, white));
    border-bottom: 3px solid #969696;
    text-align: right;
    color: #7b7b7b;
    margin: -3px 0px;
    display: none;
}

#searchbar,
ul.add-source {
    margin-top: 9px;
    float: right !important;
    /*  margin-right: 93px;*/
}

ul.add-source li {
    float: left !important;
}

ul.add-source li a {
    margin: 0px 2px !important;
    padding: 2px 4px !important;
    font-size: 14px !important;
}

.header_search-edit input[type="text"] {
    width: 75% !important;
}

ul.add-source li a button {
    padding: 2px 10px !important;
    cursor: pointer;
    margin-top: 0px !important;
}

.ui-autocomplete-category {
    font-weight: bold;
    padding: .2em .4em;
    margin: .8em 0 .2em;
    line-height: 1.5;
}

#searchbar input {
    padding: 3px 10px;
    border-radius: 3px;
    border: 1px solid #c3c3c3;
    background: #fff;
    width: 76%;
    margin-bottom: 2px !important;
    border-left: 1px solid #c3c3c3 !important;
    border-radius: 0px !important;
}

#searchbar input:focus {
    border: 1px solid #e2e2e2;
}

#searchbar .search-btn {
    padding: 4px 6px;
    margin-left: -5px;
    background: linear-gradient(to bottom, #262727 0%, #171c1d 57%, #39393a 99%);
    color: #fff;
    border: 0px;
    cursor: pointer;
    transition: all .3s ease-in-out;
}

#searchbar .search-btn:hover {
    background: #222 !important;
    -moz-transition-duration: 100ms;
    -webkit-transition-duration: 100ms;
    transition-duration: 100ms;
}

ul.breadcrumb li {
    background: url(../images/icons/breadcrumb-sep.png) no-repeat right center;
}

ul.breadcrumb li:last-child {
    background: none !important;
}

ul.breadcrumb li a {
    padding: 5px 25px;
    color: #fff;
    -moz-transition-duration: 100ms;
    -webkit-transition-duration: 100ms;
    transition-duration: 100ms;
}

ul.breadcrumb li::before {}

ul.breadcrumb li a:hover {
    padding: 0px 25px;
    -moz-transition-duration: 100ms;
    -webkit-transition-duration: 100ms;
    transition-duration: 100ms;
}

ul.breadcrumb {
    float: left;
    padding: 0px;
    border-color: #232526;
    margin: 10px 10px 10px 0px;
    background: #4c4c4c;
}

ul.breadcrumb li:before {}

ul.breadcrumb li+li:after {
    /* color: #fff;*/
    content: "";
}

input#myInput {
    position: relative;
    /*width: 200px;*/
    padding: 5px 10px;
    /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#367ff3+0,367ff3+100 */
    background: #404040;
    /* Old browsers */
    background: -moz-linear-gradient(left, #404040 0%, #404040 100%);
    /* FF3.6-15 */
    background: -webkit-linear-gradient(left, #404040 0%, #404040 100%);
    /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to right, #404040 0%, #404040 100%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#367ff3', endColorstr='#367ff3', GradientType=1);
    /* IE6-9 */
    filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ededed', GradientType=0);
    border: none;
    color: #797979 !important;
    border: 4px solid #2d2d2d !important;
    border-radius: 20px;
    width: 100%;
    padding-left: 38px;
    margin-top: 64px !important;
}


/*---------------------------------------------------------



                    WRAPPER

-----------------------------------------------------------*/

.main-wrapper {
    float: left;
    width: 100%;
    display: inline-block;
    height: 100vh;
    /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#fcfcfc+0,fcfcfc+100 */
    background: #fcfcfc;
    /* Old browsers */
    background: -moz-linear-gradient(top, #fcfcfc 0%, #fcfcfc 100%);
    /* FF3.6-15 */
    background: -webkit-linear-gradient(top, #fcfcfc 0%, #fcfcfc 100%);
    /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, #fcfcfc 0%, #fcfcfc 100%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#fcfcfc', endColorstr='#fcfcfc', GradientType=0);
    /* IE6-9 */
}

.page-content {
    overflow-x: hidden !important;
    overflow-y: visible;
    width: 84.5%;
    height: 100vh;
    float: right;
    /*margin-top:65px;*/
    /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#ffffff+0,ffffff+100 */
    background: rgb(255, 255, 255);
    /* Old browsers */
    background: -moz-linear-gradient(left, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 1) 100%);
    /* FF3.6-15 */
    background: -webkit-linear-gradient(left, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 1) 100%);
    /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to right, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 1) 100%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ffffff', GradientType=1);
    /* IE6-9 */
    padding-top: 68px;
    padding-bottom: 68px;
    margin-right: 5px;
    position: relative;
}

i#menu-search-icon {
    left: 16px;
    position: absolute;
    top: 76px;
}


/*---------------------------Footer --------------*/

footer {
    /* background: #f1f1f1;*/
    z-index: 9;
    padding: 2px;
    text-align: center;
    position: fixed;
    bottom: 0 !important;
    background-color: #dadbdd !important;
    background-image: linear-gradient(315deg, #c2c2c2 0%, #dfdddd 74%) !important;
}

footer a {
    color: #afaaaa;
    transition: all .3s ease-in-out;
}

footer a:hover {
    color: #fff;
    transition: all .3s ease-in-out;
}


/*TABLE Futrure Customers Page*/


/*--------------------------------*/

.adv-table {
    padding: 0px 2px;
    background: #fff !important;
    /* height: 100%;*/
    background: #fff !important;
}

.adv-table table {
    border-collapse: separate;
    border-spacing: 0 1.9px;
}


/*td:first-child {
	border-left: 4px solid #b9b7b7 !important;
}*/

.table-responsive {
    display: unset !important;
}

#leadview-table {
    width: 100%;
    margin: 0px auto;
    border: 1px solid #e4e3e3;
    border-left: 0px !important;
    border-right: 0px !important;
}

#leadview-table td {
    padding: 3px 8px !important;
}

.adv-table table thead {
    color: #191919;
    /* background-color: #c3c3c3 !important;

    border-bottom: 1px solid #d8d8d8 !important;

    box-shadow: 1px 3px 0px 0px #d8d8d8;*/
    margin-top: -20px !important;
}

.adv-table .table thead th {
    padding: 2px 5px;
    border-bottom: 2px solid #d8d8d8 !important;
}

.table td {
    padding: 0px !important;
}

.table-bordered th {
    /*	border: 1px solid #dee2e6 !important;*/
}

.table-bordered td:first-child {
    /*  border-left: 4px solid #b9b7b7 !important;
*/
}

.table-bordered td {
    /* padding:2px 10px !important;*/
    border-left: 0px !important;
    border-right: 1px solid #e4e4e4 !important;
    border-top: 0px !important;
    padding-left: 8px !important;
    border-bottom: 1px solid #e4e4e4 !important;
    /* box-shadow: -1px -3px 0px 0px #f5f6f8;*/
}

.select2-container .select2-selection--single .select2-selection__rendered {
    padding: 0px 0px !important;
}

table tbody tr td {
    color: #777 !important;
    vertical-align: initial !important;
}

.adv-table .table tbody td select option {
    width: 180px;
}

.adv-table table input[type=date] {
    border: 0px !important;
    background: none !important;
}

.select2-search--dropdown .select2-search__field {
    padding: 2px 4px !important;
}

.adv-table .table td input[type="text"],
input[type="tel"] {
    border: none !important;
    background: none !important;
}

.adv-table .table td input[type="text"]:focus,
input[type="tel"]:focus,
input[type="date"]:focus {
    border: 1px solid #b5b2b2 !important;
    outline: none !important;
}

.adv-table .table-striped tbody tr:nth-of-type(odd) {
    background-color: #fbfbfb !important;
}

.adv-table .table-striped tbody tr:nth-of-type(even) {
    background-color: #f5f6f8 !important;
}

.table-bordered td:last-child {
    border-right: 1px solid #e6e9ef !important;
}


/*#editor {

    width: 180px;

    background: none;

    outline: none;

    border: none !important;

    width: 150px;

}

#editor:focus{

    border: 1px solid #b5b2b2 !important;

}*/

.adv-table select {
    width: 120px !important;
    border: 1px solid transparent;
    background: #f5f6f8 !important;
    -webkit-appearance: none !important;
    padding: 0px 8px;
    color: #333 !important;
    line-height: 10px !important;
}

.adv-table select::-ms-expand {
    display: none !important;
}

.atn-update a {
    padding: 2px;
    cursor: pointer;
    color: #5d5d5d !important;
    font-size: 14px;
    transition: all .2s ease-in-out;
}

.center {
    text-align: center;
}

i.fa.fa-envelope {
    color: #20b9cb;
}

i.fa.fa-comments,
i.fa.fa-comment {
    color: #1ba55b;
}

.fa .fa-file-pdf-o {
    color: #d9241b !important;
}

.atn-update a i.fa.fa-eye,
i.fa.fa-eye,
i.fa.fa-thumbs-o-up {
    color: #0e6af5b8 !important;
}

.atn-update a i.fa-folder-open-o,
i.fa.fa-folder {
    color: #795548 !important;
}

.atn-update a i.fa-whatsapp,
i.fa.fa-download {
    color: #9eea16 !important;
}

.atn-update a i.fa.fa-edit,
i.fa.fa-edit,
i.fa.fa-share-square-o,
i.fa.fa-money {
    color: #67a704 !important;
}

.atn-update a i.fa-trash,
i.fa-trash,
i.fa.fa-trash,
i.fa.fa-trash-o,
i.fa.fa-bell {
    color: red !important;
}

i.fa.fa-commenting-o.dark-green,
.green {
    color: green !important;
}

.atn-update i.fa-check {
    color: #4da900;
}

a i.fa.fa-thumbs-up {
    color: #16a3c3;
}

a i.fa.fa-book {
    color: #555 !important;
}

.atn-update a i.fa-check-circle {
    color: #07de07;
}

.atn-update a i.fa {
    font-size: 16px !important;
}

.atn-update a i.fa.fa-commenting-o,
i.fa.fa-commenting-o {
    color: #f4a724 !important;
}

.atn-update a i.fa.fa-envelope-o,
i.fa.fa-envelope-o {
    color: #f44336 !important;
}

.atn-update a i:hover {
    transition: all .2s ease-in-out;
    color: #2d2d2d;
}

.select2-container--default .select2-results>.select2-results__options {
    max-height: unset !important;
}

.select2-container--default .select2-selection--single .select2-selection__rendered {
    /*line-height: 24px !important;*/
    line-height: 15px !important;
    background: transparent !important;
}

.adv-table select.reuirement-type.select2-hidden-accessible {
    width: 120px !important;
}

.adv-table .select2-container {
    line-height: 16px !important
}

.select2-container--default .select2-selection--single {
    background-color: unset !important;
    border-radius: 0px !important;
    border: 1px solid transparent !important;
}

.select2-container--default .select2-selection--single .select2-selection__arrow {
    display: none;
}

select {
    color: #777 !important;
}

span.select2-selection.select2-selection--single:focus {
    outline: none !important;
}

.select2-container .select2-selection--single {
    height: 19px !important;
    color: #777 !important;
}

.select2-dropdown {
    width: 116px !important;
}

.select2-results__option[aria-selected]:nth-child(even):before {
    cursor: pointer;
    background: linear-gradient(101deg, #515bd6, rgb(212, 67, 181));
    color: #fff;
    margin-bottom: 2px;
    display: none;
}

.select2-results__option[aria-selected]:nth-child(odd):before {
    cursor: pointer;
    background: -webkit-linear-gradient(-180deg, rgb(251, 176, 30), rgb(229, 2, 18), rgb(192, 6, 156));
    color: #fff;
    margin-bottom: 2px;
    display: none;
}

.select2-container--default .select2-selection--single .select2-selection__arrow {
    width: 0px !important;
    height: 0px !important;
}

.modal-header .close {
    padding: 1px !important;
    margin: 0px !important;
    font-size: 19px !important;
    color: #fff !important;
}

.modal-header .close:hover {
    color: #d50a07 !important
}

.modal-header {
    padding: 12px 10px !important;
    border-radius: 0px;
    border-bottom: 1px solid #a0a0a0;
    background: linear-gradient(to right, #3926a1 0%, #5c48ce 100%) !important;
    text-align: center;
}

table {
    width: 100%;
}

thead,
tbody tr {
    /* display:table;*/
    width: 100%;
    table-layout: fixed;
}

.table thead th,
.table th {
    padding: 2px 5px 2px 9px;
    color: #474747 !important;
    border: 1px solid #dcdcdc !important;
    text-transform: uppercase;
    background: #eee;
    /* Old browsers */
    background: -moz-linear-gradient(left, #eee 0%, #eee 100%);
    /* FF3.6-15 */
    background: -webkit-linear-gradient(left, #eee 0%, #eee 100%);
    /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to right, #eee 0%, #eee 100%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
}

#custom-width input#editor {
    margin-bottom: 0px !important;
}

#custom-width td input[type='date'],
#custom-width input#editor {
    background: transparent;
    border: 0px !important;
    color: #777 !important;
    width: 97% !important;
}


/*Create Channel Parntner*/


/*-------------------------------------------*/

.createcp-page .form-create {
    padding: 0px 0px;
    padding-bottom: 16px;
    border: solid 1px #BBBBBB !important;
    width: 97% !important;
    margin: 15px 15px !important;
    background: #fff !important;
    box-shadow: 0px 2px 5px #B9B9B9;
    border-radius: 5px;
    overflow: hidden;
}

.createcp-page .cret-box1,
.createcp-page .cret-box2,
.createcp-page .cret-box3,
.createcp-page .cret-box4,
.createcp-page .cret-box5 {
    padding: 0px 0px 0px 45px;
}

.createcp-page .form-horizontal .control-group {
    margin-bottom: 0px !important;
    margin: auto;
    width: 50% !important;
    margin-bottom: 10px !important;
}

.createcp-page .form-horizontal .control-label {
    text-align: left;
    width: 150px;
    float: left;
}

.createcp-page label,
.createcp-page input,
.createcp-page button,
.createcp-page select,
.createcp-page textarea {
    color: #333333;
}

label,
input[type=radio] {
    color: #444 !important;
    color: #7d7d7d!important;
    font-weight: normal !important;
}

.file {
    border: none !important;
}

.createcp-page input[type="text"],
.createcp-page input[type="email"],
.createcp-page select,
textarea,
.createcp-page input[type="tel"],
#createUser-admin input[type='password'],
#createUser-admin input[type='email'],
.custom_popup input,
#click2call_cust_text,
#modal_previous-month-activity input,
.custom_input,
.dob,
.number,
.file {
    width: 50%;
    border-left: 3px solid #b9b7b7 !important;
    border-radius: 4px !important;
    background: #f9f9f9;
    transition: border linear .2s, box-shadow linear .2s;
    color: #555;
    vertical-align: middle;
    border: 1px solid #e4e4e4 !important;
    padding: 5px 6px;
    border-radius: 0px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    -webkit-transition: border linear .2s, box-shadow linear .2s;
    -moz-transition: border linear .2s, box-shadow linear .2s;
    -o-transition: border linear .2s, box-shadow linear .2s;
    transition: border linear .2s, box-shadow linear .2s;
}

.number {
    width: 50% !important;
    border-left: 3px solid #b9b7b7 !important;
    border-radius: 4px !important;
    background: #f9f9f9;
    transition: border linear .2s, box-shadow linear .2s;
    color: #555;
    vertical-align: middle;
    border: 1px solid #e4e4e4 !important;
    padding: 5px 6px;
    border-radius: 0px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    -webkit-transition: border linear .2s, box-shadow linear .2s;
    -moz-transition: border linear .2s, box-shadow linear .2s;
    -o-transition: border linear .2s, box-shadow linear .2s;
    transition: border linear .2s, box-shadow linear .2s;
}

.other {
    margin-left: 140px;
    margin-top: 4px !important;
}

.hgt-176 {
    margin-left: 176px !important;
    margin-top: 2px !important;
}

.createcp-page .input-large {
    width: 50%;
}

.lead-h1 {
    width: 100% !important;
    float: left;
    margin: 15px 0px !important;
}

.btn.btn-primary,
#activity {
    padding-left: 10px !important;
    padding-right: 10px !important;
    border-radius: 3px !important;
    border: solid 1px #0a0a0a29 !important;
    color: #6d6d6d !important;
    background-size: 100% 100%;
    background: #e2e2e2;
    margin-top: 40px;
    transition: all .4s ease-in-out;
    cursor: pointer;
}

.backup-btn input[type="submit"] {
    margin-top: 0px !important;
    cursor: pointer;
}

.createcp-page .form-actions .btn.btn-primary,
#group-mail .btn.btn-primary,
#activity,
.btn.btn-primary,
.backup-btn input[type="submit"] {
    border-radius: 3px !important;
    border: solid 1px transparent !important;
    color: #fff !important;
    background-size: 100% 100%;
    /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#ff3019+0,cf0404+100;Red+3D */
    background: #4285f4;
    /* Old browsers */
    background: -moz-linear-gradient(left, #4285f4 0%, #3a77da 100%);
    /* FF3.6-15 */
    background: -webkit-linear-gradient(left, #4285f4 0%, #3a77da 100%);
    /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to right, #4285f4 0%, #3a77da 100%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#4285f4', endColorstr='#3a77da', GradientType=1);
    /* IE6-9 */
    margin-top: 40px;
    transition: all .4s ease-in-out;
}

.createcp-page .form-actions .btn.btn-primary:hover,
#group-mail .btn.btn-primary:hover {
    background: #3E4042 !important;
    border: solid 1px transparent;
    transition: all .4s ease-in-out;
}

#btn-grandt {
    background-image: linear-gradient( to bottom, rgb(114, 105, 105) 0%, rgba(255, 255, 255, 0) 20%), linear-gradient(101deg, #7a6f6f, #090000) !important;
    background-origin: border-box;
    background-clip: content-box, border-box;
    box-shadow: 2px 1000px 1px #eee inset;
    color: #000 !important;
}

#btn-grandt:hover {
    box-shadow: none;
    color: #fff !important;
}

#table-select select {
    height: 28px !important;
    line-height: 10px !important;
    font-size: 14px !important;
    margin: 4px -3px !important;
}

table#table-select input {
    height: 28px !important;
    width: 98% !important;
    margin: 0px !important;
}


/*VIEW CP (Channel Parntner)*/


/*-------------------------------------------*/

.view-cp {
    /* background: #f1f1f1 !important;*/
}

#view-cp-table td {
    border-right: 2px solid #f1f1f1 !important;
}

#view-cp-table td:first-child,
#cp-leads tbody tr td:first-child {
    padding-left: 1px !important;
}

#view-cp-table td:first-child,
#view-cp-table th:first-child {
    width: 2% !important;
}

#view-cp-table td,
table#view-cp-table th {
    width: 11% !important;
}

#view-cp-table td:second-child,
#view-cp-table th:second-child {
    width: 14% !important;
}

#view-cp-table td:last-child,
#view-cp-table th:last-child {
    width: 13% !important;
}

#view-cp-table td a {
    color: #000 !important;
}

#view-cp-table td a:hover {
    color: #222 !important;
}


/*EDIT CP (Channel Parntner)*/


/*-------------------------------------------*/


/*.edit-cp-title h1 {

    color: #000;

    margin-left: 42px;

    border-bottom: 1px solid #e4e4e4;

    padding: 15px;

    font-weight: normal;

    font-size: 15px;

    background: none !important;

    float: left;

    width: 100%;

    text-align: left;

    margin-bottom: 40px;

}*/


/*Channel Partner Leads */


/*----------------------------------------*/


/*#cp-leads thead th {

    width: 10% !important;

}*/

#cp-leads thead {
    margin-top: 0px !important;
}


/*
#cp-leads thead th, #cp-leads tbody tr td{

    width: 10% !important;

}
*/


/*#cp-leads thead th:first-child, #cp-leads tbody tr td:first-child{

    width: 2% !important;

}
*/


/*Group Mail */


/*--------------------------------*/

#group-mail {
    width: 99% !important;
    margin: 5px!important;
    color: #000 !important;
}

#group-mail .form-horizontal .controls {
    /* margin-left: 10px;*/
    color: #222;
}

input[type="checkbox"] {
    width: 11px;
    height: 11px;
    vertical-align: middle;
    margin-right: 5px;
    margin-left: 10px;
}

#group-mail .input-xlarge {
    width: 97%;
}

#group-mail input.input-xlarge.attachments {
    margin-bottom: 10px;
}

input[type="radio"] {
    width: 11px;
    height: 11px;
}

#group-mail input[type="radio"] {
    vertical-align: middle;
    margin: 0px 5px 0px 16px;
}

.input-xlarge {
    width: 100%;
}


/*NewsLetter GroupMail Page*/

table#bulk-history tbody {
    height: auto !important;
}

.bulk-history-title {
    margin: 30px 0px;
}

.bulk-newsgroup-mail {
    background: #fff !important;
}


/*SMS Template*/


/*---------------------------------*/

.create-new {
    margin: 0px;
}

.create-new a {
    padding: 5px;
    background: #242424;
    color: #fff;
    float: right;
    margin: 10px 10px 30px 0px;
}


/*1.Create SMS Template*/


/*.Edit SMS TEMPLATE*/


/*---------------------------------*/


/*#edit-sms-template .block-border, #create-sms-template .block-border{

padding:10px;

background:#F1F1F1;

margin: 10px;

box-shadow: 3px 3px 3px #cec7c7;

}*/


/* 2.  Email Template*/


/*--------------------------------*/

#email-template .table,
#custom-width {
    border-collapse: separate;
    border-spacing: 0 1.9px;
    margin-top: -11px;
}

#email-template .table th {
    color: #222 !important;
}

#email-template .table-striped td:first-child,
#email-template .table-striped th:first-child {
    width: 3% !important;
}

#email-template .table-striped tbody tr:nth-of-type(odd) {
    background-color: #fbfbfb !important;
}

#email-template .create-new a {
    margin: 10px !important;
}


/*Remark-Template*/


/*-------------------------------*/

.manage_edit-templte .block-border,
#createUser-admin .block-border,
#editUser-admin .block-border {
    width: 90%;
    margin: 30px auto;
    -webkit-box-shadow: 0 0 4px rgba(50, 50, 50, 0.16);
    box-shadow: 0 0 4px rgba(50, 50, 50, 0.16);
}

.lead-transfer-from {
    text-align: center;
    margin: 0px auto;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.lead-transfer-from span {}

.lead-transfer-from form {
    width: 100%;
    margin: 10px 0px;
}

.edit-leads {
    width: 100% !important;
    margin: 0px auto !important;
    overflow-x: hidden !important;
}

.manage_edit-templte form,
#createUser-admin form,
#editUser-admin .block-border form {
    padding: 20px;
}

.manage_edit-templte form input,
.manage_edit-templte form textarea,
#createUser-admin input,
#createUser-admin input[type='password'],
#createUser-admin input[type='email'],
#editUser-admin input,
#modal_previous-month-activity input {
    width: 100% !important;
    /*border-left: 3px solid #b9b7b7 !important;*/
}

.manage_edit-templte form button,
#editUser-admin form button {
    margin-top: 0px !important;
}

.form-title {
    background: #5591ff !important;
    /* Old browsers */
    background: -moz-linear-gradient(left, #eee 0%, #eee 99%);
    /* FF3.6-15 */
    background: -webkit-linear-gradient(left, #eee 0%, #eee 99%);
    /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to right, #eee 0%, #eee 99%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#eee', endColorstr='#eee', GradientType=1);
    /* IE6-9 */
    color: #fff !important;
    text-transform: uppercase;
    padding: 2px;
    text-align: center;
    border: 1px solid #dcdcdc;
}

.form-heading {
    font-size: 18px !important;
    color: #777777;
}


/*Administrator Menu*/


/*--------------------------------------*/


/*CreateUser Page*/


/*----------------------------*/

#createUser-admin input[type='checkbox'],
#editUser-admin input[type='checkbox'] {
    width: unset !important;
}

#createUser-admin select,
#editUser-admin select,
#sources_admin-popup select,
#createUser-admin input[type='number'],
#createUser-admin input[type='date'],
#createUser-admin input[type='time'],
#add_sources_admin-popup select,
.add_Payments {
    width: 100%;
    padding: 6px 5px;
    border-radius: 4px;
    border: 1px solid #e4e4e4 !important;
    cursor: pointer !important;
    color: #7d7d7d;
}

.adminstartor input[type='text'] {
    padding: 6px 5px;
    border-radius: 4px;
    color: #7d7d7d;
    border: 1px solid #e4e4e4 !important;
    cursor: pointer !important;
    /* border-left: 3px solid #b9b7b7 !important;*/
}

#createUser-admin label,
#editUser-admin label {
    margin-bottom: 5px !important;
    font-weight: bold;
}

#createUser-admin .control-group,
#editUser-admin .control-group,
#add_sources_admin-popup .control-group,
#admin_add-sources .control-group {
    margin-bottom: 15px;
}

#createUser-admin input[type='file'],
#createUser-admin input[type='submit'],
#editUser-admin input[type='submit'],
#editUser-admin input[type='file'] {
    border-left: transparent !important;
    width: unset !important;
}

#createUser-admin input[type='submit'] {
    text-align: center !important;
    margin-top: 15px !important;
}


/*Telecaller Data*/


/*---------------------------------*/

.tele_caller_data-admin .block-border {
    width: 60% !important;
    margin: 0px auto !important;
}

.tele_caller_data-admin select {
    width: 50% !important;
}

.tele_caller_data-admin a.upload-format {
    background: #f1f1f1;
    padding: 4px 10px;
    border: 1px solid #e1e1e1;
    color: #191919;
    float: left;
    margin: 4px 0px 20px;
}

.tele-data {
    margin: 40px;
    line-height: 30px !important;
    padding: 15px;
}

.tele-data a {
    text-transform: capitalize;
    background: #cc57a0;
    color: #fff !important;
    padding: 5px 10px;
    border-radius: 20px;
    margin: 10px 4px 10px -3px !important;
}

.btn.btn-primary a {
    color: #fff !important;
}


/*Activity Time*/


/*-----------------------------------*/

#activity_time-admin table td input {
    width: 30px !important;
    border: none !important;
    /* background: transparent !important;*/
    box-shadow: none !important;
    padding: 0px !important;
    text-align: center;
}

#activity_time-admin table,
#admin_add-sources table,
.projects_per table,
.add_agreement table {
    border-top: 0px !important;
    border-bottom: 0px !important;
}

#activity_time-admin table td {
    line-height: 0px !important;
}


/*-----------SOURCES---------------------*/

#admin_add-sources table td a {
    color: #191919 !important;
    text-transform: none;
}

#sources_admin-popup form input[type="text"],
#add_sources_admin-popup form input[type="text"],
#add_sources_admin-popup form input[type="text"],
.custom_popup form input {
    width: 100% !important;
    border-left: 3px solid #b9b7b7 !important;
}

#sources_admin-popup form label,
.custom_popup form label {
    font-weight: bold;
}

#sources_admin-popup form .btn,
#add_sources_admin-popup form .btn,
.custom_popup form .btn {
    margin-top: 15px !important;
}


/*#sources_admin-popup .modal-header {
	background: #f0f0f0 !important;
}*/

#admin_add-sources table td {
    padding: 0px 8px !important;
}

#add_sources_admin-popup form select {
    width: 100%;
}

input[type='color'] {
    height: 35px;
}

td.image-lighting img {
    width: 14px !important;
    margin-bottom: 5px;
}


/*---------------LOG HISTORY----------------*/

.log-history {
    background: #FFF !important;
}

.log-history table {
    border-top: 0px !important;
    border-bottom: 0px !important;
    margin-top: -3px;
}

.log-history table td {
    line-height: 18px !important;
}


/*---------MARKETING----------------*/


/*-------------UPLOAD-------------*/

.marketing .block-border,
.search_customer .block-border,
.upload_file .block-border {
    width: 60% !important;
}

#change_user-pwd {
    margin: 30px 0px;
}

#change_user-pwd tr td input {
    width: 40% !important;
}


/*.file_mngr {
	width: 96% !important;
}

.file_mngr h1 {
	font-size: 18px;
	background: #fff !important;
}*/

.file-sec {
    border-left: 1px solid rgba(33, 33, 33, 0.05);
}

.file {
    width: 84%;
    border: 1px solid #dedede;
    border-radius: 2px;
    padding: 0;
    background-color: #fff;
    position: relative;
    margin-bottom: 3px;
}

.file .file-name {
    padding: 10px;
    height: 140px;
    background-color: rgba(33, 33, 33, 0.05);
    border-top: 1px solid rgba(33, 33, 33, 0.05);
}

.file .icon {
    padding: 55px 10px 55px;
    display: table;
    width: 100%;
    text-align: center;
}

.file .icon i {
    font-size: 40px;
}

.file .icon,
.file .image {
    height: 150px;
    overflow: hidden;
    background-size: cover;
    background-position: top;
}

.file-manager .block-border .form-title {
    text-align: left !important;
    padding: 2px 30px !important;
}

.file-manager .block-border .panel-body {
    padding: 30px !important;
}

.fileupload.btn.btn-primary {
    margin-top: 0px !important;
    margin-bottom: 10px;
}

ul.folder-list li a i,
ul.folder-list li a i:hover {
    padding-right: 5px;
    color: #5d5d5d;
}

.search_customer .block-border input {
    border-left: 0px !important;
}

.search_customer .block-border #search-btn {
    margin: 0px 10px !important;
    padding: 4px 10px;
}

.custom_popup form .btn {
    width: unset !important;
    margin-top: 10px !important;
}

#table-details td {
    padding: 3px 6px 0px 6px !important;
}

#table-details td .form-control {
    padding: 0px 9px !important;
}

select,
input[type='file'],
td i,
th i {
    cursor: pointer !important;
}

#table-details td select {
    height: 24px !important;
}

#table-details td input[type='file'] {
    height: 24px !important;
    line-height: 18px !important;
    font-size: 15px !important;
    border: none !important;
}

#admin_add-sources {
    background: #fff !important;
}


/*--------------PROJECT DISLAY----------------------*/

.name-pic {
    float: left;
    width: 100%;
    position: relative;
}

.name-pic .name {
    padding: 10px;
    position: absolute;
    top: 10px;
    left: 90px;
}

img.profile_pic {
    width: 80px;
    border-radius: 100%;
}


/*.user-pic {
	background-origin: border-box;
	border-radius: 30px !important;
	width: 50px;
	height: 50px;
	border: 2px solid;
}*/

table.duedate th {
    background: #474747;
    color: #fff;
    padding: 10px;
    margin: 10px !important;
}

.pop-up-primary {
    margin-top: 10px !important;
}


/*ACCOUNTING sECTION MENU*/


/*----------GET CLOSED BUSINESS----------*/

.get_closed-business table {
    background: #fff !important;
    border-bottom: 0px !important;
}

.get_closed-business td {
    line-height: 14px !important;
    /*padding: 0px 2px 2px 12px !important;*/
}

.clode_busns tr.tr-header th {
    padding: 5px 10px 3px 10px !important;
    background: #f1f1f1;
}

.get-closed-hide {
    margin-bottom: 10px;
}

.paymeny-popup {
    display: flex;
}

.paymeny-popup #payments {
    margin: 3px 10px !important;
    padding: 0px 30px !important;
    line-height: 40px;
    /*background:
	 linear-gradient(to bottom, rgba(76, 76, 76, 1) 0%,
	  rgba(44, 44, 44, 1) 20%, rgba(0, 0, 0, 1) 46%, 
	  rgba(17, 17, 17, 1) 60%, rgba(8, 8, 8, 1) 76%, 
	  rgba(28, 28, 28, 1) 91%, rgba(19, 19, 19, 1) 100%);*/
    border-radius: 4px;
    color: #fff;
    cursor: pointer;
    border: 0px !important;
}


/*ADD PAYMENTS*/


/*----------------------------------*/

.add_Payments {
    margin: 5px 0px;
    border-left: 3px solid #b9b7b7 !important;
}

.modal-header.form-title {
    padding: 5px 18px 0px !important;
}

#custom-popup table {
    border: 0px !important;
    padding: 10px !important;
}


/*TWS COMPANY*/


/*-----------------------------*/

.tws-company {
    background: #fff;
}

.tws-company table {
    border: 0px !important;
}

.tws-company table td {
    line-height: 15px;
}

.tws-company table td:first-child,
.tws-company table th:first-child {
    width: unset !important;
}

.add-payment .block-border {
    width: 40% !important;
}

.new-btn {
    margin-top: 10px !important;
    padding: 6px 20px !important;
    float: right;
}

.tbl-thead {
    background: #fff;
    border: 0px;
}

.tbl-thead th:first-child,
.tbl-thead td:first-child {
    width: unset !important;
}

#add_invoice input[type="text"] {
    border-left: 0px !important;
    border: 1px solid #e4e4e4 !important;
}

#add_invoice th {
    padding: 8px 16px;
}

#tasks {
    width: 60% !important;
}

.add_agreement,
.bills_list {
    background: #fff;
    border-bottom: 0px !important;
}


/*Bills-list*/

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

.upload-recipt {
    padding: 2px 4px !important;
    background: linear-gradient(to bottom, rgba(76, 76, 76, 1) 0%, rgba(44, 44, 44, 1) 20%, rgba(0, 0, 0, 1) 46%, rgba(17, 17, 17, 1) 60%, rgba(8, 8, 8, 1) 76%, rgba(28, 28, 28, 1) 91%, rgba(19, 19, 19, 1) 100%);
    border-radius: 4px;
    color: #fff !important;
    cursor: pointer;
    border: 0px !important;
}

.bills_list .modal-header {
    background: #f0f0f0 !important;
}

.bills_list .modal-header h1 {
    margin-bottom: 0px !important;
    border: 0px !important;
    padding: 0px !important;
}

.bills_list .modal label {
    font-weight: bold;
}

input.bills-payment {
    margin-top: 10px !important;
}

.add-bills_form {
    padding: 0px 30px;
}

.view-spent,
{
    margin-top: -4px !important;
}

.monthly-report {
    background: #fff !important;
    border-collapse: separate;
    border-spacing: 0 1.9px;
}

.update-tar .block-border {
    width: 80% !important;
    /*margin: 30px auto !important;*/
}

.update-targets td:first-child {
    width: 0% !important;
    border-left: none !important;
}

.update-targets tr td input.border-right {
    border-bottom-right-radius: 0px;
    border-top-right-radius: 0px;
    border-right: 0px !important;
    background-color: #fff !important;
}

input.form-control#border-leftm,
.border-left,
#border-left {
    background-color: #fff !important;
    border-top-left-radius: 0px !important;
    border-bottom-left-radius: 0px !important;
    width: 10% !important;
    position: absolute;
}

#border-left {
    width: 10% !important
}

input#daily_tgt {
    border-bottom-left-radius: 0px !important;
    border-top-left-radius: 0px !important;
}

.update-targets tr td {
    padding: 3px 0px !important;
}

.source-wise_analysis table {
    border-bottom: 0px !important;
}

.source-wise_analysis table td .tooltip1 {}

.tooltip1 {
    position: relative;
    display: inline-block;
}

.tooltip1 .tooltiptext {
    visibility: hidden;
    width: 50px;
    background: rgb(2, 0, 36);
    font-size: 12px !important;
    background: rgb(2, 0, 36);
    background: #474747 !important;
    color: #fff;
    text-align: center;
    border-radius: 6px;
    padding: 0px 0;
    position: absolute;
    z-index: 1;
}

.tooltip1:hover .tooltiptext {
    visibility: visible;
}

#sms-form input {
    width: unset !important;
}

.leadhead {
    position: relative;
}

.call-icons {
    top: 5px;
    position: absolute;
    right: 29px;
    z-index: 1;
}

.call-icons a i {
    color: #474747 !important;
    padding: 0px 5px;
    font-size: 17px !important;
}

.lead_view-sms input[type="radio"],
#lead-completed input[type="radio"],
#custom-radio {
    width: 11px !important;
    height: 11px !important;
    margin-right: 5px !important;
}


/*Yesterday Plan*/

.yesterday-plan,
.previous_mnth-actvty,
.month_per,
.get_cust_cmplted,
.source_wise-active,
.source-wise_analysis,
.today_plan {
    background: #fff !important;
}

.yesterday-plan table th,
#call-sumry table th,
.today_plan th,
.source-wise_analysis th {
    text-align: center !important;
    font-weight: bold;
}

#call-sumry table td,
#projects_pm td,
.today_plan td {
    text-align: center !important;
}

.month_per table th {
    /*
    font-weight: bold;
*/
    font-size: 13px;
}

#call-sumry .tb-0 {
    border: 0px !important;
}

#call-sumry table {
    margin-top: -9px !important;
}

.month_per table,
.source_wise-active table,
.today_plan table {
    border-bottom: 0px !important;
}

.month_per h1 {
    border-bottom: 0px !important;
    margin-bottom: 0px !important;
}

.yesterday-plan table,
.previous_mnth-actvty table,
.today_plan table,
.month_per table,
.source_wise-active table,
.source-wise_analysis table {
    margin-top: -2px !important;
}

.yesterday-plan table td i {
    padding: 0px 3px !important;
}

#lead-summary table th {
    text-align: left !important;
}

.block-border.click-to-call {
    width: 60% !important;
    margin: 40px auto;
    box-shadow: 1px 2px 3px 2px #cdcdcd;
    padding: 20px 40px;
}

.call {
    margin-top: 0px !important;
    padding: 4px 10px !important;
    border-radius: 4px !important;
    color: #fff !important;
    cursor: pointer !important;
}

#click2call_cust_text {
    border-left: 3px solid #b9b7b7 !important;
}

#click2call_submitbtn {
    background: transparent;
    border: none;
    color: #fff;
}

#call-sumry table td {
    padding: 0px !important;
}

#call-sumry h1 {
    border-bottom: 0px !important;
}

.previous_mnth-actvty table th,
.get_cust_cmplted table th,
.projects_per table th {
    /*font-weight: bold;*/
}

#modal_previous-month-activity .control-group {
    margin-bottom: 10px !important;
}

#modal_previous-month-activity label {
    font-weight: bold;
}

.make-delete .block-border {
    width: 50% !important;
    margin: 40px auto !important;
}


/*.delete {

    margin-bottom: 10px;

}*/

.add-customer .block-border {
    width: 50% !important;
}

.adrole-input {
    margin-top: 5px;
}

.month_per table,
.auto_sms table {
    border-top: 0px !important;
    border-bottom: 0px !important;
}

.month_per .card {
    border: 0px !important;
    padding-top: 3px !important;
}

.month_per .card .card-body {
    padding: 0px !important;
}

.month_per .card-header {
    position: relative;
}

.month_per ul.card-actions {
    right: 30px;
    position: absolute;
    float: right;
    top: 6px;
}

.get_cust_cmplted {
    padding: 5px !important;
    position: relative;
}

.get_cust_cmplted table {
    padding: 60px 5px 5px !important;
    box-shadow: 0px 0px 3px 1px #dddbdb;
    margin-bottom: 30px !important;
}

.get_cust_cmplted table td {
    padding: 0px 3px !important;
}

h1.table-legend {
    position: absolute;
    background: #fff !important;
    left: 14px;
    margin-top: 22px !important;
}

.block-border.auto_sms {
    box-shadow: 0px 2px 5px #6a6a6a !important;
}

.auto_sms table th {
    border: 0px !important;
}

.auto_sms .tbtx {
    margin-left: 8%!important;
    height: 65px;
    width: 84% !important;
    /*	box-shadow: 0px 2px 5px #B9B9B9!important;*/
    border-radius: 6px!important;
    margin-top: 1%;
    margin-bottom: 1%;
    line-height: 20px;
}


/*-----------LEADVIEW-----------------*/

.leadview-box {
    width: 100% !important;
    background: #F1F1F1;
    float: left;
    position: relative;
}

.leadview .table-bordered td:first-child,
.border-left-none td:first-child {
    border-left: 1px solid #e0e0e0 !important;
}

.leadview-box table {
    border-top: 0px !important;
    border-bottom: 0px !important;
}

a.link {
    background: #474747;
    padding: 2px 12px;
    border-radius: 3px;
    color: #fff;
    transition: all .3s ease-in-out;
}

a.link:hover {
    background: #474747;
    transition: all .3s ease-in-out;
}

.leadview ul li {
    margin: 6px 0px !important;
}

.leadview-box table td,
.leadview-box th {
    width: unset !important;
}

.leadview_act {
    width: 61%;
    height: 500px;
    overflow-x: hidden !important;
    overflow-y: scroll !important;
}

.leadview_act,
.leadview_pro-info {
    background: #F1F1F1;
    float: left;
    /* margin:5px;*/
    padding: 5px;
}

.leadview_pro-info {
    background: #fff;
}

.profile-info {
    /*padding: 12px 20px;*/
    color: #777777 !important;
}

.profile-info h1 {
    margin-bottom: 20px !important;
}

.box {
    position: fixed;
    width: 33%;
    height: 500px;
    background: #fff !important;
    right: 0;
    top: 115px;
    box-shadow: 0 0 4px rgba(50, 50, 50, 0.31);
}

.leadview_pro-info {
    padding: 12px !important;
}

.info-details label {
    margin-bottom: 0px !important;
    font-size: 12px;
}

.info-details .mb-3 {
    margin-bottom: -6px !important;
}

.info-details span.input-group-text,
.info-details label {
    font-size: 14px;
}

section.leadview .row {
    width: 100% !important;
    margin: 0px auto;
}

.col {
    padding: 0px;
    /* box-shadow: 1px 1px 0px 0px #dfdfdf;*/
}

.second-col {
    padding: 0px 2px;
    /*box-shadow: 1px 1px 0px 0px #dfdfdf;*/
}

.row.profile-info {
    /* box-shadow: 1px 1px 0px 0px #dfdfdf;*/
}

.mails {
    width: 100% !important;
    /*margin: 1px auto;*/
    border: 1px solid #e4e4e4;
    /* padding: 10px 0px 36px;*/
    /* background: #f3f3f3;*/
}

.custom_input {
    width: 100% !important;
    margin-bottom: 3px !important;
    background: transparent !important;
    line-height: 32px !important;
    padding-left: 10px;
    color: #444 !important;
    border-radius: 4px;
    border: 1px solid #e4e4e4 !important;
}

.lead_view-sms {
    margin-top: 10px;
}

.send-sms ul li {
    color: #191919;
}

.title {
    padding-left: 10px;
    background: #eee;
    /* Old browsers */
    background: -moz-linear-gradient(left, #eee 0%, #eee 100%);
    /* FF3.6-15 */
    background: -webkit-linear-gradient(left, #eee 0%, #eee 100%);
    /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to right, #eee 0%, #eee 100%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#eee ', endColorstr='#eee ', GradientType=1);
    /* IE6-9 */
    color: #474747;
    font-weight: 600;
    text-transform: uppercase;
    /* border-top-left-radius: 4px;
border-bottom-left-radius: 4px;*/
    /*border-top: solid 1px #e4e4e4;*/
    margin-bottom: 0px !important;
    box-shadow: 0px 1px 1px 0px #e4e4e4;
}

.card-header.title {
    padding: 3px 5px !important;
}

.danger {
    color: red !important;
}

.sucess {
    color: green !important;
}

.updates,
.lead_activities,
.communications {
    /* background: #fff !important;

    box-shadow: 0 0 4px rgba(50, 50, 50, 0.31);

    margin-bottom: 10px;*/
}

.updates .row {
    padding: 10px;
}

.updates ul li {
    font-size: 14px !important;
    padding: 3px 5px;
    color: #191919;
}

.remarks {
    border-top: 1px solid #eee;
    margin-top: 5px;
}

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


/*cOMMUNICATIONS*/

.calls {
    padding: 5px;
    position: relative;
}

.calls table {
    border-bottom: 0px !important
    /*border: 0px !important;*/
}

.calls table th {
    text-transform: uppercase;
    font-family: calibri;
    /*	color: #7d7d7d !important;*/
    font-size: 13px;
}

.calls table td a {
    padding: 3px !important;
}

.communications table {
    padding: 40px 0px 0px;
    border: 1px solid #e4e4e4 !important;
    margin-top: 5px !important;
    border-bottom: 0px !important;
}

.calls h2 {
    position: absolute;
    left: 15px;
    top: 2px;
    background: #f1f1f1 !important;
    padding: 0px 6px;
    color: #191919;
}

.calls h2 i {
    padding-right: 10px;
}

.calls audio {
    width: 775px;
    height: 45px;
    padding: 0px !important;
}

.lead_activities th,
.lead_activities td,
.calls td,
.calls th {
    text-align: center !important;
}

.calls td {
    padding: 3px 0px !important;
}

.calls table tbody tr td {
    color: #000;
    vertical-align: middle !important;
}

.lead_view {
    border-left: 3px solid #b9b7b7 !important;
    /* border-radius: 4px !important; */
    background: #f9f9f9 !important;
    transition: border linear .2s, box-shadow linear .2s;
    color: #555;
    vertical-align: middle;
    border: 1px solid #e4e4e4 !important;
    padding: 5px 6px;
    position: relative;
}

a.google-map {
    position: absolute;
    top: 23%;
    left: 21%;
}

.input-group-text {
    background-color: #f9f9f9 !important;
}

#send-email-popup .control-group {
    margin-bottom: 10px !important;
}

.leadview_act::-webkit-scrollbar {
    width: 0 !important
}

.leadview_act {
    overflow: -moz-scrollbars-none;
}

.leadview_act {
    -ms-overflow-style: none;
}

#lead-completed label {
    float: left !important;
}

.select_other {
    margin-top: 3px !important;
}

#lead-create-form {
    padding: 0px !important;
}

.create-lead-box {
    padding: 20px !important;
}

#lead-create-form h1 {
    padding-left: 20px !important;
    text-transform: uppercase;
}


/*Edit Lead*/

#lead-edit-form label {
    float: left;
    width: 180px;
}

#lead-edit-form .controls {
    float: left;
    width: 60%;
}

#lead-edit-form .control-group {
    margin: 4px 0px !important;
}

#lead-edit-form {
    padding: 0px 0px 30px 0px !important;
    margin-bottom: 40px !important;
}

#lead-edit-form h1 {
    /*padding-left: 25px !important;
	text-transform: uppercase;
	font-family: calibri;
	color: #7d7d7d;*/
}


/*Customer Status*/


/*-----------------------------------*/

.customer_status {
    display: table;
    table-layout: fixed;
    width: 100%;
    background: #fff !important;
}

.responsive-table {
    display: table-cell;
    overflow-x: auto;
    width: 100%;
}

.customer_status table {
    overflow-x: scroll !important;
    width: 140% !important;
    max-width: unset;
}


/*REquirements */


/*------------------------*/

.custom-input {
    width: 100% !important;
    background: transparent !important;
    line-height: 32px !important;
    color: #444 !important;
    border-radius: 4px;
    border: 1px solid #e4e4e4 !important;
    border-left: 3px solid #b9b7b7 !important;
}

#modal-big .custom-input {
    line-height: 10px !important;
}

.requirement_popup label {
    margin-bottom: 2px !important;
}

.requirement_popup .controls {
    margin-bottom: 14px !important;
}

.requirement_popup .text_area {
    border-left: 1px solid #e4e4e4 !important;
}

.requirement_popup .btn.btn-primary {
    float: right !important;
    margin: 0px 0px 20px 0px;
}

.requirement_popup .modal-dialog {
    max-width: 800px !important;
}

.popup_form {
    width: 400px !important;
}

.new_agmnt table {
    margin-top: -4px !important;
}

.cold {
    background: #fff;
    padding-bottom: 30px !important;
}

.page-link {
    border: 0px !important;
    padding: 0px !important;
}

.pb-60 {
    padding-bottom: 60px;
}

.requirement_popup .modal-dialog .inner-modal .modal-dialog {
    /* width: 500px !important;*/
    height: 100vh !important;
}

.completed-actvity select,
.completed-actvity input,
.completed-actvity textarea {
    padding: 5px !important;
    border: 1px solid #e4e4e4;
    width: 100% !important;
    border-radius: 5px !important;
    height: 30px !important;
}

.completed-actvity textarea {
    height: 60px !important;
}

.actd {
    padding: 5px !important;
    border: 1px solid #e4e4e4;
    width: 100% !important;
    border-radius: 5px !important;
}


/*---------SUCESS MESSAGE--------*/

#form_msg {
    position: relative;
    margin: auto;
    overflow: hidden;
    width: 680px;
    height: 240px;
}

#form-alert-msg .modal-header {
    border: none !important;
}

#form-alert-msg .modal-dialog {
    max-width: 700px !important;
}

#form-alert-msg h1 {
    font-size: 0.9em;
    font-weight: 100;
    letter-spacing: 3px;
    padding-top: 5px;
    color: #FCFCFC;
    padding-bottom: 5px;
    text-transform: uppercase;
}

#form-alert-msg .green {
    color: #4ec07d;
}

#form-alert-msg .red {
    color: #e96075;
}

#form-alert-msg .alert {
    font-weight: 700;
    letter-spacing: 5px;
}

#form-alert-msg p {
    margin-top: -5px;
    font-size: 0.5em;
    font-weight: 100;
    color: #5e5e5e;
    letter-spacing: 1px;
}

#success-box {
    position: absolute;
    width: 35%;
    height: 100%;
    left: 12%;
    background: linear-gradient(to bottom right, #B0DB7D 40%, #99DBB4 100%);
    border-radius: 20px;
    box-shadow: 5px 5px 20px #cbcdd3;
    perspective: 40px;
}

#error-box {
    position: absolute;
    width: 35%;
    height: 100%;
    right: 12%;
    background: linear-gradient(to bottom left, #EF8D9C 40%, #FFC39E 100%);
    border-radius: 20px;
    box-shadow: 5px 5px 20px #cbcdd3;
}

#form-alert-msg .sucess-msg {
    font-size: 13px;
}

.face {
    position: absolute;
    width: 22%;
    height: 22%;
    background: #FCFCFC;
    border-radius: 50%;
    border: 1px solid #777777;
    top: 21%;
    left: 37.5%;
    z-index: 2;
    animation: bounce 1s ease-in infinite;
}

.face2 {
    position: absolute;
    width: 22%;
    height: 22%;
    background: #FCFCFC;
    border-radius: 50%;
    border: 1px solid #777777;
    top: 21%;
    left: 37.5%;
    z-index: 2;
    animation: roll 3s ease-in-out infinite;
}

.eye {
    position: absolute;
    width: 5px;
    height: 5px;
    background: #777777;
    border-radius: 50%;
    top: 40%;
    left: 20%;
}

.right {
    left: 68%;
}

.mouth {
    position: absolute;
    top: 43%;
    left: 41%;
    width: 7px;
    height: 7px;
    border-radius: 50%;
}

.happy {
    border: 2px solid;
    border-color: transparent #777777 #777777 transparent;
    transform: rotate(45deg);
}

.sad {
    top: 49%;
    border: 2px solid;
    border-color: #777777 transparent transparent #777777;
    transform: rotate(45deg);
}

.shadow {
    position: absolute;
    width: 21%;
    height: 3%;
    opacity: .5;
    background: #777777;
    left: 40%;
    top: 43%;
    border-radius: 50%;
    z-index: 1;
}

.scale {
    animation: scale 1s ease-in infinite;
}

.move {
    animation: move 3s ease-in-out infinite;
}

.message {
    position: absolute;
    width: 100%;
    text-align: center;
    height: 40%;
    top: 47%;
}


/*Project Display*/


/*------------------------------*/

.project-display .block-border {
    width: 98%;
    margin: 0px auto;
    box-shadow: 1px 1px 1px 1px #eee;
    border: 1px solid #eee;
    padding-bottom: 40px;
    margin-bottom: 60px;
}

.task-head {
    /*background: #eee;
	height: 38px !important;*/
    width: 100% !important;
    float: left !important;
    /* border-radius: 10px 10px 0 0;*/
    margin-bottom: 20px !important;
    font-size: 14px;
    line-height: 40px;
    color: #333;
    padding-left: 20px;
    font-weight: bold;
}

.project-profile_pic {
    width: 60px !important;
    border-radius: 50%;
}

.project-table {
    width: 90%;
    margin: 0px auto 40px;
}

.project-table table {
    width: 24%;
    float: right;
    margin-right: 20px;
}

.project-table .duedate td {
    padding: 5px;
    background: #f0f0f0 !important;
    border: 1px solid #dee2e6;
    background: #f1f1f1 !important;
    margin-bottom: 10px !important;
    text-align: center;
    font-weight: bold;
}

.project-table .duedate td {
    border: 1px solid #d8d8d8 !important;
}

.project-display .block-border .form {
    margin-bottom: 80px;
}

.bold {
    font-weight: bold !important;
}

.day_report {
    width: 98% !important;
    float: left;
}

.day_report td {
    /*width: 0% !important;*/
}

.day_report td #count {
    width: 72% !important;
    margin: -4px 0px;
    float: right;
}

.day_report td input.form-control {
    padding: .3rem .75rem !important;
    font-size: 1rem !important;
    line-height: 0 !important;
    background-color: #fff !important;
    border-radius: 0rem !important;
}

@keyframes bounce {
    50% {
        transform: translateY(-10px);
    }
}

@keyframes scale {
    50% {
        transform: scale(0.9);
    }
}

@keyframes roll {
    0% {
        transform: rotate(0deg);
        left: 25%;
    }
    50% {
        left: 60%;
        transform: rotate(168deg);
    }
    100% {
        transform: rotate(0deg);
        left: 25%;
    }
}

@keyframes move {
    0% {
        left: 25%;
    }
    50% {
        left: 60%;
    }
    100% {
        left: 25%;
    }
}


/*==================================
            Sortable Llists
=====================================*/

.list-sorts {
    float: left;
    width: 100%;
    padding: 40px 0px;
    background: #fff;
    height: 100vh;
}

.sort-lists {
    list-style-type: none;
    margin: 0px auto;
    padding: 0px;
    width: 40%;
}

.sort-lists li {
    margin: 2px 0px;
    background: gray;
    padding: 5px !important;
    position: relative;
    text-align: center;
    color: #fff !important;
    cursor: pointer;
}

.sort-lists li:before {
    font-family: fontawesome;
    position: absolute;
    left: 2px;
    content: "\f047";
    color: #fff;
    font-size: 14px;
    top: 8px;
}

.footer-bottom p {
    margin: 0px;
    color: #fff;
    padding: 12px 0px;
}

.footer-bottom {
    background: #23394a;
}


/*=====================================
        sweetheart2 sucess message
======================================*/

.sweet-alert-message,
.swal2-styled.swal2-confirm {
    padding: 6px 10px;
    border-radius: 3px !important;
    border: solid 1px transparent !important;
    color: #fff !important;
    background-size: 100% 100%;
    background: -webkit-linear-gradient(top, rgba(76, 76, 76, 1) 0%, rgba(44, 44, 44, 1) 20%, rgba(0, 0, 0, 1) 46%, rgba(17, 17, 17, 1) 60%, rgba(8, 8, 8, 1) 76%, rgba(28, 28, 28, 1) 91%, rgba(19, 19, 19, 1) 100%);
    background: -o-linear-gradient(top, rgba(76, 76, 76, 1) 0%, rgba(44, 44, 44, 1) 20%, rgba(0, 0, 0, 1) 46%, rgba(17, 17, 17, 1) 60%, rgba(8, 8, 8, 1) 76%, rgba(28, 28, 28, 1) 91%, rgba(19, 19, 19, 1) 100%);
    background: -ms-linear-gradient(top, rgba(76, 76, 76, 1) 0%, rgba(44, 44, 44, 1) 20%, rgba(0, 0, 0, 1) 46%, rgba(17, 17, 17, 1) 60%, rgba(8, 8, 8, 1) 76%, rgba(28, 28, 28, 1) 91%, rgba(19, 19, 19, 1) 100%);
    background: linear-gradient(to bottom, rgba(76, 76, 76, 1) 0%, rgba(44, 44, 44, 1) 20%, rgba(0, 0, 0, 1) 46%, rgba(17, 17, 17, 1) 60%, rgba(8, 8, 8, 1) 76%, rgba(28, 28, 28, 1) 91%, rgba(19, 19, 19, 1) 100%) !important;
    margin-top: 40px;
    transition: all .4s ease-in-out;
    cursor: pointer;
}

.sweet-alert-message:hover {
    background: linear-gradient(to bottom, rgba(76, 76, 76, 1) 0%, rgba(44, 44, 44, 1) 20%, rgba(0, 0, 0, 1) 46%, rgba(17, 17, 17, 1) 60%, rgba(8, 8, 8, 1) 76%, rgba(28, 28, 28, 1) 91%, rgba(19, 19, 19, 1) 100%) !important;
    ;
}


/*=======================================
          TIME LINE
=============================================*/

.send-sms::-webkit-scrollbar,
.newtimeline::-webkit-scrollbar {
    width: 0px !important;
}

#left-menu::-webkit-scrollbar {
    width: 1px !important;
}

body::-webkit-scrollbar {
    width: 0px;
}

.page-content {
    scrollbar-width: thin;
    scrollbar-height: 0px;
    scrollbar-color: #ddd;
}

.page-content::-webkit-scrollbar-track {
    background: #fff;
    overflow-x: none !important;
}

.page-content::-webkit-scrollbar-thumb {
    background-color: #5d5d5d;
    border-radius: 10px;
    /*border: 3px solid red;*/
    overflow-x: hidden !important;
}

.page-content::-webkit-scrollbar {
    width: 8px !important;
    margin-right: 10px;
    /*background: #f2f2f2 !important;
	overflow-x: hidden !important;*/
}

body.modal-open span#load_popup_modal_show_id::-webkit-scrollbar {
    width: 0px !important;
}

body.modal-open span#modal_popup-assign-user::-webkit-scrollbar {
    width: 0px !important;
}

table.display.table.table-bordered.table-striped.table.sortable.no-margin {
    width: 97.7% !important;
}

.send-sms {
    position: relative;
    max-width: 1200px;
    margin: 0 auto;
    /*height: 397px;*/
    height: 400px;
    overflow-y: scroll;
}

.containerss.leftarw span {
    position: absolute;
    right: -47%;
    width: 111px;
    background: #dcdcdc;
    top: 0%;
    padding: 2px 10px;
    /* color: #fff !important;*/
    z-index: 1;
    text-align: center;
}

.containerss.rightarw span {
    position: absolute;
    left: -49%;
    width: 113px;
    background: #dcdcdc;
    top: 42%;
    padding: 2px;
    /*color: #fff !important;*/
    z-index: 1;
    text-align: center;
}


/* The actual timeline (the vertical ruler) */

.timeline {
    content: '';
    position: absolute;
    width: 100%;
}

.timeline::after {
    content: '';
    position: absolute;
    width: 2px;
    background-color: #dcdcdc;
    top: 0;
    bottom: 0;
    left: 50%;
    margin-left: -3px;
}

.containerss.rightarw::after {
    content: '';
    position: absolute;
    width: 25px;
    height: 25px;
    left: -1%;
    border: 4px solid #FF9F55;
    top: 42%;
    z-index: 1;
    border: medium solid #f1f1f1;
    border-width: 13px 0 13px 13px;
    border-color: transparent transparent transparent #dcdcdc;
}


/* Container around content */

.containerss {
    padding: 10px 30px 10px 30px;
    position: relative;
    background-color: inherit;
    width: 50%;
    margin-bottom: 30px;
}

.timeline.h2 {
    background: #000;
}


/* The circles on the timeline */

.containerss::after {
    content: '';
    position: absolute;
    width: 25px;
    height: 25px;
    right: 2px;
    border: 4px solid #dcdcdc;
    top: 0px;
    z-index: 1;
    border: medium solid #dcdcdc;
    border-width: 13px 13px 13px 0;
    border-color: transparent #dcdcdc transparent transparent;
}


/* Place the container to the left */

.leftarw {
    left: 0px;
    position: relative;
}


/* Place the container to the right */

.rightarw {
    left: 50%;
    /* position: relative; */
}

span.txtleft.whatsapp {
    top: 16px;
}


/* Add arrows to the left container (pointing right) */

.leftarw::before {
    content: " ";
    height: 0;
    position: absolute;
    top: 0px;
    font-family: 'fontawesome';
    right: 17px;
    border: medium solid #dcdcdc;
    border-width: 16px 0 16px 16px;
    border-color: transparent transparent transparent #dcdcdc;
    left: -15px;
    /*content: " ";
	height: 0;
	position: absolute;
	top: 10px;
	width: 0;
	z-index: 1;
	right: 17px;
	border: medium solid #dcdcdc;
	border-width: 16px 0 16px 16px;
	border-color: transparent transparent transparent #dcdcdc;*/
}


/* Add arrows to the right container (pointing left) */

.rightarw::before {
    content: " ";
    height: 0;
    position: absolute;
    top: 11px;
    width: 0;
    z-index: 1;
    left: 15px;
    border: medium solid #dcdcdc;
    border-width: 16px 16px 16px 0;
    border-color: transparent #dcdcdc transparent transparent;
}


/* Fix the circle for containers on the right side */

.rightarw::after {
    left: -16px;
}


/* The actual content */

.content {
    padding: 6px 10px;
    background-color: #dcdcdc;
    position: relative;
    border-radius: 6px;
}

.box-border {
    width: 60%;
    height: 550px;
    margin: 0px auto;
    -webkit-box-shadow: 0 0 4px rgba(50, 50, 50, 0.16);
    box-shadow: 0 0 4px rgba(50, 50, 50, 0.16);
}


/*==========================
	New Timeline changed design
=========================*/

.newtimeline {
    position: relative;
    width: auto;
    margin: 0 auto;
    margin-top: 1em;
    padding-bottom: 2em;
    padding-left: 0;
    overflow-y: scroll;
    z-index: 0;
}

.newtimeline:before {
    position: absolute;
    left: 14%;
    top: 0;
    content: ' ';
    display: block;
    width: 2px;
    height: 100%;
    margin-left: -3px;
    background: #dcdcdc;
    z-index: 5;
}

.newtimeline:after {
    display: none !important;
}

.dir-l,
.dir-r {
    position: relative;
    width: 80%;
    padding: 10px 10px;
    background: #fff;
    box-shadow: 0px 0px 1px 0px #dcdcdc;
    margin-top: 0;
    margin-bottom: -0.5em;
}

.newtimeline h1 {
    font-size: 14px;
    color: #474747;
    font-weight: bold;
    /* width: 100%; */
    margin-bottom: 0px !important;
}


/*.newtimeline img{
         border-radius: 50%;
         width:30px;
         }*/

.timeline-icon {
    position: absolute;
    top: 1em;
    width: 2.5em;
    height: 2.5em;
    right: 0;
    border-radius: 50%;
    z-index: 10;
}

.newtimeline a {
    color: #38666a;
    margin-left: .3em;
}

.dir-l,
.dir-r {
    left: 16%;
    border: 1px solid #dcdcdc;
    /* top: -1%; */
}

.dir-l:before {
    background: #8e8e8e;
}

.dir-r:before,
.dir-l:before {
    position: absolute;
    content: '';
    width: 11px;
    height: 11px;
    border-radius: 50px;
    left: -18px;
    top: -2px;
    display: inline-block;
    vertical-align: middle;
    z-index: 11;
    color: #8e8e8e;
}

.dir-r:before {
    background: #8e8e8e;
}

.timeline-icon {
    position: absolute;
    top: 0.8em;
    width: 25px;
    height: 25px;
    left: 10%;
    margin-left: -30px;
    box-shadow: 0 0 0 4px white, inset 0 2px 0 rgba(0, 0, 0, 0), 0 0 0 5px rgba(0, 0, 0, 0.15);
}

.timeline-icon img {
    width: 25px;
}

.timeline-blocks {
    display: block;
    height: auto;
    padding: 1em 0;
    position: relative;
    overflow: hidden;
}

.newtimeline img {
    /*border-radius: 50%;*/
    width: 300px !important;
}

.newtimeline a {
    color: #38666a;
    margin-left: .3em;
}

.timeline-blocks .date-l,
.timeline-blocks .date-r {
    position: absolute;
    top: 1em;
    font-size: 1em;
    left: 28%
}

figure.timeline-icon:before {
    position: absolute;
    content: '\f0e0 ';
    font-family: "FontAwesome";
    font-size: 16px;
    color: #575656 !important;
    top: 3px;
    width: 24px;
    height: 24px;
    border-radius: 50px;
    text-align: center;
    vertical-align: middle;
}

.timeline_sms:before {
    content: '\f27a' !important;
}

.timeline_dialed:before {
    content: '\f095' !important;
}

.timeline_leadcreation:before {
    content: '\f040' !important;
}

.timeline-icon.timeline_meetings:before {
    content: '\f0c0' !important;
}

.timeline-blocks .date-r {
    left: 28%;
}

.timeline-blocks a:hover {
    color: #4B878D;
}


/*==================================================
            HIGHPROSPECTS
====================================================*/

#bg-white {
    background: #fff !important;
}

.board {
    position: relative;
    /*  margin-left: 1%;*/
    width: 100% !important;
}

.board-column {
    position: absolute;
    left: 0;
    right: 0;
    width: 28%;
    margin: 0 1%;
    background: #f1f1f1;
    border-radius: 3px;
    z-index: 1;
    margin-top: 30px;
    margin-bottom: 60px;
}

.board-column.muuri-item-releasing {
    z-index: 2;
}

.board-column.muuri-item-dragging {
    z-index: 3;
    cursor: move;
}

.board-column-header {
    position: relative;
    height: 50px;
    line-height: 50px;
    overflow: hidden;
    padding: 0 20px;
    text-align: center;
    background: #333;
    color: #444;
    border-radius: 3px 3px 0 0;
}

.board-item-content h2 {
    font-size: 16px;
    margin-bottom: 0px !important;
}

.board-item-content p {
    font-size: 14px;
    margin-bottom: 8px;
}

.board-column.todo .board-column-header {
    background: #f1f1f1;
}

.board-column.working .board-column-header {
    background: #f1f1f1;
}

.board-column.done .board-column-header {
    background: #f1f1f1;
}

.board-column-content {
    position: relative;
    border: 10px solid transparent;
    min-height: 200px;
}

.board-item {
    position: absolute;
    width: 100%;
    margin: 5px 0;
}

.board-item.muuri-item-releasing {
    z-index: 9998;
}

.board-item.muuri-item-dragging {
    z-index: 9999;
    cursor: move;
}

.board-item.muuri-item-hidden {
    z-index: 0;
}

.board-item-content {
    height: 130px;
    position: relative;
    padding: 10px;
    background: #fff;
    border-radius: 4px;
    /*font-size: 17px;*/
    cursor: pointer;
    -webkit-box-shadow: 0px 1px 3px 0 rgba(0, 0, 0, 0.2);
    box-shadow: 0px 1px 3px 0 rgba(0, 0, 0, 0.2);
}

.board-item-content ul {
    float: left;
}

.board-item-content ul.dates {
    float: right !important;
}

.board-item-content ul li {
    float: left;
}

.board-item-content ul li a {
    padding: 6px;
}


/*===================================
            TODO lIST dYNAMIC        
=====================================*/

.todo-wraps {
    width: 100%;
    height: 100vh;
    background: #fff !important;
    margin-top: 45px;
}

.todo {
    background: #f7f7f7;
    padding: 10px;
    width: 22%;
    float: left;
    margin: 13px;
    border-radius: 10px;
    box-shadow: -1px 2px 5px 0px #d8d5d5;
    height: 55%;
    overflow-y: auto;
}

.todo-header h2 {
    font-size: 16px;
    margin-bottom: 10px;
}


/* Style the list items */

.my_ul li {
    cursor: pointer;
    position: relative;
    padding: 5px 8px 5px 14px;
    list-style-type: none;
    background: #eee;
    font-size: 15px;
    transition: 0.2s;
    /* make the list items unselectable */
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.my_ul li:nth-child(odd) {
    background: #f9f9f9;
}

.my_ul li:hover {
    background: #ddd;
}


/* When clicked on, add a background color and strike out text */

.my_ul li.checked {
    background: #888;
    color: #fff;
    text-decoration: line-through;
    border: solid 1px #989898;
}


/* Add a "checked" mark when clicked on */

.my_ul li.checked::before {
    content: '';
    position: absolute;
    border-color: #fff;
    /*border-style: solid;*/
    border-width: 0 2px 2px 0;
    top: 12px;
    left: 16px;
    transform: rotate(45deg);
    height: 10px;
    width: 5px;
}


/* Style the close button */


/*.close {
  position: absolute;
  right: 16px;
  top: 16px;
  padding:10px;
  font-size: 1rem !important;
}*/

.close:hover {
    color: white;
}

.todo-header {
    padding: 10px 0px;
    text-align: center;
}


/* Clear floats after the header */

.todo-header:after {
    content: "";
    display: table;
    clear: both;
}

.todo-input {
    margin: 0;
    border: 1px solid #f1f1f1;
    /* border-radius: 0; */
    width: 95%;
    padding: 3px;
    /*float: left;*/
    font-size: 16px;
    border-right: 1px solid transparent
}

.todo-addBtn {
    color: #fff !important;
    padding: 10px;
    width: 25%;
    background: linear-gradient(to bottom, rgba(76, 76, 76, 1) 0%, rgba(44, 44, 44, 1) 20%, rgba(0, 0, 0, 1) 46%, rgba(17, 17, 17, 1) 60%, rgba(8, 8, 8, 1) 76%, rgba(28, 28, 28, 1) 91%, rgba(19, 19, 19, 1) 100%);
    color: #555;
    float: left;
    text-align: center;
    font-size: 16px;
    cursor: pointer;
    transition: 0.3s;
    border-radius: 0;
}

.todo-addBtn:hover {
    background-color: #bbb;
}


/*=========================================
              Search BY Name
===========================================*/

#txtCountry {
    width: 210px !important;
    float: right;
    /* margin: 0px 0px 0px; */
    padding: 2px !important;
    border-radius: 0px !important;
    padding-left: 10px !important;
    line-height: 26px;
    /* margin: 20px 0px;*/
    border-radius: 25px !important;
    background: #fff !important;
    border: 1px solid #b2aeae;
}

.form-group.has-search {
    margin: 0px !important;
}


/*Login Page*/

.home-page {
    width: 100%;
    float: left;
    height: 100vh;
    padding: 50px 0px 80px;
    background: rgb(73, 155, 234);
    background: -moz-linear-gradient(left, rgba(73, 155, 234, 1) 0%, rgba(32, 124, 229, 1) 100%);
    background: -webkit-linear-gradient(left, rgba(73, 155, 234, 1) 0%, rgba(32, 124, 229, 1) 100%);
    background: linear-gradient(to right, rgba(73, 155, 234, 1) 0%, rgba(32, 124, 229, 1) 100%);
    filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#499bea', endColorstr='#207ce5', GradientType=1);
}

#login-logo {
    width: 220px;
}

.home-page .form-section {
    padding: 60px 0px;
}

.user-image-section {
    text-align: center;
    margin: 40px 0px 30px;
}

.home-page .container {
    width: 1000px !important;
}

.home-page .container .row {
    background: #fff;
}

.home-page form label {
    color: #424242 !important;
}

#btn-login {
    padding: 6px 20px !important;
    float: right;
    margin-top: 16px;
}

.home-page .footer {
    width: 100%;
}

.home-page .footer p {
    text-align: center;
    color: #424242;
    padding: 7px 15px;
    background: #d6ddff;
}

.home-page input:focus {
    color: #495057;
    background-color: #fff;
    border-color: #a1a3a5 !important;
    outline: none !important;
    box-shadow: none !important;
}

#btn-login {
    transition: all .3s ease-in-out;
}

#btn-login:hover {
    background: #424242 !important;
    transition: all .3s ease-in-out;
}

.home-page .footer p a {
    color: #0a0a0a !important;
    transition: all .3s ease-in-out;
}

.home-page .footer p a:hover {
    color: #137af3 !important;
    transition: all .3s ease-in-out;
}

.alert-success {
    color: #155724;
    background-color: #d4edda;
    border-color: #c3e6cb;
    left: 50% !important;
    transform: translate(-50%, -50%) !important;
}


/*Master Pages*/


/*---------------------------*/

button.buttonrr {
    width: 10%;
    height: 92px;
    margin: 14px 8px;
    font-size: 12px;
    text-transform: uppercase;
    border: 1px solid;
    border-color: #000000;
    color: #fff;
    border-radius: 3px;
    box-shadow: 0 1px 4px rgba(0, 0, 0, 0.4);
    line-height: 14px;
    cursor: pointer;
    text-align: left;
    min-height: 48px;
    background: #3c91cf!important;
    border-color: #3c91cf!important;
    text-align: center;
    vertical-align: middle;
}

button.buttonrr img {
    width: 55px;
    height: auto;
}

button.buttonrs1 img {
    width: 55px;
    height: auto;
}

.buttonrs1 {
    background: #dcdcdc !important;
    box-shadow: 0 1px 4px rgba(0, 0, 0, 0.4);
    text-transform: uppercase;
    width: 10%;
    height: 92px;
    margin: 5px 8px;
    font-size: 12px;
    border: 1px solid;
    border-color: #dcdcdc;
    color: #474747;
    font-weight: 600;
    border-radius: 3px;
    line-height: 14px;
    cursor: pointer;
    text-align: left;
    min-height: 48px;
    text-align: center;
    vertical-align: middle;
}

#master-table {
    width: 98%;
    margin: 10px !important;
}

#master-table td {
    padding: 18px 10px;
    color: #fff !important;
    font-size: 16px;
}

#master-table .enrl1 {
    background: #3494e6;
    background: -webkit-linear-gradient(to right, #3494e6, #ec6ead);
    color: #fff;
}

#master-table .enrsp1 {
    font-size: 28px!important;
    margin-bottom: 0px!important;
    font-family: 'Bebas Neue', cursive;
}

#master-table .alt1 {
    background: linear-gradient(to right, #00c3c3, #55a0b1);
}

.master .card {
    margin-bottom: 5px;
    padding: 5px 2px 0px;
}

.master .fa-play:before {
    color: #909090;
    font-size: 10px;
}

.fna1 {
    background: linear-gradient(to right, #f0b54f, #d08a12);
}

.rewq {
    background: linear-gradient(to right, #e2768e, #ea4f9e);
}

.hand1 {
    background: linear-gradient(to right, #5bbd67, #209623);
}

#demo4,
#demo5,
#demo2,
#demo3 {
    font-size: 24px!important;
    margin-bottom: 0px!important;
    font-family: 'Bebas Neue', cursive;
}

.master .card-body {
    padding-top: 0px;
    border: 1px solid #f1f1f1;
}

.bg-th {
    padding: 2px 5px 2px 9px;
    color: #474747 !important;
    font-weight: 600;
    border: 0.5px solid #dcdcdc !important;
    text-transform: uppercase;
    background: #eee;
    background: -moz-linear-gradient(left, #eee 0%, #eee 100%);
    background: -webkit-linear-gradient(left, #eee 0%, #eee 100%);
    background: linear-gradient(to right, #eee 0%, #eee 100%);
}

ul.w-17 {
    width: 17.6%;
    float: left;
    margin: 0px 30px;
}

ul.w-33 {
    width: 16.6%;
    float: left;
}

ul.w-33 li,
ul.w-17 li {
    margin: 14px 0px;
}

form.right-butons {
    float: left;
    margin-left: 10px;
}

.master .form-control {
    width: 32%;
    float: left;
    margin-right: 10px !important;
    margin-bottom: 30px !important;
    height: 28px !important;
    font-size: 14px !important;
}

.master .btn.btn-primary {
    margin-top: 0px !important;
    padding: 3px;
    font-size: 14px;
}

.link-blue {
    color: #007bff;
}


/*Add NEW Customers*/


/*------------------------------*/

.addnew_customers .card {
    border: 1px solid #f1f1f1;
    width: 99.5%;
    margin: 0px auto;
    margin-bottom: 5px;
}

.addnew_customers .card table .tbody td {
    padding: 5px 10px !important;
}

.addnew_customers .card table input,
.addnew_customers .card table select {
    height: 33px !important;
    border: 1px solid #b9b3b3 !important;
    padding-left: 5px !important;
    width: 69%;
    border-radius: 4px !important;
}

#plotslist select {
    width: 100%;
    margin-top: 4px;
    border: 2px solid #e4e2e2;
    border: 1px solid #ced4da;
    border-radius: 3px;
}


/*Flats Avulability*/

#flatsavailability thead td {
    background: red;
    padding: 2px 5px 2px 9px;
    color: #8e8e8e !important;
    font-weight: 600;
    border: 0.5px solid #d7e9fd !important;
    text-transform: uppercase;
    background: #3c96fc29 !important;
    background: -moz-linear-gradient(left, #3c96fc29 0%, #3c96fc29 100%) !important;
    background: -webkit-linear-gradient(left, #3c96fc29 0%, #3c96fc29 100%) !important;
    background: linear-gradient(to right, #3c96fc29 0%, #3c96fc29 100%) !important;
}

#master-edit .cret-box1 {
    padding: 0px 10px !important;
}

#master-edit .cret-box1 .card {
    border: 1px solid #f2f2f2 !important;
    /*margin-top: -11px;*/
}

#master-edit .cret-box1 .card .form-control::placeholder {
    font-size: 14px !important;
}

#master-edit .cret-box1 .card label {
    width: 175px !important;
}

.red {
    color: red !important;
}

.form-control:disabled,
.form-control[readonly] {
    background-color: transparent !important;
    opacity: 1;
}

#reportingteam label input {
    width: 100px !important;
    float: left;
}

#viewagent .card {
    margin-bottom: 3px;
}

#viewagent .card .card-body {
    padding: 10px !important;
}

#master-checklists label {
    width: 170px !important;
}

#add_commission .control-group {
    width: 100% !important;
}


/*Full-screens*/

.panel-action {
    margin-top: -20px;
    margin-bottom: 0;
    text-align: right;
}

.panel-action a {
    color: #333;
}

.panel-fullscreens {
    display: block;
    z-index: 9999;
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    overflow: auto;
}

.card.panel-fullscreens {
    margin: 0px !important;
}

#panel-fullscreens i {
    color: #8e8e8e !important;
    margin-top: 7px;
}


/*Dashboard crm*/

span.counter-anim p {
    margin: 0px;
    font-size: 18px;
    color: #fff;
}

.crm-h {
    font-size: 16px !important;
    color: #fff;
}

.dash-grid .col {
    width: 50%;
    /*position: relative;*/
    text-align: justify;
    float: left;
}

.dash-grid .col .centerimage {
    /*clip-path: circle(50%);*/
    width: 200px;
    height: 200px;
    position: absolute;
    top: -8%;
    left: 50%;
    transform: translate(-50%, 20%) scale(0.85);
    text-align: center;
}

.centerimage img {
    width: 100px;
    height: 100px;
    border-radius: 50px;
    object-fit: cover;
}

.dash-grid .col .card {
    margin: 5px !important;
    border: none !important;
    height: 288px;
}

.dash-grid .col .card-body {
    position: relative;
    padding: 13px;
}

.dash-grid .col .left {
    width: 42%;
    float: left;
}

.dash-grid .col .left ul li {
    text-align: right;
}

.dash-grid .col .left:before,
.dash-grid .col .right:before {
    content: "";
    width: 73px;
    height: 145px;
}

.dash-grid .col .left:before {
    float: right;
    shape-outside: polygon(102.57% 108.5%, -16.09% 49.88%, 34.42% 23.33%, 111.81% -13.58%, 218.38% 66.05%, 60.5% 56%, 100% 5%, 5% 55%) !important;
    /*shape-outside:polygon(1.57% 59.5%, 7.91% 43.88%, 24.42% 34.33%, 53.81% 25.42%, 99.38% 21.05%, 100%.07% 93.04%, 55.84% 88.35%, 17.85% 77.33%) !important; */
}

.dash-grid .col .right {
    width: 42%;
    float: right;
}

.dash-grid .col .right:before {
    float: left;
    shape-outside: polygon(75.87% 55.77%, 32.89% 54.89%, 69.91% 31.73%, 48.53% 27.57%, 67.45% 333.08%, 140.21% 115.18%, -62.22% 198.79%, 64.79% 160.37%, 23% 51%, 58% 53%, 42% 77.4%);
    /*
        shape-outside:polygon(98.87% 55.77%, 84.89% 40.89%, 74.91% 31.73%, 41.53% 26.57%, 55.45% 304.08%, 139.21% 147.18%,
         -74.22%  147.79%, 57.79% 156.37%, 28% 31%, 44% 51%, 37% 77.4%);   */
    /*          shape-outside:polygon(98.87% 55.77%, 89.89% 40.89%, 73.91% 33.73%, 42.53% 24.57%, -0.55% 21.08%, 0.21% 92.18%, 50.78%  87.79%, 87.79% 74.37%); 
*/
}

.dash-grid .col .center-list li {
    float: left;
    margin: 12px 10px;
}

.dash-grid .col .centerimage .centerimage-list li {
    float: left;
    margin: 2px 5px;
}

ul.centerimage-list {
    margin-left: 45px;
}


/*-----------------Media Queries ----------------*/

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

@media(max-width: 968px) {
    .top-nav ul.nav.navbar-nav {
        display: inline-block !important;
        width: 100%;
    }
    li.nav-item {
        display: inline-block !important;
    }
    .top-nav ul li a {
        width: 76px;
        height: 50px;
        overflow: hidden !important;
        font-size: 0px;
    }
}


/*768px*/

@media only screen and (max-width: 767px) {
    .table-responsive {
        display: block !important;
    }
    .home-page {
        padding: 0px !important;
        background: #fff !important
    }
    .home-page .container {
        width: 100% !important;
    }
    .home-page .container .row {
        margin: 20px;
        box-shadow: 1px 2px 6px 3px #f1f1f1de;
    }
    .home-page .container .row .sm-none {
        display: none;
    }
    #btn-login {
        margin-bottom: 40px !important;
    }
    .home-page .form-section {
        padding: 0px 0px;
    }
    .home-page .no-margin {
        margin: -18px 20px 20px !important;
    }
}


/* Media queries - Responsive timeline on screens less than 600px wide */

@media screen and (max-width: 600px) {
    .timeline::after {
        left: 31px;
    }
    div#model-big {
        width: 600px !important;
    }
    .containerss {
        width: 100%;
        padding-left: 70px;
        padding-right: 25px;
    }
    .containerss::before {
        left: 60px;
        border: medium solid white;
        border-width: 10px 10px 10px 0;
        border-color: transparent white transparent transparent;
    }
    .leftarw::after,
    .rightarw::after {
        left: 15px;
    }
    .rightarw {
        left: 0%;
    }
    .board-column-header {
        text-indent: -1000px;
    }
    .board-item-content {
        text-align: center;
    }
    .board-item-content span {
        display: none;
    }
}

@media (min-width: 576px) {
    #custom-popup {
        max-width: 880px !important;
        margin: 1.75rem auto;
    }
}

.sweet-alert-message,
.swal2-styled.swal2-confirm {
    padding: 6px 10px;
    border-radius: 3px !important;
    border: solid 1px transparent !important;
    color: #fff !important;
    background-size: 100% 100%;
    background: linear-gradient(to bottom, rgba(76, 76, 76, 1) 0%, rgba(44, 44, 44, 1) 20%, rgba(0, 0, 0, 1) 46%, rgba(17, 17, 17, 1) 60%, rgba(8, 8, 8, 1) 76%, rgba(28, 28, 28, 1) 91%, rgba(19, 19, 19, 1) 100%) !important;
    margin-top: 40px;
    transition: all .4s ease-in-out;
    cursor: pointer;
}

.sweet-alert-message:hover {
    background: linear-gradient(to bottom, rgba(76, 76, 76, 1) 0%, rgba(44, 44, 44, 1) 20%, rgba(0, 0, 0, 1) 46%, rgba(17, 17, 17, 1) 60%, rgba(8, 8, 8, 1) 76%, rgba(28, 28, 28, 1) 91%, rgba(19, 19, 19, 1) 100%) !important;
    ;
}

.pic-wrapper {
    position: absolute;
    width: 100%;
    height: 100%;
    overflow: hidden;
}

figure {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    /*animation*/
    animation: slideShow 24s linear infinite 0s;
    -o-animation: slideShow 24s linear infinite 0s;
    -moz-animation: slideShow 24s linear infinite 0s;
    -webkit-animation: slideShow 24s linear infinite 0s;
}

figurecaption {
    position: absolute;
    top: 50%;
    left: 50%;
    color: #fff;
}

.pic-1 {
    opacity: 1;
    background: url(https://img.freepik.com/free-vector/modern-city-night-skyline-neon-cartoon_1441-3160.jpg?size=626&ext=jpg&ga=GA1.2.1621351328.1595334610) no-repeat center center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}

.pic-2 {
    animation-delay: 6s;
    -o-animation-delay: 6s;
    -moz--animation-delay: 6s;
    -webkit-animation-delay: 6s;
    background: url(https://img.freepik.com/free-photo/contemporary-architecture-office-building-cityscape-personal-perspective-concept_53876-42940.jpg?size=626&ext=jpg&ga=GA1.2.1621351328.1595334610) no-repeat center center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}

.pic-3 {
    animation-delay: 12s;
    -o-animation-delay: 12s;
    -moz--animation-delay: 12s;
    -webkit-animation-delay: 12s;
    background: url(https://images.unsplash.com/photo-1496568816309-51d7c20e3b21?ixid=MXwxMjA3fDB8MHxzZWFyY2h8MjZ8fHJlYWwlMjBlc3RhdGV8ZW58MHx8MHw%3D&ixlib=rb-1.2.1&w=1000&q=80) no-repeat center center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}

.pic-4 {
    animation-delay: 18s;
    -o-animation-delay: 18s;
    -moz--animation-delay: 18s;
    -webkit-animation-delay: 18s;
    background: url(https://encrypted-tbn0.gstatic.com/images?q=tbn:ANd9GcSEpYxouyb6kzuza67_vnS3gXuawF17vfzhEg&usqp=CAU) no-repeat center center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}


/* keyframes*/

@keyframes slideShow {
    0% {
        opacity: 0;
        transform: scale(1);
        -ms-transform: scale(1);
    }
    5% {
        opacity: 1
    }
    25% {
        opacity: 1;
    }
    30% {
        opacity: 0;
        transform: scale(1.1);
        -ms-transform: scale(1.1);
    }
    100% {
        opacity: 0;
        transform: scale(1);
        -ms-transformm: scale(1);
    }
}

@-o-keyframes slideShow {
    0% {
        opacity: 0;
        -o-transform: scale(1);
    }
    5% {
        opacity: 1
    }
    25% {
        opacity: 1;
    }
    30% {
        opacity: 0;
        -o-transform: scale(1.1);
    }
    100% {
        opacity: 0;
        -o-transformm: scale(1);
    }
}

@-moz-keyframes slideShow {
    0% {
        opacity: 0;
        -moz-transform: scale(1);
    }
    5% {
        opacity: 1
    }
    25% {
        opacity: 1;
    }
    30% {
        opacity: 0;
        -moz-transform: scale(1.1);
    }
    100% {
        opacity: 0;
        -moz-transformm: scale(1);
    }
}

@-webkit-keyframes slideShow {
    0% {
        opacity: 0;
        -webkit-transform: scale(1);
    }
    5% {
        opacity: 1
    }
    25% {
        opacity: 1;
    }
    30% {
        opacity: 0;
        -webkit-transform: scale(1.1);
    }
    100% {
        opacity: 0;
        -webkit-transformm: scale(1);
    }
}

@media (min-width: 1281px) {
    .thfixed {
        height: 617px;
    }
}


}
@media (min-width: 1281px) and (max-width: 1366px) {
    .thfixed {
        height: 600px !important;
    }
}
@media (min-width: 1366px) and (max-width: 1477px) {
    .thfixed {
        height: 508px !important;
    }
}