/***body {
  padding-top: 50px;
}
*/
.app-logo
{

}
.dealer-scan-app-logo {
    width: 220px;
    margin-bottom: -44px !important;
    margin-top: -44px !important;
}
/************** reset csss*************/
#editNewContact .dx-icon-search {
    color: #fff !important;
}
@font-face {
    font-family: SegoeUI;
    src: url(../fonts/SEGOEUI.TTF);
}

a { 
    color: #337ab7;
}
.nav-link { color: #337ab7 !important; }

.dx-datagrid a { 
    color: #337ab7 !important;
}
h4, .h4 {
    font-size: 18px;
}
h5, .h5{ font-size:15px;}

.btn{ font-size:14px;}

#userPassword, #confirmUserPassword {
   -webkit-text-security: disc;
}

/**#changePasswordForm input{ 
    -webkit-text-security: disc;
}***/

body {
  font-family: SegoeUI;
  background: #eee !important;	
  overflow:hidden;
  font-size:14px;
}

.btn.focus, .btn:focus{box-shadow: none !important;}


/******************loader cssss***********/
  /* Absolute Center Spinner */
.loading {
  position: fixed;
  z-index: 999;
  height: 2em;
  width: 2em;
  overflow: show;
  margin: auto;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
}

/* Transparent Overlay */
.loading:before {
  content: '';
  display: block;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0,0,0,0.3);
}

/* :not(:required) hides these rules from IE9 and below */
.loading:not(:required) {
  /* hide "loading..." text */
  font: 0/0 a;
  color: transparent;
  text-shadow: none;
  background-color: transparent;
  border: 0;
}

.loading:not(:required):after {
  content: '';
  display: block;
  font-size: 10px;
  width: 1em;
  height: 1em;
  margin-top: -0.5em;
  -webkit-animation: spinner 1500ms infinite linear;
  -moz-animation: spinner 1500ms infinite linear;
  -ms-animation: spinner 1500ms infinite linear;
  -o-animation: spinner 1500ms infinite linear;
  animation: spinner 1500ms infinite linear;
  border-radius: 0.5em;
  -webkit-box-shadow: rgba(0, 0, 0, 0.75) 1.5em 0 0 0, rgba(0, 0, 0, 0.75) 1.1em 1.1em 0 0, rgba(0, 0, 0, 0.75) 0 1.5em 0 0, rgba(0, 0, 0, 0.75) -1.1em 1.1em 0 0, rgba(0, 0, 0, 0.5) -1.5em 0 0 0, rgba(0, 0, 0, 0.5) -1.1em -1.1em 0 0, rgba(0, 0, 0, 0.75) 0 -1.5em 0 0, rgba(0, 0, 0, 0.75) 1.1em -1.1em 0 0;
  box-shadow: rgba(0, 0, 0, 0.75) 1.5em 0 0 0, rgba(0, 0, 0, 0.75) 1.1em 1.1em 0 0, rgba(0, 0, 0, 0.75) 0 1.5em 0 0, rgba(0, 0, 0, 0.75) -1.1em 1.1em 0 0, rgba(0, 0, 0, 0.75) -1.5em 0 0 0, rgba(0, 0, 0, 0.75) -1.1em -1.1em 0 0, rgba(0, 0, 0, 0.75) 0 -1.5em 0 0, rgba(0, 0, 0, 0.75) 1.1em -1.1em 0 0;
}

/* Animation */

@-webkit-keyframes spinner {
  0% {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@-moz-keyframes spinner {
  0% {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@-o-keyframes spinner {
  0% {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@keyframes spinner {
  0% {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}


/**********************************************/

/***************  site color  ********/
#hoe-header {
    background: #fff none repeat scroll 0 0;
}
.dx-selection.dx-row td{
     background-color:#117190 !important;
    color:#fff !important;
}
tr.dx-row:hover { background-color: #117190; }

tr.dx-row:hover td { background-color: #117190; }
#hoe-left-panel { background: #1798c1 none repeat scroll 0 0;}
#hoe-left-panel .panel-list > li > a { 
    background: #1798c1; 
    text-decoration:none; /* added by shatru after updates bootsrap with 5.0.2*/

}
.dx-pager .dx-pages .dx-selection, .dx-pager .dx-page-sizes .dx-selection {background-color: #117190 !important;}
.dx-selection.dx-row:hover>td{ background-color:#117190 !important;color:#fff !important;}
.btn-primary{ background-color:#117190 !important;}
.btn-primary:focus{ border-color:#117190 !important;}

.boxthree:hover{ background-color:#1798c1;color:#fff;}

 .logocolorbutton{ background-color:#0093D0 !important; color:#fff; }
 #duplicateCabinet, #duplicateCabinet1, #deleteCabinet, #usermailboxerror { color: red; }


.wrapper {	
  margin-top: 80px;
  margin-bottom: 80px;
}

.form-signin {
  max-width: 330px;
  padding: 15px 15px 20px;
  margin: 0 auto;
  border-radius:6px;
  background-color: #fff;
  border: 1px solid rgba(0,0,0,0.1); 
  box-shadow: 0 0 2px rgba(0, 0, 0, 0.3), 0 3px 5px rgba(0, 0, 0, 0.2); 
}
.form-signin-heading,.checkbox {
	  margin-bottom: 25px;
	}

	.checkbox {
	  font-weight: normal;
	}

 .formerror {
    color: red;
    font-size: 12px;
    
}
.form-signin input {
  margin: 4px 0;
}

.form-signin .btn-primary{
	background: rgba(0, 0, 0, 0) linear-gradient(#7dc5ee, #008cdd 85%, #30a2e4) repeat scroll 0 0;
	box-shadow: 0 1px 0 hsla(0, 0%, 100%, 0.25) inset;
	text-shadow: 0 1px 1px rgba(0, 0, 0, 0.53);
}
.checkbox span {
  float: left;
  margin-left: 6px;
  margin-top: 0px;
}
.checkbox > input {
  float: left; 
  position:unset !important; 
  margin-left:0px !important;
  margin-top:4px;
  margin-bottom:0px;
}
.checkbox{ 
 margin-top:0px; }
/*add this by shatru after updates bootsrap with 5.0.2*/
.forget{
    padding-left:0px !important;
}
.forget a { 
 font-weight:normal;
 text-decoration:none; /*add this by shatru after updates bootsrap with 5.0.2*/
}

.form-signin-heading span{
 border-bottom:1px solid #eee;
 padding-bottom:5px;
}
.nopaddingleft {
 padding-left:3px !important;
 padding-right:0px !important;
}
.zeropaddingleft{padding-left:0px !important;}
.nopaddingright {
 padding-right:3px !important;
}
.signup{
 max-width:330px;
 margin:auto;
 border-radius:5px;
 border:1px solid #ccc;
 padding:12px 0px;
 margin-top:10px;
 font-weight:bold;
 }
.margintopbottom{margin:5px 0px;}
.forgotdiv .checkbox{
	margin-top:0px !important;
}
.clear {
    clear: both;
    float: none !important;
    width: 100% !important;
}
.formerror{
	font-size:12px;
	border:none !important;
}
.form-signin .dx-validationsummary-item-content{
    border:none !important;
	color:red !important;
	}
.form-signin .btn-primary {
	font-size:14px !important;
	font-weight:bold;
    color:#fff;
}
.dx-texteditor {
   
    border: 1px solid #ccc !important;
    /*box-shadow: 0px 1px 5px #ccc inset;*/
}
div#mailboxlist {
    border: 1px solid #ccc;
}
/******************************* menu css ******************************/


/************** 3. Theme Header Style Start Here ********************/
.left-header {
  height: 50px;
    float: left;
    text-align: center;
    z-index: 999;
}

div#profile {
    height: 50px;
    cursor: pointer;
    margin-right: 10px;
}

.righticon {
   float: right;
   padding:0px 5px;
}

#helpIcon{ width:75px; margin-right:5px; }

.left-header a {
    color: #FFF;
}
.left-header a:hover,
.left-header a:focus {
    color: #FFF;
    text-decoration: none;
}
.left-header a i {
    color: #003c70;
    font-size: 22px;
    position: relative;
    top: 3px;
}
.hoe-right-header {
    background: #fff none repeat scroll 0 0;
    height: 50px;
    line-height: 50px;
    z-index: 101;
	margin-left: 230px;
	position: relative;
}
.hoe-right-header > ul {
    display: block;
    margin: 0;
    padding: 0;
}
.hoe-right-header li {
  display: inline;
  float: left;
}
.hoe-right-header > li  a {
    color: #7e7e7e;
    padding: 17px 15px;
}
.hoe-right-header li a:hover,
.hoe-right-header li a:focus {
    background: #efefef;
    text-decoration: none;
}
.hoe-right-header a i {
    color: #7e7e7e;
    font-size: 14px;
}
#hoe-header {
    margin: 0;
    padding: 0;
    width: 100%;
    height: 50px;
    z-index: 9999;
	position:fixed;
	box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.2);
    top:0px !important;
    overflow:hidden;
    clear:both;
    display:block;
}



.hoe-sidebar-toggle .ion-android-menu {
    background: transparent;
    border: 0px solid #efefef;
    content: "\f0c9";
    font-family: FontAwesome;
    font-size: 20px;
    line-height: 50px;
    padding: 0px 15px;
    position: absolute;
    color: #fff;
    z-index: 1000;
    margin-left: 0px;
}

.left-header > .hoe-sidebar-toggle > a {
    display: block;
}
#hoe-header .left-header[hoe-position-type="relative"] {
    position: relative;
}
#hoe-header .left-header[hoe-position-type="absolute"] {
    position: absolute;
}
#hoe-header .left-header[hoe-position-type="fixed"] {
    position: fixed;
}
#hoe-header .hoe-right-header[hoe-position-type="relative"] {
    position: relative;
}
#hoe-header .hoe-right-header[hoe-position-type="absolute"] {
    position: absolute;
}
#hoe-header .hoe-right-header[hoe-position-type="fixed"] {
	padding-right: 230px;
    position: fixed;
    width: 100%;
}
/*******************************Theme Header Style Close Here ***********************************/
/******************************* 4. main container Style start Here ***********************************/

#hoeapp-container {
    margin: 0;
    padding: 0;
    width: 100%;
    height: 100%;
}
/************************* 4.1 Theme Left Panel Style Start Here *********************************/
#hoe-left-panel {
    color: #7e7e7e;
    width: 230px;
    top: 50px;
	position:fixed !important;
	float:left;
	min-height:100%;
    z-index: 100;
    /*overflow: auto;
    overflow-x:hidden;*/
}

#hoe-left-panel .profile-box .media {
    position: relative;
}
#hoe-left-panel .profile-box .media a {
    margin-top: 2px;
}
#hoe-left-panel .profile-box .media a > img {
    border: 1px solid #efefef;
}
 

#hoe-left-panel ul {
    margin: 0;
    padding: 0;
}
#hoe-left-panel .nav-level {
    padding: 5px 15px;
    border-top: 1px solid #efefef;
    font-weight: bold;
}
#hoe-left-panel .panel-list > li.hoe-has-menu > ul.hoe-sub-menu {
  list-style: none;}

#hoe-left-panel .nav-level:first-child {
    border-top: 0px solid #efefef;
}
#hoe-left-panel .panel-list > li > a {
    color: #fff;
    display: block;
    font-size: 14px;
    font-weight: 500;
    padding: 15px 15px;
    position: relative;
}

#hoe-left-panel .panel-list > li:first-child > a {
    border-top: 0px solid #efefef;
}
#hoe-left-panel .panel-list > li > a:hover{
/**#hoe-left-panel .panel-list > li > a:focus {**/
    color: #fff;
    background: #42494e;
}
#hoe-left-panel .panel-list > li.active > a {
    background: #42494e;
    border-top: 1px solid #efefef;
    color: #fff;
}
#hoe-left-panel .panel-list > li > a > i {
    display: inline;
    font-size: 23px;
    float:left;
    width:35px;
    margin-top:-7px;
    padding-right: 15px;
}
#hoe-left-panel .panel-list > li > a span.menu-text {
    display: inline-block;
}
#hoe-left-panel .panel-list > li.hoe-has-menu > a:after {
    font-family: FontAwesome;
    content: "\f107";
    font-size: 15px;
    position: relative;
    float: right;
}
#hoe-left-panel .panel-list > li.hoe-has-menu.opened > a {
    /**background: #42494e;
    color: #fff;***/
}
#hoe-left-panel .panel-list > li.hoe-has-menu.opened > a:after {
    font-family: FontAwesome;
    content: "\f106" !important;
    font-size: 15px;
    float: right;
    position: relative;
}
#hoe-left-panel .panel-list > li.hoe-has-menu li.hoe-has-menu > a:after {
    font-family: FontAwesome;
    content: "\f103";
    font-size: 15px;
    position: relative;
    float: right;
}
#hoe-left-panel .panel-list > li.hoe-has-menu li.hoe-has-menu.opened > a:after {
    font-family: FontAwesome;
    content: "\f102";
    font-size: 15px;
    position: relative;
    float: right;
}
#hoe-left-panel .panel-list ul {
    background: #42494e;
    box-shadow: -1px 2px 3px 0px rgba(0, 0, 0, 0.2);
}
#hoe-left-panel .panel-list ul.hoe-sub-menu li > a {
    background: #42494e;
    color: #fff;
    display: block;
    font-size: 13px;
    font-weight: 500;
    padding: 7px 10px;
    position: relative;
    word-wrap:break-word;
}
#hoe-left-panel .panel-list > li.hoe-has-menu > ul.hoe-sub-menu {
    display: none;
}
#hoe-left-panel .panel-list li.hoe-has-menu > ul.hoe-sub-menu li > a:hover,
#hoe-left-panel .panel-list li.hoe-has-menu > ul.hoe-sub-menu li > a:focus {
    text-decoration: none;
    color: #000;
    background: #f1f1f1;
}
#hoe-left-panel .panel-list > li.hoe-has-menu > ul ul {
    display: none;
}
#hoe-left-panel .panel-list > li.hoe-has-menu.opened > ul {
    display: block;
}
#hoe-left-panel .panel-list > li.hoe-has-menu.opened > ul > li.hoe-has-menu.opened > ul {
    display: block;
}
#hoe-left-panel .panel-list > li.hoe-has-menu.opened > ul > li.hoe-has-menu.opened > ul > li.hoe-has-menu.opened > ul {
    display: block;
}

