:root {
  --color-primary-lighter: hsl(220, 90%, 76%);  
  --color-success-lighter: hsl(94, 48%, 76%);  
  --color-error-lighter: hsl(355, 90%, 81%);  
  --color-warning-lighter: hsl(46, 100%, 81%);  
  --color-contrast-lower: hsl(0, 0%, 95%);  
  --color-white: hsl(0, 0%, 100%);  
  --color-black: hsl(240, 8%, 12%);  
  --main-bg-color: coral;  
}

html {
  position: relative;
  min-height: 100%; 
  font-size: 14px;
}

body {
  overflow-x: hidden;
  font-size: 14px;
  margin:0;
  padding:0; 
  line-height: inherit;
}

body.sticky-footer {
  margin-bottom: 56px; 
}
  
body.sticky-footer .content-wrapper {
  min-height: calc(100vh - 56px - 56px); 
}

body.fixed-nav {
  padding-top: 56px; 
}

.content-wrapper {
  min-height: calc(100vh - 56px);
  padding-top: 1rem; 
}
.ml-6{margin-left: 3.5rem!important;}
.top7{top:.7rem}
.top6{top:.6rem}
.scroll-to-top {
  position: fixed;
  right: 15px;
  bottom:20px;
  display: none;
  width: 35px;
  height: 35px;
  text-align: center;
  color: white;
  background: #009cff;
  z-index:5; 
}

.scroll-to-top:focus, .scroll-to-top:hover {
  color: white;
}

.scroll-to-top:hover {
  background: #2a3142; 
}

.scroll-to-top i {
  font-weight: 800; 
  position: relative;
  top:20%;
  font-weight:normal;   
}

.smaller {
  font-size: 0.7rem; 
}

.o-hidden {
  overflow: hidden !important; 
}

.z-0 {
  z-index: 0; 
}

.z-1 {
  z-index: 1; 
}

.fl{
	float:left;
}

.fr{
	float:right;
}
.ml51{margin-left:51%}
.clear{
	clear:both;
}
.proTypeName{
	width: 27.6%;
    padding: 0 0 0 15px;
}

#mainNav .navbar-collapse {
  overflow: auto;
  max-height: 75vh; 
}

#mainNav .navbar-collapse .navbar-nav .nav-item .nav-link {
  cursor: pointer; 
}

#mainNav .navbar-collapse .navbar-sidenav .nav-link-collapse:after {
  float: right;
  content: '\f107';
  font-family: 'FontAwesome'; 
}

#mainNav .navbar-collapse .navbar-sidenav .nav-link-collapse.collapsed:after {
  content: '\f105'; 
}

#mainNav .navbar-collapse .navbar-sidenav .sidenav-second-level,
#mainNav .navbar-collapse .navbar-sidenav .sidenav-third-level {
  padding-left: 0; 
}

#mainNav .navbar-collapse .navbar-sidenav .sidenav-second-level > li > a,
#mainNav .navbar-collapse .navbar-sidenav .sidenav-third-level > li > a {
  display: block;
  padding: 0.5em 0; 
}

#mainNav .navbar-collapse .navbar-sidenav .sidenav-second-level > li > a:focus, #mainNav .navbar-collapse .navbar-sidenav .sidenav-second-level > li > a:hover,
#mainNav .navbar-collapse .navbar-sidenav .sidenav-third-level > li > a:focus,
#mainNav .navbar-collapse .navbar-sidenav .sidenav-third-level > li > a:hover {
   text-decoration: none; 
}

#mainNav .navbar-collapse .navbar-sidenav .sidenav-second-level > li > a {
  padding-left: 1em; 
}

#mainNav .navbar-collapse .navbar-sidenav .sidenav-third-level > li > a {
  padding-left: 2em; 
}

#mainNav .navbar-collapse .sidenav-toggler {
  display: none; 
}

#mainNav .navbar-collapse .navbar-nav > .nav-item.dropdown > .nav-link {
  position: relative;
  min-width: 45px; 
}

#mainNav .navbar-collapse .navbar-nav > .nav-item.dropdown > .nav-link:after {
  float: right;
  width: auto;
  content: '\f105';
  border: none;
  font-family: 'FontAwesome'; 
}

#mainNav .navbar-collapse .navbar-nav > .nav-item.dropdown > .nav-link .indicator {
  position: absolute;
  top: 5px;
  left: 21px;
  font-size: 10px; 
}

#mainNav .navbar-collapse .navbar-nav > .nav-item.dropdown.show > .nav-link:after {
  content: '\f107'; 
}

#mainNav .navbar-collapse .navbar-nav > .nav-item.dropdown .dropdown-menu > .dropdown-item > .dropdown-message {
  overflow: hidden;
  max-width: none;
  text-overflow: ellipsis; 
}


@media (min-width: 992px) {
  .content-wrapper { margin-left: 250px; } 
  #mainNav.static-top .sidenav-toggler {display: flex; } 
  #mainNav .navbar-brand {width: 250px; color:#2a3142; font-weight:500;}
  #mainNav .navbar-collapse {overflow: visible; max-height: none; }
  #mainNav.fixed-top .navbar-sidenav { height: calc(100vh - 19vh); }
  #mainNav .navbar-collapse .navbar-sidenav {
    position: absolute;
    top: 0;
    left: 0;
    overflow-x: hidden;
    overflow-y: auto;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    margin-top: calc(100% - 95.5%); 
	}
  #mainNav.fixed-top .sidenav-toggler {
    position: absolute;
    top: 0;
    left: 0;
    display: flex;
    overflow-x: hidden;
    overflow-y: auto;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    margin-top: calc(100vh - 56px); 
    }
  #mainNav.fixed-top .sidenav-toggler > .nav-item { width: 250px; padding: 0; }
  #mainNav.fixed-top .sidenav-toggler > .nav-item > .nav-link {padding: 1.5rem;} 
  #mainNav .navbar-collapse .navbar-sidenav > .nav-item {width: 250px; padding: 0;}
  #mainNav .navbar-collapse .navbar-sidenav > .nav-item > .nav-link {padding: .8em;}
  #mainNav .navbar-collapse .navbar-sidenav > .nav-item .sidenav-second-level,
  #mainNav .navbar-collapse .navbar-sidenav > .nav-item .sidenav-third-level { padding-left: 0; list-style: none; }
  #mainNav .navbar-collapse .navbar-sidenav > .nav-item .sidenav-second-level > li,
  #mainNav .navbar-collapse .navbar-sidenav > .nav-item .sidenav-third-level > li {width: 250px;}
  #mainNav .navbar-collapse .navbar-sidenav > .nav-item .sidenav-second-level > li > a,
  #mainNav .navbar-collapse .navbar-sidenav > .nav-item .sidenav-third-level > li > a {padding: 1em;}
  #mainNav .navbar-collapse .navbar-sidenav > .nav-item .sidenav-second-level > li > a {padding-left: 2.75em;}
  #mainNav .navbar-collapse .navbar-sidenav > .nav-item .sidenav-third-level > li > a {padding-left: 3.75em;}
  #mainNav .navbar-collapse .navbar-nav > .nav-item.dropdown > .nav-link { min-width: 0;}
  #mainNav .navbar-collapse .navbar-nav > .nav-item.dropdown > .nav-link:after { width: 24px; text-align: center;}
  #mainNav .navbar-collapse .navbar-nav > .nav-item.dropdown .dropdown-menu > .dropdown-item > .dropdown-message {max-width: 300px; } 
  body.sidenav-toggled .content-wrapper {margin-left: 55px; } 
  body.sidenav-toggled .navbar-sidenav {overflow-x: hidden; width: 55px; }
  body.sidenav-toggled .navbar-sidenav .profileText{display:none; }
  body.sidenav-toggled .navbar-sidenav .nav-link-text { display: none; }
  body.sidenav-toggled .navbar-sidenav .nav-item,
  body.sidenav-toggled .navbar-sidenav .nav-link {width: 55px !important; text-align: center;}
  body.sidenav-toggled .navbar-sidenav .nav-item:after,
  body.sidenav-toggled .navbar-sidenav .nav-link:after { display: none; }
  #mainNav.navbar-dark .navbar-collapse .navbar-sidenav .nav-link-collapse:after {color: #868e96; }
  /* #mainNav.navbar-dark .navbar-collapse .navbar-sidenav > .nav-item > .nav-link {color: #868e96;} */
  #mainNav.navbar-dark .navbar-collapse .navbar-sidenav > .nav-item > .nav-link:hover { color: #fff; background:#202533;}
  .menuSelect{color:#fff !important; background:#202533;}
  #mainNav.navbar-dark .navbar-collapse .navbar-sidenav > .nav-item .sidenav-second-level > li > a,
  #mainNav.navbar-dark .navbar-collapse .navbar-sidenav > .nav-item .sidenav-third-level > li > a {  color: #868e96; }
  #mainNav.navbar-dark .navbar-collapse .navbar-sidenav > .nav-item .sidenav-second-level > li > a:focus, #mainNav.navbar-dark .navbar-collapse .navbar-sidenav > .nav-item .sidenav-second-level > li > a:hover,
  #mainNav.navbar-dark .navbar-collapse .navbar-sidenav > .nav-item .sidenav-third-level > li > a:focus,
  #mainNav.navbar-dark .navbar-collapse .navbar-sidenav > .nav-item .sidenav-third-level > li > a:hover { color: #adb5bd; }
  #mainNav.navbar-dark .navbar-collapse .navbar-nav > .nav-item.dropdown > .nav-link:after { color: #adb5bd; } 
  #mainNav.navbar-dark .navbar-collapse .navbar-sidenav { background: #2a3142; }
  #mainNav.navbar-dark .navbar-collapse .navbar-sidenav li.active a {color: white !important;  background-color: #495057; }
  #mainNav.navbar-dark .navbar-collapse .navbar-sidenav li.active a:focus, #mainNav.navbar-dark .navbar-collapse .navbar-sidenav li.active a:hover { color: white; }
  #mainNav.navbar-dark .navbar-collapse .navbar-sidenav > .nav-item .sidenav-second-level,
  #mainNav.navbar-dark .navbar-collapse .navbar-sidenav > .nav-item .sidenav-third-level { background: #2a3142; }
  #mainNav.navbar-light .navbar-collapse .navbar-sidenav {  background: #f8f9fa; }
  #mainNav.navbar-light .navbar-collapse .navbar-sidenav li.active a {  color: #000 !important; background-color: #e9ecef; }
  #mainNav.navbar-light .navbar-collapse .navbar-sidenav li.active a:focus, 
  #mainNav.navbar-light .navbar-collapse .navbar-sidenav li.active a:hover { color: #000; }
  #mainNav.navbar-light .navbar-collapse .navbar-sidenav > .nav-item .sidenav-second-level,
  #mainNav.navbar-light .navbar-collapse .navbar-sidenav > .nav-item .sidenav-third-level { background: #f8f9fa; } 
  body.sidenav-toggled footer.sticky-footer { width: calc(100% - 55px);}
  footer.sticky-footer { width: calc(100% - 250px); } 
}
  #mainNav.fixed-top.navbar-dark .sidenav-toggler {background-color: #202533;}
  #mainNav.fixed-top.navbar-dark .sidenav-toggler a i {color: #adb5bd;}
  #mainNav.fixed-top.navbar-light .sidenav-toggler { background-color: #dee2e6;}
  #mainNav.fixed-top.navbar-light .sidenav-toggler a i { color: rgba(0, 0, 0, 0.5); }

  body.sidenav-toggled #mainNav.fixed-top .sidenav-toggler { overflow-x: hidden; width: 55px; }
  body.sidenav-toggled #mainNav.fixed-top .sidenav-toggler .nav-item,
  body.sidenav-toggled #mainNav.fixed-top .sidenav-toggler .nav-link { width: 55px !important; }

  body.sidenav-toggled #mainNav.fixed-top #sidenavToggler i,
  body.sidenav-toggled #mainNav.static-top #sidenavToggler i {
  -webkit-transform: scaleX(-1);
  -moz-transform: scaleX(-1);
  -o-transform: scaleX(-1);
  transform: scaleX(-1);
  filter: FlipH;
  -ms-filter: 'FlipH'; 
}

  .content-wrapper { /* overflow-x: hidden; */ background: #eef1f5; }
  #sidenavToggler i { font-weight: 800; }
  #mainNav.navbar-light .navbar-collapse .navbar-sidenav .nav-link-collapse:after { color: rgba(0, 0, 0, 0.5); }
  #mainNav.navbar-light .navbar-collapse .navbar-sidenav > .nav-item > .nav-link { color: rgba(0, 0, 0, 0.5); }
  #mainNav.navbar-light .navbar-collapse .navbar-sidenav > .nav-item > .nav-link:hover { color: rgba(0, 0, 0, 0.7); }
  #mainNav.navbar-light .navbar-collapse .navbar-sidenav > .nav-item .sidenav-second-level > li > a,
  #mainNav.navbar-light .navbar-collapse .navbar-sidenav > .nav-item .sidenav-third-level > li > a { color: rgba(0, 0, 0, 0.5); }
  #mainNav.navbar-light .navbar-collapse .navbar-sidenav > .nav-item .sidenav-second-level > li > a:focus, #mainNav.navbar-light .navbar-collapse .navbar-sidenav > .nav-item .sidenav-second-level > li > a:hover,
  #mainNav.navbar-light .navbar-collapse .navbar-sidenav > .nav-item .sidenav-third-level > li > a:focus,
  #mainNav.navbar-light .navbar-collapse .navbar-sidenav > .nav-item .sidenav-third-level > li > a:hover { color: rgba(0, 0, 0, 0.7); }
  #mainNav.navbar-light .navbar-collapse .navbar-nav > .nav-item.dropdown > .nav-link:after { color: rgba(0, 0, 0, 0.5); }

#mainNav.navbar-light .navbar-collapse .navbar-nav > .nav-item.dropdown > .nav-link:after {
  color: rgba(0, 0, 0, 0.5); }

