/*#myCarousel .carousel-caption {
    position: relative;
    right: auto;
    bottom: 0px;
    left: 0;
    z-index: 10;
    padding-top: 20px;
    padding-bottom: 20px;
    color: #020202;
    text-align: center;
    width: 80%;
}
#myCarousel .carousel-caption-title {
    position: relative;
    right: auto;
    bottom: 0px;
    left: 0;
    z-index: 10;
    padding-top: 20px;
    padding-bottom: 20px;
    color: #020202;
    text-align: center;
    width: 80%;
}
#myCarousel .carousel-caption-title p{
margin-bottom: 0px;
}
.trophyFont{
font-size: 150px;
background:#4472c4;
color: #ffd966;
padding: 80px;
border-radius: 50%;
display: table;
width: 180px;
height: 180px;
}
.trophyTargetAchieved{
font-size: 150px;
background:#bf9000;
color: #ffd966;
padding: 80px;
border-radius: 50%;
display: table;
width: 180px;
height: 180px;
}
.trophyTarget55{
font-size: 150px;
background:#ed7d31;
color: #ffd966;
padding: 80px;
border-radius: 50%;
display: table;
width: 180px;
height: 180px;
}
.trophyTargetNewCustomers{
font-size: 150px;
background:#f2f2f2;
color: #ffd966;
padding: 80px;
border-radius: 50%;
display: table;
width: 180px;
height: 180px;
}*/
.sidebar2Margin{
    margin-left: 10px;
}
/*@media (max-width:1024px) {
.sidebar2Margin{
    margin-left: 0px;
}
.trophyTitle{
    font-size: 1.2rem;
}
.trophyFont{
font-size: 50px;
background:#4472c4;
color: #ffd966;
padding: 50px;
border-radius: 50%;
display: table;
width: 100px;
height: 100px;
}
.trophyTargetAchieved{
font-size: 50px;
background:#bf9000;
color: #ffd966;
padding: 50px;
border-radius: 50%;
display: table;
width: 100px;
height: 100px;
}
.trophyTarget55{
font-size: 50px;
background:#ed7d31;
color: #ffd966;
padding: 50px;
border-radius: 50%;
display: table;
width: 100px;
height: 100px;
}
.trophyTargetNewCustomers{
font-size: 50px;
background:#f2f2f2;
color: #ffd966;
padding: 50px;
border-radius: 50%;
display: table;
width: 100px;
height: 100px;
}

}*/
.w100{
    width: 100% !important;
}
.child {
  margin-left: 10px !important;
  order: 2;
}
#lastNavMargin {
    margin-right: 25px;
}
.btn-text-center{
    text-align: left;
}
.btn-text-right{
    text-align: right;
}
.mb10Mobile{
    margin-bottom: 0px;
}
@media (max-width:768px) {
.mb10Mobile{
    margin-bottom: 10px;
}
    .btn-text-center{
    text-align: center;
}
.btn-text-right{
    text-align: center;
}
    .h4, h4 {
    font-size: 1rem;
}
    #searchNav {
         margin-left: 10px;
       margin-bottom: 45px !important;
    }

}
@media (max-width:1024px) {
    .mb10Mobile{
    margin-bottom: 10px;
}
       .btn-text-center{
    text-align: center;
}
.btn-text-right{
    text-align: center;
}
    .h4, h4 {
    font-size: 1rem;
}
    #searchNav {
        margin-left: 10px;
       margin-bottom: 5px;
    }
    #lastNavMargin{
    margin-right: 0px;
}
}

#form_field_chosen_4_chosen{
    width: 100% !important;
}
#form_field_chosen_5_chosen{
    width: 100% !important;
}
#form_field_chosen_6_chosen{
    width: 100% !important;
}
#form_field_chosen_7_chosen{
    width: 100% !important;
}




.green-color {
    color: #30b330 !important;
}
.red-color {
    color: #fe0000 !important;
}

a.dotss {
    position: absolute;
    height: unset;
    background:
transparent;
border:
    transparent;
   right: 8px;
top: 8px;
z-index: 5;
}
.deg40 {
  transform: rotateZ(-40deg);
}
.deg90 {
  transform: rotateZ(-90deg);
}
.deg180 {
  transform: rotateZ(180deg);
}
#progress{
    border-radius: 15px;
       display: -ms-flexbox;
    display: flex;
    height: 2rem;
    overflow: hidden;
    font-size: .75rem;
   background-color: #feffff;
border: 1px solid #d5d5d5;
}
/*
.scrollboxdiv {
    display: block;
    position: relative;
    overflow-y: auto;
    max-height: 259px;
    border: 2px solid #0e63a0;
    padding: 15px;
}
*/
/*.noscrollboxdiv {
    display: block;
    position: relative;*/
/*    border: 2px solid #0e63a0;*/
    /*padding: 15px;
}*/
/*.scrollboxdiv .scrollsection .col-sm-5,.noscrollboxdiv .scrollsection .col-sm-5 {
    padding-bottom: 15px;
}*/

.socialsqure a i {
    font-size: 27px;
    color: #fff;
    text-align: center;
    line-height: 40px;
    margin: 0 !important;
}

.socialsqure a {
    width: 40px;
    height: 40px;
    background: #484b51;
    position: relative;
    display: inline-block;
    text-align: center;
    margin: auto 10px;
    vertical-align: middle;
}

.socialsqure {
    padding-top: 20px;
}.socialsqure p.display-inline {
    display: inline-block;    font-size: 20px;
}
#chartdiv,#chartdiv1,#chartdiv2 {
  width: 100%;
  height: 500px;
}

/*.circleround {
    font-style: normal;
    width: 60px;
    height: 60px;
    background: #dd6a57;
    padding: 10px;
    border-radius: 50%;
    font-size: 23px;
    line-height: 39px;
    color: #fff;
    display: inline-block;
    text-align: center;
}*/
/*.formulatables {
    position: absolute;
    top: 46px;
    left: 2px;
    width: 100%;
    background: #fff;
    z-index: 9;
    padding: 20px;
    height: 300px;
    overflow-y: scroll;
    box-shadow: 0 0 5px 1px rgba(134, 134, 134, 0.5);
    transition: 0.5s;
    opacity: 0;
    visibility: hidden;
    display: none;
}

span.formulabox {
    padding: 10px 20px;
    width: 100%;
    text-align: left;
    background: transparent;
    border: 1px solid #cbcbcb;
    font-size: 16px;
}

span.formulabox i {
    padding-left: 19px;
    font-size: 22px;
    text-align: right;
    display: inline-block;
    float: right;
}

.formulatables table {
    width: 100%;
}

.formulatables table td {
    border: 1px solid #ccc;
    padding: 4px;
    text-align: center;
}

.input-group.openformula:hover .formulatables {
    opacity: 1;
    visibility: visible;
    display: block;
}
span.formulabox i.left {
    float: left;
    padding-left: 0;
    padding-right: 11px;
    color: #ff7600;
}
ul.boxlist {
    width: 33%;
    display: inline-block;
    list-style: none;
    padding-left: 0;
    padding: 20px;
    vertical-align: top;
}
ul.boxlist li a {
    font-size: 20px;
    color: #222;
    font-weight: 600;
}
ul.boxlist li {
    padding: 8px 15px;
    background: #f2f2f2;
    margin-bottom: 10px;
    border: 1px solid #ada9a9;
}
ul.boxlist li:hover,ul.boxlist li.active {
    background: #73a9d3;
}
ul.boxlist li a:hover {
    text-decoration: none;
    color: #fff;
}
ul.boxlist li:hover a,ul.boxlist li.active a {
    color: #fff;
}
ul.boxlist li.new {
    background: #ff9900;
}

ul.boxlist li.new a:hover,ul.boxlist li.new:hover a {
    color: #333;
}*/
div#example3_wrapper .dataTables_scrollHeadInner {
    width: 100% !important;
}
table.table.tablecolor thead,table.table.tablecolor tfoot {
    background: #203864;
    color: #fff;
    font-size: 19px;
    text-align: center;
}

table.table.tablecolor tbody tr:nth-child(odd) {
    background: #cfd5ea;
}

table.table.tablecolor tbody tr:nth-child(even) {
    background: #e9ebf5;
}

table.table.tablecolor tbody tr td {
    padding: 13px;
    font-size: 18px;
    font-weight: 600;
}

table.table.tablecolor td {
    border: 1px solid #f2f2f2;
}
.tableDiv ul.nav.nav-tabs {
    border: none;
    text-align: center;
    margin: auto;
    display: block;
    padding: 9px 0;
    border-bottom: 1px solid rgba(0, 0, 0, .1);
    margin-bottom: 20px;
    border-top: 1px solid rgba(0, 0, 0, .1);
}
.tableDiv ul.nav.nav-tabs li.nav-item {
    width: auto;
    display: inline-block;
}
.tableDiv ul.nav.nav-tabs li.nav-item a.nav-link {
    border: none;
    background: transparent;
    width: auto;
    padding: 8px 20px;
    font-size: 20px;
    font-weight: 600;
}
.tableDiv ul.nav.nav-tabs li.nav-item a.nav-link.active {
    color: #0e63a0;
}
.tableDiv .tab-content {
    border: none;
    background: #fbfbfb;
}
.dotnav {
    position: relative;
    display: block;
    margin: auto;
    width: 100%;
    text-align: center;
    padding-bottom: 15px;
}
.dotnav a.dot {
    width: 15px;
    height: 15px;
    background: #a5a5a5;
    border-radius: 50%;
    display: inline-block;
    padding: 0;
    margin: 0;
    position: relative;
    cursor: pointer;
}
.dotnav a.dot.active {
    background: #656565;
}

.selected {
  animation: slide-in 0.5s forwards;
  -webkit-animation: slide-in 0.5s forwards;
}

.dismiss {
  animation: slide-out 0.5s forwards;
  -webkit-animation: slide-out 0.5s forwards;
}

@keyframes slide-in {
  0% {
    -webkit-transform: translateX(100%);
  }
  100% {
    -webkit-transform: translateX(0%);
  }
}

@-webkit-keyframes slide-in {
  0% {
    transform: translateX(100%);
  }
  100% {
    transform: translateX(0%);
  }
}

@keyframes slide-out {
  0% {
    transform: translateX(-100%);
  }
  100% {
    transform: translateX(0%);
  }
}

@-webkit-keyframes slide-out {
  0% {
    -webkit-transform: translateX(-100%);
  }
  100% {
    -webkit-transform: translateX(0%);
  }
}
.tableDiv ul.nav.nav-tabs li.nav-item.disable a {
    pointer-events: none;
}
ul.boxlist.w50{    width: 49.5%;text-align: center;}
form.formnewdesign ul.boxlist.w50:first-child {
    padding-left: 0;
}
form.formnewdesign ul.boxlist.w50:last-child {
    padding-right: 0;
}
table.table.tablecolor.newtable thead {
    background: #bfbfbf;
    color: #203864;
}
table.table.tablecolor.newtable thead tr th:nth-child(1),table.table.tablecolor.newtable thead tr th:nth-child(2) {
    background: #fff;
    border: none;
}
table.table.tablecolor.newtable tbody tr.firsthead {
    background: #203864;
    color: #fff;
}
table.table.tablecolor.newtable tbody tr.firsthead td.bg {
    background: #dbcbe7;
    position: relative;
    padding: 20px;
}
table.table.tablecolor.newtable tbody tr.firsthead td.bg span {transform: rotate(-90deg) !important;position: absolute;display: block;top: 46%;left: -5px;}
table.table.tablecolor.newtable:last-child tbody tr.firsthead td.bg span {
    left: -14px;
}
.messagebox {
    position: relative;
    text-align: center;
    display: block;
    padding: 30px;
}
/*.debitfonbox {
    margin-bottom: 0;
}
.debitfonbox  h6 {
    color: #0e63a0;
    font-size: 19px;
    font-weight: 600;
    padding-top: 10px;
}
.debitfonbox h6.text-center span {
    font-size: 25px;
    margin-top: -6px;
    color: #444;
}*/
.messagebox.extrapadd {
    padding: 30px 0;
}
.messagebox .messagearea {
    position: relative;
    display: block;
    padding: 30px;
    border: 2px solid;
    width: 70%;
    margin: auto;
}
.messagebox .messagearea.success {
    border-color: #d4edda;
    background: #d4edda;
}
.messagebox .messagearea h4 {
    font-size: 20px;
    font-weight: 600;
    color: #222;
}
.messagebox .messagearea.success h4 {
    color: #155724;
}
.messagebox .messagearea i.fas.fa-check.mr-3.fa-2x.text-success.bordersucess {}
.messagebox .messagearea i.bordersucess {width: 50px;height: 50px;border-radius: 50%;background: transparent;text-align: center;line-height: 50px;font-size: 20px;border: 2px solid;margin-top: 15px;}
.messagebox .messagearea.danger {
    background-color: #f8d7da;
    border-color: #f5c6cb;
}
.messagebox .messagearea.danger h4 {
    color: #721c24;
}
.messagebox .messagearea.danger i.fas.borderdanger {
    width: 50px;
    height: 50px;
    border-radius: 50%;
    background: transparent;
    text-align: center;
    line-height: 50px;
    font-size: 20px;
    border: 2px solid;
    margin-top: 15px;
}
.input-group>.form-control.refnumer:not(:first-child) {
    margin-left: 5px;
}
#submit .input-group span.checkboxtext {
    display: inline-block;
    width: 92%;
    padding-left: 10px;
    vertical-align: top;
    margin-top: -4px;
}
.scrollboxdiv.w150 {max-height: 144px;}

.scrollboxdiv.w150 .scrollsection {
    position: relative;
    display: block;
    overflow: hidden;
    padding: 0 15px;
}
label.maplabel {
    display: inline-block;
    width: 55%;
}
img.mapicon {
    width: 42%;
    display: inline-block;
    vertical-align: top;
}
label.maplabel h4 {
    font-size: 19px;
}
span.rightarrow {
    font-size: 45px;
    font-weight: normal;
    line-height: 32px;
}
span.rightarrow.mobrotate.posabs {
    position: absolute;
    top: 0;
    right: -13px;
}
.align-center {
    height: 100%;
    align-items: center;
}
h5.pdate {
    margin-bottom: 0;
    padding-bottom: 10px;
    padding-top: 10px;
}

h5.ptime {
    margin-bottom: 0;
}
.chosen-container.chosen-container-multi {
    display: inline-block;
    width: 85% !important;
}
.formnewdesigns .chosen-container.chosen-container-multi {
    display: inline-block;
    width: 92% !important;
}
.chosen-container.chosen-container-multi ul {
    padding: 0 !important;
    font-size: 1.25rem;
    line-height: 1.5;
    background: #fafafa;
    box-shadow: none;
    border-radius: 2px;
    border: 1px solid #d5d5d5;
    color: #9f9999;
}
span.newcliptext span {
    display: block;
    color: #7d7979;
    font-size: 14px;
}
span.newcliptext {
    display: inline-block;
    vertical-align: middle;
    padding-left: 15px;
}
.rot90{transform: rotate(90deg)}
.boxarea {
    position: relative;
    width: 100%;
    display: block;
}

/*.boxarea .sendbox {
    width: 12%;
    display: inline-block;
    border: 1px solid #ccc;
    padding: 5px;
    height: 94px;
    vertical-align: top;
    margin: auto;
    padding-top: 24px;
}

.boxarea .sendbox i {
    font-size: 20px;
    display: block;
    text-align: center;
}

.boxarea .sendbox span.newcliptext {
    padding: 0;
    text-align: center;
    width: 100%;
}

.boxarea .tobox {
    width: 15%;
    display: inline-block;
    padding: 3px;
}

.boxarea .tobox span {
    display: block;
    border: 1px solid #ccc;
    padding: 4px;
    text-align: center;
    font-size: 15px;
    line-height: 17px;
    margin-bottom: 5px;
}

.boxarea .tobox span.sub {
    border: none;
}

.boxarea .idbox {
    width: 71%;
    display: inline-block;
}

.boxarea .idbox input[type="text"] {
    width: 100%;
    margin-bottom: 5px;
    height: 27px;
    border-radius: 0;
    border: 1px solid #ccc;
    padding: 7px;
    font-size: 14px;
    color: #333;
}

.writearea {
    width: 100%;
    display: block;
}

.writearea textarea {
    width: 100%;
    border-radius: 0 !important;
    border: 1px solid #ccc;
    resize: none;
    height: 100px;
}*/
.input-group.checkboxemil input {
	width: 30px !important;
    height: 30px !important;
    max-width: 30px;
    margin-right: 10px;
    margin-top: 9px;
    margin-left: 25px;
}

.input-group.checkboxemil span.check {
    vertical-align: middle;
    font-size: 23px;
    display: flex;
    height: 45px;
    align-items: center;
}
/*.topResponsiveClass .kt-switch {
    font-size: .9rem;
}
.kt-switch {
    display: inline-block;
    font-size: 1rem;
    width: 100%;
}
.topResponsiveClass .kt-switch label {
    margin-bottom: 0px;
}
.kt-switch input:empty {
    margin-left: -999px;
    height: 0;
    width: 0;
    overflow: hidden;
    position: absolute;
    opacity: 0;
    border-color: #007cc6;
}

.kt-switch input:empty~span {
    line-height: 30px;
    margin: 2px 0;
    height: 30px;
    width: 54px;
    border-radius: 15px;
}.kt-switch input:empty~span {
    display: inline-block;
    position: relative;
    float: left;
    width: 1px;
    text-indent: 0;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}
.topResponsiveClass .kt-switch input:empty ~ span {
    line-height: 20px;
    margin: 2px 0;
    height: 25px;
    width: 25px;
}
.kt-switch input:empty~span:before, .kt-switch input:empty~span:after {
    width: 54px;
    border-radius: 15px;
}
.kt-switch input:empty~span:before, .kt-switch input:empty~span:after {
    position: absolute;
    display: block;
    top: 0;
    bottom: 0;
    left: 0;
    content: ' ';
    transition: all 100ms ease-in;
}
.kt-switch input:empty~span:before {
    background-color: #e8ebf1;
}
.topResponsiveClass .kt-switch input:empty ~ span::before, .kt-switch input:empty ~ span::after {
    width: 50px;
    border-radius: 15px;
}
.custom_switch .kt-switch input:empty ~ span::before, .kt-switch input:empty ~ span::after {
    width: 40px;
    border-radius: 15px;
}
.kt-switch.kt-switch--success:not(.kt-switch--outline) input:empty~span:before {
    background-color: #989797;
}
.kt-switch input:empty~span:after {
    height: 24px;
    width: 24px;
    line-height: 26px;
    top: 3px;
    bottom: 3px;
    margin-left: 3px;
    font-size: 0.9em;
    text-align: center;
    vertical-align: middle;
}
.kt-switch input:checked~span:after {
    margin-left: 26px;
}
.kt-switch input:empty~span:after {
    color: #f8f9fb;
    background-color: #ffffff;
}
.topResponsiveClass .kt-switch input:empty ~ span::after {
    height: 20px;
    width: 20px;
    line-height: 20px;
    top: 2px;
}
.kt-switch input:checked~span:after {
    background-color: #007cc6;
    color: #ffffff;
}
.kt-switch.kt-switch--success:not(.kt-switch--outline) input:empty~span:after {
    color: #0abb87;
    background-color: #ffffff;
    opacity: 0.4;
}.kt-switch.kt-switch--success:not(.kt-switch--outline) input:checked~span:before {
    background-color: #0abb87;
}
.kt-switch.kt-switch--success:not(.kt-switch--outline) input:checked~span:after {
    opacity: 1;
}
.kt-switch label {
    position: relative;
    width: 25%;
    display: inline-block;
}

.kt-switch div {
    width: 48%;
    display: inline-block;
    vertical-align: top;
    padding-top: 6px;
}
.editbox {
    position: relative;
    width: 24%;
    display: inline-block;
}
.editbox img {
    max-width: 34px;
}
.editbox span {
    font-size: 18px;
    padding-left: 13px;
    font-weight: 600;
}
.radiobtn input[type=radio] {
    vertical-align: middle;
    width: 20px;
    height: 20px;
    margin-right: 10px;
    display: inline-block;
    position: relative;
    margin-top: 4px;
}

.radiobtn label {
    margin-right: 17px;
    font-size: 18px;
    margin-bottom: 0;
    vertical-align: middle;
    display: inline-block;
    position: relative;
}*/
.wh20 {
    height: 20px;
    width: 20px;
}
.boxborder {
    position: relative;
    border: 1px solid #ccc;
    padding: 15px;
    border-radius: 4px;
}
.tableDiv.boxtab ul.nav.nav-tabs {
    border: none;
    padding: 0;
    width: 100%;
    position: relative;
    display: block;
    text-align: left;
    margin-left: 4px;
}
.tableDiv.boxtab {
    margin: -15px;
}
.tableDiv.boxtab ul.nav.nav-tabs li {
    padding: 0;
    margin-left: -4px;
}
.tableDiv.boxtab ul.nav.nav-tabs li a {
    padding: 10px !important;
    border-bottom: 1px solid #ccc !important;
    border-radius: 0;
}
.tableDiv.boxtab ul.nav.nav-tabs li a.active {
    border-right: 1px solid #ccc !important;
    border-bottom: none !important;
    border-left: 1px solid #ccc !important;
}
.tableDiv.boxtab ul.nav.nav-tabs li:first-child a.active {
    border-left: none !important;
}
/*.oderchannels .font-weight-light {
    font-size: 18px;
    font-weight: 800 !important;
    text-align: center;
}
.oderchannels ul.poplist {
    list-style: none;
    padding-left: 0;
    margin-bottom: 0;
    position: relative;
    display: block;
    margin-left: -15px;
    border-right: 1px solid #ccc;
}
.oderchannels ul.poplist li {
    font-size: 17px;
    border-bottom: 1px solid #ccc;
    padding: 5px;
    padding-left: 40px;
}
.oderchannels ul.poplist.secondlist {margin-left: -30px;}
.suppliimg{
    max-width: 57%;
    margin: auto;
    display: block;
    padding-bottom: 30px;
}*/
.box {
    position: relative;
    display: block;
    width: 100%;
    overflow: hidden;
}