#hoe-left-panel .panel-list > li.hoe-has-menu.active > ul {
    display: block;
}
#hoe-left-panel .panel-list > li.hoe-has-menu.active > ul > li.hoe-has-menu.active > ul {
    display: block;
}
#hoe-left-panel .panel-list > li.hoe-has-menu.active > ul > li.hoe-has-menu.active > ul > li.hoe-has-menu.active > ul {
    display: block;
}
#hoe-left-panel .panel-list > li.hoe-has-menu > ul > li > a span.menu-text {
    /**padding-left: 15px;***/
    position: relative;
}
#hoe-left-panel .panel-list > li.hoe-has-menu > ul.hoe-sub-menu {

  list-style: outside none none;
}
#hoe-left-panel .panel-list > li.hoe-has-menu  li.hoe-has-menu > ul.hoe-sub-menu {

  list-style: outside none none;
}
#hoe-left-panel .panel-list > li.hoe-has-menu > ul.hoe-sub-menu {

  list-style: outside none none;

}
#hoe-left-panel .panel-list > li.hoe-has-menu > ul > li.hoe-has-menu > ul > li > a span.menu-text {
    padding-left: 25px;
    position: relative;
}
#hoe-left-panel .panel-list > li.hoe-has-menu > ul > li.hoe-has-menu > ul > li > ul > li > a span.menu-text {
    padding-left: 35px;
    position: relative;
}
#hoe-left-panel .panel-list > li.hoe-has-menu > ul > li.hoe-has-menu > ul > li > ul > li > ul > li > a span.menu-text {
    padding-left: 40px;
    position: relative;
}

#hoe-left-panel .panel-list li.active > a .selected {
    border-bottom: 7px solid transparent;
    border-right: 7px solid #7e7e7e;
    border-top: 7px solid transparent;
    display: inline-block;
    height: 0;
    position: absolute;
    right: 0;
    top: 13px;
    vertical-align: middle;
    width: 0;
}
#hoe-left-panel .panel-list li.hoe-has-menu.active > a .selected {
    display: none;
}
#hoe-left-panel .panel-list li a .label {
    border-radius: 0.25em;
    color: #7e7e7e;
    display: inline;
    font-size: 75%;
    font-weight: 700;
    line-height: 1;
    padding: 4px 3px;
    position: absolute;
    right: 10px;
    text-align: center;
    vertical-align: baseline;
    white-space: nowrap;
}
.sul {
    background-color: #ebebeb;
}


#hoe-left-panel[hoe-position-type="relative"] {
    position: relative;
}
#hoe-left-panel[hoe-position-type="absolute"] {
    position: absolute;
}
#hoe-left-panel[hoe-position-type="fixed"] {
    position: fixed;
	top:50px;
}
#hoe-left-panel[hoe-position-type="sticky"] {
    position: sticky;
}

/********************************** Theme Left Panel Style Close Here ******************************/
/*************************** 4.2 Theme Content Section Style Start Here ********************************/
#main-content {
    margin-left: 60px;
    margin-right:5px;
    margin-top: 50px;
    padding-top: 7px;
    overflow-x:hidden !important;
   
}
.dx-freespace-row
{
    height:0px!important;
}
#hoeapp-wrapper[hoe-device-type="tablet"] .left-header .hoe-sidebar-toggle a::after {
    display: none !important;
}

#hoe-header.hoe-minimized-lpanel > .hoe-right-header[hoe-position-type="fixed"] {
  margin-left: 50px;
  padding-right: 50px;
}

#hoe-header.hoe-minimized-lpanel > .left-header > a > span {
    display: none;
}
#hoe-header.hoe-minimized-lpanel > .hoe-right-header {
  margin-left: 50px;
  padding-right:0px;
}
.hoe-minimized-lpanel #hoe-left-panel {
    width: 50px;
}
.hoe-minimized-lpanel #hoe-left-panel .profile-box {
    border-bottom: 0px solid #efefef;
}
 .hoe-minimized-lpanel #hoe-left-panel .panel-list > li > a {
     padding:10px 12px;
    }
.hoe-minimized-lpanel #hoe-left-panel .media-body {
    display: none;
}
.hoe-minimized-lpanel #hoe-left-panel .profile-box {
    padding: 5px;
}
.hoe-minimized-lpanel #hoe-left-panel .nav-level {
    display: none;
}
.hoe-minimized-lpanel #hoe-left-panel .panel-list > li > a span.menu-text {
    display: none;
}
.hoe-minimized-lpanel #hoe-left-panel .panel-list > li.hoe-has-menu > a:after {
    display: none;
}
.hoe-minimized-lpanel #hoe-left-panel .panel-list > li > a > i {
    display: inline;
    font-size: 23px;
    padding-left: 3px;
    padding-right: 6px;
    float:none;
}
.hoe-minimized-lpanel #hoe-left-panel .panel-list > li:hover > a,
.hoe-minimized-lpanel #hoe-left-panel .panel-list > li:focus > a {
    display: block;
    position: relative;
    width: 230px;
    margin-bottom: -1px;
    border-radius: 0px 4px 4px 0px;
}
.hoe-minimized-lpanel #hoe-left-panel .panel-list > li:hover > a,
.hoe-minimized-lpanel #hoe-left-panel .panel-list > li:focus > a {
    border-radius: 0px 4px 4px 0px;
}
.hoe-minimized-lpanel #hoe-left-panel .panel-list > li.hoe-has-menu:hover > a,
.hoe-minimized-lpanel #hoe-left-panel .panel-list > li.hoe-has-menu:focus > a {
    border-radius: 0px 4px 0px 0px;
    background: #42494e;
}
.hoe-minimized-lpanel #hoe-left-panel .panel-list > li:hover > a span.menu-text,
.hoe-minimized-lpanel #hoe-left-panel .panel-list > li:focus > a span.menu-text {
    display: inline-block;
    position: absolute;
    left: 65px;
    margin-top:8px;
}
.hoe-minimized-lpanel #hoe-left-panel .panel-list ul.hoe-sub-menu li {
    list-style: none;
}

.hoe-minimized-lpanel #hoe-left-panel .panel-list > li.hoe-has-menu > ul.hoe-sub-menu {
    display: none !important;
    position: absolute;
    left: 50px;
    width: 181px;
}
.hoe-minimized-lpanel #hoe-left-panel .panel-list > li.hoe-has-menu:hover > ul.hoe-sub-menu,
.hoe-minimized-lpanel #hoe-left-panel .panel-list > li.hoe-has-menu:focus > ul.hoe-sub-menu {
    display: block !important;
    border-right: 1px solid #efefef;
	width: 181px;
	left: 50px;
}
.hoe-minimized-lpanel #hoe-left-panel .panel-list > li.hoe-has-menu > ul.hoe-sub-menu ul.hoe-sub-menu {
    display: none !important;
    position: absolute;
    width: 180px;
    left: 0;
}
.hoe-minimized-lpanel #hoe-left-panel .panel-list > li.hoe-has-menu:hover > ul.hoe-sub-menu ul.hoe-sub-menu,
.hoe-minimized-lpanel #hoe-left-panel .panel-list > li.hoe-has-menu:focus > ul.hoe-sub-menu ul.hoe-sub-menu {
    display: none !important;
    left: 0px;
}
.hoe-minimized-lpanel #hoe-left-panel .panel-list > li.hoe-has-menu > ul.hoe-sub-menu > li.hoe-has-menu:hover > ul.hoe-sub-menu,
.hoe-minimized-lpanel #hoe-left-panel .panel-list > li.hoe-has-menu > ul.hoe-sub-menu > li.hoe-has-menu:focus > ul.hoe-sub-menu {
    display: block !important;
    position: relative;
    left: 0px;
}
.hoe-minimized-lpanel #hoe-left-panel .panel-list > li.hoe-has-menu > ul.hoe-sub-menu > li.hoe-has-menu > ul.hoe-sub-menu > li.hoe-has-menu:hover > ul.hoe-sub-menu,
.hoe-minimized-lpanel #hoe-left-panel .panel-list > li.hoe-has-menu > ul.hoe-sub-menu > li.hoe-has-menu > ul.hoe-sub-menu > li.hoe-has-menu:focus > ul.hoe-sub-menu {
    display: block !important;
    position: relative;
    left: 0px;
}

.hoe-minimized-lpanel #hoe-left-panel .panel-list > li.hoe-has-menu li.hoe-has-menu > a:after {
    display: none;
}
.hoe-minimized-lpanel #hoe-left-panel .panel-list > li.hoe-has-menu li.hoe-has-menu > a:after {
    font-family: FontAwesome;
    content: "\f103";
    font-size: 15px;
    position: relative;
    float: right;
    display: block;
}
.hoe-minimized-lpanel #hoe-left-panel .panel-list > li.hoe-has-menu li.hoe-has-menu:hover > a:after,
.hoe-minimized-lpanel #hoe-left-panel .panel-list > li.hoe-has-menu li.hoe-has-menu:focus > a:after {
    font-family: FontAwesome;
    content: "\f102";
    font-size: 15px;
    position: relative;
    float: right;
    display: block;
}
.hoe-minimized-lpanel #hoe-left-panel .panel-list li.hoe-has-menu.active > li.active a .selected {
    display: block;
}
.hoe-minimized-lpanel #hoe-left-panel .panel-list > li.active:hover > a .selected,
.hoe-minimized-lpanel #hoe-left-panel .panel-list > li.active:focus > a .selected {
    display: none;
}
.hoe-minimized-lpanel #hoe-left-panel .panel-list > li.hoe-has-menu > ul.hoe-sub-menu > li.hoe-has-menu > ul.hoe-sub-menu li > a span.menu-text {
    padding-left: 15px;
    position: relative;
}
.hoe-minimized-lpanel #hoe-left-panel .panel-list > li.hoe-has-menu > ul.hoe-sub-menu > li.hoe-has-menu > ul.hoe-sub-menu > li > a span.menu-text:before {
    left: 4px;
}
.hoe-minimized-lpanel #hoe-left-panel .panel-list > li.hoe-has-menu > ul.hoe-sub-menu > li.hoe-has-menu > ul.hoe-sub-menu > li.hoe-has-menu > ul.hoe-sub-menu > li > a span.menu-text:before {
    left: 4px;
}
.hoe-minimized-lpanel #hoe-left-panel .panel-list li .label {
    display: none;
}
.hoe-minimized-lpanel #hoe-left-panel .panel-list li:hover a .label {
    display: block;
    position: absolute;
    right: 5px;
    top: 10px;
}
/**.hoe-minimized-lpanel #hoe-left-panel .panel-list > li.hoe-has-menu.opened > a {
    background: #42494e;
    color: #fff;
}**/
/**.hoe-minimized-lpanel #main-content {
    margin-left: 5px;
}***/

/****************** Minimized Left Panel Style Start Here *********************************/

/******************* 4.4 Theme Style for Phone start here***************************************/
 
#hoeapp-wrapper[hoe-device-type="phone"].hoe-hide-lpanel #hoe-left-panel {
    display: none;
}
#hoeapp-wrapper[hoe-device-type="phone"] #rightusermenu {
    margin-right: 0;
}
#hoeapp-wrapper[hoe-device-type="phone"] #hoe-header{
	height:100px; margin-left:0px;
}

#hoeapp-wrapper[hoe-device-type="phone"] .rightsubmenu{
	top:100px !important;
}
#hoeapp-wrapper[hoe-device-type="phone"] .left-header {
    width: 100%;
    background-color:#333;
}
#hoeapp-wrapper[hoe-device-type="phone"] .left-header h3{
    border-right:none;
}
#hoeapp-wrapper[hoe-device-type="phone"] #username{
    padding-left:5px;
    padding-right:0px;
    font-size:12px;
}
#hoeapp-wrapper[hoe-device-type="phone"] #searchtop {
    float:left; margin-right:0px; margin-left:5px;
}