@media (min-width: 992px) {
  #mainNav.navbar-light .navbar-collapse .navbar-sidenav {
    background: #f8f9fa; }
    #mainNav.navbar-light .navbar-collapse .navbar-sidenav li.active a {
      color: #000 !important;
      background-color: #e9ecef; }
      #mainNav.navbar-light .navbar-collapse .navbar-sidenav li.active a:focus, #mainNav.navbar-light .navbar-collapse .navbar-sidenav li.active a:hover {
        color: #000; }
    #mainNav.navbar-light .navbar-collapse .navbar-sidenav > .nav-item .sidenav-second-level,
    #mainNav.navbar-light .navbar-collapse .navbar-sidenav > .nav-item .sidenav-third-level {
      background: #f8f9fa; } }

.card-body-icon {
  position: absolute;
  z-index: 0;
  top: -25px;
  right: -25px;
  font-size: 5rem;
  -webkit-transform: rotate(15deg);
  -ms-transform: rotate(15deg);
  transform: rotate(15deg); }

@media (min-width: 576px) {
  .card-columns {
    column-count: 1; } }

@media (min-width: 768px) {
  .card-columns { column-count: 2; } 

 }

@media (min-width: 1200px) {
  .card-columns {
    column-count: 2; } }

.card-login {
  max-width: 25rem; }

.card-register {
  max-width: 40rem; }

footer.sticky-footer {
  position: absolute;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 56px;
  /* background-color: #e9ecef; */
  background-color:#fff;
  line-height: 55px; }
  @media (min-width: 992px) {
    footer.sticky-footer {
      width: calc(100% - 250px); } }

@media (min-width: 992px) {
  body.sidenav-toggled footer.sticky-footer {
    width: calc(100% - 55px); } } 
    
.bg-dark{background-color:#2a3142 !important;}
.breadcrumb{background-color:transparent; font-size:16px; padding: .75rem 0rem;margin:0}
.breadcrumb .active{color:rgba(0, 0, 0, 0.49);}
.navbar{background-color:#fff !important; box-shadow:0 6px 0 0 rgba(0, 0, 0, .01), 0 15px 32px 0 rgba(0, 0, 0, .06);}
.topDropDown{right:0; left: auto !important;}
#alertsDropdown .fa-bell-o, #messagesDropdown .fa-envelope-o{color:#2a3142 !important;}
#alertsDropdown .fa-circle, #messagesDropdown .fa-circle{color:#009CFF !important;}
#alertsDropdown, #messagesDropdown{margin:0 2%; width:35px; height:35px; border-radius:50%; background-color:#f3f4f4;
 color: #000; border: 1px solid #009cff; padding: 5px;text-align: center;}
.navTopBar .nav-item{ margin:0 4px; width:35px; height:35px; border-radius:50%; background-color:#fff; cursor: pointer;
 color: #000; border: 1px solid #aaa;text-align: center; padding: 0.1rem; transition: 1s ease;display: inline-block; position:relative;overflow: hidden;}
.navTopBar.datatableNav .nav-item{ margin:0 4px; width:25px; height:25px; border-radius:50%; background-color:#fff; cursor: pointer;
 color: #000; border: 1px solid #aaa;text-align: center; padding: 0.5rem 0.1rem; transition: 1s ease;display: inline-block;}
/* .navTopBar .nav-item .nav-link {padding:0px;} */
.navTopBar .nav-item a i{ color: #3073de;}
.navTopBar .nav-item:hover{background-color:#ccc; border: 1px solid #009cff; width:35px; height:35px; border-radius:50%;}
.navTopBar .nav-item:hover a i{ color: #3073de;}
.navTopBar.datatableNav .nav-item:hover{background-color:#ccc; border: 1px solid #009cff; width:25px; height:25px; border-radius:50%;}
.navTopBar.datatableNav .nav-item:hover a i{ color: #3073de;}
#alertsDropdown:after, #messagesDropdown:after{content:'' !important;}
.topDropDown{position:relative; padding-top:0;}
.topDropDown:before{content:'\f106'; font-family: 'FontAwesome'; color:#bcbcbc; position:absolute; right:10%; top:-8%; font-size: 18px; font-weight: 700;}
.topDropDown .dropdown-header{background-color:#f3f4f4; padding:0.8rem 1.5rem;}
.topDropDown .dropdown-divider{margin-top:0;}
.navTopBar{margin-right:4%;}
.navTopBar li{margin-right:10%;}
a, a:hover, a:focus{text-decoration:none;}
p{margin:0;}
#exampleAccordion li i{margin-right:4%;width:25px;text-align:left}
.table.noPadTab td, .table.noPadTab th{padding:.3rem; vertical-align: middle;outline: none;}
table th{text-align:center}
table.dataTable thead .sorting:before, table.dataTable thead .sorting:after, 
table.dataTable thead .sorting_asc:before, table.dataTable thead .sorting_asc:after, 
table.dataTable thead .sorting_desc:before, table.dataTable thead .sorting_desc:after, 
table.dataTable thead .sorting_asc_disabled:before, table.dataTable thead .sorting_asc_disabled:after, 
table.dataTable thead .sorting_desc_disabled:before, table.dataTable thead .sorting_desc_disabled:after{bottom: .3rem}

.logo_img{width:12% !important; height:auto; padding:0; margin-right:0; margin-left:2em;}

/* .pushNotify{position:fixed; top:10%; right:-45%; width:40%; height:auto; z-index:100; display:none;} */
.pushNotify{position:fixed; top:4.5rem; right:-50%%; width: auto; height: auto; background-color:#2a3142; border-color:#202533; color: #fff; z-index:1000; display:none; border-radius: 6px;}
.alert{margin-bottom:0; /* background-color:#fff; border-color:#f3f4f4; color:#888; */}
.close{color:#2a3142;}
.alert-notif .push-type {color:#ffc107; font-weight: bold}
.alert-success .push-type {color:#28a745; font-weight: bold}
.alert-info .push-type {color:#009CFF; font-weight: bold}
.alert-error .push-type {color:#f53d3d; font-weight: bold}
.form_a{padding:1em !important;}

.normalAlert{position:fixed; top:-8%; right:1%; width:40%; height:auto; z-index:1; display:none;}
.normalAlert .alert{margin-bottom:0; background-color:#2a3142; border-color:#202533; color:#fff;}
.normalAlert .close{color:#fff;}
.normalAlert .alert strong{color:#fff;}

.commentsHistory{position:fixed; bottom:-43.8%; right:1%; width:20%; height:50%; z-index:1; background:url(../images/chat_bg.png)no-repeat center center; background-size:100% 100%; transition-duration: 1s; -webkit-transition-duration: 1s}
.commentsHistoryToggle{bottom:0% !important;}
.commentInner{position:relative; width:100%; height:100%;}
.commentHeader i{color:#fff; padding-right:0.5em; font-size:20px;}
.commentHeader{background-color:#009CFF; width:100%; padding:0.5em 1em; color:#fff; border-top-right-radius:6px; border-top-left-radius:6px; cursor:auto; /*height:12.3%;*/}
.commentHeader .arrow i{position: absolute; right: 0.5em; top: 0.7em; font-size:16px;}
.toggleArrow{transform:scaleY(-1); -webkit-transform:scaleY(-1);}

.commentsHistory .conversation{position:relative; width:100%; height:87.7%; background:transparent; overflow-x: hidden; overflow-y:auto; padding:0.5em; font-size:14px;}
.commentsHistory .conversation .set1{background-color:#fff; min-width:51%; max-width:70%; border-radius:8px; margin:0.4em 0 0.4em 0; padding:0.1em 0.5em; ; float:left; overflow: hidden; word-break: break-word; position:relative;}
.commentsHistory .conversation .set2{background-color:#8c92a3; color:#fff; min-width:51%; max-width:70%; border-radius:8px; margin:0.4em 0 0.4em 0; padding:0.1em 0.5em; ; float:right; overflow: hidden; word-break: break-word; position:relative;}

/*.commentsHistory .conversation .set2:after{position: absolute; content: ""; width: 0; height: 0; border-style: solid;     border-width: 0px 0 15px 8px; border-color: transparent transparent transparent #8c92a3; top: 0; right: -10px;}
.commentsHistory .conversation .set1:after{position: absolute; content: ""; width: 0; height: 0; border-style: solid;         border-width: 0px 15px 8px 0; border-color: transparent #fff transparent transparent; top: 0; left: -10px}*/

.customScroll::-webkit-scrollbar-track
{
	-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
	background-color: #2a3142;
}

.customScroll::-webkit-scrollbar
{
	width: 3px;
	background-color: #f5f6f8;
}

.customScroll::-webkit-scrollbar-thumb
{
	background-color: #3073de;
}

body::-webkit-scrollbar-track
{
	-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
	background-color: #eee;	
}

body::-webkit-scrollbar
{
	width: 5px;
	background-color: #F5F5F5;
}

body::-webkit-scrollbar-thumb
{
	background-color: #202533;
	border-radius:25em;
}

.previousComment {max-height:220px; overflow: scroll;}
.previousComment .commentHeader{background-color:#092F56; border-top-right-radius:4px; border-top-left-radius:4px;}
.previousComment .conversation{height:35%; background-color:#F5F6F8; border:1px solid #ced4da; border-top:none; overflow: hidden; overflow-y:auto; padding:0.5em; color:#555; display:block;}
.previousComment .conversation .client{width:95%; margin:1em auto; background-color:#E4F6F6; border-radius:6px; padding: 0.75em; display:table;}
.previousComment .conversation .support{width:95%; margin:1em auto; background-color:#fff; border-radius:6px; padding: 0.75em; display:table;}
.previousComment .conversation .client:first-child{margin-top:0.5em;}
.previousComment .conversation .support:first-child{margin-top:0.5em;}
.previousComment .conversation .staff:first-child { margin-top: 0.5em;}
.previousComment .conversation .staff {width: 100%;background-color: #fff;border-radius: 6px;padding: 0.7rem;display: table;}
.previousComment .conversation .period{ float: left;width:13%; position:relative; display:inline-block; font-size:12px;}
.previousComment .conversation .period:after{content:""; width:1px; height:100%; position:absolute; top:0; right:0; background-color:#7ec3c8;}
.previousComment .conversation .support .period:after{background-color:#969696;}

.previousComment .conversation .message{width:87%; display:inline-block; padding-left:1em;}
.emptyConversation{background-color:#F5F6F8; border:1px solid #ced4da; border-top:none; display:none;}
.previousComment .conversation .chatDate{font-size:11px;}

form{margin:0;}
.loader{position:fixed; width:100%; height:100%; top:0; left:0; background:#fff; z-index:1040;}
.loaderImg{position:relative; width:20%; height:20%; margin:0 auto; top:40%;}
img{width:100%; /* height:100%; */}
padding{padding:0;}
button{outline:none; cursor:pointer; border:none;}
button:focus{outline:none; box-shadow:none !important;}
input:focus{box-shadow:0 0 0 0.18rem rgba(206, 212, 218,.25) !important; outline:none;}
select:focus{border-color:#ced4da !important; box-shadow:0 0 0 0.18rem rgba(206, 212, 218,.25) !important; outline:none;}
textarea{width:100%; border-radius:4px; border: 1px solid #3073de; color: #555;}
textarea:focus{border-color:#009CFF !important; outline:none;}
.form-group {margin-bottom: 1.5rem;}
.alertMessage{position:absolute; top:0%; right:5%; width:100%;}
.alertMessage .alert{border-color:rgba(0,0,0,0.3); z-index:1;}
.autogenerateModal{max-width:60%;}

/*loginPg*/
.loginPg{width:100%; height:100%; background:url(../images/login_bg.jpg)no-repeat center center; background-size:100% 100%; position:relative;}
.loginSection{width:100%; height:400px; background-color:rgba(255,255,255,.50); justify-content: center; border-radius:8px; position: relative; top: 32%;}
.loginSection h3{margin:0; padding:0.5em 0;}
.divider{width:100%; height:1px; background:rgba(0,0,0,0.5);}
.loginSection .loginData{width:45%; margin:0 auto;}
.loginData .loginLabel{margin-top:1em; font-weight:500;}
.loginData .passwordLabel{margin-top:2em;}
.loginData .resetPassword{font-style:italic; margin-top:1.5em; font-size:14px;}
.loginData .loginInput{margin-top:0.5em; position:relative;}
.loginData .loginInput input{width:100%; background-color:rgba(255,255,255,.50); border:none; border-bottom:2px solid #212529; padding:0.4em 1em; border-radius:6px;}
.loginData i{color:#fff; margin-left:4%;}
.loginData .toggleEye{position:absolute; right:1em; top:0.5em; cursor:pointer;}
.loginData .loginButton{width:100%;}
.loginData .loginButton input{background-color:#FF9335; border:none; border-radius:6px; width:40%; font-weight:500; margin-top:2em; padding:0.5em 0; cursor:pointer;}


/*reset password*/
.restForm{padding:2em 2em 2em 2em;}
.restForm .form-group{width:100%; text-align:center;}
.restForm label{width:30%; text-align:left; font-weight:500;}
.restForm input, .restForm .buttonSection,.restForm .quesSection span{width:50%; display:inline-block;}
.restForm input{border-bottom:1px solid #212529; padding:0.4em 1em; border-radius:6px;}
.restForm .quesSection span{color:#FF9335;}
.restForm .login-text{float:left;}
.restForm .login-text:after{clear:both;}
.restForm button{float: right; padding: 0.5em 2em; line-height:1; background:#63C4FA; color:#fff; font-weight:500;}
.restForm button:hover{opacity:0.8;}
.resetPwd_container .alertMessage .alert{background:rgba(0,0,0,0.4); border-color:rgba(0,0,0,0.5); color:#fff;}

.resetPassword-pg{width:100%; height:100%; background:url(../images/reset-bg.jpg)no-repeat center center; background-size:100% 100%; position:relative;}
.resetContainer{width:100%; background-color:rgba(255,255,255,.7); justify-content: center; border-radius:8px; position:relative; top:32%;}
.resetContainer .loginData{width:45%; margin:0 auto;}
.resetContainer button{background-color:#FF9335; padding: 0.5em 1.5em; border-radius:6px; font-weight:500; color:#000;}



/*lead page*/
.card{position: relative; margin-top: 0px; background-color: #ffffff; border-radius: 10px; border: none;box-shadow: 0 1px 3px 0px rgba(115, 108, 203, 0.23);}
.card-body{padding:.75rem}
.card .card-header{padding: 0.5rem .8rem; border-bottom: 1px solid #e5e9ec; background: #fff; display: inline-flex;}
.card-header:first-child {border-radius: calc(.25rem - 1px) calc(.25rem - 1px) 0 0;}
.card .card-header .card-title {margin-bottom: 0; color: #53505f; font-size: 18px; font-weight: 500;  width: 80%;}
.card .card-header .card-title.width40 {width: 40%;}
.form-control {display: block; width: 100%; height: 33px;  padding: 6px 12px; font-size: 0.9rem; color: #555; background-color: #fff; background-image: none; border: 1px solid #3073de; border-radius: 4px; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075); box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075); -webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s; -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s; transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s; outline: 0 !important; line-height: 2; box-shadow:none;}
.card label,.modelCard label{font-size: .9rem;line-height: 2;}

.searchButton{background:#4285f4; color:#fff; border-radius:6px; padding:0.1rem 1.25rem; line-height:2; display: inline-block; vertical-align: middle; -webkit-transform: perspective(1px) translateZ(0); transform: perspective(1px) translateZ(0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); position: relative; -webkit-transition-property: color; transition-property: color; -webkit-transition-duration: 0.5s; transition-duration: 0.5s; font-size: 14px;}

.searchButton:before{content: ""; position: absolute; z-index: -1; top: 0; left: 0; right: 0; bottom: 0; background: #1e69e6; border-radius:6px; -webkit-transform: scaleX(0); transform: scaleX(0); -webkit-transform-origin: 0 50%; transform-origin: 0 50%; -webkit-transition-property: transform; transition-property: transform; -webkit-transition-duration: 0.5s; transition-duration: 0.5s; -webkit-transition-timing-function: ease-out; transition-timing-function: ease-out;}

.searchButton:hover:before, .searchButton:focus:before, .searchButton:active:before {-webkit-transform: scaleX(1); transform: scaleX(1); -webkit-transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66); transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);}

.cancelButton{background:#dc3545; color:#fff; border-radius:6px; padding:0.1em 1.5em; line-height:2; display: inline-block; vertical-align: middle; -webkit-transform: perspective(1px) translateZ(0); transform: perspective(1px) translateZ(0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); position: relative; -webkit-transition-property: color; transition-property: color; -webkit-transition-duration: 0.5s; transition-duration: 0.5s; font-size: 14px;}

.cancelButton:before{content: ""; position: absolute; z-index: -1; top: 0; left: 0; right: 0; bottom: 0; background: #a71d2a; border-radius:6px; -webkit-transform: scaleX(0); transform: scaleX(0); -webkit-transform-origin: 0 50%; transform-origin: 0 50%; -webkit-transition-property: transform; transition-property: transform; -webkit-transition-duration: 0.5s; transition-duration: 0.5s; -webkit-transition-timing-function: ease-out; transition-timing-function: ease-out;}

.cancelButton:hover:before, .searchButton:focus:before, .searchButton:active:before {-webkit-transform: scaleX(1); transform: scaleX(1); -webkit-transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66); transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);}

.cancelButton .fa {padding-right: 5px;}

.modalInput{border:1px solid #555;}

thead tr{background-color:#009CFF; color:#fff;}
thead tr th{outline:none; font-weight:normal;}
.paginate_button{cursor:pointer;}
.paginate_button:focus, .paginate_button .page-link:focus{outline:none;}
.dataTables_info, .pagination{font-size:0.875rem;}
.page-link{padding: .2rem .5rem}
.page-item.active .page-link{background-color:#009CFF; border-color:#009CFF;}
.width5{width:5%;}
.width10{width:10%;}
.width15{width:15% !important;}
.width20{width:20%;}
.width25{width:25% !important;}
.width30{width:30%;}
.width35{width:35%;}
.width40{width:40%;}
.width45{width:45%;}
.width49{width:49%;}
.width50{width:50% !important;}
.width60{width:60%;}
.width70{width:70%;}
.width80{width:80%;}
.width87{width:87%;}
.width89{width:89%;}
.width90{width:90%;}
.width100{width:100% !important;}
.input-group .form-control.width118{width:118%;}
.mg0auto{margin: 0 auto;}
.fontsize14{font-size: 14px;}
.fontsize24{font-size: 24px;}
.fontsize22{font-size: 22px;}
.nav_buttton{margin-top:1.1em;}
.nav_buttton button{background-color: #4285f4; margin-right:4%;}
.buttonGroup button{margin-right:4%;}
.buttonGroup button:last-child{margin-right:0;}
.nav_buttton button:before{background-color: #1e69e6;}
.nav_buttton button:last-child{margin-right:0;}
.selected{background-color:#c6c8ca}
button a{color:#fff;}
button a:hover, button a:focus{color:#fff;}
.paddingTop{padding-top:0 !important;}
.paddingRight{padding-right:0 !important;}
.paddingleft{padding-left:0 !important;}
.paddingBottom{padding-bottom:0 !important;}
.padding{padding:0!important;}
.marginBottom{margin-bottom:0 !important;}
.margin{margin:0!important;}
.resizeNone{resize:none; height:auto;}

.fa-star, .fa-star-o{color:#f2b01e;}
.lookUp{width:20px; height:20px; background:url(../images/lookup.png)no-repeat; background-size:100% 100%; background-position:center center; display:inline-block;}

.addRow i{font-size:24px; cursor:pointer;}
.listHeader{background-color:#009CFF; color:#fff;}
.customUploadButton{background-color:#212529 !important;}
.card-rows .card{
	border-left:2px solid #3590df;
}
/*date picker*/
/* .ui-datepicker {width: 17em; font-size: 12px;}
.ui-datepicker table thead tr th {font-size: 12px;}
.ui-datepicker th {padding: 0.7em .23em;}
.ui-state-highlight, .ui-widget-content .ui-state-highlight, .ui-widget-header .ui-state-highlight {color: #fff; background: #6c757d; border: 1px solid #6c757d;}
.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active{border: 1px solid #6c757d; font-weight: bold;	color: #6c757d;}
.ui-datepicker thead tr{background-color:#6c757d;}
.ui-datepicker .ui-datepicker-title {margin: 0 1.6em;}
.ui-datepicker table thead tr th{font-size:11px;}
.ui-datepicker .ui-datepicker-buttonpane{margin:0; text-align:center;}
.ui-datepicker-buttonpane button:[data-handler=today]{display:none;}
.ui-datepicker-buttonpane button.ui-datepicker-current {display: none;}
.ui-datepicker .ui-datepicker-buttonpane button{float:none; margin:2px 0 2px 0; padding:0 12px; background:#6c757d; line-height: 16px; color:#fff; border-color:rgba(0,0,0,0.5);}
.ui-datepicker .ui-datepicker-buttonpane button:hover{background:#5a6268;}
.ui-datepicker .ui-datepicker-buttonpane button:focus{outline:none;}


.xdsoft_datetimepicker{background:#092F56; padding-bottom:0;}
.xdsoft_datetimepicker .xdsoft_next, .xdsoft_datetimepicker .xdsoft_prev, .xdsoft_datetimepicker .xdsoft_today_button{background-color:#fff;}
.xdsoft_datetimepicker .xdsoft_calendar th{color:#000;}
.xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_prev, .xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_next{width:24px; height:12px; margin-right:auto; margin-left:auto;}
.xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_prev{background-position: -43px -2px; margin-bottom: 4px;}
.xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_next{background-position: -43px -16px; margin-top:4px;}
.xdsoft_datetimepicker .xdsoft_prev{background-position: -20px -2px;}
.xdsoft_datetimepicker .xdsoft_today_button{background-position: -70px -2px;}
.xdsoft_datetimepicker .xdsoft_next{background-position: 0 -2px;}
.xdsoft_datetimepicker .xdsoft_label{padding:2px 3px;}
.xdsoft_datetimepicker .xdsoft_label>.xdsoft_select>div>.xdsoft_option{padding:2px 12px 2px 16px;}
.xdsoft_scrollbar>.xdsoft_scroller{width:3px; margin-left:4px;}
.xdsoft_datetimepicker .xdsoft_label>.xdsoft_select{top:26px;}
.xdsoft_datetimepicker .xdsoft_label>.xdsoft_select.xdsoft_yearselect{right:0px;}
.xdsoft_datetimepicker .xdsoft_label>.xdsoft_select.xdsoft_monthselect{right:-1px;}
.xdsoft_datetimepicker .xdsoft_next, .xdsoft_datetimepicker .xdsoft_prev, .xdsoft_datetimepicker .xdsoft_today_button{height:26px;}
.xdsoft_datetimepicker .xdsoft_datepicker.active+.xdsoft_timepicker{margin-top:10px;}
.xdsoft_datetimepicker .xdsoft_label:hover>span{text-decoration:none !important}

 */
input[type=radio] {margin-left: -25px; -webkit-appearance: none; border: 2px solid #555 !important; border-radius: 50%; padding: 0; width: 18px; height: 18px; outline: none; box-shadow: none; outline:none;}
input[type=radio]:focus{outline:none;}
tbody input[type=radio]{margin-left: 0;}
input[type=radio]:checked:before {content: ""; display: block; left: 0; width: 8px; height: 8px; margin: 3px 3px; border-radius: 50%;}
input[type=radio]:checked:before {background: #555;}
input[type=radio]:checked {border: 2px solid #555 !important; box-shadow: 0px 0px 7px #555;}

.bootstrap-select .dropdown-toggle{font-size:14px !important;}
.bootstrap-select .dropdown-menu{padding:0; font-size:14px;}
.bootstrap-select .dropdown-item{padding-top:0; padding-bottom:0;}
.bootstrap-select .dropdown-item.active, .dropdown-item:active, .dropdown-item:hover, .dropdown-item:focus{background-color:#1B8FFA; color:#fff;}
.bootstrap-select .dropdown-toggle:focus{outline:none !important; background-color:transparent !important; }
.btn-light:not([disabled]):not(.disabled).active, .btn-light:not([disabled]):not(.disabled):active, .show>.btn-light.dropdown-toggle{background-color:transparent !important;}


.ui-autocomplete {font-size:14px !important; border-radius:4px; height:15%; overflow:hidden; overflow-y:auto;}
.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active{border:none; color:#fff; background:#1B8FFA;}
.ui-menu .ui-menu-item{padding:3px 0.4em 3px .4em !important;}

/*user*/
.imgContainer{width:100%; height:100%;}
/* 
.imgContainer, .loginContainer{width:100%; height:100%;}
.loginButton{align-items: flex-end; display: flex; justify-content: center;}
.loginContainer .set1{align-items: center; display: flex; justify-content: center;}
.loginContainer .set1{height:80%;}
.loginButton{height:20%;} */

/*dashboard*/
.dashboard_pg .card .card-header{padding: 1rem !important;}
.success{color:#28a745;}
.neutral{color:#ffc107;}
.fail{color:#dc3545;}

.initialCard .card .card_icon{width:65px; height:65px; padding:1rem; text-align:center; border-radius:50%;/*#FF9335*/}
.initialCard .card .card_icon i{font-size:2rem; color:#fff;}

.initialCard .card .icon_text{width:auto;}
.initialCard .card .section1{display:flex;}
.initialCard .card .section1 .heading{color:#fff; font-size: 1.2rem; font-weight:400;}
.initialCard .card .section1 .box{width: auto;flex: auto;}
.initialCard .card .icon_text .count{color:#fef; font-size:60px; font-weight:400;}
.initialCard .card .icon_text .count i{font-size:14px;}

.initialCard .card .card-header{padding:0.25em 0 !important;}

.initialCard .card .cardContent{color:#999999; font-weight:500; font-size:16px; margin-top:0.75em;}
.initialCard .card .cardContent{width:100%; display:flex;}
.initialCard .card .cardContent i{font-size:14px;}
.initialCard .card .cardContent p{width:70%;}
.initialCard .card .cardContent p:last-child{width:30%; font-size:12px;}

.initialCard .card3 .boxBtn{background-color:#009cff;}
.initialCard .card2 .boxBtn{background-color:#ff7b08;}
.initialCard .card4 .boxBtn{background-color:#34bfa3;} 

/* .initialCard .card:hover .boxBtn i{-webkit-transform: rotate(180deg); -moz-transform: rotate(180deg); transform: rotate(180deg);} */
/* .initialCard .card .section1 .boxBtn i{ -webkit-transition: 0.6s ease-out;-moz-transition:  0.6s ease-out; transition:  0.6s ease-out;} */


.initialCard .card1 {background: linear-gradient(to bottom right, #7e1df3, #b48ae6 55%);}
.initialCard .card3 {background: linear-gradient(to bottom right, #009cff, #78c0ed 55%);}
.initialCard .card2 {background: linear-gradient(to bottom right, #ff7b08, #fdaa62 55%);}
.initialCard .card4 {background: linear-gradient(to bottom right, #17a085, #50dcc0 55%)}

/*error*/
.error-pg, .client-pg{background-color:#2a3142; color:#fff;}
.error-pg .errorContainer{position:relative; top:25%;}
.error-pg .errorContainer button{background-color: #FF9335; border: none; border-radius: 6px; font-weight: 500; margin-top: 2em; padding: 0.5em 4em; cursor: pointer; color:#fff;}

/*client view*/
.client-pg{padding-top:56px; color:#000;}
.client-pg .navbar-dark .navbar-brand{width: 250px; color: #2a3142; font-weight: 500;}
.client-pg .workboardCard .cardHeading{background-color:#ff518a;}
.client-pg .wbcard2 .cardHeading{background-color:#2bb3c0;}
.client-pg .tab_button button{background-color:#009CFF; color:#fff; padding:0.1em 1.5em; line-height:2; border-radius:6px; font-weight:500;}
.client-pg .tab_button button:hover{opacity:0.8;}
.client-pg .cv_pdf_img{width:100%; max-width:100%;}
.client-pg .form-check-label{font-size:16px;}

/*profile section side menu*/
.profileSide{width:60%; margin:0 auto; color:#868e96;}
.profileSide .companyProfileDiV {width: 120px; height: 120px}
.sidenav-toggled .profileSide .companyProfileDiV { width: 35px !important;  height: 35px !important; margin: 0 auto;}
.sidenav-toggled .profileSide .profileImg { width: 35px !important; margin: 0 auto;}
/* .profileSide .profileImg img{ width:100%; margin:0 auto; border: 1px solid; border-radius: 50%;}  */
.profileSide .profileText{font-size:12px; color:#fff; }
.profileSide .changePass{font-size:13px; color:#868e96;}
/* .profileText.profileTextHide{display: none;} */


/*profile page*/
.profileImgContainer{width:100%; height:90%; /* background: url("../images/profile-pg.jpg")no-repeat center center; background-size:100% 100%; */ position:relative;}
.profileContainer{position: relative; height: auto; width: auto; /* background-color:rgba(0,0,0,0.4); */ color:#000; padding: 1rem 1.2rem;}
.profileContainer .profileRightLabel, .profileContainer label{ font-size:1rem;}
.profile-changePassword .paddingBottom{padding-bottom:0.4em !important;}
.profile-changePassword button{background:#FF9335;}
.profile-changePassword button:before{background:#ce6000;}
.profile-changePassword button a img{width: 20px; height: auto;}
.profileSide .hideProfileText {display: none;}

/*workboard*/
.paddingHorz{padding-right:0; padding-left:0;}
.list-title{color:#fff; background-color:#7E685A;}
.card-bg{background-color:rgba(233,30,99,0.15)}
.card-bg .card-header{background-color:transparent;}
.card-bg .list-group-item{background-color:transparent; border:none;}

/*.listSet1 table.dataTable td{border-top:none; }
.listSet1 table.dataTable tr{box-shadow: 0 2px 5px 0 rgba(0,0,0,0.05), 0 2px 10px 0 rgba(0,0,0,0.10); margin-bottom:1.2em; display:inline-block; border-left:1px solid rgba(0,0,0,0.1); border-right:1px solid rgba(0,0,0,0.1);}*/

.workboardCard{box-shadow: 0 2px 5px 0 rgba(0,0,0,0.05), 0 2px 10px 0 rgba(0,0,0,0.10);}
.workboardCard .cardHeading{padding:0.5em 0 0.5em 0.5em; background-color:#2bb3c0; color:#fff;}
.wbcard2 .cardHeading{background-color:#009CFF; }
.workboardCard .cardBody .heading{width:25%; display:inline-block;}
.workboardCard .cardBody span b{}
.workboardCard .cardBody div{margin-bottom:0.5em; width:72%; display:inline-block;}
.listSet2{height:220px; overflow:hidden; overflow-y:auto;}

.custom-file-upload {background:#ff518a; width: 36%; text-align: center; border-radius: 4px; cursor: pointer; font-weight:500; padding: 0.5em; color:#fff;}
.custom-file-upload:hover{opacity:0.8;}
.custom-file-upload i {margin-right: 10px; color:#fff; font-size:18px;}
/*.file-Val{ color: #555; width: 60%; display: inline-block; float:right; overflow: hidden; white-space: initial; text-overflow: ellipsis; font-size:14px;}*/

.workboard-pg .previousComment .conversation{height:37% !important;}
.workboard-pg .nav_buttton{margin-top:0;}
.workboard-pg .nav_buttton button{padding:0.25em .5em;}
.workboard-pg .nav_buttton button i{color:#fff; font-size:18px;}
.workboard-pg .form-check-inline{width:10%;}
.workboard-pg .form-check-inline label{font-size:18px !important;}
.workboard-pg .callLog .conversation{height:45% !important; position:relative; padding:0!important;}
.workboard-pg .callLog .commentHeader{background-color:#FF9335;}
.workboard-pg .callLog .chatmsg{border-radius:4px; background-color:rgba(0,0,0,0.03); margin:0.4em 0; padding:0.5em 1em; }
.workboard-pg .callLog .coversationMsg{padding: 0.5em; height:84%; overflow:hidden; overflow-y:auto;}
.workboard-pg .callLog .chatmsg .name{font-size:16px; font-weight:500;}
.workboard-pg .callLog .chatmsg .nameTime p{display:inline-block; width:50%;}
.workboard-pg .callLog .chatmsg .time{font-size:12px; color:rgba(0,0,0,0.35); font-style:italic;}
.workboard-pg .callLog .chatmsg .reponse{text-align:right; color:#28a745; font-size:14px;}
.workboard-pg .callLog .inputBox{width:100%; position:absolute; left:0; right:0;}
.workboard-pg .callLog .inputBox .inputMsg{width:89%; display:inline-block;}
.workboard-pg .callLog .inputBox .inputMsg input{display:inline-block; box-sizing: border-box;}
.workboard-pg .callLog .inputBox .inputMsg select{display:inline-block; box-sizing: border-box;}
.workboard-pg .callLog .inputBox .inputMsg input:first-child{width:79%; outline:none;}
.workboard-pg .callLog .inputBox .inputMsg select{width:20%;}
.workboard-pg .callLog .inputBox .chatButton{width:10%; display:inline-block;}
.workboard-pg .callLog .inputBox .chatButton button{width:100%; padding:6px 12px; background-color:rgba(0,0,0,0.7); color:#fff; font-weight:500;}


/*quality workboard*/
.qualityWB .workboardCard .cardHeading{background-color:#ff518a;}
.qualityWB .wbcard2 .cardHeading{background-color:#2bb3c0;}
.qualityWB .tab_button button{background-color:#009CFF; color:#fff; padding:0.1em 1.5em; line-height:2; border-radius:6px; font-weight:500;}
.qualityWB .tab_button button:hover{opacity:0.8;}
.qualityWB .cv_pdf_img{width:100%; max-width:100%;}
.qualityWB .form-check-label{font-size:16px;}
.clickTabHightLight{opacity:0.7; position:relative;}
.clickTabHightLight:before{content:''; position:absolute; width: 0; height: 0; border-left: 10px solid transparent; border-right: 10px solid transparent; border-top: 10px solid #009CFF; top: 36px; left: 16px;}
.ratingStar ul{list-style:none;}
.ratingStar ul li{display:inline-block; margin-right:3px;}

/*work allocation*/
.workAlloct .custom-file-upload {width: 26%;}
.workAlloct .file-Val{width: 70%;}

/*Mouse Track*/
/*::-moz-selection {background: var(--theme-color); color:#fff;}
::selection {background: var(--theme-color); color:#fff;}
*/
/*checkBox Design*/
.assessBg .spanTick{top:8px; left:15px; width:18px; height:18px; border-color:#555;}
.assessBg .spanTick span{margin-left:22px;}
.assessBg input[type="checkbox"]{ width:18px; height:18px;}
.assessBg .spanTick:after{ left:6px;}
.assessBg input[type="checkbox"]:checked .spanTick{background:var(--btn-color);}
.addOptionBut{position: absolute; right: 0; bottom: 100px;}


/*mobile*/
@media screen and (min-width:320px) and (max-width:767px) {
	.navbar{background-color:#2a3142 !important;}
	.navTopBar {display: -webkit-box; text-align: center !important; border-top: 1px solid #eee; padding-top: 5px;}
	.navTopBar span {display: none;}
	.logo_img {width: 40% !important;height: 50px; padding: 0; margin:0}
	#alertsDropdown, #messagesDropdown, #logoutButton,#taskButton {width:35px; height:35px; border-radius:none;padding: 10px 20%; margin :0 2%;}
	#alertsDropdown .fa-bell, #messagesDropdown .fa-envelope, #logoutButton .fa-sign-out{color:#000 !important;}
	.navTopBar li {padding: .5rem 0rem; margin: 0 22%;}
	.commentsHistory{height:30%; width:100%; bottom: -28%; right:0;}
	.pushNotify{top:8%; width:90%;}	
	.previousComment .conversation{height:20%;}
	.imgContainer, .loginContainer, .profileImgContainer{height:30%;}
	.card .card-header .card-title { width: 100%;}
	.card .card-header{display:block;}
	.card .card-header .loginButton { width:100%}
	.card .card-header .loginButton button { padding: 5px 10px; margin-right: 10px;}
	div.dataTables_wrapper div.dataTables_paginate ul.pagination{ justify-content: start;}
	.page-link{padding: .1rem .3rem}
	.dataTables_wrapper.container-fluid{padding-right: 5px; padding-left: 5px;}
	.navBtn{width:100% !important;}
	.ml51{margin-left:0}
	.width30{width:70%}
	.width70{width:30%}
	.checkmark{left: 0px !important}
	.alacarteSvcRow .col-lg-1,.top7,.top6{top:0rem}
}
/*ipad*/
@media screen and (min-width:768px) and (max-width:1023px) {
	.navbar{background-color:#2a3142 !important;}	
	.commentsHistory{height:30%; width:40%; bottom: -28%;}
	.pushNotify, .alertMessage{top:4%;}
	.firstCol{width:88%;}	
	.previousComment .conversation{height:20%;}
	.imgContainer, .loginContainer, .profileImgContainer{height:30%;}	
	.initialCard .card .card_icon{padding:3%;}	
    .tooltip { display: none !important; }
    .profileSide a .profileText{ display:block;}
    .ml51{margin-left:0}
 
}
/*tablet*/
@media screen and (min-width:1024px) and (max-width:1348px) {
	.commentsHistory{height:30%; width:30%; bottom: -28%;}
	.pushNotify, .alertMessage{top: 70px;}
	.previousComment .conversation{height:25%;}
	.imgContainer, .loginContainer, .profileImgContainer{height:30%;}
	/* .initialCard .card .card_icon{padding:4%;}	 */
	.resetContainer button{padding:0.5em 1em;}
}

/*large Device*/
@media screen and (min-width:1440px) {
	.commentsHistory{height:30%; bottom: -28%;}
	.pushNotify, .alertMessage{top:10%;}
	.previousComment .conversation{height:25%;}
	.imgContainer, .loginContainer, .profileImgContainer{height:30%;}
	
}
/*2560*/
@media screen and (min-width:2560px) {
	.commentsHistory{height:30%; bottom: -28%;}
	.pushNotify, .alertMessage{top:10%;}
	.previousComment .conversation{height:25%;}
	.imgContainer, .loginContainer, .profileImgContainer{height:30%;}	
	.initialCard .card .card_icon{padding:2.5%;}	
}

.dropdown.bootstrap-select.show-tick.form-control.multiselect{  width: 70%;}

.quick-links-grid { display: inline-block; width: 100%;}
.quick-links-grid .ql-grid-item {
    display: inline-block;
    width: 24.5%;
    padding: 20px 5px;
    text-align: center;
    vertical-align: middle;
    text-decoration: none;
    color: #45567c;
}
.quick-links-grid .ql-grid-item i {
    -webkit-transition: all .3s;
    transition: all .3s;
    text-align: center;
    color: #d2d6eb;
    font-size: 32px;
}
.quick-links-grid .ql-grid-item .ql-grid-title {
    display: block;
    margin: 10px 0 0;
    text-align: center;
    font-size: 12px;
    font-weight: 400;
    line-height: 1;
}
.custCard .row{  margin-bottom:10px;}

.card-img{
    overflow: hidden;
    margin: 0 auto;
    border-radius: 5px;
}

.card-content a{ display: block;}

.card-content a:hover,.card-content a:focus{ color: #3073DE;}

.freelancerLinks  .card-body{
    background-image: url("https://www.elegantthemes.com/preview/Divi/wp-content/uploads/2014/04/geometic-bg-blue.jpg");
    background-position: center;
    height:20%;
    color: #fff;
}

.freelancerLinks  .card-body a{
    color: #fff;
    width: 50%;
    margin: 0 auto;
    display: block;
    line-height: 2.5;
    text-align: center;
    font-size: 24px;
    font-weight: 700;
}
.rupeeSec{
    color: #009cff;
    position: absolute;
    top: 1px;
    left: 17px;
    font-size: 24px;
    border-right: 1px solid #3073de;
    padding: 6px;
    background: #fff;
}
.user-rating {
    direction: rtl;
    font-size: 20px;
    unicode-bidi: bidi-override;
    display: inline-block;
}
.user-rating input {
    opacity: 0;
    position: relative;
    z-index: 2;
    cursor: pointer;
    margin-left: -15px;
}
.user-rating span.star:before {
    color: #777777;
    content:"";
}
.user-rating span.star {
    display: inline-block;
    font-family: FontAwesome;
    font-style: normal;
    font-weight: normal;
    position: relative;
    z-index: 1;
    margin-left: 10px;
}
.user-rating span.star:before {
    color: #777777;
    content:"\f006";
}
.user-rating input:hover + span.star:before, .user-rating input:hover + span.star ~ span.star:before,
.user-rating input:checked + span.star:before, .user-rating input:checked + span.star ~ span.star:before {
    color: #4285f4;
    content:"\f005";
}

.selected-rating{
    color: #4285f4;
    font-weight: bold;
    font-size: 2em;
    margin-left: 10px;
    line-height: 1;
}
.custom-checkbox .custom-control-input:checked~.custom-control-label::before{
    background-color: #007bff;
}
.custom-control-input:checked~.custom-control-label::before{
    background-color: #007bff;
    color: #ffffff;
}
.custom-control-label::before{
    position: absolute;
    top: .55rem;
    left: -45px;
    display: block;
    width: 1rem;
    height: 1rem;
    pointer-events: none;
    content: "";
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-color: #dee2e6;
}
.custom-control-label::after {
    position: absolute;
    top: .55rem;
    left: -45px;
    display: block;
    width: 1rem;
    height: 1rem;
    content: "";
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 50% 50%;
}
.custom-checkbox .custom-control-input:checked~.custom-control-label::after {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3E%3Cpath fill='%23fff' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26 2.974 7.25 8 2.193z'/%3E%3C/svg%3E");
}
.card-header .user-rating{
    width: 100%;
    text-align: right;
}
.exposingTeam input,.exposingTeam .dropdown.bootstrap-select.show-tick.form-control.multiselect{
  width: 90%;
}
.profileSelect{
   position: absolute;
    top: -30px;
    left: 0px; 
    height: 230px;
    width: 100%;
    cursor: pointer;
}
.bannerImg{
	min-width: inherit;
  /* max-width:400px; */
	overflow: hidden;
	position: relative;
	border: 1px solid #edf0f4;
}
.bannerImg img{width:100%;}
.bannerSelect{
  position: absolute;
  top: -45px;
  height: 250px;
  width: 100%;
  cursor: pointer;
}
.bannerTitle{
  background: #3073de;
  color: #fff;
  font-size: 1rem;
  font-weight: bolder;
  padding: 10px;
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
  border: 1px solid;
  border-bottom: none;
}
.mt-35{
  margin-top: 35%; 
}
.m-auto{margin:auto;}
.mt-10{
  margin-top: 10%; 
}
.searchButton .fa{
    padding-right: 10px;
}
.input-group-addon{
    background-color: #4285f4;
    border: 1px solid #4285f4;
}
.input-group-addon .fa{
    color: #fff;
}
.width12 {
    width: 12%;
}

.input-group-addon{
    position: relative;
}
.input-group-addon i{
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
}
.form-control:disabled, .form-control[readonly] {
    background-color: #fff;
    opacity: 1;
}

.tableHeadercontainer{
    width: 100%;
    background: #4285f4;
    padding: 10px;
    color: #fff;
    font-size: 16px;
    font-weight: 600;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
}
.tableDatacontainer{
    width: 100%;
    padding: 10px;
    color: #212529;
    font-size: 14px;
    border-bottom: 1px solid rgba(0,0,0,.125);
    border-left: 1px solid rgba(0,0,0,.125);
    border-right: 1px solid rgba(0,0,0,.125);
}
.tableDatacontainer:last-child{
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
}

.navBtn{
    text-align: right;
    margin: 0;
    padding: 0;
    position: relative;
    width: calc(100% - 60%);
    margin: 0 auto;
}

.navBtn li{
    display: inline-block;
    list-style: none;
}

.navBtn li i{
    width: 35px;
    height: 35px;
    background: #eee;
    padding: 10px;
    border-radius: 50%;
    margin-right: 1rem;
}

.navBtn li a span{
    display: none;
}

.alert-dismissible .close:focus, .alert-dismissible .close:hover {
    color: #f00;
    text-decoration: none;
    opacity: .75;
    text-shadow: 0 1px 0 #f00;
}

.alert-dismissible .close {
    position: relative;
    padding: 0 0.5rem;
}
.cont-card{
	float: left;
    text-align: center;
    vertical-align: middle;
    margin-top: 16%;
}
.img-card:first-child{
	float: left;
    border-right: 2px solid #f1ecec;
    padding-bottom:20px;
}
.img-card:last-child{
	float: left;
	padding-bottom:20px;
}

/*Toggle Slider Switch - starts*/
.toggle-switch {
  position: relative;
  display: inline-block;
  width: 60px;
  height: 13px;
}

.toggle-switch input { 
  opacity: 0;
  width: 0;
  height: 0;
}

.toggle-slider {
  position: absolute;
  cursor: pointer;
  top: -21px;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #fff;
  -webkit-transition: .4s;
  transition: .4s;
}

.toggle-slider:before {
  position: absolute;
  content: "";
  height: 26px;
  width: 26px;
  left: 4px;
  bottom: 4px;
  background-color: #4285f4;
  -webkit-transition: .4s;
  transition: .4s;
}

.toggle-checkbox:checked + .toggle-slider {
  background-color: #fff;
  box-shadow: 0 0 1px #4285f4;
}

.toggle-checkbox:focus + .toggle-slider {
  box-shadow: 0 0 1px #4285f4;
}

.toggle-checkbox:checked + .toggle-slider:before {
  -webkit-transform: translateX(26px);
  -ms-transform: translateX(26px);
  transform: translateX(26px);
}

/* Rounded sliders */
.toggle-slider.round {
  border-radius: 34px;
  box-shadow: 0 0 1px #4285f4;
}

.toggle-slider.round:before {
  border-radius: 50%;
  box-shadow: 0 0 1px #4285f4;
}

.toggle-selected {
	font-weight: 600;
	color: #4285f4
}
/*Toggle Slider Switch - ends*/

.inline-form-control{
	width: 60px !important;
	display: inline-block;
}
.deliverables label {
	display: inline;
}
.cursor-pointer {
	cursor: pointer;
	/* font-size: .9rem; */
}
.cursor-move {
	cursor: move;
}
.removeBtn.hide {
	display: none !important;
}
.hide {
	display: none;
}
.alacarteSvcRow  .col-lg-1{
	top: .7rem;
}
.disabled-text {
	color: #cecece !important;
}
.sortable-list-handle{
	font-size: 1.5rem;
}

.sessionTable {
	padding: 10px 0px;
}
.errorField {
	border: 1px solid red !important;
}
.errorText {
	color: red !important;
}
.eventImg {
	padding: 0px 5px;
	width: 40px;
	height: 40px;
}
.footer-logo {
	width: 100px;
}


/*Add By Mukesh -starts*/
.login-body{
	background:#eee;
    position: absolute;
    /* top: 15%; */
    top: 0%;
    /* left: 15%; */
    left: 0;
    right: 0;
    
	background: url("..//images/intro-bg.png");
	background-repeat: repeat-y;
	background-position: center;
	background-size: 100%;
}
.loginLogo{
	/* width: 12%; */
	  width: 25%;
}
.loginLogo img{
	margin-left: 10px;
	margin-top: 10px;
}
.popover { pointer-events: none !important; }
.bootstrap-datetimepicker-widget{position: absolute; top: 0px;}
.topdateinfo .yearonly,.topdateinfo .datetopcol,.bootstrap-datetimepicker-widget.dropdown-menu,.bootstrap-datetimepicker-widget .table-condensed > thead > tr > th{
   text-align: center;
}

.spanBtn{text-align:center;}
.spanBtn span{margin:0 5px; cursor:pointer;}
button.cancelBtn{	background: #8397b3;}
button.cancelBtn:before{	background: #5a6367;}
button.saveBtn{background: #FF9335;}
button.saveBtn:before{background: #ce6000;}
button.deleteBtn{	background: #ff0033;}
button.deleteBtn:before{	background: #ff0011;}
button.otherBtn{	background: #794044;}

.sidepanelHead{
  position:fixed;
  bottom: 0px;
  right: 0px;
   width: 0;
  z-index: 100;
   height: 450px; 
  overflow-x: hidden;
  transition: 0.5s;
}

.sidepanel  {
  position: relative; 
  background-color: #009cff;
  padding: 15px 0px;
}

.sidepanel a {
  padding: 8px 32px 8px 8px;
  text-decoration: none;
  font-size: 25px;
  color: #818181;
  display: block;
  transition: 0.3s;
}

.sidepanel a:hover {
  color: #f1f1f1;
}

.sidepanelHead.sideBar{
	width:500px;
}
.commentsHis{
	border: 1px solid #009cff;
    display: table;
    margin-bottom: 2%;
    border-radius: 5px;
}
.commentsHis .comments{
	width: 30%;
    display: inline-block;
    border-right: 1px solid #323332;
    padding: 0 10px;
}
.commentsHis .history{
	width: 70%;
    display: inline-block;
    padding: 0 10px;	
}

.composemail:focus{
	outline:none;
	border-color: none !important;
    box-shadow: none !important;
}

.composemail{
	width: 100%;
    border: none;
    border-bottom: 1px solid #555;
    margin-bottom: 10%;
    text-indent: 0;
}
.boxBtn{
	position: absolute;
    bottom: -10px;
    right: -15px;
    background: #a768f3;
    color: #fff;
    width: 35px;
    height: 35px;
    border-radius: 50%;
    padding: .7rem 0.8rem;
    cursor: pointer;
}


.button{
	background-image: -webkit-linear-gradient(top, #f4f1ee, #fff);
	background-image: linear-gradient(top, #f4f1ee, #fff);
	border-radius: 50%;
	box-shadow: 0px 8px 10px 0px rgba(0, 0, 0, .3), inset 0px 4px 1px 1px white, inset 0px -3px 1px 1px rgba(204,198,197,.5);
	height: 35px;
	margin: 0 10px 10px 0;
	position: relative;
	width: 35px;			
	-webkit-transition: all .1s linear;
	transition: all .1s linear;
	padding:8px;
}

.button:after{
	color:#e9e6e4;
	content: "";
	display: block;
	font-size: 30px;
	height: 30px;
	text-decoration: none;
	text-shadow: 0px -1px 1px #bdb5b4, 1px 1px 1px white;
	position: absolute;
	width: 30px;
}

.tick:after{
	content: "";
	left:23px;
	top:16px;
}

.button:hover{
	background-image: -webkit-linear-gradient(top, #fff, #f4f1ee);
	background-image: linear-gradient(top, #fff, #f4f1ee);
	color:#0088cc;
}

.tick:hover:after{
	color:#83d244;
	text-shadow:0px 0px 6px #83d244;
}

.button:active{
	background-image: -webkit-linear-gradient(top, #efedec, #f7f4f4);
	background-image: linear-gradient(top, #efedec, #f7f4f4);
	box-shadow: 0 3px 5px 0 rgba(0,0,0,.4), inset 0px -3px 1px 1px rgba(204,198,197,.5);
}

.button:active:after{
	color:#dbd2d2;
	text-shadow: 0px -1px 1px #bdb5b4, 0px 1px 1px white;
}

.navbar-nav.navTopBar{width: 100%;display: inline-block;text-align: center;}

table{
	font-size: .9rem;
	vertical-align: middle;
}
table.quotation.dataTable thead th:last-child,
table.quotation.dataTable tbody td:last-child{
	width: 180px;
	max-width: 140px;
	min-width: 140px;
}
/* The container */
.container {
  display: block;
  position: relative;
  padding-left: 35px;
  margin-bottom: 12px;
  font-size: 22px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

/* Hide the browser's default checkbox */
.container .service,.container .deliverableChk {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  height: 0;
  width: 0; 
}

/* Create a custom checkbox */
.checkmark {
  position: absolute;
  top: .7rem;
  right: auto;
  height: 25px;
  width: 25px;
  background-color: #eee;
}

/* On mouse-over, add a grey background color */
.container:hover input ~ .checkmark {
  background-color: #ccc;
}

.container input.addOn {
  opacity:0;
}

/* When the checkbox is checked, add a blue background */
.container input:checked ~ .checkmark {
  background-color: #2196F3;
}

/* Create the checkmark/indicator (hidden when not checked) */
.checkmark:after {
  content: "";
  position: absolute;
  display: none;
}

/* Show the checkmark when checked */
.container input:checked ~ .checkmark:after {
  display: block;
}

/* Style the checkmark/indicator */
.container .checkmark:after {
  left: 9px;
  top: 7px;
  width: 5px;
  height: 10px;
  border: solid white;
  border-width: 0 3px 3px 0;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}

.popCloseBtn{
	position: relative;
    top: 35px;
    left: 2px;
    z-index: 101;
    transition: 0.5s;
}
.popCloseBtn.closesideBar{
	right: 480px;
}

.popCloseBtn button{
	border-radius: 50%;
    background: #eaedf1;
    color: #009cff;
    width: 35px;
    height: 35px;
    transition: 0.3s;
}

.ql-snow .ql-editor{
	height:300px;
	
}

.has-float-label{display:block;position:relative}
.has-float-label label,
.has-float-label>span{
	position:absolute;cursor:text; font-size:90%; font-weight:500; opacity:1; -webkit-transition:all .2s;
	transition:all .2s; top:0.35em; left:.75rem; z-index: 1; line-height:1; padding:0 1px; color: #3073de;}
.has-float-label label::after,
.has-float-label>span::after{content:" "; display:block; position:absolute; background:#fff;
	height:2px; top:50%; left:-.2em; right:-.2em; z-index:-1;}
.has-float-label .form-control{opacity:1; -webkit-transition:all .2s; transition:all .2s; font-size:100%;  top:.7rem; z-index: auto;}
.input-group .form-control:not(:first-child):not(:last-child),
.input-group .form-control:not(:last-child){border-radius:4px; border-top-right-radius:4px; border-bottom-right-radius:4px; z-index: auto;}
.input-group .form-control{border-radius:4px;}
.input-group{display:block}
.input-group .form-control{width:100%}
.input-group .form-control:hover {
    z-index: 1;
}
.has-float-label:hover .form-control{z-index: auto;}
.has-float-label.input-group .form-control:active, .has-float-label.input-group .form-control:focus,
.has-float-label.input-group .form-control:hover {
    z-index: 0;
}
/* 
input[type="checkbox"]+label:hover{border-color: #32A7C8;}
input[type="checkbox"]+label {display: block; position: relative; width: 18px; height: 18px; margin: 0;
    border: 1px solid rgba(36,63,100,0.2); border-radius: 4px; box-shadow: none;}
input[type="checkbox"]+label { margin-right: 0;}  
input[type="checkbox"]+label, input[type="radio"]+label { display: inline-block; margin-left: 0.5rem; margin-right: 1rem; margin-bottom: 0;
    vertical-align: baseline;} 
input[type="checkbox"]{ position: absolute; opacity: 0; width: 0; height: 0; visibility: hidden; pointer-events: none;}
input[type="checkbox"]+label:after { position: absolute; opacity: 0; font-family: 'Font Awesome 5 Pro'; content: '\f00c'; top: 0;
    left: 0; width: 100%; height: 18px; font-size: 12px; line-height: 18px; color: #32A7C8; text-align: center; transform: scale(0);
    -moz-transform: scale(0); -webkit-transform: scale(0); transition: all 0.2s; -moz-transition: all 0.2s; -webkit-transition: all 0.2s;
    transform-origin: middle; -moz-transform-origin: middle; -webkit-transform-origin: middle;}
 */
.switch_box{
	display: inline-block;
	vertical-align: bottom;
	max-width: 20px;
	min-width: 60px;
	height: auto;
}

input[type="checkbox"].switch_1{
	font-size: 16px;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	width: 3.5rem;
	height: 1.5rem;
	background: #3073de;
	border-radius: 3rem;
	position: relative;
	cursor: pointer;
	outline: none;
	-webkit-transition: all .2s ease-in-out;
	transition: all .2s ease-in-out;
  }
  
 input[type="checkbox"].switch_1:checked{
	background: #3073de;
  }
  
  input[type="checkbox"].switch_1:after{
	position: absolute;
	content: "";
	width: 1.5em;
	height: 1.5em;
	border-radius: 50%;
	background: #fff;
	-webkit-box-shadow: 0 0 .25em rgba(0,0,0,.3);
	box-shadow: 0 0 .25em rgba(0,0,0,.3);
	-webkit-transform: scale(.7);
	transform: scale(.7);
	left: 0;
	-webkit-transition: all .2s ease-in-out;
	transition: all .2s ease-in-out;
  }
  
  input[type="checkbox"].switch_1:checked:after{
	left: calc(100% - 1.5em);
  }

.banner .bannerTitle::before{
	border-width: 0 43px 43px 0 !important;
    right: 15px !important;
}
.previousComment .commentHeader::before {
    content: "";
    position: absolute;
    top: 0px;
    right: 0px;
    border-width: 0 39px 39px 0;
    border-style: solid;
    border-color: #e6f5ff #e6f5ff #006bbd #006bbd;
    background: #006bbd;
    display: block;
    width: 0;
    -webkit-box-shadow: 0 1px 1px rgba(0,0,0,0.3), -1px 1px 1px rgba(0,0,0,0.2);
    -moz-box-shadow: 0 1px 1px rgba(0,0,0,0.3), -1px 1px 1px rgba(0,0,0,0.2);
    box-shadow: 0 1px 1px rgba(0,0,0,0.3), -1px 1px 1px rgba(0,0,0,0.2);
}	
.searchButton.top08{top:.9rem}  
.shadow .card-title{font-size:18px; font-weight:600;}
/*Add By Mukesh -Ends*/
/* code added by ManiKandan for alphaPix --- Ends*/
/*.imgBanSec{    
    overflow:hidden;
    position: relative;
    background: url('https://previews.123rf.com/images/siamimages/siamimages1702/siamimages170202731/72668468-plus-icon-vector-illustration.jpg') center center / contain no-repeat;
}
}
.custom-file-upload {
    border: 1px solid #ccc;
    display: inline-block;
    padding: 6px 12px;
    cursor: pointer;
    border-radius: 5px;
    margin-top: 5px;
    color: #ff6633;
}
.custom-file-upload i{
  color:#ff6633;
}
.file-Val{
  color:#9e9e9e;
}
.imageBannerVal{
  height: 115%; 
  width: 100%; 
  top: -30px;
  position: absolute;
}*/


/* added by manikandan */
.loginBackground{
	/* min-height: 657px; */
	max-width: 950px;
	/* background: url("..//images/loginBackground.jpg");
	bckground-repeat: repeat-y; */
	margin: auto;
	padding-top: 5rem;
	
}
.loginBg{
	background: #fff;
	box-shadow: 0px 0px 1px 1px #94919124;

	
}
.loginBanner{
	background: url("../images/loginBg.jpg");
	background-repeat: no-repeat;
	backgound-position: center;
	background-size: 100%;
	height: 450px
}
.loginHeaderDiv{
	margin-top: 30px;
}
.loginHeaderDiv h4{
	font-weight: 400;
	color: #212529ad;
	position: relative;
	display: inline-block;
	font-size: 24px;
}
/* .loginHeaderDiv h4:before{
	content: "Boost up your sales";
	position: absolute;
	left: 0px;
	top: 40px;
	font-size: 12px;
	font-weight: 600;
} */
.loginHeaderDiv .logoHeader{
	color: #000;
	font-weight: 600;
}
/* .loginContent .has-float-label label, .loginContent .has-float-label>span {
	font-size: 60%;
} */
/* .loginContent .form-control{
	font-size: 16px;
	background: #fff;
} */
.loginformDiv{
	width: 100%;
	padding-left: 5%;
	padding-right: 5%;
	padding-top: 11.5%;
}
.loginPage.loginformDiv{padding-top: 26.5%;}
.loginformDiv h5{
	font-size: 16px;
	display: block;
	text-align: center;
	margin-bottom: 25px;
}
.loginformDiv a{
	font-size: 16px;
	margin-bottom: 0px;
}
.companyProfileDiV{
	width: 120px;
    height: 120px;
    border-radius: 50%;
    box-shadow: 0px 0px 1px 1px #94919124;
    background: #fff;
    margin: 10px auto;
    overflow: hidden;
    position: relative;
    /* cursor: pointer; */
}
.companyProfileSelect{
	position: absolute;
    top: -30px;
    height: 230px;
    width: auto;
}
.companyImg{
	max-width: 200px;
    max-height: 200px;
    margin: 0 auto;
    position: relative;
	overflow: hidden;
	padding: 10px 0px;
}
.companyProfileDiV img{
	max-width: 100%;
	border-radius: 50%;
}
.profileEditIcon i.fa-edit{
	font-size: 20px;
	position: absolute;
	top: 15px;
	right: 10px;
}

.modal-open {
    overflow-y: auto !important;
    padding-right: 0px !important;
    margin: 0px !important;
}
.modal-open .navbar{
	padding-right: 14px !important;
}

.myProfileImage{
	position: absolute;
	top: -0.125rem;
	left:0;
}
#loginForm .msgError{
	margin-top: 30%;
    position: absolute;
    font-size: 1rem;
    width: 100%;
}
.staffDetailsDiv{
	position: relative;
}
.staffProfileDiV{
	width: 120px;
	height: 120px;
	border-radius: 50%;
	overflow: hidden;
	cursor: pointer;
}
.staffProfileDiV img{
	border-radius: 50%;
	max-width: 100%;
}
.staffCardPadding{
	padding: .5rem;
}
.staffDiv{
	position: relative;
}
.staffDiv .triangle-0 {
  position: absolute;
  right: 0;
  top: 0;
  width: 40px;
  height: 40px;
  border-bottom: solid 30px transparent;
  border-right: solid 30px #3073de;
  border-left: solid 30px transparent;
  border-top: solid 30px #3073de;
  border-top-right-radius: 10px;

}
.freelancerDiv .triangle-0 {
  position: absolute;
  right: 0;
  top: 0;
  width: 40px;
  height: 40px;
  border-bottom: solid 30px transparent;
  border-right: solid 30px #ff7b08;
  border-left: solid 30px transparent;
  border-top: solid 30px #ff7b08;
  border-top-right-radius: 10px;

}
.triangleText span{
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%);
}
.triangleText{
	position: relative;
	color: #fff;
	top: -7px;
    left: 12px;
    font-size: 1.35rem;
}
.StaffActionDiv .dropdown{
    margin-top: -25px;
}
/* .dropdown-menu .navbar-nav .nav-item{
	display: inline-block;
	width: auto;
    height: auto;
    background-color: transparent;
    cursor: pointer;
    color: #000;
    border: none;
} */
.dropdown-menu .navbar-nav .nav-item i{
	position: relative;
    padding: 0.4rem;
    font-size: 1rem;
}
.StaffActionDiv a{
	color: #212529;
	line-height: 0;
}
.dropdown  .dropdown-menu{
	display:none;	
} 
/* .StaffActionDiv:hover .dropdown-menu{
	display: block;
}  */

@media screen and (max-width: 660px){
	.loginBanner{
	height: 250px
}
.responsivewidth{
	width: 100%;
}
.login-body{
	top: 0;
}
.responsiveCon{
	padding-left: 0;
}
}

#taxType option{
	padding-right:10px;
}
.card-rows .card{cursor:pointer;}
.cardDate span{
	display:flex;
	vertical-align:center;
	justify-content: center;
}
.cardDate span:nth-child(1){font-weight: 600;font-size: 18px;}
.datatableNav .nav-link{padding: 0rem .3rem}
.StaffActionDiv .datatableNav .nav-item{padding: 0.3rem 0.1rem}
.teamDiVImg{
	width: 200px;
    height: 200px;
    border-radius: 50%;
    box-shadow: 0px 0px 1px 1px #94919124;
    background: #fff;
    margin: 0 auto;
    overflow: hidden;
    position: relative;
 }
 .teamDiVImg img{max-width:100%;border-radius:50%;}
 .recentTrans{font-style:italic;font-weigth:600}
 .nav-link {
    display: block;
    padding: .5rem 1rem;
}
select.form-control:not([size]):not([multiple]){height:auto;z-index: auto;}
.autogenerateModal table tr{cursor:pointer}
.hover_bkgr_fricc{
    cursor: pointer;
    display: none;
    height: 60%;
    position: absolute;
    text-align: center;
    bottom: 0;
    right: 90px;
    min-width: 40%;
    z-index: 10000;
}
.hover_bkgr_fricc > .dashboardPopup {
      background-color: #fff;
      box-shadow: 1px 2px 6px #555;
      display: inline-block;
      height: auto;
      width: 100%;
      min-height: 100px;
      vertical-align: middle;
      position: relative;
      border-radius: 8px;
      float: right;
}
.popupCloseButton {
      background-color: #fff;
      border: 3px solid #999;
      border-radius: 50px;
      cursor: pointer;
      display: inline-block;
      font-family: arial;
      font-weight: bold;
      position: absolute;
      top: 0px;
      right: 0px;
      font-size: 25px;
      line-height: 30px;
      width: 30px;
      height: 30px;
      text-align: center;
}
.popupCloseButton:after{
content: "";
width: 20px;
height: 20px;
background:#000;
border-right-radius:10px;
}
.popupCloseButton:hover {
      background-color: #ccc;
}
.dashboardPopup:before{
  content:"";
  position: absolute;
  top: 12px;
  right:-15px;
  width: 0; 
  height: 0; 
  border-top: 15px solid transparent;
  border-bottom: 15px solid transparent; 
  border-left: 15px solid #555; 
}

.multiselect-container>li>a>label{position:relative !important; 
	outline:none;
	margin: 0;
    height: 100%;
    cursor: pointer;
    font-weight: 400;
    width: 100%;}
.has-float-label label.checkbox::after{
	content: " ";
    display: block;
    position: absolute;
    background: none;
    height: auto;
    top: 0;
    left: 0;
    right: 0;
    z-index: 1;
}
.multiselect-container.dropdown-menu li a{outline:none;}
.multiselect-container.dropdown-menu>li>a:focus, 
.multiselect-container.dropdown-menu>li>a:hover{background:none;}
.multiselect-container.dropdown-menu>.active>a,
.multiselect-container.dropdown-menu>.active>a:focus, 
.multiselect-container.dropdown-menu>.active>a:hover{background:none;}
.multiselect-container>li:hover{background:#eee;}
.btn-group .multiselect{top:.7rem; background: #fff; box-shadow: none; border: 1px solid #4285f4; color: #555555;
 font-size: 100%; text-align:left}
.multiselect, .btn-group{width:100%}
.dropdown-menu.show{/* width:100%; */display: block;}
.dropdown-toggle::after { display: inline-block; width: 0;height: 0; vertical-align: .2rem; content: "";
    border-top: .4rem solid; border-right: 0.2rem solid transparent; border-bottom: 0;
    border-left: .2rem solid transparent; position: absolute; right: 8px; top: 15px;}
.multiselect-selected-text.selected{background:none;}
.has-float-label .bs-searchbox  .form-control {  top: 0;}
.col-lg-3>.dropdown.bootstrap-select {z-index:0}
.bootstrap-select .dropdown-menu>li>a:focus, .bootstrap-select .dropdown-menu>li>a:hover{background-image: linear-gradient(to bottom,#3073de 0,#3073de 100%);
background: #3073de;}
.bootstrap-select > .dropdown-toggle.bs-placeholder,
.bootstrap-select > .dropdown-toggle.bs-placeholder:hover{background:#fff; color: #555555; border:1px solid #3073de;}
.dropdown-toggle {border:1px solid #3073de;}

.table.eventSec tr th{cursor: context-menu}
.fontSize16{
	font-size: 14px;
	margin-top: 10px;
}
.mandatory{
	color: #ff0000;
}
.error
{
	border: 1px solid #ff0000;
}
.mandatoryHide{
	display: none;
}

.ql-toolbar.ql-snow, .ql-snow .ql-editor {
	padding: 6px 12px;
    font-size: 0.9rem;
    color: #555;
    background-color: #fff;
    background-image: none;
    border: 1px solid #3073de;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
    -webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
    outline: 0 !important;
    line-height: 2;
    box-shadow: none;
}

.ql-snow .ql-editor {
	height: 200px !important;
}

.settings-icon {
	text-align: center;
}

.settings-icon div {
	text-align: center;
	margin-top: 1.5rem;
	margin-bottom: 1.5rem;
	cursor: pointer;
}

.settings-icon .icon {
	font-size: 2rem;
	font-weight: 600;
}

.settings-icon .title {
	
}



/* WebView Css*/
.webViewEvent{
	max-height: 200px;
	padding: .5rem;
	overflow: hidden;
}

.webViewEvent img{
	/* height: 100%; */
	overflow: hidden;
}

.galleryMenu{
	margin:0;
	padding:0;
	display: inline-block;
}

.galleryMenu li{
	list-style: none;
    display: inline-block;
}

.galleryMenu li span{
	display: block;
	font-size: 20px;
}

.pgwSlider{
	position: relative;
}

.overlayImg{
	position: absolute;
    top: 3%;
    right: 3%;
    z-index: 10;
}

.overlayImg .fa{
	font-size: 30px;
	color: #ff0000;
} 

.ps-list .overlayImg .fa{
	font-size: 14px;
}

.title {
  color: grey;
}

.companyProfShow{
	position:absolute;
	top: 60px;
	right:140px;
	z-index: 10000;
}

.companyProfShow .card{
	padding:15px;
}

 .ps-current {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.zoom {
  position: relative;
  float: left;
  width: 33.333%;
  height: 100%;
  overflow: hidden;
}

.photo {
  position: absolute;
  top: 0;
  left: 0;
  width: auto;
  height: 100%;
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  transition: transform .5s ease-out;
}

.txt {
  position: absolute;
  z-index: 2;
  right: 0;
  bottom: 10%;
  left: 0;
  font-family: 'Roboto Slab', serif;
  font-size: 9px;
  line-height: 12px;
  text-align: center;
  cursor: default;
}

.x {
  font-size: 32px;
  line-height: 32px;
}

.videoLinks {
	font-size: 30px;
    color: #ff0000;
    border: 1px solid;
    width: 35px;
    height: 35px;
    border-radius: 50%;
    padding: 0;
    margin: 0;
    margin-left: 20px;
}

.videoLinks li{
	list-style: none;
}

.videoLinks li i{
	padding: 0;
    line-height: 0;
    font-size: 24px;
    transform: translate(-7px, -4px);
}
.pgwSlider .fa-heart,.pgwSlider .fa-heart-o{
	position: absolute;
    top: 5px;
    right: 0;
    color: #ff0000;
    text-align: center;
    cursor: pointer;
}
.pgwSlider .ps-current .fa-heart,.pgwSlider .ps-current .fa-heart-o{
	font-size:24px;
}

.searchButton i{
	transform:none;
}

i{
	transform:translate(0px, 0px);	
}
.flower{
	position: absolute;
    right: -95px;
    bottom: -39px;
}
.instruction{
    font-size: 16px;
    font-weight: 600;
    margin-bottom: 15px;
}
.imageCross{	    
    position: absolute;
    right: 0;
    top: 0;
    color: #ff0000;
    background: #f3eeee;
    width: 20px;
    height: 20px;
    border-radius: 50%;
    padding: 3px 5px;
    cursor:pointer;
}
.viewport{
	/* z-index: 10;
	height:466.5px !important;*/
	top:0px !important; 
}
.viewport >img{
	/* height: 466.5px !important; */
}
.viewport .marker img{
	width: 25px !important;
	height: 35px !important;
}
.marker-text{
	position: absolute;
    top: 5px;
    right: 10px;
    color: #fff;
    cursor: pointer;
}
.ui-corner-all, .ui-corner-bottom, .ui-corner-right, .ui-corner-br{
	z-index:10001;
}
#eyeIcon{
	position: absolute;
    right: 10px;
    top: 20px;
    z-index: 10;
    cursor: pointer;
}
.helpText{
	position: absolute;
    right: 0;
    top: 80px;
    width: 25px;
    height: 70px;
    writing-mode: vertical-rl;
    text-orientation: mixed;
    background: #ff0000;
    color: #fff;
    font-size: 20px;
    padding: 12px 0px;
    border-radius: 10px 0px 0px 10px;
    line-height: 1;
    text-align: center;
    cursor: pointer;
}
.nameOfCom{
	font-size: 25px;
	font-family: 'Playball', cursive;
	font-weight: 600;
	padding-left: 20px;
	color: #3073de;
	letter-spacing: 2px;
} 
.allow-dwn-chk {
	padding-left: 40px;
}
.envelope{
	line-height: 0.7;
    margin-left: -1px;
}
.ui-dialog-titlebar-close {
	display: none;
}
.singleLine {
	display: inline-flex;
	
}
.instructions {
	font-size: 0.8rem;
	line-height: 1.5;
}
.disabled {
	cursor: no-drop;
}
.video-container {
	height: 380px;
}