/*.box .mapheader {
    display: block;
    font-size: 23px;
    font-weight: 600;
    border-bottom: 1px solid #333;
    padding-bottom: 14px;
    padding-top: 20px;
}

.box .maptable {
    position: relative;
    display: block;
    padding-top: 15px;
}

.box .maptable table {
    display: block;
    position: relative;
    width: 100%;
    overflow: auto;
}

.box .maptable table tr {
    padding: 7px;
    position: relative;
    text-align: center;
}

.box .maptable table tr th {
    font-size: 15px;
    text-align: center;
}.box .maptable table tr td {
    font-size: 16px;
    padding: 4px;
}

.box .maptable table tr td.boxcolor {
    color: #fff;
}
.maptop {
    width: 100%;
    position: relative;
    display: block;
}

.maptop .wid40 {
	width: 36%;
    display: inline-block;
    position: relative;
}

.maptop .wid60 {
	width: 63%;
    display: inline-block;
    position: relative;
    vertical-align: top;
}
.maptop .infomation {
    width: 50%;
    display: inline-block;
    vertical-align: top;
}

.maptop .imgbox {
    width: 49%;
    display: inline-block;
    vertical-align: top;
}

.maptop .infomation h4 {
    font-size: 25px;
    font-weight: 600;
}

.maptop .infomation p {
    margin-bottom: 0;
    font-size: 18px;
    color: #ccc;
    font-weight: 600;
}

.maptop .infomation p span {
    padding-left: 7px;
    color: #333;
}

.maptop .imgbox .roundimage {
    display: inline-block;
}

.maptop .imgbox .roundimage img {
    border-radius: 50%;
}

.maptop .wid60 i,.boxpatch i {
    font-size: 35px;
    width: auto;
    display: inline-block;
    vertical-align: top;
    padding-top: 14px;
}

.maptop .wid60 p,.boxpatch p {
    font-size: 17px;
    display: inline-block;
    padding: 0 10px;
    font-weight: 600;
    vertical-align: top;
    padding-top: 16px;
}

.maptop .wid60 span.roundcircle,.boxpatch span.roundcircle {
	width: 50px;
    height: 50px;
    background: darkorange;
    position: relative;
    vertical-align: top;
    line-height: 50px;
    color: #fff;
    font-size: 16px;
    display: inline-block;
    text-align: center;
    border-radius: 50%;
    font-weight: 600;
}

.maptop .wid60 ul {
    display: inline-block;
    list-style: none;
    padding-left: 10px;
    margin-bottom: 0;
}

.maptop .wid60 ul li {
    font-size: 18px;
    font-weight: 600;
}

.maptop .wid60 .descption {
    vertical-align: top;
    display: inline-block;
    border-bottom: 2px solid #ccc;
    padding-bottom: 25px;
}

.maptop .wid60 ul li span {
    width: 15px;
    height: 15px;
    background: #009fe2;
    position: relative;
    display: inline-block;
    margin-right: 10px;
}*/
/*a.btn.btn-primary.rsmboxaddclick {
    background: #eee;
    border-radius: 5px;
    border: none;
    width: auto;
    padding: 8px 20px;
    font-size: 20px;
    font-weight: 600;
    color: #7c8087;
}
a.btn.btn-primary.rsmboxaddclick.active,a.btn.btn-primary.rsmboxaddclick:active {
	border-bottom: 4px solid #0e63a0;
    color: #0e63a0;
    background: #eee;
}*/
/*.maptop .wid60 ul li:nth-child(1) span {
    background: #a54fa7;
}

.maptop .wid60 ul li:nth-child(2) span {
    background: #5cab7d;
}

.maptop .wid60 a.btn.roundbtn {
	font-size: 18px;
    font-weight: 600;
    display: inline-block;
    vertical-align: top;
    margin-top: 16px;
    padding: 6px 8px;
    background: #ffa432;
    border-radius: 25px;
    width: 100px;
    margin-left: 9px;
    color: #fff;
}*/
/*.patchtable {
    width: 51%;
    display: inline-block;
    position: relative;
    vertical-align: top;
    top: 0;
    right: 0;
}

.patchtable  .wid60 {
    width: 100%;
}
.patchtable .tablebox table tr th {
    text-align: center;
}
.patchtable .tablebox {
    position: relative;
    display: block;
    width: 100%;
}

.patchtable .tablebox table {
    width: 100%;
    display: block;
    position: relative;
}

.patchtable .tablebox table tr {
    position: relative;
}

.patchtable .tablebox table tr td {
    padding: 5px;
    text-align: center;
}*/
@media (max-width:767px){
.mobpadtop15{
    margin-top: 15px;
}
.mobnone{display: none;}
ul.boxlist.w50,ul.boxlist {
    width: 100%;
    margin-bottom: 0;
    padding: 10px;
}
.tableDiv ul.nav.nav-tabs li.nav-item a.nav-link {
    padding: 8px 17px;
    border: 1px solid #ccc;
    }
select.chosen-select.form-control.form-control-lg {
    margin-bottom: 0px;
}
.socialsqure a {
    margin-bottom: 15px;
}
i.fas.fa-check-circle.mr-3.fa-3x.text-success {
    font-size: 2em;
    padding-bottom: 10px;
}
.input-group.checkboxemil input {
    flex: unset;
    margin-bottom: 10px;
    margin-left: 35px;
}
.scrollboxdiv {
    height: unset;
    max-height: unset;
}
.scrollboxdiv .scrollsection h6,.noscrollboxdiv .scrollsection h6 {
    text-align: center;
    font-size: inherit;
}
.scrollboxdiv .scrollsection i,.noscrollboxdiv .scrollsection i {
    text-align: center;
    margin: auto;
    display: block;
    border-bottom: 1px solid #222;
    margin-right: 0 !important;
    margin-bottom: 15px;
}
a.btn,button.btn {
    min-width: 120px;
    margin-left: 0 !important;
}
button#popover-4,button#popover-1,button.btn.burger-arrowed,button.btn.burger-dots,button.btn.btn-outline-primary,button.btn.btn-outline-purple,button.btn.btn-outline-warning,button.btn.btn-outline-brown,button.btn.btn-light-primary {
    min-width: unset;
}
a.add_button i,a.add_button1 i,a#add_button_DirectorName i,a#add_button_PmrName i,a#add_button_OrderingSystem i,a.add_BuyingGroups i {
    font-size: 24px;
}
a.remove_button2 i,a.remove_button_DirectorName i,a.remove_button1 i,a.remove_button3 i,a.remove_button4 i,
a.remove_button_Email i,a.remove_button_Website i,a.remove_button_PmrName i,a#add_button_OrderingSystem i,a.remove_button_BuyingGroups i{
    font-size: 24px;
    margin-top: 8px !important;
}
a.remove_button,a.remove_button1 {
    text-align: center;
    border-bottom: 1px solid #222;
    display: block;
    margin-bottom: 15px;
}
h4 a.remove_button,h4 a.remove_button1 {
    border: none;
}
a.remove_button i,a.remove_button1 i {
    font-size: 25px;
}
img.mobimg {
    max-width: 50%;
}
.messagebox .messagearea {
    width: 90%;
}
.messagebox {
    padding: 30px 7px;
}
.input-group>.form-control.refnumer {
    min-width: 15% !important;
    display: inline-block;
    overflow: hidden;
    padding: 5px;
    margin-bottom: 5px;
}
.scrollboxdiv.w150 {
    max-height: inherit;
}
.tableDiv ul.nav.nav-tabs li.nav-item {
    width: 100%;
    margin-bottom: 5px;
}
.mobrotate {
    display: block;
    width: auto;
    transform: rotateZ(90deg);
    text-align: center;
}
h5.ptime {
    padding-bottom: 15px;
    padding-top: 10px;
    text-align: center;
}
.mobcenter {
    text-align: center;
    width: 100%;
    display: block;
    padding-bottom: 15px;
}
img.mapicon {
    width: 15%;
}
/*.editbox {
    width: 48%;
    vertical-align: top;
    padding-bottom: 16px;
    text-align: left;
}*/
.tableDiv ul.nav.nav-tabs li.nav-item.bordernone a{
    border: none;
}
/*.radiobtn label {
    width: 85%;
    padding-bottom: 15px;
    margin-right: 0;
}
.input-group.radiobtn input {
    vertical-align: middle;
    margin-top: 5px;
}*/
.my-5.border-t-1.brc-grey-l1.bgc-grey-l3.py-3 {
    margin-bottom: 0 !important;
}
}
/*@media (min-width:1300px) and (max-width:1399px){
.trophyFont {
    font-size: 70px;
    }
}
span.maptext {
    display: inline-block;
    width: 29%;
}
.input-group.align-center.mapdrop {
    display: inline-block;
    width: 69%;
}*/
.input-group.align-center.mapdrop #form_field_chosen_4_chosen {
    width: 100% !important;
}
    /*h5.mapdate {
    width: 69%;
    display: inline-block;
}
a.btn.mapbtn {
    width: 66%;
    display: inline-block;
}
a.btn.btn-primary.mapbtn:nth-child(1) {
    width: 23%;
}
a.btn.mapbtn:nth-child(1) {
    width: 36%;
    display: inline-block;
    padding: 5px 8px !important;
    margin-left: -9px;
}
.input-group.radiobtn {padding-bottom: 9px;}
.input-group.radiobtn span {margin-right: 10px;}
.input-group.radiobtn input {margin-top: 0;}*/
a.btn.hbtn {
    /* padding: 5px 7px !important; */
    margin-top: 5px;
}
td a.btn.hbtn {
    padding: 0 !important;
    margin-top: -1px !important;
}

.userdetails {
    position: relative;
    width: 42%;
    padding: 15px 5px 15px 23px;
    display: inline-block;
    vertical-align: top;
    overflow: hidden;
}
.withoutaction.action {
    width: 60%;
    display: inline-block;
    border-right: 1px solid #444;
}
/*
.userdetails input.form-control-lg {
    padding:  5px;
    font-size: 15px;
    line-height: 20px;
    height: auto;
    margin-bottom: 10px;
}
*/
.userdetails .form-group label {
    display: inline-block;
    width: 40%;
    vertical-align: middle;
    font-size: 13px;
    margin-top: 9px;
}
.userdetails .form-group .input-group {
    display: inline-block;
    width: 57%;
    vertical-align: top;
}
.userdetails .form-group .col-sm-12 label {
    width: 18%;
}
.userdetails .form-group .col-sm-12 .input-group {
    width: 100%;
}
.userdetails .form-group .input-group div#form_field_chosen_1_chosen {
    width: 100% !important;
    margin-bottom: 10px;
}
.userdetails .form-group
 .col-sm-6 .input-group {
    margin-left: -4px;
}
.userdetails .form-group .input-group textarea {
    margin-bottom: 10px;
}
.userdetails .form-group .input-group div#form_field_chosen_1_chosen a.chosen-single {
    height: 38px;
    padding: 5px;
    font-size: 14px;
}
.userdetails h2 {
    text-align: center;
    margin-bottom: 16px;
}
/*label.squrelabel {
    position: absolute;
    width: 100% !important;
    text-align: center;
    margin-bottom: 0 !important;
    height: 30px;
    line-height: 30px;
	z-index: 2;
	top:0;
	left: 0;
}*/
/*input.squreradio {
    width: 100% !important;
    height: 30px;
    border-radius: 0 !important;
    margin-bottom: 11px !important;
    margin-right: 0 !important;
    padding: 0 !important;
}
input.squreradio:checked::after {
    padding: 0 !important;
    left: 0 !important;
    top: 0 !important;
    right: 0 !important;
    bottom: 0 !important;
}
input.squreradio:focus {
    z-index: unset !important;
}*/
.radiobox .input-group {
    margin: -3px;
    width: 25%;
    display: inline-block;
}
table.designationtabel tbody td .chosen-container {
    width: 100% !important;
}
table.designationtabel tbody td .chosen-container a.chosen-single {
    padding: 5px !important;
    height: 31px;
    font-size: 15px;
    line-height: 22px;
}
.adddesignation {
    width: 60%;
    margin: auto;
    display: block;
    margin-top: 5%;
    background: #eee;
    padding: 15px;
    border-radius: 12px;
}
/*.flowprocess {
    padding: 15px;
    margin-top: 15px;
}
.flowprocess textarea#id-textarea-limit1 {
    font-size: 15px;
    height: 94px;
    resize: none;
}*/

/*a.btn.btn-parimary.addprove,a.btn.btn-parimary.boxaddclick {
    background: #5899ca;
    border-radius: 50%;
    width: 50px;
    height: 50px;
    color: #fff;
    padding: 0px;
    font-size: 14px;
    line-height: 50px;
}*/

/*.boxclick {
    display: block;
    text-align: center;
}*/
/*#autoapprov .modal-dialog {
    max-width: 60%;
    display: flex;
    align-items: center;
    margin: auto;
    height: 100vh;
}
#autoapprov .input-group input {
    padding: 5px 15px;
    font-size: 16px;
    margin-bottom: 10px;
}
#autoapprov .input-group .chosen-container {
    width: 100% !important;
    margin-bottom: 10px;
}

#autoapprov p.text-center {
    margin-top: 5px;
}

#autoapprov .input-group .chosen-container a.chosen-single {
    padding: 5px 15px;
    font-size: 16px;
    line-height: 31px;
}*/
.listtask {
    position: absolute;
    display: block;
    width: 250px;
    background: #fff;
    z-index: 9;
    margin-left: -39px;
    margin-top: 18px;
    transition: 0.5s;
    opacity: 0;
    visibility: hidden;
}
.listtask ul {
    padding-left: 0;
    list-style: none;
}
.listtask ul li {
    cursor: pointer;
    padding-bottom: 10px;
    font-size: 18px;
    background: rgba(88,153,202,0.85);
    color: #fff;
    padding: 8px 15px;
}
.listtask ul li:nth-child(even) {
    background: rgba(96,167,205,0.43);
}
.yaskstatus a.btn.btn-parimary i {margin-right: 6px;}
.yaskstatus a.btn.btn-parimary {
    font-size: 17px;
}
.yaskstatus:hover .listtask {
    transition: 0.5s;
    margin-top: 9px;
    opacity: 1;
    visibility: visible;
}
.form-group.row.addtaskform div#form_field_chosen_1_chosen {
    margin-bottom: 16px;
}

.form-group.row.addtaskform textarea {
    margin-bottom: 16px;
}

.form-group.row.addtaskform input {
    margin-bottom: 16px;
}
a.btn.btn-primary.scandoc {
    vertical-align: middle;
    padding: 18px 16px;
    height: 151px;
    margin-top: 18px;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 600;
    font-size: 32px;
}
li.jqtree_common.jqtree-folder li.jqtree_common.jqtree-folder {
    background: #e4e4e4;
}
li.jqtree_common.jqtree-folder li.jqtree_common.jqtree-folder li.jqtree_common.jqtree-folder {
    background: #f2f2f2;
}
img.circleimg {
    border-radius: 50%;
}
select.form-control.orand.form-control-lg {
    width: 15%;
    display: inline-block;
    vertical-align: top;
    margin: 0 10px;
    padding: 0 10px;
}
/*.input-group.custometextarea {
    width: 80%;
    display: inline-block;
}*/
/*span.addcolumntext {
    position: relative;
    display: block;
    width: 100%;
    padding: 0 15px;
    height: 100%;
}*/
/*.addaprovebtn {
    position: absolute;
    right: 11px;
    bottom: 100px;
    z-index: 1;
}*/
/*.removeprove{
    top: 16px;
}
.removeprove,a.boxminusclick{
    background: #da3737;
    border-radius: 50%;
    width: 50px;
    height: 50px;
    color: #fff;
    padding: 0px;
    font-size: 14px;
    line-height: 50px;
}*/
/*a.btn.btn-parimary.addprove {
    vertical-align: top;
    top: 35px;
    left: 9px;
}*/
/*.flowprocess {
    border: 1px solid #ffffff;
    margin-bottom: 15px;
    box-shadow: 0 0 2px 2px rgba(212,212,212,0.5);
}*/

/*form.approvalflow h5.text-center {
    color: #5899ca;
    font-size: 21px;
    font-weight: 600;
}*/