#hoeapp-wrapper[hoe-device-type="phone"] .logolink {
    border-right:0px; 
}
#hoeapp-wrapper[hoe-device-type="phone"] .logolink{float:right; padding: 0 10px; }

#hoeapp-wrapper[hoe-device-type="phone"] #hoe-left-panel[hoe-position-type="fixed"] {
  top: 100px;
}
#hoeapp-wrapper[hoe-device-type="phone"] .hoe-right-header {
    width: 100%;
	padding-left: 0px !important;
	position: relative;
	z-index: 999;
	top: 50px;
}
#hoeapp-wrapper[hoe-device-type="phone"].hoe-hide-lpanel #hoe-left-panel {display:none;}
#hoeapp-wrapper[hoe-device-type="phone"].hoe-hide-lpanel .hoe-right-header {
  margin-left: 0px;
}
#hoeapp-wrapper[hoe-device-type="phone"] .hoe-right-header {
  margin-left: 0px;
}

#hoeapp-wrapper[hoe-device-type="phone"] #hoe-left-panel {
    display: block;
    z-index: 1024;
    position:relative !important;
    top:16px;

}
#hoeapp-wrapper[hoe-device-type="phone"] #main-content {
    margin-left: 0px;
}



#hoeapp-wrapper[hoe-device-type="phone"] .left-header > .hoe-sidebar-toggle > a {
    display: block;
}
#hoeapp-wrapper[hoe-device-type="phone"] #hoe-header > .hoe-right-header .hoe-sidebar-toggle a:after {
    display: none !important;
}
#hoeapp-wrapper[hoe-device-type="desktop"] .left-header .hoe-sidebar-toggle a:after {
    display: none !important;
}
#hoeapp-wrapper[hoe-device-type="tablet"] .left-header .hoe-sidebar-toggle a:after {
    display: none !important;
}
#hoeapp-wrapper[hoe-device-type="phone"] .left-header .hoe-sidebar-toggle a:after {
    background: transparent;
    border-radius: 4px;
    font-family: FontAwesome;
    font-size: 20px;
    left: 50px;
    line-height: 39px;
    padding: 1px 13px;
    position: absolute;
    top: 3px;
    z-index: 1000;
    display: block !important;
    color: #fff;
    border: 0px solid #003c70;
    font-size: 20px;
}
#hoeapp-wrapper[hoe-device-type="phone"] #hoeapp-container {
    margin-top:85px;
}
#hoeapp-wrapper[hoe-device-type="phone"].hoe-hide-lpanel  #hoeapp-container[hoe-lpanel-effect="shrink"] #main-content {
  margin-left: 0px;
}
#hoeapp-wrapper[hoe-device-type="phone"]  #hoeapp-container[hoe-lpanel-effect="shrink"] #main-content {
  margin-left: 0px;
}
#hoeapp-wrapper[hoe-device-type="phone"].hoe-hide-lpanel  #hoeapp-container[hoe-lpanel-effect="overlay"] #main-content {
   margin-left: 0px;
}
#hoeapp-wrapper[hoe-device-type="phone"]  #hoeapp-container[hoe-lpanel-effect="overlay"] #main-content {
   margin-left: 0px;
}
#hoeapp-wrapper[hoe-device-type="phone"].hoe-hide-lpanel  #hoeapp-container[hoe-lpanel-effect="push"] #main-content {
   margin-left: 0px;
   margin-right: 0px;
}
#hoeapp-wrapper[hoe-device-type="phone"]  #hoeapp-container[hoe-lpanel-effect="push"] #main-content {
   margin-left: 230px;
   margin-right:-230px;
}
#hoeapp-wrapper[hoe-device-type="phone"].hoe-hide-lpanel #hoe-header[hoe-lpanel-effect="shrink"] .hoe-right-header[hoe-position-type="relative"] {
    margin-left: 0px;
	padding-right: 0;
}
#hoeapp-wrapper[hoe-device-type="phone"].hoe-hide-lpanel #hoe-header[hoe-lpanel-effect="shrink"] .hoe-right-header[hoe-position-type="fixed"] {
    margin-left: 0px;
	padding-right: 0;
}
#hoeapp-wrapper[hoe-device-type="phone"] #hoe-header[hoe-lpanel-effect="shrink"] .hoe-right-header[hoe-position-type="relative"] {
    margin-left: 0px;
	padding-right: 0;
}
#hoeapp-wrapper[hoe-device-type="phone"] #hoe-header[hoe-lpanel-effect="shrink"] .hoe-right-header[hoe-position-type="fixed"] {
    margin-left: 0px;
	padding-right: 0;
}
#hoeapp-wrapper[hoe-device-type="phone"].hoe-hide-lpanel #hoe-header[hoe-lpanel-effect="overlay"] .hoe-right-header[hoe-position-type="relative"] {
    margin-left: 0px;
	padding-right: 0;
}
#hoeapp-wrapper[hoe-device-type="phone"].hoe-hide-lpanel #hoe-header[hoe-lpanel-effect="overlay"] .hoe-right-header[hoe-position-type="fixed"] {
    margin-left: 0px;
	padding-right: 0;
}
#hoeapp-wrapper[hoe-device-type="phone"]#hoe-header[hoe-lpanel-effect="overlay"] .hoe-right-header[hoe-position-type="relative"] {
    margin-left: 0px;
	padding-right: 0;
}
#hoeapp-wrapper[hoe-device-type="phone"] #hoe-header[hoe-lpanel-effect="overlay"] .hoe-right-header[hoe-position-type="fixed"] {
    margin-left: 0px;
	padding-right: 0;
}

#hoeapp-wrapper[hoe-device-type="phone"].hoe-hide-lpanel #hoe-header[hoe-lpanel-effect="push"] .hoe-right-header[hoe-position-type="relative"] {
    margin-left: 0px;
	padding-right: 0;
}
#hoeapp-wrapper[hoe-device-type="phone"].hoe-hide-lpanel #hoe-header[hoe-lpanel-effect="push"] .hoe-right-header[hoe-position-type="fixed"] {
    margin-left: 0px;
	padding-right: 0;
}
#hoeapp-wrapper[hoe-device-type="phone"] #hoe-header[hoe-lpanel-effect="push"] .hoe-right-header[hoe-position-type="relative"] {
    margin-left: 0px;
	padding-right: 0;
}
#hoeapp-wrapper[hoe-device-type="phone"] #hoe-header[hoe-lpanel-effect="push"] .hoe-right-header[hoe-position-type="fixed"] {
    margin-left: 0px;
	padding-right: 0;
}
/****************************** custom css **********************************/

#hoe-left-panel .hoe-sidebar-toggle {
    display: block;
    float: left;
    height: 50px;
    width: 100%;
    background-color: #42494e;
}
.left-header img {
    height: 40px;
    width: 135px;
    margin-top: 10px;
}
    .left-header img.layout-logo {
        height: 40px;
        width: 135px;
        margin-top: 10px;
    }
    .left-header img.dealer-scan-layout-logo {
        height: 112px;
        width: 118px;
        margin-top: -30px;
    }
.dx-scrollable{ min-height:40px !important; }
.panel-list li {
  clear: both;
  text-transform: capitalize;
  width:100%;
}

.login {
    color: #fff;
    margin-right: 10px;
    font-weight: bold;
    padding-top: 10px;
    display: block;
}
.login:hover{
    color:#fff;
}
#dragdropdocuemnt table td:nth-child(8) {
    min-width:150px;  
}
#dragdropdocuemnt table td:nth-child(7) {
    min-width: 150px;
}
#allfolderlist table td:nth-child(4){
    min-width:450px;
}
#cabinetList table td:nth-child(4) {
    min-width: 450px;
}
#inboxdragdropdocuemnt table td:nth-child(8) {
    min-width: 150px;
}
#inboxdragdropdocuemnt table td:nth-child(7) {
    min-width: 150px;
}
#tenRecentItem table td:nth-child(8) {
    min-width: 150px;
}
#tenRecentItem table td:nth-child(7) {
    min-width: 150px;
}
/*#searchdocumentslistgrid table td:nth-child(8) {
    min-width: 150px;
}
#searchdocumentslistgrid table td:nth-child(7) {
    min-width: 150px;
}*/
#searchfolderlistgrid table td:nth-child(4) {
    min-width: 450px;
}
#contactalllist table td:nth-child(7) {
    min-width: 180px;
}

#searchStringGrid table td:nth-child(8) {
    min-width: 150px;
}
#searchStringGrid table td:nth-child(7) {
    min-width: 150px;
}
#contactSearchStringdataGrid table td:nth-child(7) {
    min-width: 180px;
}
#contactSearchStringdataGrid table td:nth-child(6) {
    min-width: 180px;
}
#cabinetSearchStringdataGrid table td:nth-child(4) {
    min-width: 450px;
}
#folderSearchStringdataGrid table td:nth-child(8) {
    min-width: 150px;
}
#folderSearchStringdataGrid table td:nth-child(7) {
    min-width: 150px;
}
#documentSearchStringdataGrid
img #officescopelogo {
    max-width: 250px;
    margin: 0px 0px 5px !important;
}


/*** 11 nov *************/
.righticon > span {
	height:50px;
	border-left:1px solid #fff;
	display:block;
	text-align:center;
	cursor:pointer;
    padding-top:5px;
}
.righticon span i {
	 color:#337ab7;
	 font-size:27px;
	 text-align:center; 
}
.nopadding {
    padding-left:0px !important; /*Commented by shatru after updates bootsrap with 5.0.2*/
    padding-right: 0px !important;
}

.boxthree span {
    padding-left: 6px;
    vertical-align:middle;
    float:left;
}

.rightsubmenu{
	width:320px;
	background-color:#fff;
	position: absolute;
    z-index: 99;
    top: 50px;
    right:0px;
	
}

#username i.ion-chevron-down {
    font-size: 10px;
}
.panel-heading .accordion-toggle:after {
    font-family: FontAwesome;  
    content: "\f107";   
    float: right;      
    color: #333; 
	font-weight:normal;
	font-size:20px;
}

.panel-heading .accordion-toggle.collapsed:after {
    content: "\f106";    
}

.panel-heading{
	border-radius:0px !important;
}

.panel , .panel-group .panel{
	border-radius:0px;
	border-top:0px;
	border-left:0px;
	border-right:0px;
	border-color:#ddd;
	box-shadow:none;
}

.rightnav{
	padding:10px 10px;
	border:1px solid #ccc;
    overflow:hidden;
}

#settingdiv{
	display:none;
}
#helpdiv{
	display:none;
}
#profilediv{
	display:none;
}
.closebtn{
	padding-right:10px;
	cursor:pointer;
}
.marginauto{
	float:none; margin:auto;
}

.custombtnstyle{
    padding:11px 12px !important;
}
.minheight{width: 300px; float:left; }
.maxwidth{width: 610px; }

.whitebox{
    background-color: #fff;
    border: 1px solid #fff;
    box-shadow: 2px 2px 0 #e6e6e6;
    margin-right: 8px;
    margin-bottom: 10px;
    height: 233px;
}
.whitebox:hover{
  box-shadow: 2px 2px 0 #b3d6f2;
    border-color: #b3d6f2;
}
.boxthree{
    border-bottom:1px solid #ccc;
    width:100%;
    padding:10px 15px;
    font-size:18px;
    cursor:pointer;
    overflow:hidden;

    }

 .boxthree i {
        font-size: 22px;
        vertical-align:middle;
        float:left;
        margin-top:-3px;
    }


    
.boxthree i:last-child {
    
    font-size: 15px;
    margin-left: 10px;
    margin-top:4px;
}

.form-signin .dx-fieldset{
    margin:10px 0px !important;
}
#accordion .dx-item{
    clear:both;
    overflow: hidden;
    min-height:50px;
}

.panel-group{
    clear:both;
}
.panel-body{
    padding:5px;
}
.bodyheading{
    font-weight:bold;
    margin-top:10px;
}

.dx-accordion{
    clear:both;
}

#settingdiv .dx-item{
    min-height:50px;
}

#settingdiv .dx-accordion-item-opened {
    border-color: #ddd;
    border-left: 0px;
    border-right: 0px;
}
.searchbtn{
    width:35px;
    margin-left:-4px;
    float:left;
    border-radius: 0px 4px 4px 0px !important;
    padding: 6.5px 12px !important;
}

#userpic {
    float: left;
    width: 100%;
}

#userpic img {
    width: 50px;
    float: left;
    border-radius: 25px;
}

#userpic #file-uploader {
    float: left;
    width: 100px;
    height: 50px;
    margin-top:-20px;
    margin-left:10px;
}
#userpic .dx-fileuploader-wrapper{
    padding:0px !important;
}
    #userpic .dx-button-has-text .dx-button-content {
        padding: 5px 20px !important;
    }
#useremailid {
 
}

#useremailid a{
    word-wrap:break-word;
}
#top-iconmenu{
    float: left;
    font-size: 25px;
   padding:0px 12.5px;
   background:#000;
}

