.bounce {-moz-animation: bounce 2s infinite; -webkit-animation: bounce 2s infinite; animation: bounce 2s infinite;}
@keyframes bounce {
  0%, 20%, 50%, 80%, 100% {transform: translateX(0);}
  40% {transform: translateX(0);}
  60% {transform: translateX(-5px);}
}
.headerIcons {padding: 16px 0px!important;}
.loginChangeLanguageIcon {float: left; height: 30px;  margin: -5px 0px 0px 0px; padding: 0px;}
.login-logo { max-width: 100%!important;  height: 34px; margin: 20px auto 40px auto; text-align: center;}
.addBackBtncolumn{position: fixed; top:112px; width: 20px; left: 0px;height: 43px; float: left; padding: 0px 6px; line-height: 43px; background: #7e0d11; z-index: 9999;}
.addBackBtncolumn i{color: #fff;}
.coApplicantHeading h4{background: #656668!important;}
#accordianmenu { width: 23%; float: left; margin: 0px; padding:0 10px 0 0; top: 126px!important; left:20px; bottom:0; position:fixed; overflow-y:auto; overflow-x: hidden;color: black;}
#accordianmenu ul{ width: 100%; float: left; margin: 0px; padding: 0px;}
#accordianmenu p {font-size: 16px; font-weight: 600; color: #fff;	line-height: 40px;padding: 0 10px; cursor: pointer; margin:0;}
#accordianmenu ul li p a{font-size: 16px; font-weight: 600; color: #444;	line-height: 40px;padding: 0 10px; cursor: pointer; margin:0;}
#accordianmenu li.activeSideMenu p a{color: #fff!important;}
#accordianmenu li.activeSideMenu p.mbt10{color: #fff!important; margin-bottom: 10px!important;}
#accordianmenu li {list-style-type: none;}
#accordianmenu ul ul li a {position: relative; color: #444; text-decoration: none; font-size: 14px; line-height: 40px; font-weight: 600; display: block; padding: 0 15px 0 25px; border-bottom: 1px dotted #ccc;}
#accordianmenu ul ul li a:after{content: '\f101'; font-family: 'FontAwesome'; position: absolute; left: 10px; top: 0px; font-size: 11px; color: #999;}
#accordianmenu ul ul li a:hover {background: #f1f1f1;color:#444;}
#accordianmenu ul ul li a.active {background: #fff;color:#7e0d11;}
#accordianmenu ul ul {display: none;}
#accordianmenu li.active ul {display: block;}
#accordianmenu li.active ul li.active{background-color:#ddd;}
#accordianmenu li p{background: #fff; float: left; width: 100%; margin-bottom: 5px; box-shadow: -2px 2px 2px 0px rgb(0 0 0 / 20%)!important; color: #000!important; font-size: 16px!important;}
#accordianmenu li.activeSideMenu p{border-radius: 8px 8px 0px 0px; background: #7e0d11!important; color: #fff!important; font-size: 16px!important; margin-bottom: 0px!important}
#accordianmenu li.activeSideMenu ul{margin-bottom: 5px; background: #fff;box-shadow: -2px 2px 2px 0px rgb(0 0 0 / 20%)!important;}
li.applicationSideMenu{ float: left; width: 100%; position: relative; }
li.applicationSideMenu:before{ content: '\f105'; font-size: 20px; font-family: 'FontAwesome'; position: absolute; right: 10px; top: 5px; color: #444;} 
li.applicationSideMenu.activeSideMenu:before{color: #fff;content: '\f107'; font-size: 20px; font-family: 'FontAwesome';}
.bootstrap-duallistbox-container select{overflow-y: scroll !important;}
span.width-change div {min-width: 120px !important;}
.btn-primary:hover{background-color: #7381D2 !important; border-color: #7381D2 !important;}
.datasettingwidth, .settingwidth{min-width:200px;width:400px;text-align:center; margin:0 auto;}
.Ntable th{padding-left:15px !important; padding-right:15px !important; text-align:center; background:#f4f3f3;}
.Ntable{border-bottom: 1px solid #eeeeee !important;}
.Ntable th, .Ntable td{font-size:14px; padding-top:5px !important; padding-bottom:5px !important;	 } 
.Ntable > thead > tr > th, .table > tbody > tr > td, .table > tfoot > tr > td {border:0px; vertical-align: middle; padding-left: 5px; padding-right: 5px;}
.Ntable td{text-align:center;}
.pull-left{float: left!important;}
.pull-right{float: right!important;}
.smbtn{padding: 0px 3px;}
.Nform{ border:1px #DDDDDD solid; margin-right:10px;}
.mtop15{margin-top:15px;}
.flt_left{float:left;}
.flt_right{float:right;}
.m0{margin:0 !important;}
.mt20{margin-top:20px;}
.dtinput{width:110px !important; margin-right:0 !important;}
.dataTables_paginate{margin-top:30px;}
.breadcrumb{padding:12px 0px 19px 0px; margin-bottom: 0px;}
ul.multiselect-container li a{padding: 0px!important;}
.w200{width:220px !important;}
.site-settings{right:-150px !important;}
.site-head.fixedHeaoder{position: fixed;}
.ptop80{padding-top:80px !important;}
.btn-primary1 {color: #FFF; background-color: #EA73A0; border-color: #EA73A0;}
.onlymobile, li.onlymobile{display: none !important;}
@media(max-width:768px){.page .page-wrap > .row{padding:0 0;}}
@media (min-width : 320px) and (max-width:767px){.app .main-container.nav-horizontal .content-container{margin-top: 42px;}
.dtinput{width:100% !important; margin-right:0 !important;}.onlymobile, li.onlymobile{display: block !important;}}
/*@media (min-width : 768px) and (max-width:1060px){.app .main-container.nav-horizontal .content-container{margin-top: 220px;}}*/
.blkshow {padding: 7px 7px;}
.blkshowpadd{padding-left:2px; padding-right:2px;}
.waves-effect{overflow:hidden;cursor:pointer;}
li div.eff.waves-effect a, .app .main-container.nav-horizontal .nav-wrap .site-nav .nav-list > li div.eff.waves-effect a .text{font-weight: bold; text-transform: uppercase; font-size: 1.125rem!important;}
.main-container .nav-wrap .site-nav .nav-list > li a{text-transform: capitalize; font-size: 16px; overflow: hidden !important; display: block; position: relative; font-family: 'Lato', sans-serif!important;}
.main-container .nav-wrap .site-nav .nav-list > li a span{padding:0px; margin: 0px;}
ul#icondisplay-inline-block,ul#icondisplay-inline-block li {margin: 0; padding: 0;}
ul#icondisplay-inline-block li {display: inline-block;}
ul#display-inline-block,ul#display-inline-block li {margin: 0; padding: 0;}
ul#display-inline-block li {width:24%; height:auto; display: inline-block; height:100px; padding: 3px;}
.daterangepicker .prev.available, .next.available{background: inherit!important;}
.daterangepicker select.monthselect{border: 1px solid #ddd!important;height: 25px; line-height: 18px; font-weight: 100;} 
.daterangepicker select.yearselect{border: 1px solid #ddd!important;height: 25px; line-height: 18px; font-weight: 100;}
.daterangepicker select.hourselect{border: 1px solid #ddd!important;height: 25px; line-height: 18px; font-weight: 100;}
.daterangepicker select.minuteselect{border: 1px solid #ddd!important;height: 25px; line-height: 18px; font-weight: 100;}
.daterangepicker select.ampmselect{border: 1px solid #ddd!important;height: 25px; line-height: 18px; font-weight: 100;}
.daterangepicker .drp-buttons .btn{padding: 2px 8px!important; font-size: 10px!important;text-shadow: inherit!important; border: 0px!important; line-height: 20px!important; box-shadow: inherit!important;}
.daterangepicker .drp-buttons .applyBtn.btn-primary{background: #7e0d11!important;}
.daterangepicker .drp-buttons .cancelBtn.btn-default{background: #dddddd!important;}
.daterangepicker .calendar-table td {line-height: 0px!important;}
/* .daterangepicker .table-condensed > tbody > tr > td{padding: 5px 10px!important;} */
.daterangepicker{box-shadow:  0 2.8px 2.2px rgba(0, 0, 0, 0.034), 0 6.7px 5.3px rgba(0, 0, 0, 0.048), 0 12.5px 10px rgba(0, 0, 0, 0.06), 0 22.3px 17.9px rgba(0, 0, 0, 0.072), 0 41.8px 33.4px rgba(0, 0, 0, 0.086), 0 0px 0px rgba(0, 0, 0, 0.12);}
.commonAllTable{float: left; width: 100%; margin:0px; padding: 0px;}
.commonAllTable tr th{margin:0px; padding: 3px 5px; border: 1px solid #ddd !important; background: #f9f9f9;}
.commonAllTable tr td{margin:0px; padding: 3px 5px; border: 1px solid #ddd !important;}
.filterBodyPannelBody .commonAllTable tr th{border: 0px!important;}
.filterBodyPannelBody .commonAllTable tr td{border: 0px!important;}
.available{background:#80D9B3;}
td.available{background:none;}
.booked{background:#F66F62;}
.tentative{background:#FFEB3B;}
.booked_investor{background:#784BC8;}
.notopen{background:#42B7FF;}
.nonecolor{background:#ffffff;}
.colorscheme{padding:40px; background:#F9F9F9; border-radius:10px; margin-bottom:25px;}
.iconcontainer{margin:15px;}
.flt1{text-align:center;}
.nbox{margin-bottom: 2px; font-weight: bold;}
.txteditor{height: auto; min-height: 300px;}
.fileUpload {position: relative; overflow: hidden;}
.fileUpload input.choose {position: absolute; top: 0; right: 0; margin: 0; padding: 0; cursor: pointer; opacity: 0; filter: alpha(opacity=0);}
.btn-default:hover, .btn-default:focus, .btn-default.focus, .btn-default:active, .btn-default.active, .open > .dropdown-toggle.btn-default{    color: #464646; }
button.multiselect {box-shadow:none !important;}
.err_display{color:#f00;}
.pt90{padding-top: 90px;}
.text-primary.text-bold span{font-weight:normal; font-size:12px; color:#464646;display:block;}
.pl0pr0{padding-left: 2px; padding-right: 2px;}
.option_head{font-weight: 600;}
.option_sec {margin-left: 3px;}
ul.ui-autocomplete {z-index: 9999; height: 200px; overflow-y: scroll; overflow-x: hidden;}
.btn-info {color: #ffffff; background-color: #f28916;}
.btn-info:hover{color: #ffffff!important; background-color:#ad2e21;}
.filterBtn i {color: #fff;} 
.nav-list ul.dropdown-menu-right li a{ padding: 10px 0px!important; }
.popover{z-index: 9999!important;}
.featureTableData tbody > tr > td{border: 1px solid #eee!important;}
/*==========Styling for signup form========*/
.customLogo{ float:left; height: 55px; margin:0px; padding:0px; background:#fff;}
.customLogo img{ float:left; margin:10px 0;}
.wlcmCol{ float:right; margin:0px; padding:0px; }
.wlcmCol p{ float:right; color:#fff; font-size:14px; margin:15px 20px; padding:0px; }
.customHeader{ width:100%; height: 55px;position: fixed;left: 0;right: 0;z-index: 1030;box-shadow: 0 2px 8px rgba(0, 0, 0, 0.25);background: #cc3727;}
.main-container .nav-wrap .nav-head .site-logo{background-repeat: no-repeat;background-size: contain;background-position: center center;}
.main-container .nav-wrap .nav-head{ padding: 8px; margin: 0 10px;}
.inqubut{cursor: default;}
.tour-image1{ float: left; border: 1px solid #ddd; padding: 5px; background: url(../images/tabsImg.png); width: 200px; height: 200px; }
.tour-image2{ float: left; border: 1px solid #ddd; padding: 5px; background: url(../images/tabsImg.png) -200px 0; width: 200px; height: 200px; }
.tour-image3{ float: left; border: 1px solid #ddd; padding: 5px; background: url(../images/tabsImg.png) -400px 0; width: 200px; height: 200px; }
.tour-image4{ float: left; border: 1px solid #ddd; padding: 5px; background: url(../images/tabsImg.png) -600px 0; width: 200px; height: 200px; }
.tour-image1:hover{ float: left; border: 1px solid #ddd; padding: 5px; background: url(../images/tabsImg.png) -0px -200px; width: 200px; height: 200px; }
.tour-image2:hover{ float: left; border: 1px solid #ddd; padding: 5px; background: url(../images/tabsImg.png) -200px -200px; width: 200px; height: 200px; }
.tour-image3:hover{ float: left; border: 1px solid #ddd; padding: 5px; background: url(../images/tabsImg.png) -400px -200px; width: 200px; height: 200px; }
.tour-image4:hover{ float: left; border: 1px solid #ddd; padding: 5px; background: url(../images/tabsImg.png) -600px -200px; width: 200px; height: 200px; }
.nav-pills li a{ padding: 0px!important; margin: 5px 20px;} 
.nav-pills p{text-align: center; font-weight: 400; font-size: 15px; padding:0px; line-height: 40px;}
.tab-contentModle{ margin: 0 20px!important; background: #f40204!important;}
.tab-contentModle h4{ color: #fff; font-size: 24px; font-weight: 100; text-align: center;}
.tab-contentModle p{ color: #fff; font-size: 18px; font-weight: 100; text-align: center;}
.nav-pills > li.active > a, .nav-pills > li.active > a:hover, .nav-pills > li.active > a:focus{background: #f40204!important;}
.csemdl {font-size: 30px; background: #FFF!important; padding: 3px 10px!important; opacity: inherit!important;}
.carousel-control.left{ background: inherit!important; }
.carousel-control.right{ background: inherit!important; }
.popupImgscrl{ border:1px solid #dddddd; padding: 5px; margin-bottom: 20px; }
/*.dropdown-menu>li>a {text-align: left!important;}
.dropdownMenuAction>li>a{border-bottom: 1px dashed #eee;}
.dropdownMenuAction{min-width: auto!important;  box-shadow: 0 6px 12px rgba(0,0,0,.175);} */

.plusBtnMenuAction>li>a{border-bottom: 1px dashed #eee;}
.plusBtnMenuAction{min-width: auto!important;  top:36px; box-shadow: 0 6px 12px rgba(0,0,0,.175);}

.dropdown .ui-checkbox{margin: 0px!important;}
.wrapper-dropdown-4 { margin:0px; padding: 1px 3px 0px 3px; background: #fff; border: 1px solid #ACADB1; cursor: pointer; outline: none; font-weight: 300; font-size: 12px; line-height: 12px; color: #ACADB1;position: absolute; left:15px; z-index: 9; top: 18px;}
.wrapper-dropdown-4:after {content: '\f067'; font-family: FontAwesome; width: 0; height: 0;}
.wrapper-dropdown-4 .dropdown {position: absolute; top: 100%; width: 250px; margin-top: 1px; left: -1px; right: -1px; margin:0px; padding: 0px; background: white; border: inherit; list-style: none; -webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -ms-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; transition: all 0.3s ease-out; opacity: 0; pointer-events: none;}
.wrapper-dropdown-4 .dropdown li {position: relative;}
.wrapper-dropdown-4 .dropdown li:last-child{border-top: 1px solid #E6E6E6!important;}
.wrapper-dropdown-4 .dropdown li label { color:#4B4B4B!important; font-size: 14px; font-weight: normal!important; display: block; text-align: left; margin-bottom: 0px!important; padding:12px 15px; -webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -ms-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; transition: all 0.3s ease-out;}
.wrapper-dropdown-4 .dropdown li:last-of-type label {border: none;}
.wrapper-dropdown-4 .dropdown li input {position: absolute; display: none; left: 10px; top: 50%; margin-top: -8px;}
.wrapper-dropdown-4 .dropdown li:hover label {background: #f8f8f8; border-radius: 8px;}
.wrapper-dropdown-4 .dropdown li input:checked ~ label {color: grey; text-decoration: line-through;}
.wrapper-dropdown-4.active:after {border-width: 0 6px 6px 6px;}
.wrapper-dropdown-4.active .dropdown {opacity: 1; pointer-events: auto; z-index: 9999; border: 1px solid #E6E6E6; border-radius: 8px;box-shadow: 0 0 20px rgb(0 0 0 / 10%); padding: 10px;}
.btn-submit-dropdwon.activeActionBtn{float: left; width: auto; margin:10px 0px 0px 10px; padding:8px 15px 10px 15px!important; font-size: 14px!important; height: inherit; line-height: inherit;}
.no-opacity .wrapper-dropdown-4 .dropdown, .no-pointerevents .wrapper-dropdown-4 .dropdown {display: none; opacity: 1; pointer-events: auto;}
.no-opacity  .wrapper-dropdown-4.active .dropdown, .no-pointerevents .wrapper-dropdown-4.active .dropdown {display: block;}
.wrapper-dropdown-4 .dropdown .ui-checkbox label > span:before, .ui-checkbox label > i:before, .ui-radio label > span:before, .ui-radio label > i:before{top: 2px!important;}
.wrapper-dropdown-4 .dropdown .ui-checkbox label > input:checked + span:after, .ui-checkbox label > input:checked + i:after, .ui-radio label > input:checked + span:after, .ui-radio label > input:checked + i:after{top: 4px!important; left: 3px!important;}

.reportMainHeading{ padding: 10px!important; background: #f40204; margin: 0px!important; }
.reportMainHeading a{ font-size: 16px; color: #fff; }
.reportColumn{ box-shadow: none!important; padding:0px; overflow: visible!important;}
.reportColumn table tr td { padding-left: 10px!important;}
.reportColumn table tr td a{ font-size: 14px!important; color: #444!important;}
.reportColumn table tr td .fa { margin-right:10px; color: #444!important;}
.reportColumn .glyphicon { margin-right:10px; color: #FFF!important;}

.reportColumn .table {margin-bottom: 0px; }
.reportTab .tabheader h4{background: #f7f7f7; padding: 5px 10px; margin: 0 0 10px 0!important;}
#accordion td{position: relative;}
#accordion td .arrow_box{display: none;  position: absolute; right: -350px; top:0; width: 350px;   z-index: 9999;}
#accordion td:hover .arrow_box{display: block;}
.arrow_box {position: relative;	background: #FFFFFF; border: 1px solid #ccc; padding: 10px; box-shadow: 0 2px 8px rgba(0, 0, 0, 0.25);}
.arrow_box:after, .arrow_box:before {right: 100%;top: 10%;border: solid transparent;content: " "; height: 0;width: 0;position: absolute; pointer-events: none;}
.arrow_box:after {border-color: rgba(136, 183, 213, 0);border-right-color: #f40204;border-width: 10px;margin-top: -10px;}
.reportMenuHoverImg{ width: 100%; }
.arrow_box h6{ float: left; width: 100%; text-align: center; margin: 0 0 10px 0; padding: 0px; font-size: 14px; font-weight: normal; }
.arrow_box img{ border: 1px solid #ddd;}
.timelineScroll{ overflow-y: scroll; height: 1300px;}
.pagination > li > a, .pagination > li > span{ color: #444!important;}
.rankImg{ background: url(../images/rankBg.png) no-repeat; width: 39px; height: 45px; line-height: 35px; margin: 0 auto; display: block;}

.task-panel{ background: transparent!important; box-shadow: none!important;}
.taskTable{ width:100%; margin: 0px; padding: 0px;}
.taskTable table{width:100%; margin: 0px; padding: 0px;}
.taskTable table tr th{ width: 250px; margin: 0px; padding:10px; font-size: 13px; border-bottom: 0px!important; box-shadow: none!important;}
.taskTable table tr td{ width: 250px; margin: 0px; padding:0px 10px; vertical-align: top!important; border-top:0px!important;}
.taskCompletedTable{ width:100%; margin: 0px; padding: 0px;}
.taskCompletedTable table{width:100%; margin: 0px; padding: 0px;}
.taskCompletedTable table tr th{ width: 250px; margin: 0px; padding:10px; font-size: 15px; border-bottom: 0px!important; box-shadow: none!important;}
.taskCompletedTable table tr td{ width: 250px; margin: 0px; padding:10px; vertical-align: top!important; border-top:0px!important;}
.grideMenu{float: left; height: 35px; margin: 0px; padding: 0px; }
.settingGear{float: left; height: 35px; margin: 0px; padding: 0px; }
.notificationIcon{float: left; height: 35px; margin: 0px; padding: 0px; position: relative;}
.notificationIconBellIcon{float: left; width: 25px; height: 25px; margin: 0px; padding: 0px; position: relative; font-size:36px;}
.queryCount{float: left; width: 15px; height: 15px; background: red; margin: 0px!important; top: 10px; right: 0px; border-radius: 50%; padding:0px!important; text-align: center; position: absolute; color: #fff; font-size: 10px;}
.notificationCount{float: left; width: 15px; height: 15px; background: red; margin: 0px!important; top: 10px; right: 10px; border-radius: 50%; padding:0px!important; text-align: center; position: absolute; color: #fff; font-size: 10px;}
.language-icon { float: left;  height: 35px;  margin: 0px; padding: 0px;}
.moreMenu{ float: left; padding: 0px; margin:8px 0 0 5px; width: 20px; height: 12px; cursor: pointer;}
.noTask{ /*box-shadow: 0px 0px 5px 0px #aaaaaa; border-radius: 5px;background: #FFFFFF; border: 1px solid #eeeeee;*/ min-height: calc(82vh - 210px)!important; float: left; width: 100%;  color: #444; margin: 0px; padding: 0; position: relative;}
.noTask h4{font-size: 16px; margin: 0px; padding:185px 20px; text-align: center;}
.task-item {box-shadow:0px 0px 5px 0px #aaaaaa; border-radius: 5px; margin-top: 0; float: left; width: 100%;background: #FFFFFF;color: #444;margin: 0px;padding: 5px;position: relative; border: 1px solid #eeeeee;}
.time {color: #797979; font-size: 14px; padding: 6px 0 0 0; margin: 0px; line-height: 15px;}
.time  i{ font-size: 14px; color: #797979;}
.task-header{padding:0px; float: left; margin: 0px; width: 100%;}
.task-header h6{ float: left; color: #000; font-size: 14px; font-weight: 600; padding: 10px 10px 0px 10px; line-height: 20px; margin: 0px; }
.task-header span{float: left; font-size: 14px; margin: 0px; padding: 0px;}
.task-body{padding: 6px 10px 0px 10px; float: left; margin: 0px; width: 100%;}
.task-body p { float: left; font-size: 14px; margin: 0px; padding: 0px; color: #797979;}
.task-footer {float: left; margin: 0px; width: 100%; padding:0px 10px;}
.task-user-block{ float: left; width: 100%; margin:5px 0; padding: 0px; }
.task-user-block h6{ float: left; font-size: 14px; line-height: 18px; margin:0 0 0 10px; padding: 0px; color: #797979;}
/*.task-user-block img {width: 25px; height: 25px; float: left;} */
/*.task-img-circle {border-radius: 50%;} */
.task-img-bordered-sm {width: 18px;height: 18px;float: left;padding: 0px; margin: 0px;}
.task-description{display: block; margin: 10px 0px 10px 50px;}
.task-btn{ background: none!important; box-shadow: none!important; padding: 0px!important; margin: 0px!important;}
.task-btn i{ font-size: 16px; font-weight: 100!important; color: #717171;text-shadow: none!important;} 
.tasksHeadingOverdue{background: #fff; color: #717171; box-shadow: 0px 0px 5px #ccc; border-bottom: 7px solid #fc5c66; font-weight: 700; text-transform: uppercase; padding: 12px 15px; font-size: 14px; border-radius: 10px 10px 0 0}
.tasksHeadingToday{background: #fff; color: #717171; box-shadow: 0px 0px 5px #ccc; border-bottom: 7px solid #45aaf2; font-weight: 700; text-transform: uppercase; padding: 12px 15px; font-size: 14px; border-radius: 10px 10px 0 0}
.tasksHeadingTomorrow{background: #fff; color: #717171; box-shadow: 0px 0px 5px #ccc; border-bottom: 7px solid #fed32f; font-weight: 700; text-transform: uppercase; padding: 12px 15px; font-size: 14px; border-radius: 10px 10px 0 0}
.tasksHeadingLater{background: #fff; color: #717171; box-shadow: 0px 0px 5px #ccc; border-bottom: 7px solid #26dd81; font-weight: 700; text-transform: uppercase; padding: 12px 15px; font-size: 14px; border-radius: 10px 10px 0 0}
.taskTabs{box-shadow: 0px 0px 5px #ccc; position: relative; z-index: 999;}
.taskTabs li{text-align: center; width: 50%!important; background: #fff!important;}
.taskTabs .active{border-bottom: 2px solid #707070; box-shadow: none!important;}
.taskTabs .active a{box-shadow: none!important; font-weight: 600!important; color: #707070!important; border:0px!important; text-align: center;}
.taskTabs > li > a{color: #a5a5a5!important;padding: 12px 0px;font-weight: 400!important;}
.taskTabs > li > a:hover{color: #707070!important;}
.taskContent{height: 500px; background: #dedede!important; box-shadow: 0px 0px 5px #ccc; border:0px!important; margin: 0px; padding: 15px 10px 3px 10px!important; max-height: calc(94vh - 210px)!important; overflow-y: auto!important; overflow-x: hidden!important;}
.priority{margin:12px 0 15px 0; padding: 0px;}
.task-actin-btn {box-shadow: none!important;padding: 10px 5px!important; margin: 0px!important; background: #a5a5a5; border-radius: 50%!important; line-height: 0px!important;}
.task-actin-btn i {font-size: 16px; font-weight: 100!important; color: #ffffff; line-height: 7px;}
.label{font-weight: 600;text-transform: uppercase; line-height: inherit!important;padding: .2em .6em .2em!important;}
.label.label-sm.label-warning{color: #000!important;}
.dropdown-menu-rightOpen{position: absolute; right: -10px!important; width: 250px!important; left: inherit!important; top: 54px; box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1); transition: opacity .5s ease, top .4s ease; border-radius: 2px!important; box-shadow: 0 3px 6px rgba(0,0,0,.16),0 3px 6px rgba(0,0,0,.22)!important;}
/* ---------------- Login Page css ---------------- */
.login-wrapper-table{height: 100%;}
.login-wrapper{ width: 100%; max-width: 280px; margin: 0 auto!important; padding: 0px; height: 100%;}
.login-containt{padding: 10px 20px;}
.signText{ font-size: 18px; line-height: 20px; color: #4B4B4B; font-weight: bold;}
.login-input{border:1px solid #ddd!important; height: 35px!important; padding: 6px 12px!important; margin:5px 0px 10px 0px!important; color: #8290a3!important; font-size: 14px;}
.signInbtn{padding: 8px 15px!important;  border-radius: 8px!important; border:0px!important; background: #7e0d11!important; border-color: inherit!important; box-shadow: inherit!important;}
.forgot-password-column { margin:0px; padding: 15px 0 17px; text-align: center; background-color: #4B4B4B; border-radius: 0px 0px 8px 8px;}
.forgot-password-column a{ color: #fff; font-size: 13px; font-weight: 100!important;}
.forgot-password-column a:hover{ color: #fff!important; }

/* Dashboard Filter Css*/ 
.filterDashBtn {margin:0px; padding:0px;}
.filterDashBtn img{width: 28px; height:28px; margin: 0px; padding: 0px; cursor: pointer;}
.filterBoxDash.activefltr{display: block;}
.filterBoxDash{display: none;}
.filterBoxDash {right: 10px!important; left: 10px!important; width: auto!important; position: absolute!important; z-index: 99!important; background: #fff!important; padding: 10px!important; box-shadow: 0 3px 6px rgba(0, 0, 0, .16), 0 3px 6px rgba(0, 0, 0, .22)!important;}
.filterBoxSmall {right: 10px!important; width: auto!important; position: absolute!important; z-index: 99!important; background: #fff!important; padding: 10px!important; box-shadow: 0 3px 6px rgba(0, 0, 0, .16), 0 3px 6px rgba(0, 0, 0, .22)!important;}
.filterBoxHeadr {float: left; width: 100%; margin: 0 0 10px 0; padding: 0px; border-bottom: 1px solid #ddd;}
.filterBoxHeadr h4 {float: left; margin: 8px 0!important; padding: 0px; font-size: 14px; font-weight: bold; text-transform: uppercase;}
.borderlessTable tr td {border: 0px!important; padding: 5px!important;}
.filterBody button.multiselect {width: 230px!important;text-align: left; height: 32px!important; line-height: 30px!important; padding: 0px 12px!important; font-size: 11px!important;}
.filterBody .caret {margin-left: 4px!important;margin-top: 13px; right: 0;float: right;}
.filterBody .form-control {width: 100%!important; height: 32px!important; line-height: 30px!important; padding: 0px 12px!important; font-size: 11px!important;}
.filterBody .input-group-addon {padding: 2px 10px!important;}
.filterBody .form-control.datedbreport {width: 195px!important;}
.filterBody .form-control.fromMonth {width: 195px!important;}
.filterBody .form-control.daywiseRange {width: 195px!important;}
.filterBody .form-control.toMonth {width: 195px!important;}
.filterBoxFooter {float: left;width: 100%; margin: 10px 0 0 0; padding: 0px;border-top: 1px solid #ddd;}
.filterBody .multiselect-container>li>a {padding: 0px!important;}

.repors-page-card{
	float: left;
	width: 100%;
	margin: 0px;
	padding: 10px;
	background: #fff;
	box-shadow: 0px 3px 6px rgb(0,0,0,5%)!important;
	border-radius: 8px!important;
	border: 0px!important;
  }
  .repors-page-card .icons{
	float: left;
	width: 40px;
	height: 40px;
	margin: 0 20px 0 0;
	padding: 0px;  
  } 
  .repors-page-card .report-section{
	float: left; 
	margin: 0px;
	padding: 0px;
	color: #249D57;
	font-size: 20px;
	font-weight: 400;
  } 
  .repors-page-card .report-section{
	float: left; 
	margin: 0px;
	padding: 0px;
	color: #464646;
	font-size: 20px;
	font-weight: 400;
  } 
  .repors-page-card .report-section:hover{
	color: #249D57;
  }

  
.table-responsive::-webkit-scrollbar {
	height: 5px;
  }
/* All Scroll Bar Css */  
::-webkit-scrollbar {width: 5px;} 
::-webkit-scrollbar-track {background: #f1f1f1;}  
::-webkit-scrollbar-thumb {background: #888;} 
::-webkit-scrollbar-thumb:hover {background: #555;}

/* Modal CSS Start */ 
.modal-header{ border-color: #ddd!important; background: #fff!important; border-top-right-radius: 10px!important; border-top-left-radius: 10px!important; border-bottom: 1px solid rgb(221, 219, 218)!important; padding:15px 20px!important;}
.modal-title{font-weight: 600!important; font-size: 16px!important;}
.modal-body{ padding: 10px 20px 20px 20px!important;}
.modal-body label{ margin-bottom: 0px!important;}
.modal-content{border-radius: 6px 6px 4px 4px!important;}
.modal-content form{ margin: 0px;}
.modal-footer{border-color: #ddd!important; border-radius: 0 0 10px 10px!important; margin-top: 0px!important; padding:5px 20px!important;background-color: rgb(243, 242, 242); box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.16);}
.btn-info .fa{ color: #fff!important; font-weight: 100!important; margin: 0 5px 0 0;}
.btn-success .fa{ color: #fff!important; font-weight: 100!important; margin: 0 5px 0 0;}
.btn.form-control{ height: inherit!important; }
.blueInfoColor{ background-color: #2196f3!important; color: #fff; margin-top: 3px;}
.blueInfoColor .fa{color: #fff; margin: 0 5px 0 0;}
/*.modal-open .modal{padding-right:0px!important; z-index: 9999;}*/

.daterangepicker .dropdown-menu{ z-index: 9999!important; }
/*.modal-footer {position: fixed; width: 100%; bottom: -46px; left: 0; background-color: rgb(243, 242, 242); box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.16); border-radius: 0 0 4px 4px!important;}*/
/*.modal-dialog{width:800px;}*/
.modal-body {max-height: calc(100vh - 210px)!important;overflow-y: auto!important; overflow-x: auto!important;}
.modal-footer-fix{position: fixed; width: 100%; bottom: -47px; left: 0; background-color: rgb(243, 242, 242); box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.16); border-radius: 0 0 4px 4px!important;}
.table > thead > tr > td.active, .table > tbody > tr > td.active, .table > tfoot > tr > td.active, .table > thead > tr > th.active, .table > tbody > tr > th.active, .table > tfoot > tr > th.active, .table > thead > tr.active > td, .table > tbody > tr.active > td, .table > tfoot > tr.active > td, .table > thead > tr.active > th, .table > tbody > tr.active > th, .table > tfoot > tr.active > th{ background: #f5f5f5!important;}
.appnewtable tr th{text-align: right!important; width: 20%; color: #000; border: 1px solid #ddd!important; vertical-align: middle!important; font-size: 14px;} 
.appnewtable tr td{padding: 10px!important; width: 30%; font-weight: normal!important; border: 1px solid #ddd!important; vertical-align: middle!important; font-size: 14px;}
.appnewtable.thcenter tr th{text-align: center!important; color: #000; background: #eee;} 
.appnewtable.thcenter tr td{font-weight: normal!important; } 
.modal-body h5 {font-weight: 600; width: auto; color: #464646; text-transform: uppercase; overflow: hidden; z-index: 9; position: relative;}
.modal-body h5::after {content: ""; background-color: #999; height: 1px; float: right; width: 100%; margin: 0 0 0 10px; top: 6px; position: absolute;}
.modal-body h5+hr {display: none;}

/*Edit Lead Page CSS*/
.panel-heading-common {background: #dddddd!important; margin: 0px!important; padding: 8px 10px!important; font-size: 14px!important; font-weight: 700!important;}
.panel-body-common { padding: 0px!important; margin: 0px!important; max-height: 250px; height: 250px; overflow-y: scroll;}
.panel-body-common ul { margin: 0px!important; padding: 0px!important;}
.panel-body-common ul li:nth-child(odd) {background-color: #F1F1F1!important;}
.btn-circal{border-radius: 50%!important; color: #fff!important; width: 30px!important; height: 30px!important; display: inline-block; text-align: center; margin: 3px; border: 0px!important;}
.btn-circal .fa{color: #fff!important;line-height:26px!important;}
.panel-footer-common{padding: 2px 10px!important;}

/*SVG Icon Css*/
.timeIcon{
	float: left;
	margin: 0 10px 0 0;
	padding: 0px;
	width: 14px;
	height: 14px; cursor: pointer;
}
.userIcon{
	float: left;
	margin: 0px;
	padding: 0px;
	width: 14px;
	height: 14px; cursor: pointer;
}
.userGroupIcon{
	float: left;
	margin: 0px;
	padding: 0px;
	width: 14px;
	height: 14px; cursor: pointer;
} 
.editIcon{
	float: left;
	margin: 0 5px 0 0;
	padding: 0px;
	width: 30px;
	height: 30px; cursor: pointer;
}
.addIcon{
	float: left;
	margin: 0px;
	padding: 0px;
	width: 14px;
	height: 14px; cursor: pointer;
} 
.deleteIcon{
	float: left;
	margin: 0 5px 0 0;
	padding: 0px;
	width: 30px;
	height: 30px; cursor: pointer;
} 
.doneIcon{
	float: left;
	margin: 0px;
	padding: 0px;
	width: 30px;
	height: 30px; cursor: pointer;
} 
.copyIcon{
	float: left;
	margin: 0 5px 0 0;
	padding: 0px;
	width: 30px;
	height: 30px; cursor: pointer;
} 
.mark_as_closed{
	float: left;
	margin: 0 5px 0 0;
	padding: 0px;
	width: 30px;
	height: 30px; cursor: pointer;} 

.well .form-control{background-color: #fff!important; border:1px solid #ddd!important;}   
 
@media only screen and (min-width: 1024px) {
.taskContent {height: 330px!important;}
}  
@media only screen and (min-width: 1280px) {
.taskContent {height: 600px!important;}
}  
@media only screen and (min-width: 1366px) {
.taskContent {height: 375px!important;}
}
@media only screen and (min-width: 1440px) {
.taskContent {height: 510px!important;}
}
@media only screen and (min-width: 1600px) {
.taskContent {height: 690px!important;}
}
@media only screen and (min-width: 1920px) {
.taskContent {height: 690px!important;}
}


/*Common css*/

.theme-tooltip + .tooltip > .tooltip-inner {max-width: 100%!important; width: 100%!important; white-space: nowrap; background-color: #fff; color: #000; font-size: 14px; color: #464646; background-color: #ffffff; border:1px solid #e0e0e0; box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.1), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12); border-radius: 5px;}
.theme-tooltip + .tooltip > .tooltip-arrow { border-top-color:#888; }


.cursorPointer{cursor: pointer!important;}
.cursorDefault{cursor: default!important;}

.whiteBg{ background: #fff!important; }
.text-left{ text-align: left!important; }
.text-right{ text-align: right!important; }
.text-center{ text-align: center!important; }
.text-white{color: #fff!important;}
.text-black{color: #464646!important;}
.text-red{color: #da0000!important;}

.commonPlusIcon{width: 24px; height:24px; margin: 0px; padding: 0px;}
.overFlowNonAll{overflow: hidden!important;}
.overFlowAuto{overflow: auto!important;}
.overFlowYNone{overflow-y: inherit!important;}
.overFlowXnone{overflow-x: hidden;}
.orangeIcon{color: #dd4b39!important;} 
.orangeBorder{ border: 2px solid #dd4b39; background: #fff; padding: 5px 10px; font-size: 14px!important; }

.noWidth{width: inherit!important;}
.noBg{background: none!important;}
.noMin-Width{min-width: inherit!important;}
.noHeight{height: inherit!important;}
.noliheight{line-height: 0px!important;}
.no-box-shadow{box-shadow: inherit!important;}

.noPosition{position: inherit!important;}
.absolutePosition{position: absolute!important;}
.relativePosition{position: relative!important;}

.widthFull{ width: 100%!important;}
.heightFull{ height: 100%!important;}
.width-auto{ width: auto!important;}
.height-auto{ height: auto!important;}

.top-none{ top:inherit!important;}
.right-none{ right: inherit!important;}
.bottom-none{ bottom: inherit!important;}
.left-none{ left: inherit!important;}

.noBorder{border: 0px!important;}
.noBorderBottom{border-bottom: 0px!important;}
.borderBottom{border-bottom: 1px solid #DDD;}
.border{border:2px solid #FF9800;}
.borderImg{border:1px solid #DDD; padding: 5px;}

.noBborderRadius{border-radius: 0px!important}
.noBborderRadiusTopLeft{border-radius:5px 0px 0px 5px!important;}
.noBborderRadiusBottomRight{border-radius:0px 5px 5px 0px!important;} 

.noAll-padding{padding: 0px!important;}
.noTop-padding{ padding-top: 0px!important; }
.noRight-padding{ padding-right: 0px!important; }
.noBottom-padding{ padding-bottom: 0px!important; }
.noLeft-padding{ padding-left: 0px!important; }

.paddingAll-xs{ padding: 5px!important;}
.paddingAll-sm{ padding: 10px!important;}
.paddingAll-md{ padding: 15px!important;}
.paddingAll-lg{ padding: 20px!important;}
.paddingAll-xl{ padding: 25px!important;}
.paddingAll-xxl{ padding: 30px!important;}

.paddingTopBottom-no{ padding-top: 0px!important; padding-bottom: 0px!important;}
.paddingTopBottom-xs{ padding-top: 5px!important; padding-bottom: 5px!important;}
.paddingTopBottom-sm{ padding-top: 10px!important; padding-bottom: 10px!important;}
.paddingTopBottom-md{ padding-top: 15px!important; padding-bottom: 15px!important;}
.paddingTopBottom-lg{ padding-top: 20px!important; padding-bottom: 20px!important;}
.paddingTopBottom-xl{ padding-top: 25px!important; padding-bottom: 25px!important;}
.paddingTopBottom-xxl{ padding-top: 30px!important; padding-bottom: 30px!important;}

.paddingRightLeft-no{ padding-right: 0px!important; padding-left: 0px!important;}
.paddingRightLeft-xs{ padding-right: 5px!important; padding-left: 5px!important;}
.paddingRightLeft-sm{ padding-right: 10px!important; padding-left: 10px!important;}
.paddingRightLeft-md{ padding-right: 15px!important; padding-left: 15px!important;}
.paddingRightLeft-lg{ padding-right: 20px!important; padding-left: 20px!important;}
.paddingRightLeft-xl{ padding-right: 25px!important; padding-left: 25px!important;}
.paddingRightLeft-xxl{ padding-right: 30px!important; padding-left: 30px!important;}

.paddingTop-xs{ padding-top: 5px!important;}
.paddingRight-xs{ padding-right: 5px!important;}
.paddingBottom-xs{ padding-bottom: 5px!important;}
.paddingLeft-xs{ padding-left: 5px!important;}

.paddingTop-sm{ padding-top: 10px!important;}
.paddingRight-sm{ padding-right: 10px!important;}
.paddingBottom-sm{ padding-bottom: 10px!important;}
.paddingLeft-sm{ padding-left: 10px!important;}

.paddingTop-md{ padding-top: 15px!important;}
.paddingRight-md{ padding-right: 15px!important;}
.paddingBottom-md{ padding-bottom: 15px!important;}
.paddingLeft-md{ padding-left: 15px!important;}

.paddingTop-lg{ padding-top: 20px!important;}
.paddingRight-lg{ padding-right: 20px!important;}
.paddingBottom-lg{ padding-bottom: 20px!important;}
.paddingLeft-lg{ padding-left: 20px!important;}

.noAll-margin{ margin: 0px!important; }
.noTop-margin{ margin-top: 0px!important; }
.noRight-margin{ margin-right: 0px!important; }
.noBottom-margin{ margin-bottom: 0px!important; }
.noLeft-margin{ margin-left: 0px!important; }

.marginAll-xs{ margin: 5px!important;}
.marginAll-sm{ margin: 10px!important;}
.marginAll-md{ margin: 15px!important;}
.marginAll-lg{ margin: 20px!important;}

.marginTopBottom-xs{ margin-top: 5px!important; margin-bottom: 5px!important;}
.marginTopBottom-sm{ margin-top: 10px!important; margin-bottom: 10px!important;}
.marginTopBottom-md{ margin-top: 15px!important; margin-bottom: 15px!important;}
.marginTopBottom-lg{ margin-top: 20px!important; margin-bottom: 20px!important;}
.marginTopBottom-xl{ margin-top: 30px!important; margin-bottom: 30px!important;}
.marginTopBottom-xxl{ margin-top: 40px!important; margin-bottom: 40px!important;}

.marginRightLeft-no{ margin-right: 0px!important; margin-left: 0px!important;}
.marginRightLeft-xs{ margin-right: 5px!important; margin-left: 5px!important;}
.marginRightLeft-sm{ margin-right: 10px!important; margin-left: 10px!important;}
.marginRightLeft-md{ margin-right: 15px!important; margin-left: 15px!important;}
.marginRightLeft-lg{ margin-right: 20px!important; margin-left: 20px!important;}

.marginTop-xs{ margin-top: 5px!important;}
.marginRight-xs{ margin-right: 5px!important;}
.marginBottom-xs{ margin-bottom: 5px!important;}
.marginLeft-xs{ margin-left: 5px!important;}

.marginTop-sm{ margin-top: 10px!important;}
.marginRight-sm{ margin-right: 10px!important;}
.marginBottom-sm{ margin-bottom: 10px!important;}
.marginLeft-sm{ margin-left: 10px!important;}

.marginTop-md{ margin-top: 15px!important;}
.marginRight-md{ margin-right: 15px!important;}
.marginBottom-md{ margin-bottom: 15px!important;}
.marginLeft-md{ margin-left: 15px!important;}

.marginTop-lg{ margin-top: 20px!important;}
.marginRight-lg{ margin-right: 20px!important;}
.marginBottom-lg{ margin-bottom: 20px!important;}
.marginLeft-lg{ margin-left: 20px!important;}

.marginTop-xl{ margin-top: 30px!important;}
.marginRight-xl{ margin-right: 30px!important;}
.marginBottom-xl{ margin-bottom: 30px!important;}
.marginLeft-xl{ margin-left: 30px!important;}

.marginTop-xxl{ margin-top: 40px!important;}
.marginRight-xxl{ margin-right: 40px!important;}
.marginBottom-xxl{ margin-bottom: 40px!important;}
.marginLeft-xxl{ margin-left: 40px!important;}

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

.swal-button{background-color: #7e0d11 !important;}

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

.cpdropdown-content {
    display: none;
    position: absolute;
    right: 0px;
    top: 38px;
    background-color: white;
    min-width: fit-content;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
    z-index: 1;
}

.cpdropdown-content a {
  color: black;
  padding: 12px 16px;
  text-decoration: none;
  display: block;
}

.cpdropdown-content a:hover {background-color: #e1e1e1 !important;}

.cpdropdown:hover .cpdropdown-content {
  display: block;
}

.cpdropdown:hover .cpdropbtn {
  background-color: #7e0d11 !important;
}

.width100{
	width: 100px !important;
}

.width100percent {
    width: 100% !important;
}
.mr10 {
    margin-right: 10px !important;
}
.mr15 {
    margin-right: 15px !important;
}
.powered-logo{width: 30%!important;}


/* start css by anand  for header naviagation bar */
.main-container .nav-wrap .site-nav .nav-list > li > a > .text{
	font-weight: 400!important;
}
.main-container .nav-wrap .site-nav .nav-list > li a, .main-container .nav-wrap .site-nav .nav-list li .inner-drop a{
	font-family: "DIN Next LT Arabic"!important;
	font-weight: 400!important;
}
/* end css by anand  for header naviagation bar */

.multirsz-col:focus{
	outline:0;
	-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(102,175,233,.6);box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(102,175,233,.6)
}
.multirsz-col{
	padding:10px 5px!important;
	line-height: 16px!important;
	width:100%;
}
.multirsz-col:read-only{
	background: #eeeeee;
	cursor:not-allowed;
}
.forgot-password-column a {
    padding: 0 10px;
}