/*@media (min-width:1024px) and (max-width:1430px){
    .addaprovebtn {
        position: absolute;
        right: 37px;
        bottom: 44px;
        z-index: 1;
    }
}*/
@media screen and (-webkit-min-device-pixel-ratio:0){
.fadeinable a.navbar-brand {
    position: relative;
    display: block;
    width: 100%;
    margin: 0;
}
.fadeinable a.navbar-brand img {
    display: block;
    position: relative;
    width: 70%;
    margin: auto;
    min-height: initial !important;
    /*min-height: auto !important; 26022021*/
    height: auto;
}
.fadeable.w-100 a.navbar-brand.text-140.text-white-tp1.py-0 img {
    display: block;
    position: relative;
    max-width: 75%;
    width: 100%;
    margin: auto;
}
.fadeable.w-100 a.navbar-brand.text-140.text-white-tp1.py-0 {
    width: 65%;
}
div#sidebar1.collapsed .fadeable.w-100 a.navbar-brand.text-140.text-white-tp1.py-0 {opacity: 0;transition: 0.5s;}
div#sidebar1 .fadeable.w-100 a.navbar-brand.text-140.text-white-tp1.py-0 {
    opacity: 1;
    transition: 0.5s;
}
li.nav-item.dropdown.order-first.order-lg-last.dropdown-hover a img {
    border-radius: 50% !important;
}
}
@-moz-document url-prefix() {
	.sidebar .fadeinable {
	display: unset;
	}
	.fadeinable a.navbar-brand {
		position: relative;
		display: block;
		width: 75%;
		margin: auto;
	}
	.fadeinable a.navbar-brand img {
		width: 100%;
		margin: auto;
		min-height: unset !important;
	}
}
.fadeinable a.navbar-brand {
    cursor: pointer;
}
ul.callsupport {
    padding-left: 15px;
    position: relative;
    display: inline-block;
}
ul.callsupport li {
    display: inline-block;
    position: relative;
    height: 100%;
    vertical-align: middle;
}
ul.callsupport li a.nav-link i {
	font-size: 18px;
    color: #fff;
    height: 45px;
    vertical-align: middle;
    width: 46px;
    text-align: center;
    line-height: 34px;
    border-radius: 50%;
    border: 2px solid #a5c0d1;
    padding: 5px;
}
ul.callsupport li a.nav-link {
    padding: 0;
    padding-top: 5px;
}
ul.callsupport li a.nav-link:hover i {
    background: #a5c0d1;
}
li.nav-item.serchboxtop .searchbar {
    width: 100%;
    position: relative;
    display: flex;
    vertical-align: middle;
    align-items: center;
    height: 100%;
}
li.nav-item.child.serchboxtop {
    width: 40% !important;
    vertical-align: middle;
    margin-left: 0 !important;
}
li.nav-item.child.serchboxtop.monthlyreport {
    width: 40% !important;
    order: initial;
}
li.nav-item.serchboxtop .searchbar input.navbar-search-input {
    background: #dcdcdc !important;
    padding: 8px 41px 8px 20px !important;
}
li.nav-item.serchboxtop .searchbar i {
    margin-right: 0px !important;
    left: unset;
    right: 0;
    color: #fff !important;
    background: #0e63a0;
    width: 39px;
    height: 39px;
    border-radius: 50%;
    line-height: 40px;
    text-align: center;
}
.sidebar.sidebar-h .nav li.whitespace {
    width: 33%;
    order: 2;
}
.sidebar.sidebar-h .nav li.whitespace.monthlyreport {order: 0;width: 26%;}
.infodealpage {
    position: absolute;
    right: 3%;
    z-index: 2;
}
.hideable.submenu.collapse.allpatchesopen ul.submenu-inner li.nav-item .nav-link {
    padding-left: 15px !important;
}
.hideable.submenu.collapse.allpatchesopen ul.submenu-inner li.nav-item .nav-link label {margin-left: 0 !important;margin-bottom: 0;}
.hideable.submenu.collapse.allpatchesopen ul.submenu-inner li.nav-item .nav-link:hover span:before {
    display: none;
}
/*.modal-body.oderchannels {
    max-height: 65vh;
    overflow-y: scroll;
}*/
@media (min-width:1800px) and (max-width:1899px){
    .sidebar.sidebar-h .nav li.whitespace {
        width: 32%;
        order: 2;
    }
    .sidebar.sidebar-h .nav li.whitespace.monthlyreport {
        order: 0;
        width: 24%;
    }
}
@media (min-width:1700px) and (max-width:1799px){
    .sidebar.sidebar-h .nav li.whitespace {
        width: 31%;
        order: 2;
    }
    .sidebar.sidebar-h .nav li.whitespace.monthlyreport {
        order: 0;
        width: 22%;
    }
}
@media (min-width:1500px) and (max-width:1699px){
    .sidebar.sidebar-h .nav li.whitespace {
        width: 30%;
        order: 2;
    }
    .sidebar.sidebar-h .nav li.whitespace.monthlyreport {
        order: 0;
        width: 20%;
    }
}
@media (min-width:1401px) and (max-width:1499px){
    .sidebar.sidebar-h .nav li.whitespace {
        width: 32%;
        order: 2;
    }
    .sidebar.sidebar-h .nav li.whitespace.monthlyreport {
        order: 0;
        width: 15%;
    }
}
@media (min-width:1350px) and (max-width:1400px){
    .sidebar.sidebar-h .nav li.whitespace {
        width: 31%;
        order: 2;
    }
    .sidebar.sidebar-h .nav li.whitespace.monthlyreport {
        order: 0;
        width: 14%;
    }
}
@media (min-width:1300px) and (max-width:1349px){
    .sidebar.sidebar-h .nav li.whitespace {
        width: 30%;
        order: 2;
    }
    .sidebar.sidebar-h .nav li.whitespace.monthlyreport {
        order: 0;
        width: 10%;
    }
}
@media (min-width: 1200px){
.sidebar.sidebar-h .nav {
    padding-right: 8px;
	}
.sidebar.sidebar-h .nav>.nav-item>.submenu {
    left: -70px !important;
}
.sidebar-hover:not(.collapsed) .nav-item:hover>.submenu {margin-left: -14px;}

.sidebar.hoverable.collapsed .sidebar-section-item:hover .fadeable,.sidebar.hoverable.collapsed .sidebar-section-item.fadeable-left .fadeinable .py-2.mx-1.border-b-1.brc-white-tp9:focus .fadeable.w-100,.sidebar.hoverable.collapsed .sidebar-section-item:focus-within .fadeable, .sidebar.sidebar-h .sidebar-section-item:focus-within .fadeable{
    opacity: 0;
    visibility: hidden;
}
.page-content.px-xl-5 {
    padding-bottom: 0;
}
.main-content {
    margin-left: var(--sidebar-collapsed-width);
    position: relative;
    display: inline-block;
}
div#sidebar2 {
    margin-left: 0;
}
nav.navbar.navbar-sm.navbar-fixed-sm.navbar-expand-lg.navbar-slategrey {
    width: 100% !important;
}
.page-content {
    padding: 0;
}
.navbar-intro.justify-content-xl-start.bg-transparent.border-0.w-auto.pr-lg-4.pos-rel {
    display: none;
}
div#sidebar2 .sidebar-inner .sidebar.sidebar-h .sidebar-section {
    display: none !important;
}
.sidebar-inner.align-items-xl-end.border-b-1.brc-grey-l1.border-r-0.shadow-none {
    width: 100% !important;
    max-width: 96%;}
.sidebar-section.d-none.d-xl-block.align-self-center {
    display: none !important;
}
}
.sidebar-default .submenu .nav-item>.nav-link>.nav-item>.nav-link {
    padding-left: 15px !IMPORTANT;
}
.sidebar .submenu .submenu .nav-item .nav-link {
    padding-left: 10px !IMPORTANT;
}
.sidebar .submenu .submenu .nav-item .nav-link span.nav-text label {
    margin-left: 0 !important;
}
.sidebar .submenu .submenu .nav-item .nav-link:hover span::before {
    display: none;
}
.sidebar .submenu .submenu .nav-item.title .nav-link {
    font-weight: 600;
    color: #0e63a0;
    font-size: 15px;
    border-bottom: 1px solid #eee;
}
li#lastNavMargin ul.submenu-inner li.nav-item .nav-link {
    padding-left: 15px !IMPORTANT;
}
li#lastNavMargin ul.submenu-inner li.nav-item .nav-link span label {
    margin-left: 0 !important;
    margin-bottom: 0;
}
li#lastNavMargin ul.submenu-inner li.nav-item .nav-link:hover span:before {
    display: none;
}
.sliderDiv {
    width: 100%;
}
.sliderDiv .slick-list .slick-slide .multiple .carousel-caption-title h3 {color: #0e63a0;font-size: 23px;text-transform: capitalize;font-weight: 900 !important;margin-bottom: 0;}
.sliderDiv .slick-list .slick-slide .multiple  center i {
    font-size: 70px;
    padding: 40px;
    line-height: 100px;
    -webkit-animation: dot-pulse-idle 3s cubic-bezier(.19, 1, .22, 1) infinite both;
    animation: dot-pulse-idle 3s cubic-bezier(.19, 1, .22, 1) infinite both;
    text-align: center;
}
@-webkit-keyframes dot-pulse-idle {
 0% {
 box-shadow:0 0 0 0 #4472c4
}
 50% {
 box-shadow:0 0 0 20px rgba(68, 114, 196,0)
}
}
 @keyframes dot-pulse-idle {
 0% {
 box-shadow:0 0 0 0 #4472c4
}
 50% {
 box-shadow:0 0 0 20px rgba(68, 114, 196,0)
}
}
.sliderDiv .slick-list .slick-slide .multiple center i.avg {
    background: #4472c4;
}
.sliderDiv .slick-list .slick-slide .multiple center i.medium {
    background: #ed7d31;
}
.sliderDiv .slick-list .slick-slide .multiple center i.completed {
    background: #bf9000;
}
.sliderDiv .slick-list .slick-slide .multiple center i.low {
    background: #f2f2f2;
}
.sliderDiv .slick-list .slick-slide .multiple .carousel-caption i.pound {
    width: 50px;
    height: 50px;
    display: block;
    margin: auto;
    background: #c1c1c1;
    line-height: 50px;
    border-radius: 50%;
    margin-bottom: 15px;
    color: #0e63a0;
    z-index: 5;
    position: relative;
}
.sliderDiv .slick-list .slick-slide .multiple .carousel-caption i.pound:after {content: '\f02b';position: absolute;color: #d6d6d6;font-size: 26px;top: 2px;left: 11px;z-index: -1;}
#sliderDiv .slick-list .slick-slide .multiple .carousel-caption i.pound:before {
    z-index: 21;
}
.sliderDiv .slick-list .slick-slide .multiple .carousel-caption input.target {
    border: none;
    text-align: center;
    font-size: 20px;
    width: 150px !important;
    /*max-width: fit-content;  26022021*/
    color: #0e63a0;
    font-weight: 900;
}
.sliderDiv .slick-list .slick-slide .multiple .carousel-caption p {
    margin-bottom: 0;
    padding-top: 6px;
    color: #666;
    font-size: 17px;
}
.newthemebtn {
    border-radius: 25px;
    padding: 6px 22px;
    font-size: 16px;
    min-width: 150px;
    position: relative;
    display: inline-block;
    overflow: hidden;
}
.newthemebtn:before {
    position: absolute;
    top: 0;
    left: -18%;
    z-index: 2;
    display: block;
    content: "";
    width: 15%;
    height: 100%;
    background: linear-gradient(90deg, hsla(0, 0%, 100%, 0) 0, hsla(0, 0%, 100%, 0.3));
    transform: skewX(-25deg);
}
.newthemebtn:hover:before {
    animation: d 1.1s;
}
@keyframes d {
  to {
    left: 90%;
  }
}

.tableDiv.slidertab ul.nav.nav-tabs {
    text-align: left;
    border: none;
    padding: 9px 30px;
}
.tableDiv.slidertab ul.nav.nav-tabs li.nav-item a {
    background: #eee;
    border-radius: 5px;
}
.tableDiv.slidertab ul.nav.nav-tabs li.nav-item a.active {
    border-bottom: 4px solid #0e63a0;
}
.tableDiv.slidertab .tab-content {
    background: #fff;
    padding: 0;
}
.footer {
    margin-top: 0;
}
form.formnewdesign,.formnewdesigns {
    /*width: 95%;*/
    padding: 15px;
    margin: 20px auto;
   /* box-shadow: 0 0 5px 5px rgba(245,245,245,0.5);*/
}
form.formnewdesign a.chosen-single,.modal .modal-dialog .modal-content .modal-body .input-group a.chosen-single,.formnewdesigns a.chosen-single {
    background: transparent;
    border: 1px solid #cbcbcb;
    font-size: 16px;
}
form.formnewdesign .chosen-container-active a,.modal .modal-dialog .modal-content .modal-body .input-group .chosen-container-active a.chosen-single,.formnewdesigns .chosen-container-active a {
    background: transparent !important;
}
form.formnewdesign .input-group input,.modal .modal-dialog .modal-content .modal-body input,.formnewdesigns .input-group input {
/*    background: transparent;*/
    border: 1px solid #cbcbcb;
    font-size: 16px;
    border-left: none;
}
form.formnewdesign .input-group span.input-group-text,.modal .modal-dialog .modal-content .modal-body .input-group span.input-group-text,.formnewdesigns .input-group span.input-group-text {
    background: transparent;
    border: 1px solid #cbcbcb;
    border-radius: 0;
}
form.formnewdesign .input-group,.formnewdesigns .input-group {
    margin-bottom: 15px;
}
form.formnewdesign label.formlabel h4,.formnewdesigns label.formlabel h4 {
    font-weight: 600;
    font-size: 17px;
    color: #222;
}
.potentialbox h4 {
    font-size: 20px;
    border-bottom: 2px solid #0e63a0 !important;
}
.potentialbox i.fa.fa-tachometer-alt {
    width: 50px;
    height: 50px;
    background: #f2f2f2;
    text-align: center;
    line-height: 50px;
    border-radius: 50%;
    font-size: 23px;
    box-shadow: 0 0 5px 2px rgba(191,190,190,0.5);
}
.potentialbox  #progress {
    border: 2px solid #d2d2d2;
}
.formfooter {
    padding: 15px;
    background: #eee;
    margin: 0;
}
.formfooter .form-group.row {
    margin-bottom: 0;
}
.formfooter h6 {
    text-align: center;
}
.formfooter h6 i {
    margin-right: 10px;
}
form.formnewdesign .input-group span.input-group-text i,.modal .modal-dialog .modal-content .modal-body .input-group span.input-group-text i,.formnewdesigns .input-group span.input-group-text i {
    color: #222;
}
.modal .modal-dialog {
    height: 100vh;
    align-items: center;
    display: flex;
}
.modal .modal-dialog .modal-content {
    display: block;
}
.modal .modal-dialog .modal-content .modal-header {
    background: #0e63a0;
}
.modal .modal-dialog .modal-content .modal-header h5.modal-title {
    color: #fff !important;
}
.modal .modal-dialog .modal-content .modal-header button.close span {
    color: #fff !important;
    opacity: 1;
}
.modal .modal-dialog .modal-content .modal-header  button.close {
    opacity: 1;
}
.modal .modal-dialog .modal-content .modal-body .input-group .chosen-container-single {
    width: 88% !important;
}
.modal .modal-dialog .modal-content .modal-footer {
    background: #646464;
}
.modal .modal-dialog .modal-content .modal-body .input-group {
    margin-bottom: 16px;
}
.modal .modal-dialog .modal-content .modal-body .titletext {
    font-weight: 600 !important;
    padding-bottom: 13px;
}
.modal .modal-dialog .modal-content .modal-body h6 {
    padding-top: 10px;
    color: #0e63a0;
}
.tabelbox {
    position: relative;
    display: block;
    padding: 0 15px;
    width: 99%;
    margin: auto;
}
form.formnewdesign .input-group input[type="checkbox"],.modal .modal-dialog .modal-content .modal-body input[type="checkbox"] {
    border: 2px solid #0e63a0;
}
form.formnewdesign .input-group textarea,.formnewdesigns .input-group textarea {
    background: transparent;
    border: 1px solid #cbcbcb;
    font-size: 16px;
    resize: none;
}
form.formnewdesign .input-group input.borderleft,.modal .modal-dialog .modal-content .modal-body input,.formnewdesigns .input-group input.borderleft {
    border-left: 1px solid #cbcbcb;
}
form.formnewdesign ul.boxlist.w50 {
    padding: 0 15px;
    margin-bottom: 0;
}
form.formnewdesign .form-group span.radius-round {margin-top: 17px !important;}
form.formnewdesign .form-group button.newthemebtn.mt-15px {margin-top: 17px;}
form.formnewdesign .tableDiv {
    width: 100%;
    display: block;
    position: relative;
}
form.formnewdesign .tableDiv .tab-content {padding: 6px;}
form.formnewdesign .tableDiv .tab-content {margin: 0 -15px -15px;}
form.formnewdesign .tableDiv ul.nav.nav-tabs {margin: 0 -15px;}
form.formnewdesign .mintitle,.uploadfileform .mintitle.subadmintitle {
    font-size: 19px;
    color: #0e63a0;
    font-weight: 600;
    margin-bottom: 0;
    padding: 13px 0;
}
.sidebar.sidebar-h .nav>.nav-item a.nav-link.dropdown-toggle span.nav-text i.caret.fa.fa-sort-down {
    margin-right: 0;
    margin-left: 6px;
}
.sidebar.sidebar-h .nav>.nav-item a.nav-link.dropdown-toggle {
    padding-right: 15px;
    padding-left: 15px;
}
.sidebar.sidebar-h .nav>.nav-item a.nav-link.dropdown-toggle span.nav-text {
    width: 100% !important;
}
.sidebar.sidebar-h .nav>.nav-item a.nav-link.dropdown-toggle span.nav-text span {
    font-size: 14px;
}
form.formnewdesign .input-group input[readonly],.formnewdesigns .input-group input[readonly] {
    background: #eee;
}
form.formnewdesign .customerfrom {
    margin-bottom: 0;
}
form.formnewdesign .card-body.bgc-white.border-1.border-t-0.brc-success-m3 {
    border: none !important;
    padding: 0;
}
form.formnewdesign .customerfrom table#responsive-table td,form.formnewdesign .customerfrom table#responsive-table th {
    border-right: 1px solid #ebebeb;
    border-bottom: 1px solid #ebebeb;
}
form.formnewdesign .tableDiv.boxtab ul.nav.nav-tabs li.nav-item a {
    font-size: 12px;
}
form.formnewdesign .tableDiv.boxtab {
    margin: 0;
}
form.formnewdesign .boxborder {
    padding: 0;
}
form.formnewdesign .boxborder table th,form.formnewdesign .boxborder table td {
    font-size: 12px;
    padding: 10px 5px;
    border: 1px solid #e7e7e7;
}
form.formnewdesign .boxborder table td span.radius-round.wh20 {
    width: 14px;
    height: 14px;
    margin-top: 3px !important;
}
form.formnewdesign .boxborder table td span.bt-content {
    display: block;
}
form.formnewdesign .tableDiv.boxtab ul.nav.nav-tabs li.nav-item {margin-left: 0;}
form.formnewdesign .tableDiv.boxtab .tab-content {
    margin: 0;
}
form.formnewdesign .tableDiv.boxtab ul.nav.nav-tabs {
    margin: 0;
}
a.newtaskicon i {
    font-size: 18px;
    color: #fff;
    height: 45px;
    vertical-align: middle;
    width: 46px;
    text-align: center;
    line-height: 34px;
    border-radius: 50%;
    border: 2px solid #a5c0d1;
    padding: 5px;
}

a.newtaskicon {
    margin: 0 6px;
}
a.newtaskicon:hover i {
    background: #a5c0d1;
    color: #333;
}
.modal-body.socialsqure {
    max-height: 70vh;
    overflow-y: auto;
}
button.fc-timeGridDay-button {
    height: 42px;
}
form.formnewdesign .customerfrom table#responsive-table th {
    white-space: nowrap;
    text-align: center;
}
g[role="button"] {
    display: none;
}
g[aria-labelledby="id-155-title"],g[aria-labelledby="id-161-title"],g[aria-labelledby="id-462-title"],g[aria-labelledby="id-456-title"],g[aria-labelledby="id-745-title"],g[aria-labelledby="id-739-title"],g[aria-labelledby="id-129-title"],g[aria-labelledby="id-123-title"],g[aria-labelledby="id-410-title"],g[aria-labelledby="id-404-title"],g[aria-labelledby="id-693-title"],g[aria-labelledby="id-687-title"],g[aria-labelledby="id-249-title"] ,g[aria-labelledby="id-243-title"],g[aria-labelledby="id-498-title"],g[aria-labelledby="id-492-title"],g[aria-labelledby="id-570-title"]
,g[aria-labelledby="id-564-title"],g[aria-labelledby="id-2219-title"],g[aria-labelledby="id-2213-title"],g[aria-labelledby="id-3970-title"],g[aria-labelledby="id-3976-title"],g[aria-labelledby="id-4106-title"],g[aria-labelledby="id-4099-title"] {
    display: none;
}
/*.displaycustomerlist {
    position: relative;
    display: block;
}

.displaycustomerlist a {
    border: 1px solid #ccc;
    color: #333;
}

.displaycustomerlist li {
    list-style: none;
}*/
    /*
@media (min-width:768px){
.displaycustomerlist li:hover .submenu.collapse {
    display: inline-block;
    position: absolute;
    z-index: 1;
    background: #fff;
    text-align: left;
    width: 100%;
    border: 1px solid #e6e9eb;
    padding-top: .25rem;
    padding-bottom: .25rem;*/