#top-iconmenu i{
    color:#fff;
    cursor:pointer;
}
 .box1{
    width: 89px;
    height: 80px;
    float: left;
    margin:3px;
    color:#fff;
    padding-top:25px;
    text-align:center;
    border: 1px solid #0b0a0e;
    background: #0073A4;
}
 .dx-popup-content{
     padding:11px !important;
 }
.margintop30{
    margin-top:35px;
}

.boxcontent{
    
}
.boxcontent .usertask{
    padding:10px 15px 10px 15px;
    font-size:16px;
    cursor:pointer;
    
}
.boxcontent .usertask:hover{
    background-color:#38B0DE;
    color:#fff;
}
.boxcontent .usertask i{
     padding-right:26px;
}

#username{
    color:#337ab7;
    margin-top:15px;
    /**float: left;**/ 
    padding-right: 9px;
}
#search{
    margin-bottom:10px;
    border-radius:0px !important;
    width:610px;
}
#search input{
    border-radius:0px !important;
    background:transparent;
}
#topmenulist{
    display:none;
}

.left-header h3{
    margin-top:10px !important;
    font-family: cursive;
    font-weight: bold;
    text-shadow: -1px 1px 5px #000;
}

.logolink{
    padding:0px 10px;
    float:left;
    border-right:1px solid #337ab7;
    height:100%;
}
a:hover{
    text-decoration:none;
}

.whiteback{
    background-color:#fff;
}

.dx-toolbar .dx-toolbar-after {
    padding-left: 15px;
    padding-top: 5px;
    padding-right: 4px;
}

#popup{
    display:none;
}
#delepopup{ display:none;}
#searchtop{
    margin-top:8px;
    float:right;
    margin-right:10px;
    width:215px;
}
#searchheader {
  width: 100%;
}

.form-signin .dx-button-success{
        border-color: #4c81ae !important;
}

.dx-popup-title.dx-toolbar{
    background: #0093D0;
    color: #fff;
}

.modal-body{ 
    overflow:hidden; 
    overflow-y:auto;
}

button.close {
    color: #fff;
    float: right;
    font-size: 1.5rem;
    font-weight: 700;
    line-height: 1;
    text-shadow: 0 1px 0 #fff;
    opacity: 1;
    background-color:transparent;
    border:0;
}
button.close:hover{
    color:#000;
}
.modal.modal-fullscreen .modal-dialog {
    width: inherit;
    height: inherit;
    margin: 0;
    padding: 0;
    max-width: none;
}
.modal.modal-fullscreen .modal-content {
    height: auto;
    height: inherit;
    border-radius: 0;
    border: none;
}

#mfaSettingsReminderModalPopup .modal-body {
    width: 35%;
    min-width: 200px;
    margin: auto;
    margin-top: 10%!important;
    min-height:300px;
}
#mfaSettingsReminderModalPopup{
    min-height: 400px;
    background-color:white;
    padding:17px;
}
#mfaSettingsReminderModalPopup.dealer-scan-reminder-modal .modal-body {
    min-height: 400px;
}
@media screen and (max-height: 500px) {
    #mfaSettingsReminderModalPopup .modal-body {
        margin-top: 4% !important;
    }
}
#mfaSettingsReminderModalPopup {
    z-index: 10000;
}
.form-signin .dx-button-success{ border-color: #4c81ae !important;}
.dx-popup-title.dx-toolbar{ padding:11px 20px;}

.dx-popup-title.dx-toolbar{
    background: #5F6971;
   
}

.option li {
   border-bottom: 1px solid #ccc;
    line-height: 35px;
    list-style: outside none none;
    padding-left: 30px;
}
.dx-overlay-modal .dx-button-content .dx-icon-close:hover {
    color: #5f6971 !important;
}
.option{
    padding-left:0px !important;
    text-transform: capitalize;
}

.dx-selection a {
    color: #fff;
}

.hoe-sidebar-toggle a {
    font-size: 26px;
    display: block;
    color: #fff;
    margin-top:5px;
}

.breadcrumb {
    background-color: transparent;
    /*margin-bottom:0px;*/ /*Commeted by shatru after update the packages*/
    padding-top: 8px;
    margin-left: 0px; /*Added by shatru after update the packages*/
}

.left-header .hoe-sidebar-toggle {
    float: left;
    width: 50px;
    height: 50px;
    background-color: #42494E;
}
.img-container {
    /**width: 23px;**/
}

.img-container .ion-ios-box-outline:before{
        font-size: 30px;
}

.breadcrumb a {
    cursor: pointer;
    font-size:15px;
    text-transform:capitalize;
}
.dx-datagrid-content .dx-datagrid-table .dx-row>td {
    vertical-align: middle !important;
}
td.Searchfav a {
    font-size: 22px;
    padding: 0px 10px;
    cursor:pointer;
}
div.dx-toolbar-menu-custom {
    width: 90px;
}

.dx-toolbar-menu-custom .dx-button-content {
    width: 36px;
}

.dx-dropdownmenu-popup-wrapper .dx-dropdownmenu-list .dx-list-item {
    display: contents!important;
}

.dx-dropdownmenu-popup-wrapper .dx-dropdownmenu-list .dx-list-item-content {
    display: contents!important;
}
.dx-toolbar-menu-section .dx-toolbar-item-auto-hide {
    padding: 0px!important;
}
.dx-toolbar-menu-section .dx-toolbar-hidden-button .dx-button {
    padding: 0px !important;
}

/*.dx-overlay-content.dx-popup-normal.dx-resizable {
    width: 60px !important;
}*/
.dx-toolbar-menu-section {
    border: 0px !important;
}

.dx-item.dx-toolbar-item.dx-toolbar-button.dx-toolbar-item-auto-hide.dx-toolbar-text-auto-hide {
    
}


.ng-scope.dx-datagrid-toolbar-button.dx-datagrid-column-chooser-button.dx-button.dx-button-normal.dx-button-mode-contained.dx-widget.dx-button-has-icon.dx-button-has-text {
    
}
.dx-datagrid-column-chooser .dx-button-content{
    overflow:visible;
}
.dx-datagrid-column-chooser .dx-toolbar-center, .dx-toolbar-before, .dx-toolbar-after {
    top: -7px;
}
.dx-datagrid-column-chooser .dx-toolbar-before {
    left: -15px;
}
.dx-datagrid-column-chooser .dx-overlay-content .dx-popup-content .dx-column-chooser-item {
    margin: 0px 16px 9px 8px !important;
    padding:5px !important;
}


.dx-datagrid-column-chooser .dx-button-has-icon .dx-button-content {
    padding: 3px;
    position: relative;
    left: 6px;
    bottom: 5px;
}
.dx-datagrid-column-chooser .dx-overlay-content .dx-popup-title {
    
    position: relative;
    top: -6px;
}
/*.dx-datagrid-column-chooser .dx-overlay-content.dx-popup-normal.dx-popup-draggable.dx-resizable {
    transform: translate(1012px, 93px);
}*/


    .dx-datagrid-column-chooser .dx-popup-title.dx-toolbar {
    color: #000000;
}
.dx-dropdownmenu-popup-wrapper .dx-dropdownmenu-list {
    width: auto!important;
}

.breadcrumb h4 {font-size: 16px !important;  }

.folder .ion-ios-folder-outline:before{
    font-size:19px;
}
.document .file fal fa-file:before{
    font-size:19px;
}
.document .ion-ios-paper-outline:before {
    font-size: 19px;
}
#searchforcontact #contactsearchbutton, .contact-search-button {
    margin-top: 0px !important;
    height: 36px;
}
    .option span i{
    margin-right:5px;
    font-size: 19px;
    float:left;
    width:20px;
}

.document img{ width:16px; height:16px;
               display:block; margin:auto
}
.dx-datagrid-headers .dx-header-row.dx-column-lines>td>.dx-datagrid-text-content {font-size: 15px;color: #000;}
 #document{ clear:both; overflow:hidden; -webkit-overflow-scrolling: touch; }
 #documentviewer{ display:none; margin-bottom:10px; border: 1px solid #999; 
                  background-color:#fff;
 }
 #documetviewericons a {color: #fff; padding:5px; cursor:pointer;}
.documentiframe{background-color:#fff;}
 #documetviewericons {background-color: #5f6971;  margin-bottom:0px;}
 #documetviewericons a {color: #fff;}
 #movetonewwindow a{color:#fff !important;}


 #documetviewericons > li { float: left; list-style: outside none none; padding: 0 0 0 10px; }
 #documetviewericons > li:last-child{ margin-right:10px; margin-left:0px;}
 #documentviewerframe{ width:100%;  overflow:hidden; border:none;}
 #frame {clear: both;overflow: hidden; padding: 0 !important;}
 #movetonewwindow {cursor:pointer; padding:5px 10px;}
.hoe-sub-menu{display:none;}
 #documentviewerpopup{ display:none; }

 .dx-popup-wrapper>.dx-overlay-content{
    border: none !important;
    padding: 5px;
    box-shadow: 0px 0px 4px #000 !important;
    border-radius: 2px !important;
 }

 #documentviewerpopup .dx-popup-title.dx-toolbar{ background:#42494E !important;}
 .lastbox {
    width: 918px;
    overflow: hidden;
}
 .dx-widget{ max-width:100% !important;}

 /****** resize div**********/

  #document {
    width: 100%;
    top: -6px;
    background-color: #fff;
    
}
  #inboxlistlist {
    overflow: hidden;
    width: 100%;
    background-color: #fff;
}
 .resizable  {
  width: 100%;
  background: #EEEEEE;
  height: 170px;
  position: fixed !important;
  top: auto !important;
  bottom: 5px !important;
  left: 0;
  right: 0;
 }

 .splitter{
    background-color: #42494E;
    cursor: n-resize;
    height: 2px;
    width: 100%;
 }
 .resizable #document{
     width:92%;
     margin:auto;
     margin-left:80px;
     
 }

#documentpage .fixed-bottom .customheight1 {
   height: 100% !important;
   top:0px;
}
#custommin{
    min-height:100% !important;

}
#documentname1{ font-size:16px;
 color: #337ab7;
}

.dx-popup-title .dx-closebutton .dx-icon{
    position:relative;
    z-index:999;
}
.dx-datagrid-rowsview:not(.dx-empty) {
    height: 100% !important;
}

 #gridClearSelection{
     height:2px;
 }
.dx-button .dx-button-content {
    padding: 8px;
   /**color: #666;***/
}
 .dx-button .dx-icon{}
 .dx-pager .dx-pages .dx-page{ padding:5px 9px !important;}
 .dx-selection, .dx-pager .dx-page-sizes .dx-selection {
   color: #fff !important;
}

button#searchcontact {
    margin-left: 0px;
}
.form-group .btn {
    float: right;
    margin-left: 5px;
}
.searchbuttoninline {
    background-color: #117190;
}
.searchbuttoninline .dx-icon-search{
    color:#fff!important;
}
.btnClose:hover {
    background-color: #117190;
    color: #fff !important;
}

.btnClose {
    background-color: #fff;
    color: #117190 !important;
    border-color: #dfdddc !important;
    /*border-radius: .25rem !important;*/
}
.buttonpop .save {
    float: right;
    margin-left: 3px !important;
}

.buttonpop {
    width: 100%;
    margin-top: 10px;
    margin-bottom: 10px;
    overflow: hidden
}
 #newandeditContact .buttonpop{ margin-bottom:25px;}
  .buttonpop input{
      float:right; margin:5px; margin-top:0px !important;
  }
  
  .buttonpop input:first-child{
      margin-left:0px !important;
      margin-right:0px;
  }
  .sendoption input {
    float: initial;
    }
  .dx-item.dx-list-item {
    padding-left: 5px;
    border-bottom:1px solid #ccc;
}
  #AddNewContact #contactCategorylist{
      height:33px;
  }
 #AddNewContact .labelleft label {
    float: none;
    clear: both;
}
#AddNewContact .labelleft label i, .fullwidthdesc i , #addcategoryError{
    color:red !important;
}