/*
    -webkit-animation: 0s navItemHidden;
    animation: 1s navItemHidden;
*/
    /*border-radius: 8px;
    transition: margin 10ms, opacity 10ms, visibility 0s;
    transition-delay: .8s, .8s, 50ms;
    margin-top: -6px;
}
}
.displaycustomerlist li .submenu.collapse ul.submenu-inner {
    padding-left: 0;
}

.displaycustomerlist li .submenu.collapse ul.submenu-inner .nav-link {
    padding-left: 0;
}

.displaycustomerlist a i {
    padding-left: 6px;
}*/
/*#sliderDiv.empslider center img {
    width: 250px;
    height: 250px;
    max-width: 100%;
    border-radius: 50%;
    border: 10px solid;
}
#sliderDiv.empslider center img.avg {
    border-color: #4472c4;
}
#sliderDiv.empslider center img.completed {
    border-color: #bf9000;
}
#sliderDiv.empslider center img.low {
    border-color: #f2f2f2;
}
#sliderDiv.empslider center img.medium {
    border-color: #ed7d31;
}
#sliderDiv.empslider .targets {
    position: relative;
    display: block;
    margin-bottom: 5px;
    width: 100%;
}
#sliderDiv.empslider .targets span {
    width: 65%;
    display: inline-block;
    font-size: 17px;
    font-weight: 600;
    color: #0e63a0;
    text-align: right;
    padding-right: 9px;
}
#sliderDiv.empslider .targets input.target {
    width: 31% !important;
    display: inline-block;
    border: 1px solid #e7e7e7;
}
#sliderDiv.empslider p {
    padding-top: 0;
    padding-bottom: 9px;
}*/
/*.cbp-caption {
    background: #f9f9f9;
    margin-bottom: 15px;
    box-shadow: 0 0 6px 0px rgba(162, 160, 160, 0.5);
    position: relative;
    display: block;
}

.cbp-caption .cbp-caption-defaultWrap.text-center {
    height: 110px;
    padding: 10px;
}

.cbp-caption .cbp-caption-defaultWrap .status {
    display: block;
    position: relative;
    padding-bottom: 15px;
}

.cbp-caption .cbp-caption-defaultWrap .status .status-title {
    display: inline-block;
    width: 85%;
    position: relative;
    font-size: 16px;
    font-weight: 600;
    color: #444;
    text-align: left;
}

.cbp-caption .cbp-caption-defaultWrap .status .status-number {
    display: inline-block;
    width: 13%;
    position: relative;
    font-size: 29px;
    font-weight: 600;
}

.cbp-caption  .progress.progress-striped {
    height: 14px;
    margin-bottom: 0;
}
.cbp-caption .cbp-caption-defaultWrap .status .status-number.red {
    color: #ff263a;
}
.cbp-caption .cbp-caption-defaultWrap .status .status-number.purple{
    color: #8e44ad;
}
.cbp-caption .cbp-caption-defaultWrap .status .status-number.yellow{
    color: #ffff00;
}
.cbp-caption .cbp-caption-defaultWrap .status .status-number.brown{
    color: #cc0000;
}
.cbp-caption .cbp-caption-defaultWrap .status .status-number.dark-blue{
    color: #073763;
}
.cbp-caption .cbp-caption-defaultWrap .status .status-number.light-red{
    color: #823030;
}
.cbp-caption .progress.progress-striped .progress-bar-red {background-color:#ff263a}
.cbp-caption .progress.progress-striped .progress-bar-purple {background-color:#8e44ad}
.cbp-caption .progress.progress-striped .progress-bar-yellow {background-color:#ffff00}
.cbp-caption .progress.progress-striped .progress-bar-brown {background-color:#cc0000}
.cbp-caption .progress.progress-striped .progress-bar-dark-blue {background-color:#073763}
.cbp-caption .progress.progress-striped .progress-bar-light-red {background-color:#823030}*/
.cus-border-right {
    border-right: 1px solid #ccc;
}
.cus-border-bottom {
    border-bottom: 1px solid #ccc;
}
.cus-border-top {
    border-top: 1px solid #ccc;
}
form.formnewdesign.boxx {
    box-shadow: none;
    padding: 0;
    margin: 0;
    width: 100%;
}
li.nav-item.serchboxtop .searchbar input.navbar-search-input:focus {outline: none !important;}
form.formnewdesign .mintitle.subadmintitle,.uploadfileform .mintitle.subadmintitle {
    font-size: 27px;
    margin-bottom: 16px;
}
form.formnewdesign .mintitle.subadmintitle:after,.uploadfileform .mintitle.subadmintitle:after {content: '';width: 100px;height: 2px;background: #5899ca;position: relative;display: block;margin: auto;margin-top: 16px;}
.textbold {
    font-weight: 800;
    color: #222;
}
ul.jqtree-tree .jqtree-title:focus {
    outline: none !important;
}
.iconbtn i {
    font-size: 15px;
    color: #fff;
    width: 35px;
    height: 35px;
    border-radius: 50%;
    background: #5899ca;
    line-height: 35px;
}
.grey-color {
    color: #adadad;
}
#monthly-report-table_wrapper table.dataTable th,table#monthly-report-table.dataTable td,#daily-report-table_wrapper table.dataTable th,table#daily-report-table.dataTable td,#weekly-report-table_wrapper table.dataTable th,table#weekly-report-table.dataTable td {
    white-space: nowrap;
    border-right: 1px solid #ddd;
    text-align: center;
}

/*table.expantablebox {
    position: relative;
}
table.expantablebox tr.child ul li {text-align: left;}
table.expantablebox tr.child ul {
    text-align: left;
    float: left;
    padding: 5px 15px !IMPORTANT;
    width: 100%;
}
table.expantablebox tr.child ul li span {
    border: 1px solid #ccc;
    width: 49%;
    padding: 2px 10px;
    display: inline-block;
}
table.expantablebox tr.child:hover td {
    background: #fff;
}
table.expantablebox tr.child ul li {border-bottom: none !important;padding-bottom: 0 !important;}
table.expantablebox tr.child ul li span:first-child {
    color: #0e63a0;
    font-size: 16px;
}*/
div#rsmpatch-table_wrapper {
    height: 787px;
    overflow-y: auto;
}
/*table.expantablebox thead th:before,table.expantablebox thead th:after {
    display: none;
}*/
.tableDiv ul.nav.nav-tabs.tabdesign li.nav-item a {
    background: #eee;
    border-radius: 5px;
}

.tableDiv ul.nav.nav-tabs.tabdesign li.nav-item a.active {
    color: #0e63a0;
    border-bottom: 4px solid #0e63a0;
}

.tableDiv ul.nav.nav-tabs.tabdesign {
    border-top: none;
}
.input-group.width100 .chosen-container.chosen-container-multi {
    width: 100% !important;
}
/*table.spacialtablebox thead {
    background: #72a9d2;
    color: white;
}
table.spacialtablebox thead td h5 {
    font-size: 18px;
    margin-bottom: 0 !IMPORTANT;
}
table.spacialtablebox thead td h6 {font-size: 14px;float: right;}
table.spacialtablebox thead td {border: none !important;
    vertical-align: middle;}
table.spacialtablebox th {
    position: relative;
    border: none !important;
}
table.spacialtablebox tbody td {
    font-size: 15px !important;
    padding: 10px !important;
}
table.spacialtablebox tbody td button.firstAddNoteButton.btn-inverse {
    background: #242424;
    color: white;
    width: 32px;
    padding-bottom: 6px;
}*/
#openmailbox .modal-dialog {
    width: 50% !important;
    max-width: 50%;
}
#openmailbox .modal-dialog .modal-body .input-group {
    margin-bottom: 6px;
}
#openmailbox .modal-dialog .modal-body .input-group input.form-control {
    border: 1px solid #e7e7e7;
    border-radius: 0;
}
#openmailbox .modal-dialog .modal-body a#addcc {
    position: absolute;
    right: 60px;
    z-index: 3;
    top: 9px;
    font-size: 19px;
    font-weight: 600;
    color: #808080;
    text-decoration: none;
}
#openmailbox .modal-dialog .modal-body a#addBcc {
    position: absolute;
    right: 22px;
    z-index: 3;
    top: 9px;
    font-size: 19px;
    font-weight: 600;
    color: #808080;
    text-decoration: none;
}
#openmailbox .modal-dialog .modal-body a#addcc:hover {
    color: #0e63a0;
}
#openmailbox .modal-dialog .modal-body hr {
    margin: 0 -15px;
}
#openmailbox .modal-dialog .modal-body textarea#id-textarea-limit1 {
    margin-top: 16px;
    border-radius: 0;
    resize: none;
    height: 200px;
    border: 1px solid #e7e7e7;
}
#openmailbox .modal-dialog .modal-body #addccbox, #openmailbox .modal-dialog .modal-body #addBccbox {
    width: 100%;
    padding: 0;
}
#sliderDiv .slick-slide:focus,#sliderDiv1 .slick-slide:focus,#sliderDiv2 .slick-slide:focus {
    box-shadow: unset !important;
    outline: none;
}
a.newthemebtn.tophedbtn {
    min-width: 90px;
    text-align: center;
    margin-bottom: 10px;
}
.modal.adduserpopup .modal-dialog .modal-content .modal-body .input-group .chosen-container-single {
    width: 100% !important;
}
span.expandtable i {
    font-size: 18px;
    color: #60a7cc;
    padding-top: 0;
    line-height: 25px;
}
span.expandtable {
    float: right;
    margin-right: 18px;
    width: 25px;
    height: 25px;
    text-align: center;
    cursor: pointer;
    margin-top: 19px;
    z-index: 1;
    position: relative;
}
.pagetabledatabox.activeexpand {
    width: 100%;
    position: relative;
}
#chartdiv.hideexpand {
    display: none;
}
span.expandtable.compress i:before {
    content: '\f066';
}
span.expandtable.matketexpand{
    position: relative;
    margin-top: -10px;
    margin-right: 0;
}
span.closecc {
    position: absolute;
    z-index: 3;
    right: 7px;
    top: 7px;
    font-size: 19px;
    color: #ccc;
    font-weight: 600;
    cursor: pointer;
}
footer.footer.d-none.d-sm-block {
    display: none !important;
}
/*.cbp-caption .cbp-caption-defaultWrap.text-center a.progress-info:hover {
    text-decoration: none;
}*/
#addtolisttask .modal-dialog {
    max-width: 50%;
}
#addtolisttask .modal-dialog .modal-body textarea#id-textarea-limit1 {
    background: transparent;
    border: 1px solid #cbcbcb;
    font-size: 16px;
    resize: none;
}
#addtolisttask .modal-dialog .modal-body div#form_field_chosen_1_chosen {
    width: 100% !important;
}
li.nav-item.child.acountnumbertop {
    width: 18% !important;
    vertical-align: middle;
}

    li.nav-item.child.acountnumbertop #form_field_chosen_4_chosen, li.nav-item.child.acountnumbertop #form_field_chosen_4_chosen a,
    li.nav-item.child.acountnumbertop #ddlCalChildAc_chosen, li.nav-item.child.acountnumbertop #ddlCalChildAc_chosen a,
    li.nav-item.child.acountnumbertop #drpChildAccounts_chosen, li.nav-item.child.acountnumbertop #drpChildAccounts_chosen a {
        background: #dcdcdc !important;
        border-radius: 26px;
        height: 40px;
        line-height: 28px;
    }
        li.nav-item.child.acountnumbertop #form_field_chosen_4_chosen a span, li.nav-item.child.acountnumbertop #ddlCalChildAc_chosen a span, li.nav-item.child.acountnumbertop #drpChildAccounts_chosen a span {
            line-height: 25px;
            font-size: 16px;
        }
li.nav-item.child.acountnumbertop .input-group {
    width: 100%;
    position: relative;
    display: flex;
    vertical-align: middle;
    align-items: center;
    height: 100%;
}
    li.nav-item.child.acountnumbertop #form_field_chosen_4_chosen .chosen-drop, li.nav-item.child.acountnumbertop #ddlCalChildAc_chosen .chosen-drop, li.nav-item.child.acountnumbertop #drpChildAccounts_chosen .chosen-drop {
        width: 90%;
        margin: auto;
        left: 16px;
    }
.modal-open .modal {
    overflow-x: hidden;
    overflow-y: hidden;
}
.modal .modal-dialog .modal-content .modal-body {
    max-height: 71vh;
    overflow-y: auto;
}
.fc-timeGridWeek-button.btn, .fc-dayGridMonth-button,.fc-timeGridDay-button {
    text-transform: capitalize;
  }
.fc-toolbar.fc-header-toolbar .fc-center {
    margin-left: -6%;
}
.table-oddevenrow tbody tr td input.form-control.form-control-sm {
    height: calc(1.5em + 1rem + 2px);
    font-size: 16px;
}
.table-oddevenrow #licensedDealSummary_wrapper tbody tr td input.form-control.form-control-sm {
    height: calc(0.9em + 1rem + 2px);
    font-size: 16px;
}
#licensedDealSummary_wrapper table.table.tablecolor tbody tr td {
    padding: 8px;
}
#licensedDealSummary_wrapper table.dataTable thead>tr>th.sorting {
    padding: .75rem;
}
#licensedDealSummary_wrapper table.table.tablecolor td {
    border: none;
    border-bottom: 1px solid #f2f2f2;
    border-right: 1px solid #f2f2f2;
}
.table-responsive.table-oddevenrow {
    overflow: unset;
}
.formlabelmiddle{
    margin: 0;
    vertical-align: middle;
    display: table-cell;
    height: calc(1.5em + 1rem + 2px);
}
form#dropzone.dropzonebox {
    border: 2px dashed #0e63a0;
    background: #eee;
}

form#dropzone.dropzonebox .dz-default.dz-message span {
    color: #0e63a0;
    font-size: 23px !important;
}
.infodealpage.setupcircle.leftrigtharrow a {
    display: inline-block;
    background: #eee;
    padding: 3px 14px;
    color: #0e63a0;
    border-radius: 50%;
    width: 50px;
    text-align: center;
}
a.removelink:hover {
    text-decoration: none;
}
a.removelink {
    color: #484b51;
}
input.namefortask {
    border: none;
    font-size: 27px;
    padding: 0;
    color: #0e63a0;
    font-weight: 600;
    width: 100% !important;
    display: inline-block;
}
.socialsqure p {
    cursor: pointer;
}
input.namefortask:hover,input.namefortask:focus,input.namefortask:active {
    border: none;
    box-shadow: none !important;
    outline: unset;
}
input.namefortask::placeholder {
    color: #0e63a0;
    opacity: 0.5;
}
.listoftask {
    display: inline-block;
    width: auto;
    position: relative;
    float: right;
    margin-bottom: 15px;
}
.listoftask a {
    display: inline-block;
    position: relative;
    width: 55px;
    height: 55px;
    background: #ffffff;
    border-radius: 50%;
    vertical-align: middle;
    align-items: center;
    margin: 0 3px;
    border: 2px solid #0e63a0;
}
.listoftask a img {
    max-width: 55%;
    line-height: 81px;
    text-align: center;
    margin: auto;
    display: block;
    vertical-align: middle;
    position: relative;
    top: 11px;
    filter: invert(1);
}
.listoftask a:hover,.listoftask a.actived {
    background: #0e63a0;
}
.nametask {
    position: relative;
    display: inline-block;
    width: 70%;
    overflow: hidden;
}
.nametask:after {
    content: '';
    width: 100px;
    height: 2px;
    background: #5899ca;
    position: relative;
    display: block;
    margin-top: 9px;
    left: 3px;
}
.listoftask a:hover img,.listoftask a.actived img {filter: invert(0);}

.input-group.mobcenter.mt-2.allday input[type="checkbox"] {
    margin-left: -11px;
}
#repeatcalendarbox .modal-body {
    height: 40vh;
}
#repeatcalendarbox .modal-dialog {
    max-width: 45%;
}

.modalUserDetails  .modal-dialog {
    max-width: 45%;
}
.modalUserDetails .modal-dialog .modal-content .modal-body .input-group .chosen-container-single {
    width: 100% !important;
}
form#dropzoneattchment {
    border: 2px dashed #0e63a0 !important;
    background: #eee;
    min-height: 140px;
    margin-bottom: 10px;
}
form#dropzoneattchment .dz-default.dz-message span {
    color: #0e63a0;
    font-size: 23px !important;
}

form.formnewdesign.cusindx label.formlabel h4 {
    display: inline-block;
}

form.formnewdesign.cusindx label.formlabel {
    display: block;
}

form.formnewdesign.cusindx label.formlabel p {
    display: inline-block;
    padding-left: 9px;
}
form.formnewdesign.cusindx label.formlabel p a {
    color: #60a7cc;
}
form.formnewdesign.cusindx label.formlabel p a:hover {
    text-decoration: none;
}
.brc-theme{background-color: #0e63a0!important}
.br-theme{border-color: #0e63a0!important}
/*a.addpersopnanddept,a.removepersopnanddept {
    width: 40px;
    height: 40px;
    background: #0e63a0;
    position: relative;
    display: block;
    text-align: center;
    line-height: 40px;
    border-radius: 50%;
    color: #fff;
}*/
.infodealpage .input-group.text-right {
    justify-content: flex-end;
}
textarea#id-textarea-limit1.extraheight {
    height: 151px;
}

#concatebox {
    background: #eee;
    padding: 14px;
    width: calc(100% - 0px);
    margin: 0 auto 15px;
}
.addenamebox {
    position: relative;
    display: inline-block;
    width: auto;
    padding-right: 15px;
}
.boxdraw {
    width: auto;
    position: relative;
    border: 1px solid #ddd;
    padding: 2px 8px;
    border-radius: 7px;
}
.boxdraw p {
    margin: 0;
    width: auto;
    display: inline-block;
    color: #0e63a0;
    font-size: 18px;
    font-weight: 600;
    padding-right: 6px;
}
.boxdraw a.remove_person {
    width: auto;
    display: inline-block;
    text-align: center;
    position: relative;
}
.boxdraw a.remove_person h4 {
    margin: 0;
}
.boxdraw a.remove_person i {
    margin: 0 !important;
    font-size: 17px;
}

ul.ui-menu.ui-widget.ui-autocomplete {
    z-index: 999;
}
ul.ui-menu.ui-widget.ui-autocomplete table thead th {
    font-size: 14px;
    font-weight: 600;
    vertical-align: middle;
}
ul.ui-menu.ui-widget.ui-autocomplete li.ui-menu-item {
    position: relative;
    margin: 0;
    padding: 3px 1em 3px .4em;
    cursor: pointer;
    min-height: 0;
    border-bottom: 1px solid #c4b9b9;
}
ul.ui-menu.ui-widget.ui-autocomplete li.ui-menu-item a {
    padding: 0 !important;
}
ul.ui-menu.ui-widget.ui-autocomplete li.ui-menu-item a table.table {
    max-width: 100%;
}
ul.ui-menu.ui-widget.ui-autocomplete li.ui-menu-item a table.table td {
    padding: 8px;
    line-height: 1.42857;
    vertical-align: top;
    border-top: 1px solid #e7ecf1;
    font-size: 14px;
}
ul.ui-menu.ui-widget.ui-autocomplete li.ui-menu-item a.ui-state-active table.table td {
    color: #0e63a0;
}
ul.ui-menu.ui-widget.ui-autocomplete.ui-widget.ui-widget-content table.table.table-bordered {
    background: #0e63a0 !important;
}
ul.ui-menu.ui-widget.ui-autocomplete table.table.table-bordered th {
    color: #fff;
}
ul.ui-menu.ui-widget.ui-autocomplete li.ui-menu-item:nth-child(even) a {
    background: #eee !important;
}
ul.ui-menu.ui-widget.ui-autocomplete li.ui-menu-item:nth-child(even) a.ui-state-active {
    background: #0e63a0 !important;
}
ul.ui-menu.ui-widget.ui-autocomplete li.ui-menu-item a table.table td {
    font-weight: 600;
    color: #555;
}
ul.ui-menu.ui-widget.ui-autocomplete li.ui-menu-item a.ui-state-active table.table td {
    color: #0e63a0;
}
ul.ui-menu.ui-widget.ui-autocomplete li.ui-menu-item a table.table td i.fill {
    color: #efae43;
}
ul.ui-menu.ui-widget.ui-autocomplete li.ui-menu-item a table.table td i {color: #b1b1b1;}
i.actiobtn {
    cursor: pointer;
    color: #0e63a0;
}
.madaltab {
    margin: 0 -15px;
    padding: 15px;
    background: #f2f2f2;
    border-top: 2px solid #0e63a0;
}

.boxareastyle {
    position: relative;
    padding: 15px;
    background: #eee;
    margin-bottom: 10px;
}

.boxareastyle:nth-child(even) {
    background: #f9f9f9;
}
#modalWithBuyerName .modal-dialog,#modalWithOtherPointOfContact .modal-dialog,#modalWithDirectorName .modal-dialog {
    max-width: 50%;
}
.fieldarea {
    position: relative;
    width: 95%;
    display: inline-block;
}
.addarea {
    width: 4%;
    display: inline-block;
    vertical-align: middle;
    padding-left: 16px;
}
.addarea a {position: relative;top: 24px;}
.boxareastyle .otherarea {
    width: 95%;
    display: inline-block;
    vertical-align: top;
}

.boxareastyle  .remocvearea {
    width: 5%;
    display: inline-block;
    padding-left: 16px;
    vertical-align: middle;
    padding-top: 16px;
}

span.mandatoryfield {
    color: red;
}
.toast-container>.toast {
    min-width: 450px;
    max-width: 600px;
    background: #f9f9f9 !important;
    border-radius: 8px;
}
.toast-container>.toast.bg-danger {
    border-left: 5px solid red;
}
.toast-container>.toast>.toast-header {
    background: transparent !important;
}
.toast-container>.toast>.toast-header strong {
    color: #0e63a0;
    font-weight: 900;
    width: calc(100% - 95px);
    font-size: 16px;
}
.toast-container>.toast>.toast-header small {
    color: #444 !important;
    width: 80px;
    text-align: right;
}
.toast-container>.toast>.toast-header button span {
    color: #0e63a0 !important;
}
.toast-container>.toast>.toast-header button {
    opacity: 0.8;
    width: 15px;
}
.toast-container>.toast>.toast-body {
    background: transparent !important;
    color: #333;
    font-weight: 500;
    padding: 7px 15px;
}
.toast-container>.toast.bg-info {
    border-left: 5px solid #17a2b8;
}
.toast-container>.toast.bg-warning {
    border-left: 5px solid #ffc107;
}
.toast-container>.toast.bg-success {
    border-left: 5px solid #28a745;
}
.toast-container>.toast.bg-info .toast-header strong {
    color: #17a2b8;
}
.toast-container>.toast.bg-warning .toast-header strong {
    color: #ffc107;
}
.toast-container>.toast.bg-danger .toast-header strong {
    color: #dc3545;
}
.toast-container>.toast.bg-success .toast-header strong {
    color: #28a745;
}

.extraaddedittab {padding-bottom: 15px;}

.extraaddedittab .card {border: none !important;}

.extraaddedittab .card .card-header {
    border-bottom: none;
    margin-bottom: 10px;
}

.extraaddedittab .card .card-header a, .extraaddedittab .card .card-header a.collapsed,.extraaddedittab .card .card-header a:hover,.extraaddedittab .card .card-header a:focus {
    background: #f9f9f9;
    color: #0e63a0;
}
.body-container.newLoginDesign .login {
  position: relative;
  top: 50%;
  left: 50%;
  margin: -10rem 0 0 -10rem;
  width: 50%;
  height: 20rem;
  padding: 0;
  background: transparent;
  border-radius: 50%;
  overflow: hidden;
  transition:all 1s ease;
}
.body-container.newLoginDesign .login:hover > .header,.body-container.newLoginDesign .login.clicked > .header {
  width: 5rem;
  display: inline-block;
}
.body-container.newLoginDesign .login:hover > .header > .text,.body-container.newLoginDesign .login.clicked > .header > .text {
  font-size: 1rem;
  -webkit-transform: rotate(-90deg);
  transform: rotate(-90deg);
}
.body-container.newLoginDesign .login.loading > .header {
  width: 5rem;
  transition: all 1s ease;
  display: inline-block;
}
.body-container.newLoginDesign .login.loading > .header > .text {
  display: block;
  font-size: 1rem;
  -webkit-transform: rotate(-90deg);
  transform: rotate(-90deg);
  padding: 0;
   width: 17rem;
}
.body-container.newLoginDesign .login.loading > .header > .text img {
    max-width: 64%;
    padding-top: 34%;
}
.body-container.newLoginDesign .login.loading > .header > .loader {
  display: block;
}
.body-container.newLoginDesign .header {
  position: relative;
  left: 0;
  top: 0;
  z-index: 1;
  width: 20rem;
  height: 20rem;
  background: rgba(25,25,25,0.62);
  transition: width 0.5s ease-in-out;
  /* opacity: 0.7; */
}
.body-container.newLoginDesign .header > .text {
    display: block;
    width: 100%;
    height: 100%;
    font-size: 5rem;
    text-align: center;
    /*line-height: 23rem;*/
    line-height: 24rem;
    color: hsla(255,255%,255%,1);
    transition: all 0.5s ease-in-out;
}
.body-container.newLoginDesign .login span.loader {
  display: none;
  position: absolute;
  left: 5rem;
  top: 5rem;
  width: 3rem;
  height: 3rem;
  border-left: 3px solid hsla(255, 255%, 255%, 1);
  border-bottom:3px solid hsla(255,255%,255%,1);
  border-right:3px solid hsla(255,255%,255%,1);
  border-top: 2px solid hsla(255,255%,255%,1);
  border-radius: 50%;
  box-shadow:inset 2px 2px 2px 2px hsla(0, 5%, 0%, 1);
  animation: loading 2s linear infinite;
}
/* .login span.loader:after {
  content: "";
  position: absolute;
  left: 4.15rem;
  top: -0.5rem;
  width: 1rem;
  height: 1rem;
  background: rgb(24 179 251);
  border-radius: 50%;
  border-right: 1px solid rgb(24 179 251);

} */
/* .login span.loader:before {
  content: "";
  position: absolute;
  left: 3.4rem;
  top: -0.5rem;
  width: 0;
  height: 0;
  border-right: 1rem solid rgb(24 179 251);
  border-top: 0.5rem solid transparent;
  border-bottom: 0.5rem solid transparent;
} */
.body-container.newLoginDesign .login.loading span.loader {
    display: block;
    z-index: 9;
    left: 14rem;
    top: 15rem;
}
@keyframes loading {
    50% {
        border-left: 3px solid rgb(24,179,251);
        border-bottom: 3px solid rgb(24,179,251);
        border-right: 3px solid rgb(24,179,251);
        border-top: 2px solid rgb(24,179,251);
    }

  100% {
    transform: rotate(360deg);
  }
}
.body-container.newLoginDesign .form {
  margin: 0 0 0 2rem;
  padding: 0.5rem;
}

.body-container.newLoginDesign .input {
  display: block;
  width: 100%;
  font-size: 2rem;
  padding: 0.5rem 1rem;
  box-shadow: none;
  border-color: rgb(110, 87, 87);
  border-width: 0 0 3px 0;
  transition: all .5s ease-in;
  outline:transparent;
}
.body-container.newLoginDesign .input + .input {
  margin: 10px 0 0;
}
.body-container.newLoginDesign .input:focus {
  border-bottom: 3px solid rgb(24,179,251);
}

.body-container.newLoginDesign .btn {
  position: absolute;
  right: 7.8rem;
  bottom: 3rem;
  width: 4rem;
  height: 4rem;
  border: none;
  background: hsla(255, 255%, 255%, 1);
  font-size: 0;
  border: none;
  transition: all 0.3s ease-in-out;
}
.body-container.newLoginDesign .btn:after {
  content: "";
  position: absolute;
  left: 1.4rem;
  top: 1rem;
  width: 0;
  height: 0;
  border-left: 1.6rem solid rgb(24,179,251);
  border-top: .8rem solid transparent;
  border-bottom: .8rem solid transparent;
  transition: border 0.3s ease-in-out 0s;
}
.body-container.newLoginDesign .btn:hover,.body-container.newLoginDesign  .btn:focus,.body-container.newLoginDesign  .btn:active {
  outline: none;

}
.body-container.newLoginDesign .btn:hover:after,.body-container.newLoginDesign  .btn:focus:after,.body-container.newLoginDesign  .btn:active:after {
  border-left-color: hsla(0, 5%, 0%, 1);
}

.body-container.newLoginDesign {
    min-height: 100vh;
}

.body-container.newLoginDesign .main-content {
    margin-left: 0;
}

.body-container.newLoginDesign .shadow {
    position: relative;
    display: block;
    height: 94vh;
    box-shadow: unset !IMPORTANT;
    background-color: transparent !IMPORTANT;
}

.body-container.newLoginDesign .header > .text img {
    max-width: 76%;
    margin: auto;
    text-align: center;
    padding-top: 38%;
}
.body-container.newLoginDesign .login:hover > .header > .text img,.body-container.newLoginDesign .login.clicked > .header > .text img {
    max-width: 64%;
    padding-top: 34%;
}
.body-container.newLoginDesign .login:hover > .header > .text, .body-container.newLoginDesign .login.clicked > .header > .text {
    padding: 0;
    /* width: 17rem;*/
    width: 16rem;
}
.body-container.newLoginDesign .login {width: 40rem;height: 40rem;top: 33%;left: 27%;}
.body-container.newLoginDesign .header {
    width: 40rem;
    height: 40rem;
}
.body-container.newLoginDesign form.form {
    position: relative;
    transition: width 0.5s ease-in-out;
}
.body-container.newLoginDesign .login:hover form.form, .body-container.newLoginDesign .login.clicked form.form, .body-container.newLoginDesign .login.loading form.form {
    width: calc(100% - 5.01rem);
    display: inline-block;
    height: 100%;
    background: #639cbde0;
    padding: 38px;
    margin-left: -4px;
    z-index: 2;
    transition: width 0.5s ease-in;
}
.body-container.newLoginDesign form.form .formbox {
    position: relative;
    display: block;
    width: 93%;
    top: 37%;
    margin: auto;
}
.body-container.newLoginDesign form.form .formbox button.btn {
    position: relative;
    right: unset;
    left: unset;
    top: unset;
    bottom: unset;
    margin: 18px auto 0;
    background: #333;
    width: 50%;
    height: auto;
    font-size: 16px;
    color: #fff;
    border: unset;
    border-radius: 25px;
    display: block;
    left: -24px;
    padding: 10px 22px;
}

.body-container.newLoginDesign form.form .formbox input.input {
    color: #696b6f;
    background-color: #f2f2f2;
    border: 2px solid #ffffff;
    border-radius: .125rem;
    font-family: inherit;
    transition-duration: 120ms;
    font-size: 20px;
    color: #333 !important;
    width: 94%;
    border-radius: 25px;
    margin-bottom: 20px;
}
.body-container.newLoginDesign form.form .formbox input.input::placeholder {
    font-size: 19px;
    color: #444;
    font-weight: 500;
}
.body-container.newLoginDesign form.form .formbox button.btn:after {
    display: none;
}


.body-container.newLoginDesign.hero {
    background-color: rgba(71,71,71,0.68);
}

.body-container.newLoginDesign .cube {
  position: absolute;
  top: 80vh;
  left: 45vw;
  width: 10px;
  height: 10px;
  border: solid 1px #16b6fd;
  -webkit-transform-origin: top left;
          transform-origin: top left;
  -webkit-transform: scale(0) rotate(0deg) translate(-50%, -50%);
          transform: scale(0) rotate(0deg) translate(-50%, -50%);
  -webkit-animation: cube 6s ease-in forwards infinite;
          animation: cube 6s ease-in forwards infinite;
}
.body-container.newLoginDesign .cube:nth-child(2n) {
  border-color: #077df2;
}
.body-container.newLoginDesign .cube:nth-child(2) {
  -webkit-animation-delay: 2s;
          animation-delay: 2s;
  left: 25vw;
  top: 40vh;
}
.body-container.newLoginDesign .cube:nth-child(3) {
  -webkit-animation-delay: 4s;
          animation-delay: 4s;
  left: 75vw;
  top: 50vh;
}
.body-container.newLoginDesign .cube:nth-child(4) {
  -webkit-animation-delay: 6s;
          animation-delay: 6s;
  left: 90vw;
  top: 10vh;
}
.body-container.newLoginDesign .cube:nth-child(5) {
  -webkit-animation-delay: 8s;
          animation-delay: 8s;
  left: 10vw;
  top: 85vh;
}
.body-container.newLoginDesign .cube:nth-child(6) {
  -webkit-animation-delay: 10s;
          animation-delay: 10s;
  left: 50vw;
  top: 10vh;
}

@-webkit-keyframes cube {
  from {
    -webkit-transform: scale(0) rotate(0deg) translate(-50%, -50%);
            transform: scale(0) rotate(0deg) translate(-50%, -50%);
    opacity: 1;
  }
  to {
    -webkit-transform: scale(20) rotate(960deg) translate(-50%, -50%);
            transform: scale(20) rotate(960deg) translate(-50%, -50%);
    opacity: 0;
  }
}

@keyframes cube {
  from {
    -webkit-transform: scale(0) rotate(0deg) translate(-50%, -50%);
            transform: scale(0) rotate(0deg) translate(-50%, -50%);
    opacity: 1;
  }
  to {
    -webkit-transform: scale(20) rotate(960deg) translate(-50%, -50%);
            transform: scale(20) rotate(960deg) translate(-50%, -50%);
    opacity: 0;
  }
}

.body-container.newLoginDesign #myVideo {
  position: fixed;
  right: 0;
  bottom: 0;
  min-width: 100%;
  min-height: 100%;
  opacity: 0.5;
}

  .tab-sliding .tab-pane .list-group-item .imagearea {
    width: 13%;
    display: inline-block;
    position: relative;
}
.tab-sliding .tab-pane .list-group-item .messagearea {
    width: 87%;
    display: inline-block;
    position: relative;
    padding-left: 10px;
}
.tab-sliding .tab-pane .list-group-item .imagearea img {
    position: relative;
    max-width: 100%;
}
/*
#chartdiv, #chartdiv1, #chartdiv2 {
    width: 100%;
    height: 500px;
    overflow-x: scroll;
    position: relative;
    display: block;
    max-width: 100%;
}
*/
@media (min-width:1024px) and (max-width:1440px){
    li.nav-item.child.serchboxtop {
        width: 38% !important;
        vertical-align: middle;
    }
    a#cancelProsEvent, button#btnaddnew {
        margin-top: 6px;
    }
}
.infodealpage.setupcircle{position: absolute;}
@media (max-width:767px){
li.nav-item.child.serchboxtop {
    display: block;
    width: 100% !important;
    margin: 0 !important;
}
.nav.w-auto.has-active-border.active-on-right.active-on-top.w100 {
    padding-top: 42px;
}
li.nav-item.serchboxtop .searchbar input.navbar-search-input {
    border-radius: 0 !important;
}
button.navbar-toggler.h-75 {
    display: none;
}
ul.callsupport li a.nav-link {
    padding-top: 0;
}
.sliderDiv .slick-list .slick-slide .multiple center i {
    width: 180px !important;
}
.infodealpage {
    top: 0px;
    z-index: 2;
}
.infodealpage a.btn {
    min-width: 38px !important;
}
form.formnewdesign, .formnewdesigns {
    position: relative;
}
.debitfonbox h6 span.float-right {
    display: block;
    position: relative;
    float: unset !important;
    padding-top: 16px;
}
/*a.btn.btn-parimary.addprove, a.btn.btn-parimary.boxaddclick {
    min-width: 50px;
}*/
.infodealpage.existing a#popover-1 {
    min-width: 50px;
}
.col-sm-12.mb10Mobile.text-center.alert-success h4 {
    padding: 10px 0 0;
}
/*.maptop .wid40,.maptop .wid60 {
    width: 100%;
}*/
button.tableactivate,button.graphactivate {
    margin-top: 15px;
}
button.dailygraph, .weeklygraph, .monthlygraph {
    /*min-width: auto !important; 26022021*/
    min-width: initial !important;
}
.newthemebtn {
    margin-bottom: 10px;
    margin-top: 0px;
    font-size: 12px;
    padding: 6px 20px;
}
.bw100{
    min-width: 100% !important;
    width: 100%;
}
.foterorder-2{
    order: 2;
    width: 100%;
}
.foterorder-1{
    order: 1;
}
.foterorder-3{
    order: 3;
}
.mobmtnone {
    padding-bottom: 15px;
}
.mobmtnone .mobpadtop15 {
    margin-top: 0;
}
.footermobnone{display: none;}
.mobtext-center {
    text-align: center;
}
.mobtext-center h4.pt-2 {
    padding-top: 0 !important;
}
.modal-body select.chosen-select.form-control.form-control-lg {
    margin-bottom: 0;
}
.modal-body a.remove_button i {
    margin-top: 0 !important;
}
#add_button1 i {
    font-size: 24px;
}
.infodealpage.setupcircle {
    position: absolute;
    right: 5px;
    top: 0px;
}
form.formnewdesign ul.boxlist.w50 {
    padding: 0;
    margin-bottom: 0;
}
.w50{
    width: 50%;
}
.w120{
    width: 120px;
    min-width: 120px !important;
    margin-right: 7px;
}

.adddesignation {
    width: 100%;
}
#addtolisttask .modal-dialog{
    max-width: 100%;
}
.dis_in_block{
    display: inline-block;
    width: 120px !important;
    min-width: 120px !important;
}
.dis_in_block3{
    display: inline-block;
    width: 120px !important;
    min-width: 160px !important;
}
.userdetails {
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background: #fff;
    padding: 15px;
    height: 100%;
}
.withoutaction.action {
    width: 100%;
    border-right: none;
}
table tbody tr td a.btn {
    min-width: initial;
    /*min-width: auto; 26022021*/
}
/*.flowprocess select.form-control.orand.form-control-lg {
    width: 100%;
    margin: 5px 0 15px;
}*/
/*.input-group.custometextarea {
    width: 100%;
}*/
/*.flowprocess a.btn.btn-parimary.addprove {
    margin: auto;
    text-align: center;
    display: block;
    position: relative;
    left: 45%;
}*/
div#calendar-container button.btn {
    min-width: 105px;
}
.sidebar.sidebar-h .nav>.nav-item a.nav-link.dropdown-toggle span.nav-text i.caret.fa.fa-sort-down {
    display: none;
}
#openmailbox .modal-dialog {
    width: 100% !important;
    max-width: 96% !important;
}
.modal .modal-dialog .modal-content .modal-body .input-group .chosen-container-single {
    width: 82% !important;
}
#openmailbox .modal-body {
    height: 70vh;
    overflow-y: auto;
}
#openmailbox .modal-footer button.btn.newthemebtn {
    min-width: 132px;
}

#openmailbox .modal-footer {
    text-align: center;
    display: block;
}