/****************popup css ****************/
       #myModal2 .modal-dialog , #AddNewContact .modal-dialog , #editNewContact .modal-dialog, #editContactfilled .modal-dialog
         { width:50%; max-width:100%; }

        .modal.left .modal-dialog,
        .modal.right .modal-dialog {
            position: fixed;
            margin: auto;
            width: 300px ;
            height: 100%;
            -webkit-transform: translate3d(0%, 0, 0);
            -ms-transform: translate3d(0%, 0, 0);
            -o-transform: translate3d(0%, 0, 0);
            transform: translate3d(0%, 0, 0);
            overflow:hidden !important;
        }
        #singlepopup .modal-dialog,  #singlepopupfolder .modal-dialog, #singlepopupdocuments .modal-dialog, #singlepopupsearchResult .modal-dialog { 
            width: 280px !important; }
       #multiplepopup .modal-dialog,  #multiplepopupforCabinet .modal-dialog { width: 280px !important; }

       .fiftywidth .modal-dialog{ width:50% !important; max-width:100%;}
       .fullwidthmodal .modal-dialog{ width:96% !important}
        #myModal2 , #singlepopup , #singlepopupcontact,  #singlepopupdocuments, #singlepopupsearchResult, #multiplepopup,  .topfifty {
            top: 50px !important; 
           /** margin-left:50%;**/
        }
        #singlepopup, #singlepopupdocuments, #singlepopupsearchResult , #singlepopupCabinet{ 
            /***margin-left:50% !important;**/
        }
        .modal-backdrop {
            top: 51px !important;
            background-color: #ccc;
        }
        .dx-overlay-shader {
            top: 51px !important;
            background-color: rgba(204,204,204,0.5) !important;
        }
        .modal.left .modal-content,
        .modal.right .modal-content {
            height: 100%;
            overflow-y: auto;
        }
        .modal.left .modal-body,
        .modal.right .modal-body {
            padding: 10px 15px 10px;
            margin-bottom:25px;
        }

        /*Right*/
        .modal.right.fade .modal-dialog {
            right: -320px;
          -webkit-transition: opacity 0.3s linear, right 0.3s ease-out;
            -moz-transition: opacity 0.3s linear, right 0.3s ease-out;
            -o-transition: opacity 0.3s linear, right 0.3s ease-out;
            transition: opacity 0.3s linear, right 0.3s ease-out;
        }

        .modal.right.fade.show .modal-dialog {
            right: 2px;
            top:51px;
        }
        #multiplepopup{margin-left:50%;}
        /* ----- MODAL STYLE ----- */
        .modal-content {
            border-radius: 0;
            border: none;
        }
        .modal-header {
            background-color: #5f6971;
            border-radius: 0px;
            padding: 14px;
            display:block;
            box-sizing: border-box;
            height: 75px;
        }
        /* ----- v CAN BE DELETED v ----- */
        body {background-color: #78909C;}
        .close {opacity: 1 !important;}
        .close span {color: #fff;margin-top: 10px;float: right;}
        .modal-title {color: #fff; margin-left: 10px;float: left; margin-top: 12px;}
        .demo {padding-top: 60px; padding-bottom: 110px;}
        .btn-demo {margin: 15px;padding: 10px 15px; border-radius: 0;font-size: 16px;background-color: #FFFFFF;}
        .btn-demo:focus {outline: 0;}
        .demo-footer { position: fixed;bottom: 0; width: 100%; padding: 15px;background-color: #212121;
            text-align: center;
        }

        .demo-footer > a {
                text-decoration: none;
                font-weight: bold;
                font-size: 16px;
                color: #fff;
          }
        .cabinetimg {
            float: left;
            padding: 10px;
            background-color: #fff;
            border-radius: 50px;
            border: 1px solid #858585;
        }

 .buttonpop { width:100%; margin-top:10px;}
  
  .buttonpop input:first-child{
      margin-left:0px !important;
  }
 .sendoption b {float: left;margin-right: 10px;}
 .sendoption > form {float: left;}
 .sendoption {
  border: 1px solid #ccc;
  float: right;
  padding: 5px 8px;
}
  /**#sendusermail input:first-child{ margin-left:-20px !important;}
  #sendusermail input { margin:4px 0px 0px !important;}***/

  .dx-overlay-wrapper{
      top: 51px !important;
    transform: none !important;
  }
  .dx-popup-title .dx-closebutton .dx-icon{ color:#fff !important}
  .dx-popup-draggable .dx-closebutton .dx-icon{ color:#333 !important}
 /******************************************/

  
/* stop the glowing blue shadow 
.add-on .form-control:focus {
 box-shadow:none;
 -webkit-box-shadow:none; 
}*/
 #folderContactlist{ border:1px solid #ccc;
               min-height:100px;
        }
 #errordiv{
     color:red;
 }
.permissiondiv .radio{ margin-top:0px !important; margin-bottom:0px !important;}
#Contactlist .dx-toolbar-after{ width:100% !important; margin-left:0px !important;}
#Contactlist .dx-datagrid-search-panel{width:100% !important; margin-left:0px !important;}
#userpermission , #grouppermission{
    border:1px solid #ccc !important;
   
}
#userpermission{
     min-height:75px;
}
.folderimg i {
    display: block;
    text-align: center;
    font-size: 20px;
}
.folderimg {
    width: 50px;
    height: 50px;
}
.dx-radiobutton-icon {
  height: 20px !important;
  width: 20px !important;
}
/**.modal-body{max-height:80% !important;}**/
.buttonpop .closebtn{ height:auto !important; padding:6px 12px !important; margin-top:0px !important;}
.nomargin{
    margin:0px !important;
    height:auto !important;
}


tr.dx-row:hover td {color: #fff !important;}
    /*tr.dx-row .fa-cabinet-filing {
    color: #17a2b8;
}
tr.dx-row:hover .fa-cabinet-filing {
    color: white!important
}
tr.dx-row .fa-folder {
    color: #17a2b8;
}
tr.dx-row .fa-file-alt {
    color: #17a2b8;
}
tr.dx-row:hover .fa-file-alt{
    color:white!important;
}
tr.dx-row:hover .fa-folder {
    color:white!important
}
tr.dx-row:hover .fa-file-image {   
color: white !important;
}

*/
tr.dx-row:hover td a {
    color: #fff !important;
}
tr.dx-row:hover td div {color: #fff !important;}

a.pointer{ cursor:pointer; padding:10px; }

li a .ion-ios-filing-outline:before{
    font-size:18px !important;
}
/**.tooltip{ z-index:-1; } */

#frameindex {
    clear:both;
}



#showdragover {
  
  display: none;
  height: 100%;
  margin-top: 40px;
  position: absolute;
  text-align: center;
  top: 0;

  width: 99%;
  z-index: 1;
}
#showdragover h2 {
   text-transform: capitalize;
}


#loader > img {
  margin: auto;
  text-align: center;
  width: 20%;
  margin-bottom:20px;
}

.fadebackground {
     opacity:0.13;
     background-color:lightslategray;
}
#uploadedfile{ display:none;}
#safarinotice{
     display:none;
 }

 #indexnotification .alert, div#errorMessage.alert{ 
     margin-bottom:0px !important; margin-top:0px !important;
     padding:10px 15px !important;
 }

 .documentlink > a {
  cursor: pointer;
  display:block;
}

 /***************work flow consol***************/
 #rightworkflowdiv{
     display:none;
 }
 .sixty65per{
     width:64%;
     float:left;
 }
 .sixty35per{
     width:35%;
     float:right;
     min-height:100%;
     border:1px solid #ccc;
     box-sizing: border-box;
 }
 #rightworkflowdiv{
     background-color:#fff;
     overflow:auto;
     margin-top:0px;
     border:1px solid #ccc;
     padding-bottom:5px;
 }
 .fullwidthclient {
     margin-top:10px !important;
 }

 .fullselectbox {
    box-sizing: border-box;
    margin: 5px;
    padding: 5px;
    width: 97%;
}
 #filecabinet{
     border-top:1px solid #ccc;
     padding-top:5px;
 }

 #currentclient li {list-style: outside none none;}
 #currentclient {
  padding: 0px 10px 10px;
  overflow:hidden;
  position:relative;
}
 #filecabinetlist{
     display:none;
 }
 .margin10{
     margin:10px 10px !important;
 }
 .marginleftright {
     margin:0px 5px 5px 5px;
 }
 #fullselectbox {
  clear: both;
  display: inline-block;
  width:68%;
  margin-right:0px;
  margin-top: 10px !important;
  overflow: hidden;
  height:33px;
}
 #searchforcontact .dx-datagrid-search-text {
    background-color: transparent !important;
    color: inherit !important;
}
 .customsearch {
  border-radius: 4px 0 0 4px !important;
  border-right: 0 none !important;
  margin-right: -2px;
  width: 94% !important;
  float:left
}
.workflowconsole .customsearch {
     width: 89%!important;
     margin-left:5px !important;
}
 .dx-datagrid-search-panel{ margin-left:0px !important;}
#searchbutton, #contactsearchbutton, .contact-search-button {
    border-radius: 0px 4px 4px 0px !important;
    float: left;
    border-color: #ccc !important;
    position: absolute;
    width: 40px;
    background-color: #117190 !important;
}
.dx-icon-search {
  
    color: white;
}
 .fullwidthclient #textBoxContainer {
  width: 50% !important;
  margin:auto;
}
 .fullwidthclient #workflowcontact {
      min-height: 200px;
      padding: 10px;
      padding-top:0px;
      border-top:1px solid #ccc;
  }

 .closebuttonworkflow {
  background-color: #5f6971;
  color: #fff;
  cursor: pointer;
  float: right;
  padding: 0px 0px;
  width:100%;
  right: 0px;
  top: 0px;
}
 .movedocumentheading{
      background-color: #5f6971;
      text-align:left;
      margin-top:10px;
      color:#fff;
      margin-bottom:10px;
 }
 .margin5{
     margin:5px;
     width:98%;
 }
 #desnotes label{
     margin-bottom:0px !important;
     margin-top:5px;
     font-weight:normal;
     color:#000;
     vertical-align:top;
 }
 .closebuttonworkflow a { padding:0px 5px; float:right;}
 .closebuttonworkflow p { 
     float:left;
     margin-bottom:2px !important;
     padding-left:5px;
 }
 .closebuttonworkflow i{
     color:#fff;
 }
 .searchfordescription {
    overflow: hidden;
    width:100%;
}
 #main-content{
     min-height:100% !important;
     overflow:hidden;
 }
#createsubfolderdiv .fa-folder {
    padding: 0px 4px 30px 5px;
    height: 0px;
}
div.folder-name {
    padding-top: 4px;
}
/*div#workflowdescription{
    height:auto;
}*/
#simple-treeview {
   
    min-height: 136px !important;
}

textarea#descriptionId, textarea#custdescriptionId, textarea#connectToContactdescriptionId {
    clear: both;
    overflow: hidden;
    display: block;
    width: 100%;
    margin-bottom: 10px;
}
 textarea#notesId, textarea#custdescnotesId, textarea#connectToContactnotesId{
    clear: both;
    overflow: hidden;
    display: block;
    width: 100%;
    margin-bottom: 10px;
 }
  #workflowdescription{
      width:100%;
      clear: both;
      overflow:auto;
      min-height:185px;
  }
  #workflowdescription .dx-gridbase-container {
    height: initial;
}
#workflowdescription .dx-datagrid-search-panel.dx-textbox.dx-texteditor.dx-editor-outlined.dx-searchbox.dx-show-clear-button.dx-widget.dx-texteditor-empty {
        width: auto;
}
    #workflowdescription .dx-item.dx-toolbar-item.dx-toolbar-button {
        width: 175px;
    }
 .fullwidthclient #workflowdescription{
     width:50%;
     float:left;
     border:1px solid #ccc;
 }

.fullwidthclient #desnotes {
    width: 48%;
    float: right;
    margin-top:0px !important;
}

.labelleft label{
    float:left;
    margin-top: 6px;
    margin-bottom: 2px;
}
.labelleft input{
    float:right;
}

.contactpage .form-control {
    padding: 5px !important;
    height: 30px;
    margin-bottom: 5px;
    font-size:14px !important;
    }
.contactdetail .form-control {
     width:50%;
}
  .contactpage .modal-body{ padding-top:0px !important;}
	.form-control {
	  position: relative;
	  font-size: 16px;
	  height: auto;
	  padding: 10px;
	}
    #contactfolder .form-control{padding:5px 10px !important;}
    #rightworkflowdiv .form-control{padding:5px !important;}
    .searchclient{ margin:10px auto; overflow:hidden; clear:both;}
    .contactpage label{ font-weight:normal !important; margin-bottom:2px !important;}
#documentcontainer{
    display:none;
    clear:both;
}

#backbutton button{
    margin:5px 10px;
}
div#allsearchedcontact, #searchedContactlist, #allsearchedcontactfolder, #allsearchedcontactGrid {
    border: 1px solid #ccc;
    min-height:300px;
    overflow:auto;
}
#contactfolder #allsearchedcontactfolder {
    overflow:auto;
    height:330px;
}
#editsearchedContact{
    display:none;
    margin-top:10px;
    overflow:hidden;
}
.clear{
    overflow:hidden;
    clear:both;
    display:block;
}
div#allsearchedcontacts {
    margin-top: 10px;
    border: 1px solid #ccc;
    min-height: 200px;
    background-color: #fff;
}
.fiftywidthmodel{ width:50% !important;}
#searchbuttoncontact{
    border-radius:0px 5px 5px 0px;
}
.contactpage .dx-datagrid-search-text{
    color:#337ab7 !important;
    background-color: #fff;
}

#upload-file-selector {
    display:none;   
}
.margin-correction {
    margin-right: 10px;   
}
.noborderbtn{
    border:none !important;
    font-size:16px !important;
    padding:0px !important;
    font-weight:normal;
}
 .marginright10{
     margin-right:8px !important;
 }
 .noborderbtn:hover {
     background-color: transparent;
     color:#fff !important;
    }
#searchcontact .dx-icon-search{
    color:#fff!important;
}
.usertask a {
    color: #333;
}
.usertask a:hover {color: #fff;}
.usertask:hover a {color: #fff;}
.col-md-12.searchbox {
    float: none;
    margin-bottom: 10px;
    overflow:hidden;
}
#searchbuttoncontact {
  width: 40px;
  margin-left:-1px;
}
#topsearchcontact input[type="text"] {
  border-radius: 3px 0px 0px 3px;
  border-right: 0px solid #ccc;
  padding: 7px 10px;
}
div#getcontact {
    clear: both;
    margin-top: 10px;
    overflow: hidden;
    float: none;
    margin-bottom:10px;
}

#contactSearchbox .dx-button-has-icon .dx-button-content {
    padding: 8px 8px 7px 8px;
}
 .fiftywidth .modal-dialog{ width:50% !important}
       .fiftywidth, #myModal2 , #singlepopup ,  #singlepopupdocuments, 
       #singlepopupsearchResult  #multiplepopup, .topfifty , #singlepopupsubfolder, .fullwidthmodal, .topfiftypx {
            top: 51px !important; 
        }

#multiplepopup , #singlepopupsubfolder, #singlepopupdocuments, #multiplepopupdoc, #singlepopupsearchResult, #singlepopupcontact,
 #singlepopupfolder, #multiplepopupcontact, #singlepopupCabinet, #multiplepopupfolder, #multiplepopupforCabinet {margin-left:50%;}

.deleteitem { padding: 20px 0; border-bottom: 1px solid #666; }

#loader1 {
    position: absolute;
    text-align: center;
    margin: auto;
    width: 23%;
    margin-left: 34%;
}

.fadeback { opacity:0.5; pointer-events:none;}
#clearselected{ display:none;}
#Renameduplicatefolder, #deletefoldererror, #deleteCabineterror{ color:red!important; }
.adduser {top: 82px;}
.adduser .modal-dialog{right:1px;}
div#logout1 a {
    margin: 2px 0px;
}
#adgrpoupmodalId .modal-dialog, #adusermodalId .modal-dialog, #userManagementGroupList .modal-dialog,
#userMembersGroupPopup .modal-dialog {
    width: 70% !important;
    pointer-events: initial !important;
}
.dx-pager {
    padding-top: 5px !important;
    padding-bottom: 4px !important;
}
#deletetitle{ width:80%;}
.dx-selection .dx-item-content {
    color: #fff !important;
}
#permissionerror{ color:red; }
.breadcrumb .recentbreadcrumb{ display:block !important;}
div#recentbreadcrumb h4>a {
    display: none;
}

.removefav i {
    font-size: 15px;
    color: #fff !important;
}
.removefav{ width:20px; height:20px; text-align:center;}
#favoritesItemlist li a {
    padding-right: 0px !important;
    display: block !important;
    overflow: hidden;
}
ul li a:hover span i{color:#000 !important;}
#tenRecentItem .img-container .ion-ios-box-outline:before {
    font-size: 24px !important;
}
#tenRecentItem .document img{
    text-align:center !important;
}
#recentevrytime li a {
    display: block !important;
    overflow: hidden;
}
.iconrecent {
    float: left;
    margin-right:8px;
    width:13px;
}

#favoritesfrontpage .iconrecent{
    margin-right:10px !important;
}

span.recentname {
    float: left;
    text-overflow: ellipsis;
    overflow: hidden;
    width: 85%;
    white-space: nowrap;
    display: block;
    padding-top: 3px;
    padding-left: 2px;
}
#recentfrontpage .recentname {
    margin-top: -2px;
}
.os-setup {
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    display: block;
    padding-top: 3px;
    padding-left: 5px;
}

#favoritesItemlist .favname {
    margin-top: 2px;
}
/*
.btn-danger .fal.fa-trash-alt {
    margin-top: -4px;
    height: 0px;
    padding-top: 1px;
}  */
    span .favname {
    text-overflow: ellipsis;
    overflow: hidden;
    width: 85%;
    white-space: nowrap;
    display: block;
    margin-top:1px;
    float: left;
}
.icontitle {
    float: left;
    width: 86%;
}
.hoe-has-menu .ion-ios-box-outline:before {
    font-size: 20px;
}
.iconrecent img {
    width: 14px;
    margin-left: -2px;
}

/*.dx-datagrid-toolbar-button.dx-datagrid-column-chooser-button.dx-button.dx-button-normal.dx-button-mode-contained.dx-widget.dx-button-has-icon.dx-button-has-text {
   
}*/
#favoriteslist {
    width: 100%;
    overflow: auto;
}
.dx-overlay-wrapper.dx-popup-wrapper.dx-popover-wrapper.dx-dropdownmenu-popup-wrapper.dx-dropdownmenu-popup.dx-popover-without-title.dx-position-bottom {
    z-index: 10000 !important;
    position: absolute;
}

#favoriteslist .fal {
  display: block;
    }
div#recentlist {
    display: block;
    clear: both;  overflow:hidden;
}
#favoriteslist i{
    text-align:center !important;
}
#favoriteslist .img-container .ion-ios-box-outline:before {
    font-size: 22px !important;
}
.boxcontent li.usertask {
    list-style: none;
    display: block;
    overflow: hidden;
}
.boxcontent ul {
    margin-left: 0px !important;
    padding-left: 0px;
}

#favoritesfrontpage .removefav .ion-ios-close-empty {
    color: #000 !important;
    font-size: 20px;
    font-weight: bold;
}

.boxcontent span.ion-ios-box-outline {
    width: 13px !important;
    font-size: 20px;
    line-height: 7px;
    margin-top: 3px;
    float:left;
}

.dx-datagrid-header-panel {
   clear:both !important;
}

.cabinetimg.searchdocimg {
    width: 45px;
    height: 45px;
}
.searchdocimg i {
    float: right;
    width: 21px;
}
.searchdocimg .ion-ios-search-strong:before{
    font-size: 27px;
}
.borderdiv{
    min-height:400px;
}
.inlineradio {margin: 0px 5px;}
.inlineradio:first-child {
    margin-left: 0px;
}
.searchby { margin-top: 50px;
            display:inline-block;
            width:100%;
}
.inlineradio input {vertical-align: sub;}

.searchby .searchclient {
    margin-top: 10px;
    float: left;
    width: 100%;
    margin-left:0px;
}
.documentsearchpanel .form-control {
    padding: 5px;
    line-height: initial !important;
}
.betweendate {
    margin-top: 40px;
}
.documentsearchpanel  hr{ margin:10px 0px !important;}
.searchclient div#documentsearchbox {
    border: none !important;
}
.searchclient .inlinesearch {
    border-right:0px !important;
    height:33px;
}
/*#closecabinetbutton {
    background-color: #117190 !important;
    color: #fff !important;
}*/

span#docsearchbutton {
    float: left;
    width: 46px;
    border: 1px solid #ccc;
    background-color: #117190 !important;
    color: #fff !important;
    border-radius: 0px 4px 4px 0px !important;
    height:34px;
}
#docsearchbutton .dx-icon-search {
    padding-left: 3px;
}

.usertask i {
    float: left;
    width: 24px;
}
span#selectFile {
    margin-left: -8px;
}
.backgroundwhite{
    overflow:hidden;
    background-color:#fff;
    padding-bottom:75px;
}

ul#recentfrontpage li:nth-child(5) {
    display: none;
}

#emptyerrordiv,#dateerrordiv{
    color:red !important;
}

#condencedmenu {
    text-align: CENTER;
    background-color: #ddd;
    border-bottom: 1px solid #ccc;
    height: 18PX;
    cursor:pointer;
}
.condencedmenu {
    text-align: CENTER;
    background-color: #ddd;
    border-bottom: 1px solid #ccc;
    height: 18PX;
    cursor:pointer;
    width:100%;
    overflow:hidden;
}
.paddingright10px{
    padding-right:10px;
}

.favoritessection .paddingright10px{
    padding-right:0px;
}

.modal-body .fal.fa-folder-plus {
    margin-top: 3px;
}

.modal-body .fal{
    color:black;
    margin-top:4px;
}

.contactpageouter {
    border: 1px solid #ccc;
    padding: 10px 10px 0px 10px;
    background-color: #f2f2f2;
    width: 99%;
    min-height: 375px;
}

#contactalllist{ border:1px solid #ddd;}
#AddNewContact .modal-body, #editContactfilled .modal-body {
    margin-top: 10px;
}
div#contactCategorylist.dx-state-disabled input {
    background-color: #eee !important;
    cursor: not-allowed;
}
div#contactCategorylist.dx-state-disabled  {
    opacity: 1 !important;
}
#contactalllist > .dx-datagrid {
    min-height: 400px;
}

.searchbuttoninline{
    float: left;
    width: 33px;
    border: 1px solid #ccc;
    border-radius: 0px 4px 4px 0px !important;
    padding: 5px !important;
    line-height: initial !important;
}

#contactsearchfield , #connectTocontactSearch  {
    border-right: 0px !important;
    height: 33px;
    padding:6px;
    border-top-right-radius:0px;
    border-bottom-right-radius:0px;
}

#connectTocontactalllist .dx-datagrid {
    /***min-height: 200px; ***/
}
.fullpopupwidth .modal-body {
    height: auto !important;
    overflow: hidden;
    margin-bottom: 20px;
}
#searchdocumentslist{
    overflow:hidden;
    width:100%;
}

.contactpage .col-md-6 { }
#ContactFirstName, #ContactLastName{
    width:49%;
    float:left;
}

#contactalllist .ion-ios-star:before , #contactalllist .ion-android-star-outline:before {
    font-size: 22px;
}

#contactalllist .dx-icon.fal.fa-users-class {
    margin-right: 4px;
}

.dx-button-has-icon .dx-button-content
{
    padding:8px!important;
}
#searchbutton .dx-button-content {
    padding: 8px!important;
}
    i .dx-icon.fal.fa-inbox-out {
    width: 20px;
}
.iconrecent.ion-ios-telephone-outline:before {
    font-size: 20px;
}

.dx-datagrid-content .ion-ios-telephone-outline:before {
    font-size: 20px;
}

#simple-treeview, #product-details {
    display: inline-block;
}

#product-details {
    vertical-align: top;
    width: 400px;
    height: 420px;
    margin-left: 20px;
}

#product-details > img {
    border: none;
    height: 300px;
    width: 400px;
}

#product-details > .name {
    text-align: center;
    font-size: 20px;
}

#product-details > .price {
    text-align: center;
    font-size: 24px;
}

.dark #product-details > div {
    color: #f0f0f0;
}

.hidden {
    visibility: hidden;
}

#currentclient .dx-treeview .dx-treeview-node:not(.dx-treeview-item-with-checkbox).dx-state-focused>.dx-treeview-item
{background-color:#117190 !important; }

.currently-active-item{
   background-color: #117190 !important;
    color:#fff; 
}
.dx-treeview .dx-treeview-node:not(.dx-treeview-item-with-checkbox).dx-state-focused>.dx-treeview-item {
    background-color: #117190 !important;
}
#currentclient .dx-treeview .dx-treeview-node:not(.dx-treeview-item-with-checkbox).dx-state-focused>.dx-treeview-item *{
    color:#fff !important;
}
#currentclient .dx-treeview .dx-treeview-node {
    padding-left: 12px !important;
}

#currentclient li {
    list-style: outside none none;
}

.dx-dropdownlist-popup-wrapper .dx-popup-content {
    border: none;
    border-radius: 0PX !important;
    margin-top: 0px;
}

.formscrollarea{
   /** max-height: 100px;*/
    overflow: hidden;
    
    margin-bottom:5px;
    min-height:106px !important;
   
}

.modal-header .cabinetimg img {
    width: 25px;
}

/*tr.dx-row.dx-data-row.dx-row-lines.dx-column-lines > td {
    white-space: nowrap;
    text-overflow: ellipsis;
}*/

#subfolderinsidetree img {
    width: 18px;
    height: 18px;
}
div#subfolderinsidetree {
    margin-left: 50px;
}
.custom-item .cabinet-name {
    float: left;
    border: none !important;
    margin-top: 3px !important;
    width: 88%;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    margin-left: 5px;
}
.custom-item {
    width: 100%;
    overflow: hidden;
}
.custom-item i {
    font-size: 20px;
    float: left;
}

.dx-selectbox-container .custom-item i {
    padding-left: 5px;
    padding-right: 3px;
    width:25px;
}

.dx-scrollview-content .custom-item img {
    margin-top: 4px;
    margin-right: 2px;
}
.custom-item img {
    float: left;
    margin-top: 10px;
    margin-left: 5px;
    width:16px;
    height:16px;
}
.custom-item .dx-dropdowneditor-button-visible .dx-texteditor-input{
    padding-left:2px!important; padding-top:0px !important;
}
.dx-popup-content {
    padding: 0px !important;
}
.dx-dropdownlist-popup-wrapper .dx-list:not(.dx-list-select-decorator-enabled) .dx-list-item-content{
        padding: 4px 2px !important;
}
.cabinet-name input.dx-texteditor-input {
    padding-left: 2px;
}

.dx-list:not(.dx-list-select-decorator-enabled) .dx-list-item.dx-state-focused{
    background-color: #FFFFFF !important;
    color:#000000 !important;
}