/*-----------NEw Navbar mobile Css-------------*/
a.navbar-brand img {
    width: 51%;
    /*min-height: auto; 26022021*/
    min-height: initial;
    max-width: 100% !important;
}
a.navbar-brand {
    width: 100%;
    display: inline-block;
    margin: 0 5px !important;
    height: auto !important;
    /*min-height: auto; 26022021*/
    min-height: initial;
    text-align: center;
}
.navbar-intro button.btn.burger-arrowed.btn-burger.collapsed {
    width: 45px;
    margin-left: 10px !important;
}
.navbar .navbar-intro {
    width: 85% !important;
    flex: 85%;
}
.navbar .navbar-content {
    width: 43%;
    flex: 43%;
    margin: 0 !important;
}
.navbar button.navbar-toggler {
    width: 14%;
    flex: 14%;
}
.navbar-intro button.btn.burger-arrowed.btn-burger.collapsed span {
    width: 90%;
}
ul.callsupport li a.nav-link i {
    font-size: 14px;
    color: #fff;
    height: 35px;
    vertical-align: middle;
    width: 35px;
    text-align: center;
    line-height: 24px;
    border-radius: 50%;
    border: 2px solid #a5c0d1;
    padding: 5px;
}
ul.callsupport {
    padding-left: 0px;
}
li.nav-item.child.acountnumbertop {
    width: 100% !important;
    margin-left: 0 !important;
    margin-top: 10px;
}
li.nav-item.child.acountnumbertop #form_field_chosen_4_chosen, li.nav-item.child.acountnumbertop #form_field_chosen_4_chosen a {
    border-radius: 0;
}
li.nav-item.child.acountnumbertop #form_field_chosen_4_chosen .chosen-drop {
    width: 100%;
    left: auto;
}
/*.displaycustomerlist li .submenu.collapse ul.submenu-inner .nav-link {
    padding-left: 14px;
}
.displaycustomerlist {
    margin-bottom: 15px;
}*/
/*.addaprovebtn {
    position: absolute;
    right: 49%;
    bottom: -6px;
    z-index: 1;
}*/
a.btn.btn-danger.removeprove {
    min-width: 50px !important;
    margin: 0 auto 20px !important;
    display: block;
    position: relative;
}
/*a.boxminusclick {
    min-width: 50px !important;
    margin: 0px auto 0px !important;
    display: inline-block;
    position: relative;
}*/
/*a.btn.btn-parimary.boxaddclick {
    display: inline-block;
}*/
.modal .modal-dialog .modal-content .modal-body .row.mt-2.drag-item .col-md-10,.modal .modal-dialog .modal-content .modal-body .row.drag-item .col-md-10 {
    width: 90% !important;
}
.modal .modal-dialog .modal-content .modal-body .row.mt-2.drag-item .col-md-2,.modal .modal-dialog .modal-content .modal-body .row.mt-2.drag-item .col-md-1,.modal .modal-dialog .modal-content .modal-body .row.drag-item .col-sm-2 {
    width: 10%;
    padding: 0;
    vertical-align: middle;
    align-items: center;
}
.modal .modal-dialog .modal-content .modal-body .row.mt-2.drag-item .col-md-2 a.remove_button,.row.mt-2.drag-item .col-md-2 a.remove_button1,
.modal .modal-dialog .modal-content .modal-body .row.mt-2.drag-item .col-md-1 a.remove_button,.modal .modal-dialog .modal-content .modal-body .row.mt-2.drag-item .col-md-1 a.remove_button1,
.modal .modal-dialog .modal-content .modal-body .row.drag-item .col-sm-2 a{
    border-bottom: 0;
    margin-bottom: 0 !important;
    margin-right: 5px;
    margin-top: 8px;
}
/*.debitfonbox#serviceuser .width90 {
    width: 90%;
}
.debitfonbox#serviceuser .width10 {
    width: 10%;
    padding: 0;
}
.debitfonbox#serviceuser .width10 a.remove_button {
    border-bottom: none;
    margin-right: 5px;
    margin-bottom: 0;
    margin-top: 8px;
}
.debitfonbox#serviceuser .row.mt-2 {
    border-bottom: 1px solid #dbdada;
    margin-bottom: 14px;
}
.debitfonbox#serviceuser .width10 a.mobtext-center.add_button {
    margin-right: 5px;
    margin-bottom: 0;
    margin-top: 8px;
    position: relative;
    display: block;
}*/
.modal .modal-dialog .modal-content .modal-body .row .col-md-10.col-sm-10.col-xs-10.w-75 {
    width: 90%!important;
}
.modal .modal-dialog .modal-content .modal-body .row .col.my-2 {
    width: 10%;
    padding: 0;
}
.scrollboxdiv .scrollsection.row select.chosen-select.form-control.form-control-lg,.noscrollboxdiv .scrollsection.row select.chosen-select.form-control.form-control-lg {
    margin-bottom: 0;
}
.scrollboxdiv .scrollsection.row  i.fas.fa-check-circle.mr-3.fa-3x.text-success,.noscrollboxdiv .scrollsection.row  i.fas.fa-check-circle.mr-3.fa-3x.text-success {border-color: #ccc;}
.scrollboxdiv .scrollsection.row  .input-group,.noscrollboxdiv .scrollsection.row  .input-group {
    margin-bottom: 0;
}
.fc-toolbar.fc-header-toolbar .fc-center {
    margin-left: 0%;
}
.modal .modal-dialog .modal-content .modal-body {
    max-height: 60vh;
    overflow-y: auto;
}
table#responsive-table,table#responsive-table1 {
    white-space: nowrap;
}
.input-group>.form-control.refnumer:nth-child(7), .input-group>.form-control.refnumer:nth-child(13) {
    margin-left: 0;
}
/*.debitfonbox#submit .col-sm-3 {
    width: 90%;
}
.debitfonbox#submit .col-sm-1.text-center {
    width: 10%;
    padding: 0;
}
.debitfonbox#submit .col-sm-1.text-center a#add_button1 {
    margin-right: 8px;
    position: relative;
    display: block;
    margin-top: 47px;
}*/
.table-responsive.table-oddevenrow {
    overflow-x: auto;
}
span.rightarrow.mobrotate.posabs.mobnone {
    display: none;
}
.input-group.checkboxemil input {
    margin-left: 0;
    width: 12% !important;
    margin-right: 5px;
}
.input-group.checkboxemil  span.check {
    width: 36%;
}
form.formnewdesign .boxborder {
    margin-bottom: 20px;
}
form.formnewdesign .tableDiv.boxtab ul.nav.nav-tabs li.nav-item {
    width: 51%;
    display: inline-block;
    margin-bottom: -1px;
    margin-left: -6px;
}
form.formnewdesign .tableDiv.boxtab ul.nav.nav-tabs {
    overflow-x: auto;
    position: relative;
    width: 100%;
    display: block;
}
form.formnewdesign .tableDiv.boxtab ul.nav.nav-tabs li.nav-item a {
    padding: 10px 3px !important;
    text-align: center;
}
form.formnewdesign .tableDiv.boxtab .tab-content table {
    white-space: nowrap;
}
form.formnewdesign .tableDiv.boxtab ul.nav.nav-tabs li.nav-item a.active {
    background: #0e63a0;
    color: #fff;
}
form.formnewdesign .boxborder table td button.btn.btn-sm {
    min-width: 50px !important;
}
form.formnewdesign .tableDiv.boxtab .tab-content h6.mintitle {
    text-align: center;
}
form.formnewdesign.profileform select.chosen-select.form-control.form-control-lg {
    margin-bottom: 0;
}
span.expandtable.matketexpand,span.expandtable {
    margin-top: 0;
    display: none !important;
}
/*a.btn.btn-primary.rsmboxaddclick {
    padding: 8px 8px;
    font-size: 13px;
    min-width: initial;*/
    /*min-width: auto; 26022021*/
/*}*/
.pagetabledatabox {
    width: 100%;
    position: relative;
    overflow-x: auto;
}
/*.displaycustomerlist li .submenu.collapse.activeopen {
    display: inline-block;
    position: absolute;
    z-index: 1;
    background: #fff;
    text-align: left;
    width: 100%;
    border: 1px solid #e6e9eb;
    padding-top: .25rem;
    padding-bottom: .25rem;
    border-radius: 8px;
    transition: margin 10ms, opacity 10ms, visibility 0s;
    transition-delay: .8s, .8s, 50ms;
    margin-top: -6px;
}*/
li.nav-item.serchboxtop .searchbar input.navbar-search-input {
    padding: 8px 10px 8px 10px !important;
    background: #eee !important;
}
.sidebar-visible [data-toggle-mobile=sidebar] {
    min-width: initial;
    /*min-width: auto; 26022021*/
}
.sidebar-default .submenu .nav-item>.nav-link:hover>.nav-text::before {
    display: none;
}
footer.mobilefooterapp .footer-inner {
    z-index: 98;
}
table.table.tablecolor.newtable {
    white-space: nowrap;
}
form.customerfrom.formnewdesign ul.nav.nav-tabs.tabdesign li.nav-item {
    width: auto;
    display: inline-block;
    float: left;
}
form.customerfrom.formnewdesign ul.nav.nav-tabs.tabdesign {
    position: relative;
    width: 100%;
    display: block;
    overflow: hidden;
    margin: 0;
}
form.customerfrom.formnewdesign ul.nav.nav-tabs.tabdesign li.nav-item a {
    padding: 8px 10px;
    font-size: 19px;
}
form.customerfrom.formnewdesign ul.nav.nav-tabs.tabdesign li.nav-item:last-child {
    margin-left: 8px;
}
form.customerfrom.formnewdesign select.chosen-select.form-control.form-control-lg {
    margin-bottom: 0;
}
/*#autoapprov .modal-dialog {
    width: 100% !important;
    max-width: 96% !important;
}*/
.tableDiv.withoutactions li.nav-item {
    width: auto !important;
}
.yaskstatus .listtask {
    margin-left: 0;
}
.userdetails {
    width: 100% !important;
    height: auto;
    position: fixed;
    top: 64px;
    overflow-y: auto;
    max-height: 86%;
}
.userdetails .form-group .col-sm-12 label {
    width: 100%;
}
.form-group.row.addtaskform select.chosen-select.form-control.form-control-lg {
    margin-bottom: 0;
}
.form-group.row.addtaskform textarea {
    margin-bottom: 0;
}
.form-group.row.addtaskform input {
    margin-bottom: 0;
}
footer.mobilefooterapp .footer-inner .btn-group.bgc-default-l4.radius-t-1.shadow {
    background-color: #0e63a0 !important;
    border-color: #0e63a0 !important;
}
footer.mobilefooterapp .footer-inner .btn-group.bgc-default-l4.radius-t-1.shadow button, footer.mobilefooterapp .footer-inner .btn-group.bgc-default-l4.radius-t-1.shadow a {
    min-width: initial;
    /*min-width: auto; 26022021*/
    vertical-align: middle;
    align-items: center;
    height: 100%;
    color: #fff;
    position: relative;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    display: flex;
    justify-content: center;
    margin-top: -2px;
}
.navbar .navbar-content {
    display: none;
}
li.nav-item.child select.chosen-select.form-control.form-control-lg {
    font-size: .95rem;
}
.tableDiv.slidertab ul.nav.nav-tabs li.nav-item {
    width: auto;
}
.tableDiv.slidertab ul.nav.nav-tabs {
    padding: 9px 0;
}
.messagebox p.text-center {
    text-align: justify !important;
    font-size: 16px;
    letter-spacing: 0.5px;
    line-height: 25px;
}
.messagebox h5.text-center {
    text-align: justify !important;
    font-size: 18px;
    line-height: 29px;
    letter-spacing: 0.5px;
}
div#reference p {
    text-align: justify;
}
.form-group.row.showbox select.chosen-select.form-control.form-control-lg {
    margin-bottom: 15px;
}
div#kt_chat_aside {
    position: relative;
    left: 0;
    z-index: unset;
    width: 100% !important;
    margin-bottom: 15px;
}
div#kt_chat_content .kt-portlet.kt-portlet--head-lg-.kt-portlet--last {
    height: 100% !important;
}
div#kt_chat_content .kt-portlet__body.height_reset .kt-scroll.kt-scroll--pull.min_height {
    overflow-y: auto;
}
span.closecc {
    background: #fff;
    width: 30px;
    height: 39px;
    right: 2px;
    top: 1px;
    text-align: center;
    line-height: 39px;
}
#openmailbox .modal-dialog .modal-body a#addcc,#openmailbox .modal-dialog .modal-body a#addBcc{
    top: -30px;}
.modalUserDetails .modal-dialog {
    max-width: 96%;
}
.modalUserDetails .modal-dialog .modal-content .modal-body .input-group .chosen-container-single {
    width: 100% !important;
}
.body-container.newLoginDesign .login {
    width: 100%;
    height: auto;
    top: unset;
    left: unset;
    margin: 0;
    display: block;
    border-radius: 10px;
    background: rgba(25,25,25,0.62);
    padding: 15px 15px 40px;
}
.body-container.newLoginDesign .header {
    width: 100%;
    height: auto;
    top: unset;
    left: unset;
    background: transparent;
    padding-bottom: 30px;
}
.body-container.newLoginDesign .header > .text {
    height: auto;
    line-height: initial;
}
.body-container.newLoginDesign .header > .text img {
    padding-top: 0;
        max-width: 64%;
}
.body-container.newLoginDesign form.form {
    width: 100%;
    margin-left: 0;
}
.body-container.newLoginDesign form.form .formbox {
    width: 100%;
    top: unset;
}
.body-container.newLoginDesign form.form .formbox input.input {
    width: 100%;
}
.body-container.newLoginDesign form.form .formbox button.btn {
    width: 100%;
    left: unset;
    background: rgba(99,156,189,0.88);
}
.body-container.newLoginDesign .login:hover > .header, .body-container.newLoginDesign .login.clicked > .header {
    width: 100%;
    display: block;
}
.body-container.newLoginDesign .login:hover > .header > .text, .body-container.newLoginDesign .login.clicked > .header > .text {
    width: 100%;
    -webkit-transform: unset;
    transform: unset;
    font-size: 5rem;
}
.body-container.newLoginDesign .login:hover > .header > .text img, .body-container.newLoginDesign .login.clicked > .header > .text img {
    padding-top: 0;
}
.body-container.newLoginDesign .login:hover form.form, .body-container.newLoginDesign .login.clicked form.form, .body-container.newLoginDesign .login.loading form.form {
    width: 100%;
    background: unset;
    padding: 0.5rem;
    margin-left: 0;
}
.body-container.newLoginDesign .shadow {
    display: flex;
    height: auto;
}
.body-container.newLoginDesign #myVideo {
    min-height: 100vh;
}
}
@media (max-width: 1200px){
    .sidebar.sidebar-h .nav li.whitespace {
        width: 30%;
        order: 2;
    }
    li.nav-item.child.serchboxtop{
        width: 37% !important;
    }
}
@media (min-width:768px) and (max-width:1024px){
    li.nav-item.child.serchboxtop {width: 100% !important;padding-top: 46px;}
    li.nav-item.serchboxtop .searchbar input.navbar-search-input {
        border-radius: 0 !important;
    }
    li.nav-item.child.acountnumbertop {
        width: 100% !important;
        margin-left: 0 !important;
        margin-top: 10px;
    }
    li.nav-item.child.acountnumbertop #form_field_chosen_4_chosen, li.nav-item.child.acountnumbertop #form_field_chosen_4_chosen a {
        border-radius: 0;
    }
}
.formfooter {
    position: fixed;
    width: calc(100% - var(--sidebar-collapsed-width));
    bottom: 0;
}
form.formnewdesign .mintitle.subadmintitle, .uploadfileform .mintitle.subadmintitle {
    font-size: 27px;
    margin-bottom: 16px;
    padding: 0;
    margin-top: 18px;
    display: none;
}
.infodealpage {
    position: relative !important;
    /*float: right;*/
    z-index: 2;
    display: block;
    width: 100%;
    text-align: right;
    right: unset;
}
form.formnewdesign, .formnewdesigns {
    max-height: 75vh;
    overflow-y: auto;
    /*width: 96%;*/
    width: 97.7%;
    overflow-x: hidden;
    height: 75vh;
}
form.formnewdesign::-webkit-scrollbar-track,.formnewdesigns::-webkit-scrollbar-track
{
	-webkit-box-shadow: inset 0 0 2px rgba(0,0,0,0.1);
	background-color: #F5F5F5;
	border-radius: 10px;
}
form.formnewdesign::-webkit-scrollbar, .formnewdesigns::-webkit-scrollbar {
    width: 8px;
    background-color: #F5F5F5;
}
form.formnewdesign::-webkit-scrollbar-thumb,.formnewdesigns::-webkit-scrollbar-thumb
{
	border-radius: 10px;
	background-color: #FFF;
	background-image: -webkit-gradient(linear,40% 0%, 75% 84%, from(#60a7cc), to(#60a7cc), color-stop(.6,#60a7cc))
}

body {
    background-color: #ffffff;
}
form.formnewdesign .formfooter,.formnewdesigns .formfooter {
    position: relative;
    width: 100%;
}
.dropwidth100 .chosen-container.chosen-container-multi {
    width: 95% !important;
}
.dropwidth100 .chosen-container.chosen-container-multi {
    width: 93% !important;
}
form.formnewdesign.height80vh{max-height: 80vh;height: 80vh;}
@media (max-width:767px){
    form.formnewdesign,.formnewdesigns {
        max-height: unset;
        height: auto;
    }.formfooter {
        position: relative;
        width: 100%;
    }
    li.nav-item.child.serchboxtop {
        width: 100% !important;
    }
    #submit .input-group span.checkboxtext {
        display: inline-block;
        width: 90%;
        padding-left: 8px;
        vertical-align: top;
        margin-top: -4px;
        text-align: justify;
        font-size: 15px;
    }
}



/* CSS 23-9-2020 strat*/

* {
  scrollbar-width: thin;
  scrollbar-color: #60a7cc transparent;
}
*::-webkit-scrollbar {
  width: 5px;
  height: 9px;

}
*::-webkit-scrollbar-track {
  background-color: #F5F5F5;
}
*::-webkit-scrollbar-thumb {
  background:#60a7cc;
  border-radius: 20px;
  width: 3px;
  height: 9px;
}
*::-webkit-scrollbar-thumb:hover {
  background:#60a7cc;
  border-radius: 10px;
}
.page-header.calendercheck .input-group {
    text-align: right;
    position: relative;
    display: block;
    margin-bottom: 0;
}

.page-header.calendercheck span {
    margin-right: 16px;
}

.page-header.calendercheck {
    padding-bottom: 15px;
}
.onlyforipad{display: none;}
/* CSS 23-9-2020 strat*/
@media (min-width:768px) and (max-width:991px){
    .sliderDiv .slick-list .slick-slide .multiple center i {width: 180px;height: 180px;}
    ul.slick-dots {
        display: none !important;
    }
    .navbar-content.d-xl-flex.flex-grow-0.flex-lg-grow-1.ml-auto.mr-2 button.navbar-toggler.h-75 {
        display: none;
    }
    .formfooter {
        width: 100%;
        left: 0;
    }
    .newthemebtn {
        border-radius: 25px;
        padding: 6px 12px;
        font-size: 13px;
    }
    form.formnewdesign label.formlabel h4,.formnewdesigns label.formlabel h4 {
        font-weight: 600;
        font-size: 14px;
    }
    #submit .input-group span.checkboxtext {
        display: inline-block;
        width: 90%;
    }
    .scrollboxdiv.w150 {
        max-height: initial;
    }
    .infodealpage.setupcircle {
        right: 7%;
    }
    .onlyforipad{display: inline-block;}
}
.hidelist {
    display: none !important;
}
#lastNavMargin a.btn.newthemebtn.tophedbtn {
    display: none;
}

/* -----------Date View Css Start------------------ */
.ui-datepicker {
    width: 23em;
    padding: 0;
    border: none !important;
    border-top: 4px solid #71a8d2 !important;
    background: #FFF;
    box-shadow: 2px 2px 16px rgba(0, 0, 0, 0.25);
    max-height: 400px;
    z-index: 1000 !important;
}
.ui-datepicker td a {
    border: none !important;
    background: transparent !important;
    text-align: center;
    font-size: 16px;
    color: #666 !important;
    font-weight: 600 !important;
    padding: 5px 7px;
}
.ui-datepicker .ui-datepicker-title select {
    background: #e9e9e9;
    border: 2px solid #71a8d2;
}
.ui-datepicker .ui-datepicker-title select:first-child {
    margin-right: 3px;
}
.ui-state-highlight, .ui-widget-content .ui-state-highlight, .ui-widget-header .ui-state-highlight {
    border: rgba(113,168,210,0.80) !important;
    background: rgba(113,168,210,0.8) !important;
    color: #fff!important;
}
.ui-state-active, ul.ui-menu.ui-widget.ui-autocomplete.ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active, a.ui-button:active, .ui-button:active, .ui-button.ui-state-active:hover {
    background: #0e63a0 !important;
    border: 1px solid #0e63a0 !important;
    color: #fff !important;
}
@media (max-width:767px){
    .ui-datepicker {
        width: 80%;
    }
}
input[type=file]:focus, input[type=checkbox]:focus, input[type=radio]:focus, .modal-dialog .modal-body textarea:focus,
li.nav-item.serchboxtop .searchbar input.navbar-search-input:focus, a.btn.newthemebtn:focus, .modal .modal-dialog .modal-content .modal-body input:focus,
li.nav-item.child.selectcustome #choosecust_chosen a:focus, form.formnewdesign .input-group input:focus {
    outline-offset: 1px !important;
    box-shadow: 0 0 7px 2px #0e63a0 !important;
    outline: 0;
    border: 0;
}
button.btn:focus {
    box-shadow: 0 0 7px 2px #0e63a0 !important;
}
/*a:focus {
    box-shadow: 0 0 7px 2px #0e63a0;*/ /* keyboard-only focus styles */
    /* color: lime; keyboard-only focus styles */
/*}*/
.dataTables_scrollHead {
    z-index: 99;
    z-index: 99;
}

div#todonotification {
    max-height: 230px;
    overflow-y: auto;
}

.dataTables_wrapper .dataTables_paginate .paginate_button {
    padding: 0 !important;
}

    .dataTables_wrapper .dataTables_paginate .paginate_button:hover, .dataTables_wrapper .dataTables_paginate .paginate_button {
        border: none !important;
        background: unset !IMPORTANT;
    }

.chosen-container-multi .chosen-choices li.search-field input:focus {
    box-shadow: rgba(55,64,129,0.55) 0px 0px 1px 2px !important;
    background: rgba(255, 255, 255, 0.15) !important;
    border-radius: 1px !important;
}

.chosen-container-multi .chosen-choices li.search-field input {
    padding: 1.2rem 1rem !important;
}

.form-control[readonly], .form-control {
    color: #333 !important;
    font-weight: 600 !important;
}
.body-container.newLoginDesign form.form .formbox .form-control[readonly], .body-container.newLoginDesign form.form .formbox .form-control {
    color: #fff !important;
    font-weight: 600 !important;
}
.infodealpage.setupcircle a.block {
    pointer-events: none;
    opacity: 0.5;
}

form.formnewdesign.height89vh, .formnewdesigns.height89vh {
    max-height: 89vh;
    height: 89vh;
}

.paddZero {
    padding: 0 !important
}

.addChatBoxarea {
    max-height: 68vh;
    overflow-y: auto;
}

form.formnewdesign.height89vh > .form-group.row, .formnewdesigns.height89vh > .form-group.row {
    margin-bottom: 0 !important;
}

/** Search In Chat Start**/
button.finder-activator {
    z-index: 99999;
}

.displayNone, #finder {
    display: none !important;
}

button.btn.btn-finder {
    width: 26px;
    height: 40px;
    position: relative;
    line-height: 40px;
    color: #2C81EE;
    cursor: pointer;
    border: none;
    margin-top: -8px;
}

    button.btn.btn-finder i {
        margin-left: 6px;
    }

span#finderCount {
    position: absolute;
    border: none;
    padding: 0;
    margin: 0;
    right: 110px;
    top: 11px;
    font-size: 12px;
}
/** Search In Chat End **/
a.dotss {
    background: #eee;
    top: 1px;
    height: 40px;
    padding-top: 7px;
    padding-left: 5px;
}
#repeattype_chosen a.chosen-single {
    height: calc(1.5em + 0.9rem );
    padding: .4rem 1rem;
}
@media (min-width:1196px) and  (max-width:1800px){
    form.formnewdesign .input-group, .formnewdesigns .input-group.allday span.checkboxtext {
        font-size: 10px;
    }
}
@media (min-width:1000px) and (max-width:1400px){
.body-container.newLoginDesign .shadow {
    flex: 0 0 56%;
    max-width: 56%;
    margin-left: 22%;
}
.body-container.newLoginDesign .login {
    width: 32rem;
    height: 32rem;
    left: 30%;
}
.body-container.newLoginDesign .header {
    width: 32rem;
    height: 32rem;
}
.body-container.newLoginDesign .header > .text img {padding-top: 26%;}
.body-container.newLoginDesign .login:hover > .header > .text img, .body-container.newLoginDesign .login.clicked > .header > .text img {padding-top: 3%;}
.body-container.newLoginDesign .login:hover > .header > .text, .body-container.newLoginDesign .login.clicked > .header > .text {width: 14rem;}
.body-container.newLoginDesign .login:hover form.form, .body-container.newLoginDesign .login.clicked form.form, .body-container.newLoginDesign .login.loading form.form {padding: 38px 30px;}
form.formnewdesign, .formnewdesigns {
    width: 99%;
    margin: 8px auto;
    padding: 8px;
}
.alert.bgc-default-l3.brc-primary-m3.mx-3 {margin-bottom: 10px;}
.fc-toolbar.fc-header-toolbar {margin-bottom: 0.8em;}
    .listoftask a {
        width: 43px;
        height: 43px;
    }

    .listoftask a img {
        top: 8px;
    }

    .nametask:after {
        margin-top: 2px;
    }

    input.namefortask {
        font-size: 23px;
    }
}
.confirmationText h4 {
    margin-bottom: 0;
    font-weight: 600;
    font-size: 20px;
}
.confirmationText .alert-success h4 {
    padding: 7px 0;
    text-transform: uppercase;
}
ul.vakata-context.jstree-contextmenu a:focus {
    box-shadow: none !important;
}
.radius-25px {
    border-radius: 25px;
}
.stickyMailBox{display:none}
li#userProfileLI, li#logout {
    display: none;
}
.formfooter {
    z-index: 9;
}
/*form.formnewdesign.setFooterScroll {
    max-height: 64vh;
}*/
.dataTables_wrapper button.dt-button.btn-success.newthemebtn.explorebtn {
    border: none;
    top: 0;
}
form.formnewdesign.height82vh {
    max-height: 82vh;
    height: 82vh;
}
@-moz-document url-prefix() {
    div#sidebar2 .sidebar-inner .ace-scroll-mob {
        margin-bottom: 12px;
    }
    div#sidebar2 .sidebar-inner .ace-scroll-mob #liCalendarClear {
        margin-top: 5px;
    }
}
.modal .modal-dialog {
    margin-top: 0 !important;
}

li.nav-item.child.searchChips {
    width: 60% !important;
    display: flex;
    align-items: center;
}

.searchTearm {
    position: relative;
    display: block;
    width: 100%;
}
.searchTearm p {
    margin: 0 5px 0 15px;
    font-size: 17px;
    font-weight: 600;
    color: #222;
    display: inline-block;
}
.searchTearm span {
    position: relative;
    display: inline-block;
    margin: 3px 2px;
    padding: 3px 14px 4px 10px;
    border: 1px solid #0e63a0;
    border-radius: 12px;
    min-width: 90px;
    font-size: 12px;
    font-weight: 600;
    color: #222;
    text-align: center;
    line-height: 15px;
}
.searchTearm span a {
    position: absolute;
    width: 15px;
    height: 15px;
    border-radius: 50%;
    background: #ccc;
    color: #0e63a0;
    top: -8px;
    right: -7px;
    line-height: 15px;
    font-size: 11px;
    display: block;
    text-align: center;
 }
    .searchTearm .chipsList {
        position: relative;
        display: inline-block;
        max-width: calc(100% - 98px - 45px);
        width: calc(100% - 98px - 180px);
        vertical-align: middle;
        white-space: nowrap;
        overflow-x: hidden !important;
        padding-top: 6px;
        padding-right: 6px;
        border: 1px solid #dcdcdc;
        border-radius: 25px;
        padding: 5px 13px;
        background: #dcdcdc;
    }
.chipsHoverBox {
    position: absolute;
    top: 24px;
    background: #f7f7f7;
    padding: 10px;
    box-shadow: 0 0.5rem 1rem rgba(0,0,0,0.15) !important;
    border: 1px solid #a4c7e2 !important;
    z-index: 99;
    width: 700px;
    right: 0px;
    display: inline-block;
    white-space: initial;
    will-change: transform;
    -webkit-transform: translateY(-.5rem);
    transform: translateY(-.5rem);
    transition: opacity 150ms,transform 150ms,visibility 0s,-webkit-transform 150ms;
    opacity: 0;
    visibility: hidden;
}
.searchTearm .chipsHoverBox span {
    margin: 5px 2px;
    min-width: calc(100%/8);
}
.searchTearm .showExtrabox:hover .chipsHoverBox {
    -webkit-transform: none !important;
    transform: none !important;
    transition-delay: 0s,0s,0s !important;
    opacity: 1;
    visibility: visible;
    transform: none;
    transition-delay: 0s;
}
.searchTearm .showExtrabox {
    position: relative;
    display: inline-block;
    vertical-align: middle;
}
.searchTearm .showExtrabox >a {
    font-size: 17px;
    color: #222;
    padding: 0 10px;
}
.showCount {
    position: absolute;
    top: 13px;
    left: 0;
    right: 0;
    text-align: center;
    font-size: 16px;
    font-weight: 600;
    line-height: 20px;
}