.custom-tree-item i {
    float: left;
    font-size: 16px;
    padding-right: 5px;
}
button.btn.btn-default.subfolder.pull-left.iconbutton {
    width: 38px;
    height:44px;
}
#rightworkflowdiv div#allsearchedcontact {
    border: none !important;
    border-top: 1px solid #ccc !important;
    height:450px; overflow:auto;
}
#selectedContactName{   
    width: 142px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    float:right;
} 

.searchclient>div:nth-child(2) {
    margin-top: 10px;
    overflow: hidden;
    width: 100%;
}
.contactdetail{
    width:100%;
    overflow:hidden;
}

.fullwidthdesc {
    margin-bottom: 10px;
}
#addDescriptionError, #emptyerrordivconnecToContact{
    color:red;
}


.dx-popover-wrapper .dx-popup-content {
    padding: 3px 5px 0px 5px !important;
}
#addNewcabinet .iconrecent {
    float: left;
    margin-left: 7px;
    width: 17px;
}

#fullwidthConnecttoContactDiv{
    width:100%;
    overflow:hidden;
}
div#connectToContactId {
    min-height: 400px;
    background-color: #fff;
}

.breadcrumbconnectTocontact a{
    width:100%;
    overflow:hidden;
    color:#337ab7;
    display:block;
    padding: 8px 0px;
    font-size:14px;
    text-transform:capitalize;
}

#allsearchedcontact a, #allsearchedcontactGrid a {
    cursor: pointer;
}
#simple-treeview .dx-scrollbar-hoverable{
    display:none !important;
}
#simple-treeview{
    overflow-y: auto;
}

 #simple-treeview .dx-scrollable {
        height: auto;
 }
 .searchclient #documentsearchbox {
    margin-top: 0px;
    width:85% !important;
}

 .fullpopupwidth .modal-dialog {
    /**width: 96% !important;***/
}
 .nopaddingright {
     padding-right:0px !important;
 }

 div#connectTocontactalllist a {
    cursor: pointer;
}

/**#main-content .dx-widget {
    margin-bottom: 25px;
} */

div#descriptionlistConnectToContact {
    border: 1px solid #ccc;
    width:100%;
    overflow:auto;
    min-height:185px;
}

h6#selectedContactNameInDescriptionId {
    position: absolute;
    top: 4px;
    text-align: center;
    font-size:13.5px;
}


span#selectedContactNameInDescription {
    text-overflow: ellipsis;
    max-width: 220px;
    white-space: nowrap;
    overflow: hidden;
}

#descriptionlistConnectToContact .dx-gridbase-container{
    height:initial;
}

div#importdocumentButtons {
    /****margin: 10px 0px 2px;***/
    overflow: hidden;
}

#selectDescriptionLayout textarea#connectToContactdescriptionId {
    min-height: 60px;
}

#selectDescriptionLayout textarea#connectToContactnotesId {
    min-height: 60px;
}

.clearleft{
   display:block;
}
#selectDescriptionLayout button{
    margin:5px 5px;
}
#selectDescriptionLayout{
    padding:0 15px;
}

div#connectTocontactalllist {
    border: 1px solid #ccc;
    background-color: #fff;
    overflow: auto;
    margin-bottom: 10px !important;
    width: 99%;
    min-height: 300px;
}

.adddesheading{
    padding-bottom: 5px !important;
    margin-bottom: 0px;
}
.col-md-12.nopaddingleft{
    /**height:100%;**/
    overflow:auto;
}

.form-signin input[type="text"], input[type="password"] {
    margin: 0;
    padding: 7px 9px 8px; 
    background: #fff;
    color: #333;
    border:1px solid #ccc;
    font-size: 1em;
    border-radius: 4px;
    width:100%;
}
.form-signin *:focus {
    outline: 1px solid #0093D0;
    border-radius:0px !important;
}
.tooltip-inner{ background-color:#42494E !important;}
.tooltip.top .tooltip-arrow{ border-top-color:#42494E !important;}
.tooltip.right .tooltip-arrow{ border-right-color:#42494E !important;}
.currently-active-item:hover {
    color: #fff !important;
}
button.close.closecutpaste {
    margin-top: -0PX !IMPORTANT;
}
.closecutpaste span{ 
    margin-top:-2px !important; color:green !important;
}
.iconbutton {
    padding: 1px 5px;
}
.iconbutton i {
    
    font-size: 20px;
    /*color:#000;*/
    padding:5px;
}
#currentclient .iconbutton i{
    color: !important;
}
a.favaction, a.filledfavicon {
    cursor: pointer;
}

.dx-datagrid-table .img-container i {
    text-align: center;
}
div#desnotes {
    margin-top: 5px;
}
#pasteCutDocument{ margin-right:0px;
                   margin-top:2px;
}

i.dx-icon.fal.fa-paste {
    height: 24px;
    width: 30px;
    margin-top: 6px;
}

#pasteCutFolder,#pasteCutDocument.ion-android-clipboard{
    padding: 3px 10px;
    font-size:20px;
    margin-right:5px;
}
#pasteCutDocument.ion-clipboard:before {
    font-size: 20px !important;
    padding: 7px 10px;
}

#pasteCutFolder .dx-button-content, #pasteCutDocument.ion-android-clipboard .dx-button-content {
    display: none;
}

#pasteCutDocument .dx-button-content {
    padding: 0px !important;
}
#manageCategoryButton{
    margin-right:5px;
}
#manageCategoryButton .dx-button-content{ display:none;}
#manageCategoryButton.ion-ios-list-outline:before {
    font-size: 20px!important;
    padding: 7px 10px;
}

 #loading-div-background {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    right:0px;
    background: #f6f3f3;
    opacity:0.5;
    width: 100%;
    height: 100%;
    z-index:999;
}

#dragdropfileBackground{
    position: fixed;
    top: 0;
    left: 0;
    right:0px;
    background: #A6A6A6;
    opacity:0.5;
    width: 100%;
    height: 100%;
    z-index:999;
}

 div#indexnotification {
    position: absolute;
    right: 0;
    z-index: 999;
    margin-left: auto;
    margin-right: auto;
    left: 0px;
    width: max-content;
    width: -moz-max-content !important;
    width: -ms-max-content;
    width: -o-max-content;
}

@media all and (-ms-high-contrast:none) {
    div#indexnotification {
        right: 25% !important;
        left: auto !important; 
        width: auto;
       }
}
.marginleftFifty{
    margin-left:50%;
}
 
#loading-div {
    width: 300px;
    height: 200px;
    background-color: #f6f3f3;
    text-align: center;
    position: absolute;
    left: 50%;
    top: 50%;
    margin-left: -150px;
    margin-top: -100px;
}
.clearboth { overflow:hidden; }

#plusicon1.ion-plus:before {
    content: "\f218";
    padding: 7px 10px;
    font-size: 20px;
}

.IEnotsupported .fal:before {
    font-size: 8.5em;
}
div#managedescriptionpopup, div#addEditDescription, div#singlepopupmanagedescription, div#deleteDescriptionpopup, div#disconnectDocumentPopup {
    z-index: 9999;
}
#managedescriptionpopup .dx-item-content dx-toolbar-item-content {
    width: 177px;
}

#managedescriptionpopup .dx-datagrid-search-panel.dx-textbox.dx-texteditor.dx-editor-outlined.dx-searchbox.dx-show-clear-button.dx-widget.dx-texteditor-empty {
    width: 176px!important;
}
    div #workflowdescription td {
    cursor: pointer;
}
button#ButtonDemoDoc{
    margin-top: 20px;
    float: right;
}

div#searchStringId {
    overflow: auto;
}

.margin0{
    margin:0px !important;
}

.form-control{ padding:5px;}

#newaddeditUser .labelleft label i, #editSinglrUserProfile .labelleft label i {
    color: red;
}
.color-red {
    color: red;
}
.fullwidthPopup{
    width:100% !important;
    top:50px;
    left:50px;
} 
.top0{ top:0px !important;}
.fullwidthPopup .modal-dialog{
    width:96% !important;
    margin-right:0px !important;
    max-width:100%;
}

.fullwidthPopup .dx-datagrid-content {
    height: auto !important;
}
.userManagementGroup{
    margin-top:32px;
    border-top:1px solid #ccc;
}
#changeManageUserPassword .modal-content {
    overflow: hidden;
}
div#selectedUserName {
    border-bottom: 1px solid #ccc;
    padding-bottom: 5px;
}
form#addnewGroupInfo .labelleft {
    margin-top: 10px;
}
div#subfolderloader {
    position: absolute;
   /* background-color: rgba(0,0,0,0.1);*/
    width: 96%;
    z-index: 99999;
    overflow: hidden;
    display: block;
    height: 100%;
}
#subfolderloader img {
    text-align: center;
    margin: auto;
    display: block;
    margin-top: 15px;
}

div#advanceSearchdiv {
    margin-top: 20px;
    margin-bottom: 10px;
    padding-left: 15px; /*added by shatru after updates bootsrap with 5.0.2*/
}
.border1px{
    border:1px solid #ccc;
}
.margintop10{
    margin:10px 0px;
}

#advanceSearchdiv .dx-form-validation-summary.dx-validationsummary {
    display: none;
}
div#connectToContactButton { padding: 5px 5px !important; }
#main-content > .nopaddingleft{
    /*margin-bottom:20px;*/
}

.col-md-12.col-sm-12.col-xs-12 {
    overflow: hidden;
}
.modal-dialog {
    box-shadow: 2px 9px 18px rgba(0,0,0,.5);
}

.btn-primary:focus, .btn-primary.focus, .btn-danger:focus, .btn-danger.focus {
    box-shadow: 0 0 0 0rem rgba(0, 123, 255, 0.5) !important;
}
button:focus {
    outline: 0px dotted;
    outline: 0px auto !important;
}
.form-control:focus {
    color: #495057;
    border-color: #999999;
    outline: 0;
    box-shadow: 0 0 0 0.1rem rgba(0, 123, 255, 0.16);
}

button.btn.btn-default {
    background: #117190;
    border: 1px solid #ccc;
}
button.btn.btn-default:focus {
    box-shadow: none !important;
}

button#manageDescriptionIcon { 
    margin: -4PX;
    height:38px;
    margin-left:-1px;
    border:1px solid #dddddd;
}
#searchbutton .dx-icon-search , .contact-search-button .dx-icon-search{
    color: #fff !important;
}
#manageDescriptionIcon .fal.fa-tags {
    padding: 2px;
    font-weight: lighter!important;
}
button#manageAddDescriptionIcon {
    margin: -4PX;
    height: 38px;
    margin-left: -1px;
    border: 1px solid #dddddd;
}
#manageAddDescriptionIcon .fal.fa-tags {
    padding: 2px;
    font-weight: lighter !important;
}
#adddesplus .dx-button-content {
    padding-top: 8px !important;
}

#editCustomdescriptionDiv .btn-default {
    color: white!important;
    background-color: #117190!important;
}

#CRUDmanagedescription #adddesplus .dx-button-content {
    padding-top: 4px !important;
}
#versionControl a {
    float: left;
    padding-left:10px;
}

#versionControl span {
    float: left;
}

#versionControl span:last-child {
    padding-left:6px;
}
.cabinet-name .dx-texteditor-input{
    padding-top:1px !important;
    padding-bottom:0px !important;
}

#fullselectbox .dx-texteditor-input{
    min-height:29px !important;
}
#fullselectbox .custom-item .cabinet-name{ margin-top:-2px !important;}
.dx-datagrid tr:hover td a {
    color: #fff !important;
}
.dx-datagrid td.link a {
    width: 100%;
    display: block;
    cursor: pointer;
}
#datatabes li { cursor:pointer; }
div#documentData { overflow: auto; }

.hoe-minimized-lpanel #hoe-left-panel .panel-list>li.hoe-has-menu li.hoe-has-menu>a:after{
    display:none!important;
}
.userInfoPage .panel-body {
    min-height: 275px;
    padding:5px 15px !important;
}
.userInfoPage .panel {
    margin-top: 20px;
}
.userInfoPage .panel-heading {
    font-weight: bold;
    font-size: 15px;
}

 .userInfoPage .panel-heading i {
        font-size: 20px;
         margin-top: -4px;
        float: left;
        margin-right: 6px;
    }
 
.favoritessection .contactsection{ overflow:hidden !important;}
 #adgrpoupmodalId .modal-content, #adusermodalId .modal-content {
        padding: 0px 0px 10px 0px;
  }
 #adgrpoupmodalId .buttonpop, #adusermodalId .buttonpop{ margin-right:10px;}

#connectToContactButton #connectandMoveDocument {
    padding: 7px 9px;
    background-color: #117190;
    border: 1px solid #ccc;
}
 #connectToContactButton #connectandMoveDocument i {     
        font-size: 16px;
        color: #fff;
        padding: 1px;
  }