@media(min-width:992px) {
    a.backtoChatList {
        display: none
    }
}

    @media (max-width:1600px) {
        #customertable_wrapper .dataTables_scrollHead table.table th:nth-child(2) {
            white-space: nowrap !important;
            width: 304px !important;
        }

        table.dataTable tbody th, table.dataTable tbody td {
            font-size: 14px;
        }

        .cusindx .newthemebtn {
            margin-bottom: 10px;
        }
    }

    @media (max-width:1417px) {
        .formfooter.existing.customer1 .foterorder-1 .newthemebtn,
        .formfooter.existing.customer3 .foterorder-3 .newthemebtn {
            min-width: 120px;
        }
    }
    /* Search Bar Responsive*/
    @media (max-width:1199px) {
        .main-content #sidebar2 {
            position: relative;
            visibility: visible;
            width: 100%;
            max-width: 100%;
        }

            .main-content #sidebar2 .sidebar-inner {
                position: relative;
                display: block;
                transform: unset !important;
                -webkit-transform: unset !important;
                top: unset;
                width: 100%;
                padding: 7px 5px;
                max-width: 100%;
                height: unset;
                min-height: unset;
                overflow: unset;
                bottom: unset;
            }

                .main-content #sidebar2 .sidebar-inner .d-xl-none.text-right.position-tr {
                    display: none;
                }

                .main-content #sidebar2 .sidebar-inner .ace-scroll,
                .main-content #sidebar2 .sidebar-inner .ace-scroll-mob {
                    overflow: unset;
                    height: unset;
                }

        li.nav-item.child.acountnumbertop, .sidebar.sidebar-h .nav > .nav-item.Cleartab {
            margin-top: 0 !important;
        }

        .main-content #sidebar2 .sidebar-inner li.nav-item.child.serchboxtop {
            padding-top: 0 !IMPORTANT;
            width: 43% !important;
        }

        .main-content #sidebar2 .sidebar-inner li.nav-item {
            display: inline-block !important;
        }

        .main-content #sidebar2 .sidebar-inner .nav {
            display: block;
        }

        .main-content #sidebar2 .sidebar-inner li.nav-item.child.serchboxtop .searchbar input {
            border-radius: 4rem !important;
        }

        .page-content {
            padding: 0.625rem;
        }

        li.nav-item.serchboxtop .searchbar input.navbar-search-input,
        li.nav-item.child.selectcustome .chosen-container-single .chosen-single span {
            line-height: 21px !important;
            font-size: 14px !important;
        }

        .newthemebtn {
            padding: 5px 22px;
            font-size: 14px;
            min-width: 140px;
        }

        .fc-toolbar h2 {
            font-size: 19px;
        }

        #calendar .btn-group-vertical > .btn, .btn-group > .btn {
            padding: .275rem .75rem;
            height: auto;
            font-size: 14px;
        }

        .alert.bgc-default-l3.brc-primary-m3.mx-3 {
            padding: .45rem 1rem;
            font-size: 14px;
        }

        button.btn.burger-dots[data-target="#sidebar2"] {
            display: none !important;
        }

        form.formnewdesign.height80vh {
            max-height: 78vh;
            height: 78vh;
        }

        li.nav-item.child.selectcustome .chosen-container {
            width: 100% !important;
        }

        li.nav-item.serchboxtop .searchbar i {
            display: block !important;
        }

        .nametask {
            width: 67%;
        }
    }

    @media (min-width:992px) and (max-width:1200px) {
        .verticalIpadWidth {
            flex: 0 0 33%;
            max-width: 33%;
        }

        .col-lg-1.text-center.verticalIpadWidth {
            flex: 0 0 10%;
            max-width: 10%;
        }

        .col-md-6.col-lg-1.verticalIpadWidth {
            flex: 0 0 24%;
            max-width: 24%;
        }

        .col-lg-1.text-center.verticalIpadWidth i {
            font-size: 17px;
        }

        .iadML {
            margin-left: 10%;
        }

        .col-sm-12.col-md-3.col-lg-1.verticalIpadWidth {
            flex: 0 0 22%;
            max-width: 22%;
        }

        .col-lg-1.text-center.verticalIpadWidth p {
            font-size: 13px;
        }

        .input-group.mobcenter.mt-2.allday input[type="checkbox"] {
            margin-left: 0;
        }

        .input-group.allday {
            text-align: center;
            display: block;
        }

        .formfooter {
            width: 100%;
            left: 0;
        }

        .dropwidth100 .chosen-container.chosen-container-multi {
            width: 92% !important;
        }

        form.formnewdesign, .formnewdesigns.pointer-events-none {
            pointer-events: unset;
        }

        .dropwidth100 .chosen-container.chosen-container-multi {
            width: 91% !important;
        }

        img.mobimg {
            max-width: 20%;
        }

        li.nav-item.child.acountnumbertop {
            width: 18% !important;
        }
    }

    @media (min-width:992px) and (max-width:1195px) {
        form.formnewdesign, .formnewdesigns {
            max-height: 72vh !important;
            height: 72vh !important;
        }
        form.formnewdesign#formnewdesignid {
            max-height: 71vh !important;
            height: 71vh !important;
        }
        a#cancelProsEvent {
            margin-top: 8px;
        }

        a.removelink.nearsociallink {
            margin-top: 0;
            display: block;
            text-align: center;
            width: 100%;
            margin-left: 0;
        }

        #modalWithFeedback .formnewdesigns.uploadfileform {
            max-height: unset;
            height: unset;
            margin-top: 0;
            margin-bottom: 0;
        }

        .modal-dialog {
            max-width: 68% !important;
        }

        .removeLabel label.formlabel, .removeLabel br, .ipadNone {
            display: none;
        }

        .socialsqure a:first-child {
            margin-left: 0;
        }

        .socialsqure a:last-child {
            margin-right: 0;
        }

        .socialsqure a {
            margin: auto 9px;
        }

        .main-content #sidebar2 .sidebar-inner li.nav-item.hidelist,
        .main-content #sidebar2 .sidebar-inner li.nav-item#lastNavMargin {
            display: none !important;
        }

        #addtodo #showdiloag .modal-dialog {
            max-width: 100% !important;
        }
        /*.nav-tabs.nav-tabs-simple + .tab-content .ace-scroll,
    .main-content #sidebar2 .sidebar-inner .ace-scroll-mob {
        overflow-y: auto;
        overflow-y: overlay;
    }*/
        .nav-tabs.nav-tabs-simple + .tab-content .ace-scroll,
        .main-content #sidebar2 .sidebar-inner .ace-scroll-mob {
            overflow: unset;
            height: unset;
        }

        .formnewdesign.cusindx .col-md-12.text-center label.formlabel {
            display: none;
        }

        .formnewdesign.cusindx .col-md-12.text-center .newthemebtn {
            display: block;
        }

        .navbar-slategrey .navbar-intro {
            padding-right: 0 !important;
        }

            .navbar-slategrey .navbar-intro .position-tr, li#mobileUserProfileHide {
                display: none !IMPORTANT;
            }

        ul.callsupport li a.nav-link i, #mobileUserProfileHide {
            border: none;
        }

        .navbar-content ul.nav.nav-compact.callsupport {
            padding-left: 0;
        }

        #openmailbox .modal-dialog {
            width: 68% !important;
        }

        li#userProfileLI img {
            margin-right: 11px !important;
        }

        li#userProfileLI a.nav-link {
            padding-left: 5px;
        }

        #sidebar1 .sidebar-inner button {
            padding: 0 11px 4px;
            background: transparent;
            color: #fff;
        }

        li#userProfileLI, li#logout {
            display: block;
        }

        .navbar button.navbar-toggler i.mobileNotIcon {
            color: #e4e4e4;
        }

        li#navbarlist2 {
            margin-right: 10px;
        }

        .navbar-slategrey .navbar-intro {
            width: calc(100% - 195px) !important;
        }

            .navbar-slategrey .navbar-intro a.navbar-brand {
                width: calc(100% - 50px);
                text-align: center;
            }

                .navbar-slategrey .navbar-intro a.navbar-brand img {
                    max-width: 131px;
                }

        .page-header.calendercheck a.btn.btn-lg.btn-success.newthemebtn,
        button#btnaddnew {
            position: fixed;
            bottom: 30px;
            right: 20px;
            min-width: auto;
            padding: 7px 8px 7px 25px;
            font-size: 13px;
            border-radius: 5px;
            z-index: 999;
        }

            .page-header.calendercheck a.btn.btn-lg.btn-success.newthemebtn:before,
            button#btnaddnew:before {
                display: none;
            }

            .page-header.calendercheck a.btn.btn-lg.btn-success.newthemebtn:after,
            button#btnaddnew:after {
                content: "\f067";
                font-size: 11px;
                font-family: "Font Awesome 5 Free";
                font-weight: 900;
                position: absolute;
                left: 10px;
                top: 9px;
            }

        a.dotss {
            top: 2px;
            height: 36px;
            background: TRANSPARENT;
        }

        li#userProfileLI a.nav-link:hover {
            background: transparent !important;
        }

        .formfooter {
            padding: 5px 15px;
        }

            .formfooter.existing.customer1 .foterorder-1 .btn-danger.newthemebtn, .formfooter.existing.customer3 .foterorder-3 a#addexistingfeedback {
                margin-bottom: 4px;
            }

        .page-header.calendercheck {
            padding: 0;
            margin: 0;
            border: none;
        }

        .alert.bgc-default-l3.brc-primary-m3.mx-3 {
            width: fit-content;
            margin: 0 auto 15px !important;
        }

        .formfooter .mobmtnone {
            display: flex;
            justify-content: center;
            align-items: center;
        }

            .formfooter .mobmtnone h6 {
                margin-bottom: 0;
            }

        li.nav-item.child.acountnumbertop.paticularCusTInfo {
            width: 27% !important;
        }

        form.formnewdesign.cusindx.height80vh {
            max-height: 79vh !important;
            height: 79vh !important;
        }

        form.formnewdesign.setFooterScroll {
            max-height: 76vh !important;
            height: 76vh !important;
        }

        form.formnewdesign.height82vh {
            max-height: 80vh !important;
            height: 80vh !IMPORTANT;
        }

        form.formnewdesign.fileUploadHt {
            max-height: 80vh !important;
            height: 80vh !important;
        }
        li.nav-item.child.searchChips {
            width: 54% !important;
        }

        .sidebar2Margin {
            margin-left: 0px;
        }
        .formfooter.existing.customer1 .foterorder-1 a#cancelExistingEvent {
            margin-top: 5px;
        }
        img.mobimg {
            max-width: 37%;
        }
        form.formnewdesign.customerHeightSet {
            max-height: 77vh !important;
            height: 77vh !important;
            margin-top: 0;
            margin-bottom: 0;
        }
        form.formnewdesign.toDoFormHeight {
            max-height: 82vh !important;
            height: 82vh !important;
            margin-top: 0;
            margin-bottom: 0;
        }
    }

    @media (min-width:1100px) and (max-width:1195px) {
        .fullpagetable a.btn.btn-success.newthemebtn.explorebtn {
            top: 166px !important;
        }

        form.formnewdesign, .formnewdesigns {
            max-height: 76vh !important;
            height: 76vh !important;
        }

        .formfooter .newthemebtn {
            min-width: 132px;
        }

        a#cancelProsEvent {
            margin-top: 0;
        }

        form.formnewdesign.fileUploadHt {
            max-height: 81vh !important;
            height: 81vh !important;
        }

        form.formnewdesign.height80vh {
            max-height: 79vh !important;
            height: 79vh !important;
        }
    }

    @media (min-width:768px) and (max-width:991px) {
        .main-content #sidebar2 .sidebar-inner li.nav-item.selectcustome {
            width: 49% !important;
            display: flex;
            margin-bottom: 10px;
            order: 1;
            margin-left: 0 !important;
        }

        .main-content #sidebar2 .sidebar-inner li.nav-item.child.serchboxtop {
            order: 3;
            display: flex;
            width: 79% !important;
        }

        .main-content #sidebar2 .sidebar-inner li.nav-item.selectcustome.acountnumbertop {
            order: 2;
            margin-right: 0 !important;
        }

        .main-content #sidebar2 .sidebar-inner .nav {
            display: flex;
            width: 100%;
            flex-direction: unset;
        }

        li.nav-item.child.acountnumbertop .input-group {
            display: block;
        }

        .main-content #sidebar2 .sidebar-inner li.nav-item {
            order: 4;
        }

        form.formnewdesign, .formnewdesigns {
            width: 100%;
            max-height: 72vh !important;
            height: 72vh !important;
        }

        #openmailbox .modal-dialog {
            width: 80% !IMPORTANT;
            max-width: 80%;
        }

        form.formnewdesign.height80vh {
            margin-top: 0 !IMPORTANT;
            margin-bottom: 0 !important;
            padding: 8px;
        }

        .page-header.calendercheck {
            display: inline-block;
            border-bottom: none;
            margin-bottom: 0;
        }

        .alert.bgc-default-l3.brc-primary-m3.mx-3 {
            display: block;
            width: fit-content;
            margin: 0 auto 15px !important;
        }

        .nametask {
            width: 100%;
        }

        .listoftask {
            float: unset;
            margin: auto;
            display: block;
            text-align: center;
        }

        form.formnewdesign, .formnewdesigns.pointer-events-none {
            pointer-events: unset;
        }

        .input-group.mobcenter.mt-2.allday input[type="checkbox"] {
            margin-left: 0;
        }

        a#cancelProsEvent, a#saveProspectTask {
            margin-top: 8px;
        }

        a.removelink.nearsociallink {
            margin-top: 0;
            display: block;
            text-align: center;
            width: 100%;
            margin-left: 0;
        }

        .dispalayNoneDiv {
            display: none;
        }

        #modalWithFeedback .modal-dialog, #modalWithViewFeedback .modal-dialog, .modal-dialog {
            max-width: 85% !important;
        }

        #modalWithFeedback #ddlDealStatus_chosen {
            margin-top: 36px;
        }

        #modalWithFeedback .formnewdesigns.uploadfileform {
            max-height: unset;
            height: unset;
            margin-top: 0;
            margin-bottom: 0;
        }

        .main-content #sidebar2 .sidebar-inner .partialSearch li.nav-item.serchboxtop,
        .main-content #sidebar2 .sidebar-inner .partialSearch li.nav-item.acountnumbertop {
            width: 50% !important;
        }

        .main-content #sidebar2 .sidebar-inner .partialSearch li.whitespace {
            display: none;
        }

        .main-content #sidebar2 .sidebar-inner .partialSearch li.nav-item.acountnumbertop {
            padding-left: 10px !important;
        }

        .fullpagetable a.btn.btn-success.newthemebtn.explorebtn {
            position: relative;
            top: unset;
            right: unset;
            float: right;
            margin-top: -43px;
            margin-bottom: 14px;
        }

        .removeLabel label.formlabel, .removeLabel br, .ipadNone {
            display: none;
        }

        .customOrderM1 {
            order: -1;
        }

        .customOrder0 {
            order: 0;
        }

        .customOrderM2 {
            order: -2;
        }

        .main-content #sidebar2 .sidebar-inner li.nav-item.hidelist,
        .main-content #sidebar2 .sidebar-inner li.nav-item#lastNavMargin {
            display: none !important;
        }

        .toFilterBtn .newthemebtn {
            padding: 5px 11px;
            min-width: 111px;
        }

        #addtodo #showdiloag .modal-dialog {
            max-width: 100% !important;
        }

        .nav-tabs.nav-tabs-simple + .tab-content .ace-scroll,
        .main-content #sidebar2 .sidebar-inner .ace-scroll-mob {
            overflow: unset;
            height: unset;
        }

        .formnewdesign.cusindx .col-md-12.text-center label.formlabel, #mobileUserProfileHide {
            display: none;
        }

        /* .formnewdesign.cusindx .col-md-12.text-center .newthemebtn {
        display: block;
    }*/
        li#userProfileLI img {
            margin-right: 11px !important;
        }

        li#userProfileLI a.nav-link {
            padding-left: 5px;
        }

        #sidebar1 .sidebar-inner button {
            padding: 0 11px 4px;
            background: transparent;
            color: #fff;
        }

        li#userProfileLI, li#logout {
            display: block;
        }

        .navbar button.navbar-toggler i.mobileNotIcon {
            color: #e4e4e4;
        }

        a.navbar-brand img {
            width: 154px;
            min-height: auto !important;
        }

        a.navbar-brand {
            text-align: right;
            width: calc(100% - 128px);
        }

        .navbar .navbar-intro {
            width: 70% !important;
        }

        ul.callsupport li a.nav-link i {
            border: none;
        }

        .formfooter.existing.customer1 .foterorder-1 .btn-primary.newthemebtn,
        .formfooter.existing.customer3 .foterorder-3 a#addexistingfeedback {
            margin-bottom: 4px;
        }

        .formfooter.existing.customer1 .foterorder-1 .newthemebtn, .formfooter.existing.customer3 .foterorder-3 .newthemebtn {
            min-width: 140px;
        }

        form.formnewdesign#formnewdesignid {
            max-height: 73vh !important;
            height: 73vh !important;
        }

        form.formnewdesign.setFooterScroll {
            max-height: 78vh !important;
            height: 78vh !important;
        }

        .page-header.calendercheck a.btn.btn-lg.btn-success.newthemebtn,
        button#btnaddnew {
            position: fixed;
            bottom: 30px;
            right: 20px;
            min-width: auto;
            padding: 7px 8px 7px 25px;
            font-size: 13px;
            border-radius: 5px;
            z-index: 999;
        }

            .page-header.calendercheck a.btn.btn-lg.btn-success.newthemebtn:before,
            button#btnaddnew:before {
                display: none;
            }

            .page-header.calendercheck a.btn.btn-lg.btn-success.newthemebtn:after,
            button#btnaddnew:after {
                content: "\f067";
                font-size: 11px;
                font-family: "Font Awesome 5 Free";
                font-weight: 900;
                position: absolute;
                left: 10px;
                top: 9px;
            }

        a.dotss {
            top: 2px;
            height: 36px;
            background: TRANSPARENT;
        }

        li#userProfileLI a.nav-link:hover {
            background: transparent !important;
        }

        .formfooter {
            padding: 5px 15px 0;
        }

        .page-header.calendercheck {
            padding: 0;
            margin: 0;
            border: none;
        }

        .formfooter .mobmtnone {
            display: flex;
            justify-content: center;
            align-items: center;
        }

            .formfooter .mobmtnone h6 {
                margin-bottom: 0;
            }

        li.nav-item.child.acountnumbertop.paticularCusTInfo {
            width: 27% !important;
        }

        form.formnewdesign.fileUploadHt {
            max-height: 82vh !important;
            height: 82vh !important;
        }

        form.formnewdesign.cusindx.height80vh {
            max-height: 81vh !important;
            height: 81vh !important;
        }

        div#navbarMenu {
            border: none !important;
            margin: 8px;
            width: calc(100% - 16px);
            border-radius: 26px;
            overflow: unset;
            background: #0d5990;
        }

            div#navbarMenu ul.nav.nav-compact {
                margin: 0;
                padding: 10px;
            }

        #navbarMenu .navbar-nav {
            border-radius: 7px;
        }

            #navbarMenu .navbar-nav:before {
                content: '';
                width: 0;
                height: 0;
                border-left: 15px solid transparent;
                border-right: 15px solid transparent;
                border-bottom: 15px solid #5d9cd2;
                position: absolute;
                top: 11px;
                right: 10px;
                opacity: 0;
            }

        div#navbarMenu:after {
            content: '';
            width: 0;
            height: 0;
            border-left: 10px solid transparent;
            border-right: 11px solid transparent;
            border-bottom: 17px solid #0d5990;
            position: absolute;
            top: -15px;
            right: 6px;
            z-index: 999999999;
            border-radius: 4px;
        }

        .navbar-slategrey .navbar-collapse > .navbar-nav > .nav > .nav-item:last-child {
            border-bottom: none !important;
        }

        .navbar-slategrey .navbar-collapse > .navbar-nav > .nav > .nav-item:nth-child(2) {
            border-bottom: none;
        }

        .navbar .navbar-backdrop::before {
            margin-top: -9px;
        }

        .modal .modal-dialog .modal-content .modal-content {
            border: none !important;
            border-radius: unset;
            overflow-x: hidden;
        }

        .modal-body.socialsqure .col-lg-2 {
            width: 15%;
        }

        .modal-body.socialsqure .col-lg-10 {
            width: 85%;
        }
        .sidebar2Margin {
            margin-left: 0px;
        }
        li.nav-item.child.searchChips {
            width: 100% !important;
        }
        li.nav-item.child.searchChips {
            margin-left: 0 !important;
            margin-top: 7px;
        }
        .chipsHoverBox {
            width: 600px;
        }
        form.formnewdesign.customerHeightSet {
            max-height: 77vh !important;
            height: 77vh !important;
        }
        form.formnewdesign.toDoFormHeight {
            max-height: 86vh !important;
            height: 86vh !important;
        }
    }

    @media (max-width:767px) {
        .main-content #sidebar2 .sidebar-inner .nav {
            padding-top: 0;
            display: block !IMPORTANT;
        }

        .main-content #sidebar2 .sidebar-inner li.nav-item, .main-content #sidebar2 .sidebar-inner li.nav-item.child.serchboxtop {
            width: 100% !IMPORTANT;
            display: block !important;
            margin-bottom: 10px !important;
            margin-left: 0 !important;
        }

            .main-content #sidebar2 .sidebar-inner li.nav-item.child.serchboxtop .searchbar input {
                border-radius: 0 !important;
            }

        li.nav-item.serchboxtop .searchbar i {
            border-radius: 0;
            height: 37px;
        }

        form.formnewdesign, .formnewdesigns {
            width: 100%;
            margin-top: 0;
            padding: 9px;
        }

            form.formnewdesign.height80vh {
                max-height: unset;
                height: unset;
                overflow: unset;
            }

        .newthemebtn {
            width: 100%;
        }

        .main-content #sidebar2 .sidebar-inner li.Cleartab, .main-content #sidebar2 .sidebar-inner li.Cleartab a {
            margin-bottom: 0 !important;
        }

        .alert.bgc-default-l3.brc-primary-m3.mx-3 {
            margin-left: 0 !important;
            margin-right: 0 !important;
            width: 100%;
        }

        .listoftask a {
            width: 41px;
            height: 41px;
            margin: 0 1px;
        }

            .listoftask a img {
                top: 9px;
            }

        .nametask:after {
            margin-top: 2px;
        }

        input.namefortask {
            font-size: 20px;
        }

        .nametask {
            width: 100%;
        }

        .listoftask {
            display: block;
            width: 100%;
            text-align: center;
            margin-bottom: 5px;
        }

        form.formnewdesign, .formnewdesigns.pointer-events-none {
            pointer-events: unset;
        }

        .w50 {
            width: 100%;
        }

        .dropwidth100 .chosen-container.chosen-container-multi {
            width: calc(100% - 40px) !important;
        }

        a#cancelProsEvent, a#saveProspectTask {
            margin-top: 8px;
        }

        a.removelink.nearsociallink {
            margin-top: 0;
            display: block;
            text-align: center;
            width: 100%;
            margin-left: 0;
        }

        .dispalayNoneDiv, .ipadNone {
            display: none;
        }

        .input-group.checkboxemil span.check {
            font-size: 16px;
        }

        .formfooter .foterorder-1, .formfooter .foterorder-3 {
            width: 50%;
        }

        form.formnewdesign label.formlabel h4, .formnewdesigns label.formlabel h4,
        .chosen-container .chosen-results li, .chosen-container-single .chosen-single span,
        form.formnewdesign .input-group input, .modal .modal-dialog .modal-content .modal-body input, .formnewdesigns .input-group input {
            font-size: 14px;
        }

        .socialsqure a {
            width: calc(100% / 9 - 8px);
            margin: 0 2px;
            height: 35px;
        }

            .socialsqure a i {
                font-size: 14px;
                line-height: 35px;
            }

        .socialsqure p.display-inline {
            font-size: 14px;
            display: block;
            text-align: center;
        }

        #modalWithFeedback .modal-dialog, #modalWithViewFeedback .modal-dialog, .modal-dialog {
            max-width: 95% !important;
        }

        .modal-footer .newthemebtn {
            width: 47%;
            display: inline-block;
        }

        #modalWithFeedback .formnewdesigns.uploadfileform {
            max-height: unset;
            height: unset;
            margin-top: 0;
            margin-bottom: 0;
        }

        a.dotss {
            height: 37px;
        }

        a.btn.btn-success.newthemebtn.explorebtn {
            position: relative !important;
            top: unset !important;
            right: unset !important;
            width: 100% !important;
        }

        .cusindx .newthemebtn {
            width: 49% !important;
            display: inline-block !IMPORTANT;
        }

        .customOrderM1 {
            order: -1;
        }

        a.linktext.spacial {
            margin-top: -75px !important;
        }

        .main-content #sidebar2 .sidebar-inner li.nav-item.hidelist,
        .main-content #sidebar2 .sidebar-inner li.nav-item#lastNavMargin {
            display: none !important;
        }

        #addtodo #showdiloag .modal-dialog {
            max-width: 100% !important;
        }

        #addtodo #showdiloag span.input-group-text {
            height: 39px !important;
        }

        div#idtodoupcoming_wrapper .dataTables_scrollHead,
        #idtodotoday_wrapper .dataTables_scrollHead {
            z-index: 9;
        }

        .nav-tabs.nav-tabs-simple + .tab-content .ace-scroll {
            overflow-y: auto;
            overflow-y: overlay;
        }

        .stickyMailBox {
            display: block;
            position: fixed;
            bottom: 10px;
            right: 10px;
            width: 50px;
            height: 50px;
            background: #0e63a0;
            border-radius: 50%;
            z-index: 99;
        }

        .formnewdesign.cusindx .col-md-12.text-center label.formlabel {
            display: none;
        }

        footer.d-sm-none.footer.footer-sm.footer-fixed.mobilefooterapp, #mobileUserProfileHide {
            display: none;
        }

        .stickyMailBox a {
            min-width: unset;
            color: #fff;
            line-height: 50px;
            padding: 0;
            display: block;
        }

        .quickActionList {
            position: absolute;
            bottom: 57px;
            right: 0;
            display: block;
            width: auto;
            overflow: hidden;
            transition: transform 0.8s, opacity 2s;
            height: 0;
        }

        .stickyMailBox .openQuickAction {
            font-size: 17px;
            color: #fff;
            display: block;
            text-align: center;
            line-height: 50px;
            pointer-events: unset;
        }

        .quickActionList ul {
            position: relative;
            padding: 0;
            margin: 0;
            list-style: none;
            transform: translateY(400%);
            transition: transform 0.8s, opacity 2s;
            opacity: 0;
        }

            .quickActionList ul li {
                background: #0e63a0;
                margin-bottom: 5px;
                border-radius: 5px;
                width: 76px;
            }

                .quickActionList ul li a > span {
                    font-size: 10px;
                    display: inline-block;
                    width: fit-content;
                    line-height: 14px;
                }

                .quickActionList ul li a i {
                    display: inline-block;
                    position: relative;
                    line-height: initial;
                    font-size: 11px !IMPORTANT;
                    margin-right: 6px;
                }

                .quickActionList ul li a {
                    font-size: 13px;
                    display: flex;
                    padding: 0 8px;
                    height: 36px;
                    line-height: 16px;
                    align-items: center;
                }

                .quickActionList ul li#calendarListIcon {
                    background: #30b330;
                }

                .quickActionList ul li#toDoListIcon {
                    background: #5899ca;
                }

                .quickActionList ul li#toDoListIcon, .quickActionList ul li#calendarListIcon, button#btnaddnew, .page-header.calendercheck, a.btn.btn-success.newthemebtn.explorebtn {
                    display: none
                }

        li#userProfileLI img {
            margin-right: 11px !important;
        }

        li#userProfileLI a.nav-link {
            padding-left: 5px;
        }

        .quickActionList.openBox ul {
            opacity: 1;
            transform: translateY(0%);
        }

        .quickActionList.openBox {
            height: auto;
        }

        #sidebar1 .sidebar-inner button {
            padding: 0 11px 4px;
            background: transparent;
            color: #fff;
        }

        li#userProfileLI, li#logout {
            display: block;
        }

        .navbar button.navbar-toggler i.mobileNotIcon {
            color: #e4e4e4;
        }

        element.style {
        }

        button.dt-button.btn-success.newthemebtn.explorebtn {
            right: unset;
            position: relative;
            top: unset;
            z-index: 9;
            display: block;
            width: 100% !important;
            box-shadow: unset !important;
            border: none;
        }

        .col-sm-12.col-md-2.col-lg-1.text-center.verticalIpadWidth {
            width: 21%;
            top: 18px;
        }

        .col-sm-12.col-md-5.col-lg-2.verticalIpadWidth {
            width: 79%;
            margin-left: auto;
        }

        form.formnewdesign, .formnewdesigns {
            max-height: unset !important;
        }

        .customMonthPick .input-group .input-group-prepend span.input-group-text {
            height: 39px !important;
        }

        #divSocial .row .col-lg-2 {
            width: 16%;
            padding: 0 10px;
        }

        #divSocial .row .col-lg-10 {
            width: 84%;
            padding: 0 10px 0 0;
        }

        #divSocial a {
            width: 100%;
        }

        .formfooter {
            padding: 5px 15px 0;
        }

        a.dotss {
            background: TRANSPARENT;
        }

        .page-header.calendercheck {
            padding: 0;
            margin: 0;
            border: none;
        }

        select.chosen-select.form-control.form-control-lg {
            font-size: 14px;
        }

        .input-group.checkboxemil {
            display: block;
        }

            .input-group.checkboxemil input {
                display: inline-block;
                border-radius: 0;
                vertical-align: middle;
            }

            .input-group.checkboxemil span.check {
                display: inline-block;
                width: calc(100% - 65%);
                vertical-align: middle;
                height: 30px;
            }

        div#navbarMenu {
            border: none !important;
            margin: 8px;
            width: calc(100% - 16px);
            border-radius: 26px;
            overflow: unset;
            background: #0d5990;
        }

            div#navbarMenu ul.nav.nav-compact {
                margin: 0;
                padding: 10px;
            }

        #navbarMenu .navbar-nav {
            border-radius: 7px;
        }

            #navbarMenu .navbar-nav:before {
                content: '';
                width: 0;
                height: 0;
                border-left: 15px solid transparent;
                border-right: 15px solid transparent;
                border-bottom: 15px solid #5d9cd2;
                position: absolute;
                top: 11px;
                right: 10px;
                opacity: 0;
            }

        div#navbarMenu:after {
            content: '';
            width: 0;
            height: 0;
            border-left: 10px solid transparent;
            border-right: 11px solid transparent;
            border-bottom: 17px solid #0d5990;
            position: absolute;
            top: -15px;
            right: 6px;
            z-index: 999999999;
            border-radius: 4px;
        }

        .navbar-slategrey .navbar-collapse > .navbar-nav > .nav > .nav-item:last-child {
            border-bottom: none !important;
        }

        .navbar-slategrey .navbar-collapse > .navbar-nav > .nav > .nav-item:nth-child(2) {
            border-bottom: none;
        }

        .navbar .navbar-backdrop::before {
            margin-top: -9px;
        }

        form.formnewdesign.confirmationText {
            min-height: calc(100vh - 48px - 64px - 35px);
        }

        .cusindx .hidepanel a.btn.btn-success.newthemebtn.explorebtn {
            display: none !important;
        }
        li.nav-item.child.searchChips {
            width: 100% !important;
        }
        .searchTearm .chipsList {
            display: list-item;
            width: calc(100% - 41px);
            max-width: calc(100% - 41px);
        }
        .searchTearm .showExtrabox {
            float: right;
            margin-top: -28px;
            display: block;
            width: 100%;
        }
        .chipsHoverBox {
            width: 100%;
            top: 29px;
            right: 8px;
        }
        .searchTearm .showExtrabox > a {
            float: right;
        }
        .main-content #sidebar2 {
            margin-left: 0;
        }
        .searchTearm p {
            font-size: 14px;
            margin-bottom: 4px;
        }
        li.nav-item.child.searchChips {
            margin-top: -8px;
        }
    }
    /* Search Bar Responsive End*/
    a .linktext.cnd:focus, a#seemore:focus {
    box-shadow: unset !important;
}