#connectToContactButton .iconbutton i {
    background-color: #fff;
    color: #117190;
    padding-top: 7px;
    padding-right: 12px;
    padding-left: 11px;
    padding-bottom: 8px;
    border-radius: .25rem;
    border: 1px solid #dddddd
}
#connectToContactButton .iconbutton{
    padding:0px!important;
}
#currentclient .btn.btn-default.subfolder.pull-left.iconbutton {
    background-color: #fff;
    color: #117190;
}
#currentclient .btn.btn-default.subfolder.pull-left.iconbutton:hover {
    background-color: #117190;
    color: #fff;
}
#currentclient .btn.btn-default.subfolder.pull-right.iconbutton {
    background-color: #117190;
    color: #fff;
}
#connectToContactButton .ion-android-arrow-back:hover {
    border: 1px solid #ccc;
    border-radius: 0.26rem;
    background-color: #117190;
    color: #fff;
    margin-left: -1px;
    padding-top: 7px;
    padding-right: 12px;
    padding-bottom: 8px;
    padding-left: 11px
}
 #versionControl{
     margin-top:3px;
 }

 .margintop13{
     margin-top:13px !important;
 }

 #addCustomDescriptionBtn{
     padding:5px 4px 10px 5px !important;
     overflow:hidden;
 }

#approveRejectNotes {
    float: left;
    /*margin-top: -36px;*/ margin-top: 10px;
    z-index: 9999;
    position: relative;
}

 #usermailBox h4{
     margin-bottom:0px!important;
 }

 #singlepopupdocuments .hideondocpage{
     display:none;
 }

.dx-selection a{
     color:#fff !important;
}

span#breadcrumbsubfoldercabinet span {
    padding: 5px;
}

.container.userInfoPage {
    margin-left: 0px;
    padding-left: 10px 10px 20px 10px!important;
    background-color:#fff;
}
#document td{
    word-wrap:break-word;
}
#searchbtwDates {
    background: #117190;
    border: 1px solid #ccc;
}
/**************search page *****/
.datediv input {
    padding: 4px !important;
}
#searchbtwDates i.dx-icon.dx-icon-search {
    font-size: 14px;
    color: #fff;
}
button#searchbtwDates {
    padding-bottom: 5px;
    padding-top: 6px;
}

/*************** safari css hack*************/
@media screen and (-webkit-min-device-pixel-ratio:0) {
    ::i-block-chrome, .checkbox span {
     margin-left:16px !important;
    }
}

.searchbutton{
    background-color: #fff;
    border-radius: 0px 4px 4px 0px !important;
    cursor: pointer;
}

#homepageserachbar{
    padding-bottom:10px !important;
}
/**.dx-datagrid-bottom-load-panel{
    display:none;
}**/

div#CRUDmanagedescription .dx-datagrid-content {
   overflow:auto;
}
#favoritesDiv{
    overflow:hidden;
}
.advancedSearchpage h4 {
    padding: 15px 0px 5px;
}
#templateDescriptionsPage .dx-gridbase-container{
    height:auto;
}
/*.dx-overlay-content.dx-popup-normal.dx-popup-draggable.dx-resizable {
    transform: translate(1000px, 200px)!important;
}*/
div#CRUDmanagedescription .dx-gridbase-container {
    height: initial;
}

.dx-datagrid-header-panel .dx-toolbar-menu-container .dx-button {
    margin-left: 0px !important;
}
.fullpageScroll {
    overflow: auto;
}
#allsearchedcontactfolder .dx-button.dx-button-normal.dx-button-mode-contained.dx-widget.dx-button-has-icon
{
    height:36px!important;
}
#allsearchedcontactfolder .fa-user-plus {
    margin-top: 0px!important;
}

#GroupsMembershipPopUp #grouppermission {
    min-height: 150px;
}
#managecontactcategoriesGrid .fa-plus {
    margin-top: 1px !important;
}

div#addEditcategories, #deleteContactcategoriesnpopup, #singlepopupmanagecategories {
    z-index: 99999;
}
.importDocumentIconInfolder{
    display:none;
}
.dx-header-filter-menu .dx-popup-bottom.dx-toolbar {
    padding: 9px!important;
}
.dx-header-filter-menu .dx-popup-content {
    height: 252px !important;
}
.dx-header-filter-menu .dx-toolbar-after {
    padding-top: 9px;
    padding-right: 0px;
    margin-right: 0px;
}
.dx-header-filter-menu .dx-popup-bottom .dx-button {
    min-width: 45px!important;
}
#importDocumentsSubfolderIcon.dx-state-focused{
    background-color:#fff !important;
    border-color:#ccc !important;
}
/**   this is for fontawesome icons*/
#workflowIconLi .fa-folder-tree:before {
    font-size: 13px!important;
}        
.fa, .fas, .far, .fal, .fab {
    line-height: 1.5
}
.fa-dna:before {
    padding-left: 3px;
}
.fal:before,.fas:before{
    font-size:18px;
}
.logoutbutton {
    margin-right: -7px !important;
}

i.fal.fa-sign-out {
    position: absolute;
    margin-left: -22px;
    margin-top: -2px;
}

.leftPaneMenu:hover i {
    color: #1798c1;
}

.dx-datagrid-table .img-container i.fal.fa-cabinet-filing
{
    padding-bottom:0px;
}
.textalignment {
    vertical-align: middle;
}
/**#addNewFolderdocumentIcon{
    display:none;
}**/
/**************************/
@media screen and (max-width: 767px) {
    button.close.closebtn {
        padding: 27px 10px 8px 8px;
    }
    #deleteDescriptionpopup .modal-dialog.modal-lg {
        top: 100px!important;
    }
    #singlepopupmanagedescription .modal-dialog {
        top: 100px !important;
    }
    #addEditDescription .modal-dialog {
        top: 100px !important;
    }

    #managedescriptionpopup .modal-dialog.modal-lg {
        top: 101px!important;
    }
    .marginleftFifty {
            margin-left: 0%;
        }

        #multiplepopup, #multiplepopupcontact, #singlepopupsubfolder, #singlepopupdocuments, #multiplepopupdoc, #singlepopupsearchResult, #singlepopupcontact,
        #singlepopupfolder, #singlepopupCabinet, #multiplepopupfolder, #multiplepopupforCabinet {
            margin-left: 0% !important;
        }

        .modal {
            z-index: 9999;
        }

        .dx-pager {
            height: 60px !important;
        }

        .minheight, #search, .maxwidth {
            width: 100%;
        }

        .breadcrumb {
            margin-left: 5px;
        }

        #searchtop {
            width: 50%;
        }

        #hoe-left-panel {
            position: fixed !important;
        }

        #main-content {
            margin-top: 10px !important;
        }

        .labelleft input {
            float: none;
        }
        /**#username{ color:#fff !important;}**/
        .fiftywidthmodel {
            width: 90% !important;
        }

        #myModal2 .modal-dialog, #AddNewContact .modal-dialog, #editNewContact .modal-dialog, #editContactfilled .modal-dialog {
            width: 90%;
        }

        .fiftywidth .modal-dialog {
            width: 95% !important
        }

        #workflowdescription .dx-datagrid-search-panel {
            width: 100% !important;
        }

        .fullwidthclient #workflowdescription {
            width: 100%;
            float: none;
        }

        .fullwidthclient #desnotes {
            width: 100%;
            float: none;
        }

        .resizable #document {
            margin-left: 5px !important;
        }
    }

    @media screen and (max-width: 1000px) {
        .fiftywidth .modal-dialog {
            width: 80% !important
        }

        #contactData .dx-datagrid .dx-row > td, #cabinetData .dx-datagrid .dx-row > td,
        #folderData .dx-datagrid .dx-row > td, #documentData .dx-datagrid .dx-row > td,
        #searcheddocumentpage .dx-datagrid .dx-row > td {
            width: 150px;
        }

            #contactData .dx-datagrid .dx-row > td:first-child, #cabinetData .dx-datagrid .dx-row > td:first-child,
            #folderData .dx-datagrid .dx-row > td:first-child, #documentData .dx-datagrid .dx-row > td:first-child, #searcheddocumentpage .dx-datagrid .dx-row > td:first-child {
                width: 50px !important;
            }

        .modal-body {
            max-height: unset !important;
        }

        .contactdetail .form-control {
            width: 100%;
        }

        .lastbox {
            width: 95%;
        }

        .sixty35per {
            width: 100%;
        }

        .sixty65per {
            width: 100%;
        }

        .fullwidthclient #textBoxContainer {
            width: 80% !important;
        }
    }

    @media screen and (max-height: 520px) {
        #hoe-left-panel {
            position: relative !important;
        }

        #main-content {
            margin-left: 5px;
        }
    }

    @media screen and (max-width: 767px) {
        span#selectedContactNameInDescription {
            max-width: 150px;
        }
    }

    @media screen and (max-width: 500px) {
        span#selectedContactNameInDescription {
            max-width: 100px;
        }
    }

    .dx-toolbar-before {
    margin-top: 5px;
    margin-left: 5px;
}

.dx-checkbox-indeterminate .dx-checkbox-icon{
    color:transparent !important;
}

.showcabinetfolders .dx-checkbox-icon {
    width: 22px;
    margin-bottom: 3px;
    height: 26px;
}
.showcabinetfolders {
    vertical-align: super;
}

    .showcabinetfolders .dx-checkbox-container {
        vertical-align: unset;
    }

.fullselectbox input[type=text] {
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    width: 90%;
    padding: 0px;
    background: transparent;
    padding-left: 8px;
}
/************************prism hr variables cssss****************/
/* changes added by nipun to set the toolbar before buttons */
.dx-toolbar-before .dx-item.dx-toolbar-item.dx-toolbar-button.dx-toolbar-item-auto-hide {
    padding: 0px;
}

#layoutErrorMessage, #layoutSuccessMessage, #layoutInformationMessage {
    position: fixed;
    text-align: center;
    margin: auto;
    margin-top: 55px;
    width: max-content;
    /*left: calc(50% - 80px);*/
    left:0;
    right:0;
    z-index: 6666666;
}


#conformMergeContactStepContainer {
    position: absolute;
    height: 90%;
    width: 96%;
    display: flex;
    flex-direction: column;
}

.flex-buttondiv-alignright {
    align-self: flex-end;
}

.step-container{
    overflow:hidden;
}

.a-color-inherit{
    color:inherit;
}
#stepTwoTitleContainer{
    padding-bottom:6px;
}

.previous-arrow {
    line-height: 12px;
    height: 16px;
    margin: 0px auto !important;
    align-items: center;
    color: white !important;
    vertical-align: middle;
}

/* pointer events none class to disable mouse events on grid rows */
.pointer-events-none{
    pointer-events:none;
}
.top-hundred{
    top:100px!important;
}

.grid-min-row-height .dx-datagrid-rowsview {
    min-height: 26px !important;
}

.btn-danger .fal.fa-trash-alt {
    line-height:0.5;
    height:14px;
    color:white;
  
}
.btn-danger .fal.fa-trash-alt:before {
    font-size:16px!important;
}

/****************DealerScan Page ***************************/
#dealerScanHomeSearchDiv #main-content > div {
    /*  max-width: 920px;*/
}

#dealerScanHomeSearchDiv #advancedSearchformdiv {
    max-width: 916px;
}

    #dealerScanHomeSearchDiv #advancedSearchformdiv #advanceSearchdiv {
        max-width: 74%;
    }

@media only screen and (min-width: 600px) {
    #dealerScanHomeSearchDiv #advancedSearchformdiv {
        margin-right: -50%;
    }
}

@media only screen and (max-width: 600px) {
    #dealerScanBottomSectionPart {
        margin-left: 0px !important;
        padding: 0px 5px 0px 3px;
    }
}

@media only screen and (min-width: 600px) {
   
}

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

.inputBox {
    margin-left: 10px;
    height: 33px;
    width: 70px;
    margin-top: -8px;
}
/*** */
.pagingNo.mainDiv {
    display: none;
}

.dx-page-sizes ~ .pagingNo.mainDiv {
    display: block;
}

.createNewGroupCloneBtnClass {
    border: .5px solid #ddd;
    border-radius: 5px;
}
/********/
@media screen and (max-width: 500px) {
    #connectAndMoveBtnContainer {
        width: 100% !important;
        position:relative !important;
    }
}
@media screen and (max-width: 1000px) {
    #connectAndMoveBtnContainer {
        width: 100% !important;
        position: relative !important;
    }
}

#adusermodalPopup .modal-dialog {
    pointer-events: initial !important;
}

#adGrpoupModalPopup .modal-dialog {
    pointer-events: initial !important;
}


a{
    text-decoration:none;
}

 /*shatru for File Size Column Task*/
#fileSizeResetButton {
    border: none;
    margin-left: 0px;
    color: #117190;
    padding-top: 6px;
}

#compareDivId {
    font-size: 12px;
    font-weight: 500;
    padding: 11px 11px 0px 0px;
    width: 140px;
}
.fileSizePopupresize {
    width: 290px !important;
}
/*
#customDescPopupContainer .dx-overlay-content>*, #customDescTextBox .dx-overlay-content, #customDesDate .dx-overlay-content {
    z-index: 1600 !important;
}
#customDescPopupContainer{

}
.os-focus-remove:focus {
    outline: none!important;
    box-shadow: none!important;
}*/
.dx-datagrid .dx-datagrid-header-panel, .dx-datagrid .dx-pager{
    background-color: white !important; /*devextreme new version fix*/
}