body {
    color: !important;
    font-size: 12px !important;
    font-family: 'OpenSans-Regular', sans-serif;
  font-weight: normal;
  font-style: normal;
  font-kerning: normal;
    background: linear-gradient(right,#ffffff,#ffffff);
   background: -webkit-linear-gradient(right,#ffffff,#ffffff);
  
}
strong, b, th{
  font-family: 'OpenSans-Regular', sans-serif;
}
input, button, select, textarea {
    font-family: 'OpenSans-Regular', sans-serif;
}
p{
  font-family: 'OpenSans-Regular', sans-serif;
}
.module-nav .mod-switcher-container {
    display: none!important;
  }
.app-nav .app-indicator-icon-container{
  display: none!important;
}
.left-side{
width: 86px;
position: fixed;
z-index: 10000;
left: -20px;
top: 0;
height: 100%;
background: linear-gradient(right,#ffffff,#ffffff);
background: -webkit-linear-gradient(right,#ffffff,#ffffff);
box-shadow: 0px 3px 13px #ccc;
}
.left-side-nav{
  margin-left: -7px;
}
.Settings-toggle {
   background: linear-gradient(right,#2b95ff,#2b95ff);
   background: -webkit-linear-gradient(right,#2b95ff,#2b95ff);
    font-weight: bold;
    padding: 11px 2px !important;
    position: absolute;
    top: 89px;
    left: 260px;
    cursor: pointer;
    width: 14px;
    border: none!important;        
    border-left: 0;
    display: inline-block;
}
.settingsgroup, .settingsgroup .panel-group .panel{
 background: linear-gradient(right,#2b95ff,#2b95ff)!important;
   background: -webkit-linear-gradient(right,#2b95ff,#2b95ff)!important; 
}

.Settings-toggle-marker.fa-chevron-right {
    background-position: -460px -72px !important;
    color: #fff!important;
}
.fieldBlockContainer input[name=firstname]{
  width: 243px!important;
}
.related-tabs .custom-module, #relatedmenuList .custom-module{
  display:inline-block;
}
#VisitCall_editView_fieldName_quality,#VisitCall_editView_fieldName_deliveries,#VisitCall_editView_fieldName_pricing,#VisitCall_editView_fieldName_overal_customer_satisfaction{
  width: 140px!important;
}
.settingsIndexPage .settingsSummary a {
    display: inline-block;
    background: linear-gradient(right,#2b95ff,#2b95ff)!important;
    background: -webkit-linear-gradient(right,#2b95ff,#2b95ff)!important;
    color: #fff!important;
    border-radius: 5px !important;
    min-width: 200px;
    padding: 20px 0 10px;
    border: none !important;
    box-shadow: 0px 4px 7px #000;
}
/*#appnavcontent .navbar-nav{
  margin-top: -38px;
margin-right: 29px;
}*/
.settingsgroup-panel .panel-collapse{
    background: linear-gradient(right,#f6f6f6,#f2f2f2) !important;
background: -webkit-linear-gradient(right,#f6f6f6,#f2f2f2) !important;
}
.settingsgroup-panel ul li a{
  color: #000!important;
}
.settingsIndexPage .settingsSummary:hover a {
background: linear-gradient(right,#2b95ff,#2b95ff)!important;
   background: -webkit-linear-gradient(right,#2b95ff,#2b95ff)!important;
  }
#settingsShortCutsContainer .contentsBackground {
    background: linear-gradient(right,#2b95ff,#2b95ff)!important;
    background: -webkit-linear-gradient(right,#2b95ff,#2b95ff)!important;
    border: none!important;
    box-shadow: 0px 4px 7px #000;
    border-radius: 5px !important;
    color: #fff;
}
#settingsShortCutsContainer .moduleBlock:hover {
   background: linear-gradient(right,#2b95ff,#2b95ff)!important;
   background: -webkit-linear-gradient(right,#2b95ff,#2b95ff)!important; 
    color: #fff;
}
.pickListDependencyTable th{
  position: sticky;
  top: 0;
}
.ar-rv-section h5 {
    padding: 12px!important;
    margin: 0;
    font-size: 14px!important;
    font-weight:600;
    color: #fff!important;
   background: linear-gradient(right,#2b95ff,#2b95ff)!important;
    background: -webkit-linear-gradient(right,#2b95ff,#2b95ff)!important;
}
.custombuttoncontents{
  margin-bottom:100px;
}
#settingsShortCutsContainer .moduleBlock:hover .unpin:hover {
    opacity: 1!important;
    color: #fff!important;
}
/*.global-actions .navbar-nav {
    margin: 12px -6px!important;
}*/
.viewContent .content-area {
    padding-left: 4%!important;
}
#searchResults-container {
    background-color: #FBFBFB;
    padding-left: 29px;
}
.inline-search-btn .btn-sm{
  background: linear-gradient(right,#2b95ff,#2b95ff)!important;
  background: -webkit-linear-gradient(right,#2b95ff,#2b95ff)!important;
  border-color: none!important;
  border:none!important;
}
.inline-search-btn .btn-sm:hover{
  background: linear-gradient(right,#2b95ff,#2b95ff)!important;
  background: -webkit-linear-gradient(right,#2b95ff,#2b95ff)!important;
  border-color: none!important;
  border:none!important;
}
.settingsIndexPage h4{
  color: #3d0873;
}
/*.settingsgroup{
  margin-left: -200px!important;
}*/
.Settings-toggle .editViewPageDiv{
  display:none
}
.module-nav .settingsLight{
  margin-left: -260px!important;
}
body .detailViewContainer {
  overflow:hidden;
}


.listview-actions-container {
    position: relative;
    background: linear-gradient(right,#ffffff,#ffffff)!important;
   background: -webkit-linear-gradient(right,#ffffff,#ffffff)!important;
}
.floatThead-table{
background: linear-gradient(right,#ffffff,#ffffff)!important;
   background: -webkit-linear-gradient(right,#ffffff,#ffffff)!important;
}
.main-container .sidebar-essentials{
  background: linear-gradient(right,#ffffff,#ffffff)!important;
   background: -webkit-linear-gradient(right,#ffffff,#ffffff)!important;
}
.detailview-header-block{
   background: linear-gradient(right,#ffffff,#ffffff)!important;
   background: -webkit-linear-gradient(right,#ffffff,#ffffff)!important;
}
.editViewContents .fieldBlockContainer, .summaryView{
   background: linear-gradient(right,#ffffff,#ffffff)!important;
   background: -webkit-linear-gradient(right,#ffffff,#ffffff)!important;
}
.table .table{
   background: linear-gradient(right,#ffffff,#ffffff)!important;
   background: -webkit-linear-gradient(right,#ffffff,#ffffff)!important;
}
.detailViewContainer .content-area, .editViewPageDiv .content-area, .editViewPageDiv.content-area, .editViewPageDiv .reports-content-area{
  background: linear-gradient(right,#ffffff,#ffffff)!important;
   background: -webkit-linear-gradient(right,#ffffff,#ffffff)!important;
}
.ModulemanagerSettings{
  background: linear-gradient(right,#ffffff,#ffffff)!important;
   background: -webkit-linear-gradient(right,#ffffff,#ffffff)!important;
}
.input-select-addon{
padding: 5px 19px 5px 10px!important;
}
.main-container .settingsPageDiv {
    padding-left: 265px!important;
    margin-top: 5px;
}
.current-filter-name a{
  max-width:310px!important;
}
.navbar-default .navbar-toggle:focus {
    background-color: #ddd !important;
}
.pageNumbers{
  top:3px!important;
}
.pageNumbersText{
  font-size: 17px;
font-weight: 600;
}
.totalNumberOfRecords{
  font-size: 17px;
font-weight: 600;
}
#notificationContainer{
  margin-top: 0!important;
}
#taskManagementContainer .modal-header h4 {
  color:#fff;
}
.textOverflowEllipsis{
margin-left: 4px;
}
.main-container .settingsRight {
    padding-left: 46px!important;
}
#helpPageOverlay{
  z-index: 99999!important;
}
.listViewEntries .input-group, .referencefield-wrapper .input-group {
    min-width: 120px;
}
.app-nav .module-action-bar{
  border-bottom: none!important;
}
.btn-lg, .btn-group-lg > .btn {
    padding: 4px 14px!important;
  }
.company-logo.leftLogo{
  margin-left: -51px;
}
/*.company-logo{
  margin: 5px 0 !important;
}*/
#vtiger_mynotepad-icon{
width: 17px!important;
height: 17px;
margin-top: 4px;
}
/*horizontal menu*/
/*.app-nav .module-action-bar{
border-bottom: none!important;
padding-left: 0px !important
}
.main-container .content-area{
  padding-left: 242px !important;
}
.listViewPageDiv.content-area.full-width, .CalendarViewPageDiv.content-area.full-width, .editViewPageDiv.content-area.full-width, .settingsPageDiv.content-area.full-width{
  padding-left: 0px!important;
}
.main-container .sidebar-essentials{
  left: 0px!important;
}*/

/*#Horizontal-menu{
  display:none;
  }*/
/*horizontal menu end*/

/*   left side bar css  */
/*#page, .app-fixed-navbar, .dashBoardContainer{
  margin-left: 24px;
}
.app-navigator .fa-bars{
display: none!important;
}
.global-nav .app-navigator-container {
  margin-left: 49px;
}*/
.height100Per{
  margin-left: 30px;
}
.left-side{
  display: none;
}
.floatThead-floatContainer{
width: 100%!important;
}
/*   left side bar css  */
/*.global-actions ul li{
  margin-top: -1px;
font-size: 15px;
margin-bottom: -15px;
}*/
.navbar-inverse{
background-color: unset !important;
}
.theme-container{
position: absolute;
right: 0;
width: 386px;
top: 42px;
z-index: 4444;
display:none;
}
.theme-container .panel-heading a.collapsed::before, .theme-container .panel-heading a::before{
  display: none;
}
#tab_rc_config{
color:#000!important;
}
.btn-danger{
  background: linear-gradient(right,#2b95ff,#2b95ff)!important;
    background: -webkit-linear-gradient(right,#2b95ff,#2b95ff)!important;
border: none!important;
border-radius: 5px !important;
}
.btn-info{
  background: linear-gradient(right,#2b95ff,#2b95ff)!important;
    background: -webkit-linear-gradient(right,#2b95ff,#2b95ff)!important;
border: none!important;
border-radius: 5px !important;
}
.ar-button.green{
  background: linear-gradient(right,#2b95ff,#2b95ff)!important;
    background: -webkit-linear-gradient(right,#2b95ff,#2b95ff)!important;
border: none!important;
border-radius: 5px !important;
}
.ui-tabs .ui-tabs-nav li.ui-tabs-active a{
  background: linear-gradient(right,#2b95ff,#2b95ff)!important;
    background: -webkit-linear-gradient(right,#2b95ff,#2b95ff)!important;
border: none!important;
border-radius: 5px !important;
color:#fff!important;
}
.ui-tabs .ui-tabs-nav li a{
  background: linear-gradient(right,#ffffff,#ffffff)!important;
     background: -webkit-linear-gradient(right,#ffffff,#ffffff)!important;
     color: #fff!important;
}
.theme-container .panel-heading{
padding: 1px 0px;
background: linear-gradient(right,#2b95ff,#2b95ff);
background: -webkit-linear-gradient(right,#2b95ff,#2b95ff);
border-bottom: none;
}
.settingsgroup-panel .panel-collapse ul li a:hover{
  background: linear-gradient(right,#2b95ff,#2b95ff)!important;
background: -webkit-linear-gradient(right,#2b95ff,#2b95ff)!important;
color:#fff!important;
}
.editViewContainer {
  margin-left: 20px;
}
.theme-container .panel{
border-top:1px solid #fff;
}
.theme-container .panel:first-child{
border-top:none;
}
.listview-table tr td, .listview-table tr th {
    color: !important;
}

#menu_def1{
   background:#147703!important;
}
.theme-container .panel-heading a {
    display: block;
    padding: 15px 6px 8px;
    color: #fff;
    text-decoration: none;
    font-weight: 600;
}
/*.search-links-container{
  margin: 0 140px;
}*/
.theme-panels.panel-default:hover .Label-Text {
   background: linear-gradient(right,#2b95ff,#2b95ff)!important;
   background: -webkit-linear-gradient(right,#2b95ff,#2b95ff)!important;
}
.theme-container .panel-body {
    padding: 2px 0px;
}
.add-styles{
  margin: 11px 125px !important;
}

.app-switcher-container .app-navigator .app-icon {
color: #fff !important;
opacity: 1 !important;
 background: linear-gradient(right,#2b95ff,#2b95ff)!important;
background: -webkit-linear-gradient(right,#2b95ff,#2b95ff)!important;
width: 39px;
height: 37px;
margin-top: 3px;
border-radius: 5px !important;
line-height: 35px;
margin-left: 0px
}
.app-switcher-container .app-navigator {
    background-color: transparent!important;
}
.global-nav .app-switcher-container .app-navigator:hover .app-icon {
    opacity: 1;
    color: #fff!important;
}
.global-nav {
    box-shadow: 0px -1px 7px #01367a;
    margin-bottom: 2px;
}
.navbar-default .navbar-toggle:focus {
    background-color: #ddd !important;
}
.app-nav .module-action-bar{
  padding-left: 0px!important;
}
.app-nav .module-action-left{
  padding-left: 35px!important;
}
.modal-overlay-footer{
  border-left: 0px solid #2c3b49!important;
}
.main-container{
  margin-left: -42px;
}
.ui-dialog #modalWindow{
  width: 300px!important;
}
.dropdown-horizontal {
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 1000;    
    float: left;
    min-width: 100%;
    padding: 5px 0;
    margin: 2px 0 0;
    font-size: 14px;
    display: none;
    text-align: left;
    list-style: none;
   background: linear-gradient(right,#ffffff,#ffffff)!important;
   background: -webkit-linear-gradient(right,#ffffff,#ffffff)!important;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    border: 1px solid #ccc;
    border: 1px solid rgba(0,0,0,.15);
   border-radius: 5px !important;
    -webkit-box-shadow: 0 6px 12px rgba(0,0,0,.175);
    box-shadow: 0 6px 12px rgba(0,0,0,.175);
}
.recordImage.app-SALES {
  background: linear-gradient(right,#2b95ff,#2b95ff)!important;
    background: -webkit-linear-gradient(right,#2b95ff,#2b95ff)!important;
}
.recordImage.app-MARKETING {
  background: linear-gradient(right,#2b95ff,#2b95ff)!important;
    background: -webkit-linear-gradient(right,#2b95ff,#2b95ff)!important;
}
.recordImage.app-OTHER {
  background: linear-gradient(right,#2b95ff,#2b95ff)!important;
    background: -webkit-linear-gradient(right,#2b95ff,#2b95ff)!important;
}
.recordImage.app-SUPPORT {
  background: linear-gradient(right,#2b95ff,#2b95ff)!important;
    background: -webkit-linear-gradient(right,#2b95ff,#2b95ff)!important;
}
.recordImage.app-INVENTORY {
  background: linear-gradient(right,#2b95ff,#2b95ff)!important;
    background: -webkit-linear-gradient(right,#2b95ff,#2b95ff)!important;
}
.recordImage.app-PROJECT {
  background: linear-gradient(right,#2b95ff,#2b95ff)!important;
    background: -webkit-linear-gradient(right,#2b95ff,#2b95ff)!important;
}
.recordImage.app-TOOLS {
  background: linear-gradient(right,#2b95ff,#2b95ff)!important;
    background: -webkit-linear-gradient(right,#2b95ff,#2b95ff)!important;
}
.recordImage.app-DEFAULT,
.recordImage.app-DASHBOARD {
  background: linear-gradient(right,#2b95ff,#2b95ff)!important;
    background: -webkit-linear-gradient(right,#2b95ff,#2b95ff)!important;
}
#filterContainer h4{
  color:#fff!important;
}
#filterContainer .close{
  color:#fff!important;
}
  .divFirst{
  list-style-type: none;
  float: left;
  border-right: 1px solid #ccc;
  width: 180px;
  min-height: 390px;
  margin-left: -30px;
  }
  .divFirst li a{
    color: #000!important;
    line-height: 25px;
display: flex;
margin-bottom: -4px;
  }
  
  .SecondDiv li a{
      color: #000!important;
      line-height: 25px;
display: flex;
margin-bottom: -4px;
  }
  .sub-inner.active a{
    color:#fff!important;
      background: linear-gradient(right,#2b95ff,#2b95ff)!important;
   background: -webkit-linear-gradient(right,#2b95ff,#2b95ff)!important;
  }
  .first-doc.active a{
    color:#fff!important;
      background: linear-gradient(right,#2b95ff,#2b95ff)!important;
   background: -webkit-linear-gradient(right,#2b95ff,#2b95ff)!important;
  }
  .sub-inner:hover a{
    color:#fff!important;
      background: linear-gradient(right,#2b95ff,#2b95ff)!important;
   background: -webkit-linear-gradient(right,#2b95ff,#2b95ff)!important;
  }
  .sub-inner:hover span{
    color:#fff!important;
  }
  .first-doc{
    padding-left:5px!important;
  }
  .first-doc:hover a{
    color:#fff!important;
      background: linear-gradient(right,#2b95ff,#2b95ff)!important;
   background: -webkit-linear-gradient(right,#2b95ff,#2b95ff)!important;
  }
  .SecondDiv .horizontal-Scnd{
    list-style-type: none;
  float: left;
  border-right: 1px solid #ccc;
  width: 13.00%;
  min-height: 390px;
  }
  .divFirst li{
    padding: 7px 1px;
    list-style: none;
    font-size:13px;
  }
  .opend .dropdown-horizontal{
    display: block;
  }
.SecondDiv{
  list-style: none;
width: calc(100vw - 201px);
max-height: calc(100vh - 20px);
overflow-y: scroll;
display: inline;
}
.scrollableSearchContent{
  padding-left:4%;
}
.SecondDiv .horizontal-Scnd ul{
padding: 0px 11px;
list-style: none;
border-top: 2px solid #ccc;
margin-top: 10px;
}
.logout-footer a {
    color: #000 !important;
    display: unset!important;
}
.SecondDiv .horizontal-Scnd ul li{
  padding: 8px 0px;
font-size: 13px;
margin-left: -10px!important;
}
.global-nav .app-switcher-container .app-navigator:hover {
    background: transparent!important;
    opacity: 1;
}
.sub-menu {
    list-style: none;
    position: absolute;
    top: 0;
    left: 21px;
    visibility: hidden;
    width: 65px;
    min-height: 100%;
    margin: 0;
    padding: 0;
    background: linear-gradient(right,#ffffff,#ffffff);
    background: -webkit-linear-gradient(right,#ffffff,#ffffff);
    box-shadow: 0px 0px 9px #ccc;
}
.sub-menu li.active a span{
color:#2077f9;
}
.All-menu{
padding: 3px 10px;
box-shadow: 0px 0px 7px #b9b6b6;
line-height: 2;
cursor: pointer;
}
.All-menu p{
margin: 4px 0px;
color: #000!important;
  }
.sub-menu li{
  padding: 10px 0px 14px 10px;
}
.sub-menu li a span{
  font-size: 15px;
margin-left: 10px;
color: #000!important;
}
.menu__level--current {
    visibility: visible !important;
}
.left-side ul li{
  list-style: none;
}
.left-side ul li .main-menu{
display: block;
padding: 6px 0px 25px 0px;
font-size: 12px;
color: #000!important;
}
.left-side> ul > li > .main-menu i{
display: inline-block;
width: 26px;
vertical-align: middle;
font-size: 17px;
color: #000!important;
}
.left-side> ul > li > .main-menu .ti-angle-right{
  font-size: 10px;
  margin-top: 5px;
}
[class*='vt-']::before {
  display: inline-block;
  font: normal normal normal 24px/1 'Material Design Icons';
  font-size: 25px;
  /*color: #646363;*/ 
}
.vt-Potentials::before{
  content: '\F1007';  
}
.vt-Accounts::before{
  content: '\F0070';
  }
.vt-Documents::before{
  content: '\F0DC8';
  }
.vt-Contacts::before{
  content: '\F06CB';
  }
.vt-Leads::before{
  content: '\F06DB';
  }
.vt-Calendar::before{
  content: '\F0E17';
  }
.vt-Emails::before{
  content: '\F01EE';
  }
.vt-HelpDesk::before{
  content: '\F0517';
  }
.vt-Faq::before{
  content: '\F1522';
  }
.vt-Products::before{
  content: '\F0637';
  }
.vt-PriceBooks::before{
  content: '\F0115';
  }
.vt-Quotes::before{
  content: '\F0E99';
  }
.vt-PurchaseOrder::before{
  content: '\F0CF4';
  }
.vt-SalesOrder::before{
  content: '\F0D92';
  }
.vt-Invoice::before{
  content: '\F14EE';
  }
.vt-Rss::before{
  content: '\F046C';
  }
.vt-Vendors::before{
  content: '\F106B';
  }
.vt-Users::before{
  content: '\F0849';
  }
.vt-Reports::before{
  content: '\F154D';
  }
.vt-Campaigns::before{
  content: '\F1096';
  }
.vt-Portal::before{
  content: '\F0F94';
  }
.vt-Webmails::before{
  content: '\F0EBB';
  }
.vt-MailManager::before{
  content: '\F0EE3';
  }
.vt-ServiceContracts::before{
  content: '\F14E5';
  }
.vt-PBXManager::before{
  content: '\F0602';
  }
.vt-Services::before{
  content: '\F05B7';
  }
.vt-Webforms::before{
  content: '\F1401';
  }
.vt-Assets::before{
  content: '\F1520';
  }
.vt-RecycleBin::before{
  content: '\F0A79';
  }
.vt-ProjectMilestone::before{
  content: '\F1532';
  }
.vt-ProjectTask::before{
  content: '\F10D4';
  }
.vt-Project::before{
  content: '\F0F3D';
  }
.vt-Google::before{
  content: '\F02AD';
  }
.vt-vtSSO::before{
  content: '\F020C';
  }
.vt-OSSMail::before{
  content: '\F01EE';
  }
.vt-SMSNotifier::before{
  content: '\F0A3A';
  }
.vt-OSSMailTemplates::before{
  content: '\F0FB1';
  }
.vt-OSSMailView::before{
  content: '\F0EE9';
  }
.vt-OSSMailScanner::before{
  content: '\F0961';
  }
.vt-vtMenuDziner::before{
  content: '\F0986';
  }
.vt-vtDZiner::before{
  content: '\F11E2';
  }
.vt-Kanban::before{
  content: '\F0B12';
  }
.vt-vtVisualizer::before{
  content: '\F012B';
  }
.vt-vtFieldFormula::before{
  content: '\F01C9';
  }
.vt-vtTooltip::before{
  content: '\F0523';
  }
.vt-AdvancedReports::before{
  content: '\F0128';
  }
.vt-vtLoginSkin::before{
  content: '\F0A07';
  }
.vt-VTENotepad::before{
  content: '\F14E5';
  }
.vt-HR::before{
  content: '\F0E0D';
  }
.vt-VisitCall::before{
  content: '\F0AC1';
  }
.vt-Stakeholder::before{
  content: '\F0934';
  }
.vt-Costing::before{
  content: '\F08AF';
  }
.vt-vtAdvanceComments::before{
  content: '\F017B';
  }
.vt-vtGlobalPicklists::before{
  content: '\F1401';
  }
.vt-myNotepad::before{
  content: '\F0C5B';
  }
.vt-vtNotifications::before{
  content: '\F009A';
  }
.vt-vtFaq::before{
  content: '\F0E84';
  }
.vt-Settings::before{
  content: '\F0CBD';
  }
.vt-home::before{
  content: '\F07D2';
  }

.ti-accounts::before {
    content: '\e699'!important;
}
.ti-campaigns::before {
    content: '\e64f'!important;
}
.ti-leads::before {
    content: '\e670'!important;
}
.ti-contacts::before {
    content: '\e602'!important;
}
.ti-ossmail::before {
    content: '\e75a'!important;
}
.ti-vtfacebookleads::before {
    content: '\e741';!important;
}
.ti-quotes::before {
    content: '\e6a6'!important;
}
.ti-products::before {
    content: '\e687'!important;
}
.ti-services::before {
    content: '\e6b4'!important;
}
.ti-smsnotifier::before {
    content: '\e621'!important;
}
.ti-potentials::before {
    content: '\e699'!important;
}
.ti-salesorder::before {
    content: '\e68c'!important;
}
.ti-invoice::before {
    content: '\e6dc'!important;
}
.ti-vendors::before {
    content: '\e66d'!important;
}
.ti-pricebooks::before {
    content: '\e6b7'!important;
}
.ti-purchaseorder::before {
    content: '\e68c'!important;
}
.ti-helpdesk::before {
    content: '\e719'!important;
}
.ti-faq::before {
    content: '\e69c'!important;
}
.ti-servicecontracts::before {
    content: '\e6c8'!important;
}
.ti-assets::before {
    content: '\e60f'!important;
}
.ti-project::before {
    content: '\e651'!important;
}
.ti-projecttask::before {
    content: '\e64d'!important;
}
.ti-projectmilestone::before {
    content: '\e655'!important;
}
.ti-pbxmanager::before {
    content: '\e621'!important;
}

.inner-ul .app-name-hide{
  display: none;
}

.animate-outToRight .submenu_inner, .animate-outToRight .panel {
    -webkit-animation: outToRight 0.6s both cubic-bezier(0.7, 0, 0.3, 1);
    animation: outToRight 0.6s both cubic-bezier(0.7, 0, 0.3, 1);
  }
  
  @-webkit-keyframes outToRight {
    to {
      opacity: 0;
      -webkit-transform: translate3d(100%, 0, 0);
      transform: translate3d(100%, 0, 0);
    }
  }
  
  @keyframes outToRight {
    from {
      opacity: 0;
      -webkit-transform: translate3d(100%, 0, 0);
      transform: translate3d(100%, 0, 0);
    }
    to {
      opacity: 1;
      -webkit-transform: translate3d(0, 0, 0);
      transform: translate3d(0, 0, 0);
    }
  }
  
  .animate-outToLeft .main-menu {
    -webkit-animation: outToLeft 0.3s both cubic-bezier(0.7, 0, 0.3, 1);
    animation: outToLeft 0.3s both cubic-bezier(0.7, 0, 0.3, 1);
  }
  
  @-webkit-keyframes outToLeft {
    to {
      opacity: 0;
      -webkit-transform: translate3d(-100%, 0, 0);
      transform: translate3d(-100%, 0, 0);
    }
  }
  
  @keyframes outToLeft {
    to {
      opacity: 0;
      -webkit-transform: translate3d(-100%, 0, 0);
      transform: translate3d(-100%, 0, 0);
    }
  }
  
  .animate-inFromLeft .main-menu {
    -webkit-animation: inFromLeft 0.6s both cubic-bezier(0.7, 0, 0.3, 1);
    animation: inFromLeft 0.6s both cubic-bezier(0.7, 0, 0.3, 1);
  }
  
  @-webkit-keyframes inFromLeft {
    from {
      opacity: 0;
      -webkit-transform: translate3d(-100%, 0, 0);
      transform: translate3d(-100%, 0, 0);
    }
    to {
      opacity: 1;
      -webkit-transform: translate3d(0, 0, 0);
      transform: translate3d(0, 0, 0);
    }
  }
  
  @keyframes inFromLeft {
    from {
      opacity: 0;
      -webkit-transform: translate3d(-100%, 0, 0);
      transform: translate3d(-100%, 0, 0);
    }
    to {
      opacity: 1;
      -webkit-transform: translate3d(0, 0, 0);
      transform: translate3d(0, 0, 0);
    }
  }
  
  .animate-inFromRight .submenu_inner, .animate-inFromRight .panel {
    -webkit-animation: inFromRight 0.6s both cubic-bezier(0.7, 0, 0.3, 1);
    animation: inFromRight 0.6s both cubic-bezier(0.7, 0, 0.3, 1);
  }
  
  @-webkit-keyframes inFromRight {
    from {
      opacity: 0;
      -webkit-transform: translate3d(100%, 0, 0);
      transform: translate3d(100%, 0, 0);
    }
    to {
      opacity: 1;
      -webkit-transform: translate3d(0, 0, 0);
      transform: translate3d(0, 0, 0);
    }
  }
  
  @keyframes inFromRight {
    from {
      opacity: 0;
      -webkit-transform: translate3d(100%, 0, 0);
      transform: translate3d(100%, 0, 0);
    }
    to {
      opacity: 1;
      -webkit-transform: translate3d(0, 0, 0);
      transform: translate3d(0, 0, 0);
    }
  }

  .default-themes{
  background: #fff;
    height: calc(100vh - 190px);
    overflow: auto;
}
.theme-list{
  margin-left: 7px;
  margin-top: 8px !important;
  margin-right: 10px;
  display:block!important;
}
.default-themes > .radio label{
   width: 100%;
   padding-left: 0;
}
.theme-list div.pull-right{
  margin-top: 20px;
}
.dthemeList div{
  float: left;
  margin-left: 2px;
      box-shadow: 0px 2px 7px #969494;
    width: 65px;
    margin-bottom: 12px;
}
.dthemefirst, .dthemesecond, .dthemethird{
    height: 30px;
    padding: 1px 7px;
    display: flex;
    text-align: center;
    justify-content: center;
    border-radius: 5px !important;
}
.default-themes > .radio input{
  display: none;
}
.numberCircle{
background: none repeat scroll 0 0 #05a4e1!important;
}
.default-themes{
  background: #fff;
    max-height: 500px;
    overflow-y: auto;
    overflow-x: hidden;
}

.default-themes > .radio label{
   width: 90%;
   padding-left: 0;
}

.dthemeList div{
  float: left;
  margin-left: 2px;
      box-shadow: 0px 2px 7px #969494;
    width: 65px;
    margin-bottom: 12px;
}
.dthemefirst, .dthemesecond, .dthemethird{
    height: 30px;
    padding: 1px 7px;
    display: flex;
    text-align: center;
    justify-content: center;
    border-radius: 5px !important;
}
.default-themes > .radio input{
  display: none;
}
.themep{
text-align: center;
margin: 5px -9px;
padding: 0;
color: #fff;
font-size: 10px;
}
.ExtensionscontentsDiv{
  margin-left: 32px;
}
.crmSettings{
      list-style: none;
background: #5e5e5f;
margin: -2px -11px 1px -16px;
display: block;
/*box-shadow: 0px 6px 7px #ccc;
*/  }
  .crmSettings li{
     padding: 13px 5px;
border-bottom: 1px solid #bfbebe;
margin-left: -39px;
color: #fff;
margin-top: 0px;
  }
  .crmSettings li:hover{
    color: #fff;
    background: linear-gradient(right,#2b95ff,#2b95ff)!important;
     background: -webkit-linear-gradient(right,#2b95ff,#2b95ff)!important;
    }
    .menuEditorModuleItem{
      background: linear-gradient(right,#2b95ff,#2b95ff)!important;
     background: -webkit-linear-gradient(right,#2b95ff,#2b95ff)!important;
    }
    .crmSettings li:hover a{
    color: #fff;
    background: transparent!important;
    }
    .app-fixed-navbar{
     background: linear-gradient(right,#ffffff,#ffffff)!important;
     background: -webkit-linear-gradient(right,#ffffff,#ffffff)!important;
    /* box-shadow: 0px 0px 4px #000;*/
    }
    .modal-knowledge, .modal-box .modal-body{
      background: linear-gradient(right,#ffffff,#ffffff)!important;
     background: -webkit-linear-gradient(right,#ffffff,#ffffff)!important;
    }
    .search-link .keyword-input{
      background: transparent!important;
    }
    /*.search-link .keyword-input, .search-link, .keyword-input::placeholder{
      color: #201f1e !important;
      opacity: 1;
    }*/
    .app-nav .module-action-bar .module-action-content{
      background: #f3f3f3 !important;
    }
    .coloredBorderTop {
    border-top: none!important;
}
.icon-ok2, .icon-ok1{
  margin-right: 19px;
font-size: 15px;
font-weight: 600
}
/*.search-link{
  border: unset!important;
border-radius: 2px !important;
background: #ffffff;
}*/
.global-nav .navbar-nav > li div a {
   color: #000!important;
   font-size: 17px;
display: block;
}
.module-action-bar .module-title{
  color: #000!important;
}
.caret{
  color: #fff;
}
.btn-default{
  color: #fff!important;
  background: linear-gradient(right,#2b95ff,#2b95ff)!important;
  background: -webkit-linear-gradient(right,#2b95ff,#2b95ff)!important;
  text-shadow: none!important;
  border-radius: 5px !important;
  border: none!important;
}
.fc-day-header {
    background: linear-gradient(right,#2b95ff,#2b95ff);
    background: -webkit-linear-gradient(right,#2b95ff,#2b95ff);
    height: 35px!important;
    vertical-align: middle !important;
    color: white;
}
.fc-state-default{
   background: linear-gradient(right,#2b95ff,#2b95ff)!important;
    background: -webkit-linear-gradient(right,#2b95ff,#2b95ff)!important;
    color: #fff !important;
  text-shadow: none !important;
}
.fc-time-grid .fc-slats td {
    height: 2.5em!important;
    border-bottom: 0;
}
.fc-button.fc-state-active {
    background: linear-gradient(right,#ffffff,#ffffff)!important;
  background: -webkit-linear-gradient(right,#ffffff,#ffffff)!important;
    color: #000!important;
}
.Calendar-sidebar-list{
  list-style: none;
margin-left: -23px;
}
.activitytypes .activitytype-indicator{
  margin:3px!important;
}
.Calendar-sidebar-list li{
  background: linear-gradient(right,#2b95ff,#2b95ff)!important;
    background: -webkit-linear-gradient(right,#2b95ff,#2b95ff)!important;
  padding: 6px 5px;
margin-bottom: 5px;
}
.Calendar-sidebar-list li a{
  color: #fff;
  }
  /*.Calendar-sidebar-list li.active a {
    border-left: 3px solid #EF5E29;
    opacity: 1;
}*/
.calendar-sidebar-tab {
    padding: 10px;
    max-height: 700px;
    overflow-x: hidden;
    overflow-y: auto;
}
.activitytypes .activitytype-indicator {
    padding: 5%;
    font-size: 80%;
    min-height: 35px;
    word-wrap: break-word;
    box-shadow: 0px 3px 6px #151515;
    border-radius: 5px !important;
}
.dashBoardContainer .dashBoardTabContents ul li{
box-shadow: 0px 0px 5px #a6a2a2;
border-radius: 5px !important;
border: 1px solid #E2E2E4 !important;
}
.btn-group > .btn:first-child {
    margin-left: 1px;
    margin-right: 2px;
}
.btn-group > .btn, .btn-group-vertical > .btn {
    margin-right: 2px;
}
.dashboardWidgetHeader{
  box-shadow: 0px 0px 7px #ccc;
margin: -15px -16px 4px -14px;
}
.dashboardWidgetHeader .title{
 margin-top: -1px;
padding-bottom: 18px!important;
margin-left: 7px;
padding-top: 7px;
}
.dashboardWidgetHeader .userList .select2-container {
    max-width: 95% !important;
    margin-left: 9px;
    margin-top: -6px;
}
.dashboardWidgetHeader .select2-container .select2-choice {
    height: 32px;
    border-radius: 5px !important;
}
.dashBoardWidgetFooter{
  top: 0!important;
  background: transparent!important;
  bottom: unset!important;
}
.footerIcons .fa-cog{
color: #1eb2f6;
}
.footerIcons .fa-refresh{
color: green;
}
.footerIcons .fa-remove{
color: #f45e5e;
}
.footerIcons a{
padding: 0px 8px;
font-size: 16px;
}
/*#theme_Style{
  animation:blinkingText 0.8s infinite;
  font-size: 13px;  
}*/
@keyframes blinkingText{
  0%{   color: #fff;  }
  49%{  color: transparent; }
  50%{  color: transparent; }
  99%{  color:transparent;  }
  100%{ color: #fff;  }
}
.current-filter-name, .current-filter-name .fa-angle-right{
  font-size: 16px!important;
  color: #000;
}
.sidebar-menu .sidebar-btn {
    padding: 7px 12px;
    line-height: 10px;
    margin-top: 2px;
    border-radius: 5px !important;
    border: 0px;
}
.search-folders, .search-list {
    width: 100%;
    background-color: #FFFFFF;
    border: 1px solid #DDDDDD;
    margin: 5px 0 10px;
    color: #888383;
    padding: 5px 10px;
    border-radius: 5px !important;
}
.lists-menu > li:hover, .lists-menu > li.active {
    background: #CECACA!important;
    border-radius: 5px !important;
}
.main-container .sidebar-essentials{
  box-shadow: 0px 0px 9px #ccc;
}
.messageContainer {
  background: linear-gradient(right,#2b95ff,#2b95ff);
  background: -webkit-linear-gradient(right,#2b95ff,#2b95ff);
}
.btn-default:hover, .btn-primary:hover{
  background: linear-gradient(right,#2b95ff,#2b95ff)!important;
  background: -webkit-linear-gradient(right,#2b95ff,#2b95ff)!important;
  border-color: none!important;
  border:none!important;
}
.fieldBlockHeader {    
    color: #fff!important;
    padding: 10px;
  background: linear-gradient(right,#2b95ff,#2b95ff)!important;
  background: -webkit-linear-gradient(right,#2b95ff,#2b95ff)!important;
}
.editViewContents .fieldBlockContainer{
  padding: 0px!important;
}
.fieldBlockContainer hr{
border-top: none!important;
}
.noCommentsMsgContainer, .quick-preview-modal .noContent{
  border-radius: 5px !important;
}
.summaryViewEntries{
border-bottom: 1px solid #e3e3e3;
}
.detailview-table .fieldLabel {   
    background: #f7f7f7;
}
.detailview-table .fieldValue {  
    background: #f2f2f2;
}
.quickCreateContent .massEditTable textarea, .addCommentBlock .commentTextArea textarea{
  border-radius: 5px !important;
}
.muted {
    color: #373737!important;
    font-weight: 400;
}
#selectAllMsgDiv, #deSelectAllMsgDiv{
  color: #fff!important;
  border-radius: 5px !important;
}
.table-container {
    border: none !important;
    overflow-x: scroll;
    overflow-y: hidden;
}
.listview-table > thead > tr > th{
  border-bottom: none!important;
}
.listview-table > thead > tr > th, .listview-table > tbody > tr > th, .listview-table > tfoot > tr > th, .listview-table > thead > tr > td, .listview-table > tbody > tr > td, .listview-table > tfoot > tr > td{
  border-top: none!important;
padding: 11px 5px!important;
}
.floatThead-table {
    border-left: none!important;
}
#listview-table{
  border-collapse: separate;
border-spacing: 0px 5px;
}
.floatThead-table{
border-spacing: 0px 3px;
}
.inputElement{
  border-radius: 5px !important;
}
.btn-success{
 background: linear-gradient(right,#2b95ff,#2b95ff)!important;
    background: -webkit-linear-gradient(right,#2b95ff,#2b95ff)!important;
border: none!important;
border-radius: 5px !important;
}
.floatThead-wrapper, .listview-table tr{
  box-shadow: 0px 0px 6px #444343;
border-radius: 5px !important;
}
.detailview-header-block{
  box-shadow: 0px 0px 8px #ccc;
border-radius: 5px !important;
}
.related-tabs.row {
    background: linear-gradient(right,#2b95ff,#2b95ff)!important;
    background: -webkit-linear-gradient(right,#2b95ff,#2b95ff)!important;
    margin-top: 10px;
    box-shadow: 0px 0px 8px #ccc;
    border-radius: 5px !important;    
}
.btn-primary{
    background: linear-gradient(right,#2b95ff,#2b95ff)!important;
    background: -webkit-linear-gradient(right,#2b95ff,#2b95ff)!important;
   border-radius: 5px !important;
    border: 0px;
}
.input-group-addon{
 background: linear-gradient(right,#2b95ff,#2b95ff)!important;
background: -webkit-linear-gradient(right,#2b95ff,#2b95ff)!important;
color: #fff!important;
border-radius: 5px !important; 
border:0px!important;
}
.modal-header{
   background: linear-gradient(right,#2b95ff,#2b95ff)!important;
background: -webkit-linear-gradient(right,#2b95ff,#2b95ff)!important;
}
#goToFullForm{
  background: linear-gradient(right,#2b95ff,#2b95ff)!important;
background: -webkit-linear-gradient(right,#2b95ff,#2b95ff)!important;
color: #fff!important;
border: 0px solid!important;
border-radius: 5px !important;
padding: 4px 4px;
}
#goToFullForm:hover{
  background: linear-gradient(right,#2b95ff,#2b95ff)!important;
  background: -webkit-linear-gradient(right,#2b95ff,#2b95ff)!important;
  }

.cancelLink, .popoverCancel {
    font-size: 14px;
    background: linear-gradient(right,#2b95ff,#2b95ff)!important;
  background: -webkit-linear-gradient(right,#2b95ff,#2b95ff)!important;
    color: #fff !important;
    border: 0px solid !important;
    border-radius: 5px !important;
    padding: 3px 9px 7px 7px;
}
.modal-footer .cancelLink{
  padding: 3px 9px 5px 7px!important;
} 
.textAlignCenter .cancelLink{
  padding: 3px 9px 3px 7px!important;
}
.editHeader{
margin-top: -5px!important;
margin-bottom: 0px;
}
.editViewContents .fieldBlockContainer,
.summaryView {
  position: relative;
  border: 1px solid #F3F3F3;
  padding: 15px;
  margin-bottom: 5px!important;
  background: #FFFFFF;
}
 .table-borderless tbody td, .table-borderless tbody th {
  border: 0 !important;
  padding: 3px 5px 2px 7px !important;
}
.fieldBlockContainer textarea.inputElement {
  min-height: 50px;
}
.editViewBody .editViewContents {
  max-height: 100%;
  padding-bottom: 0px!important;
}
 #lineItemTab td:nth-child(1) {
    width: 5%;
  }
  #lineItemTab td:nth-child(2) {
    width: 20%;
  }
  #lineItemTab td:nth-child(3) {
   width: 20%;
  }
  #lineItemTab td:nth-child(4) {
    width: 20%;
  }
  #lineItemTab td:nth-child(5) {
    width: 17%;
  }                              
#massEditContainer h4{
  color:#fff;
}
.btn-danger{
 border-radius: 5px !important;
}
.select2-container .select2-choice {
    border-radius: 5px 5px 5px 5px !important;   
}
.modal-footer .cancelLink{
  margin: 5px 4px
} 
.reportContents{
  box-shadow: 0px 0px 3px #9b9999;
}
.select2-container-multi .select2-choices{
 border-radius: 5px !important;
}
.modal-footer .btn + .btn, #goToFullForm {
    margin-top: -1px;
padding: 5px 10px 4px 10px;
}
.saveButton {
    font-size: 14px;
    color: white;
    padding: 4px 25px!important;
    margin-top: -5px;
}
.modal-header .close{
  opacity: 1;
}
.modal-header button:hover .close {
    padding: 0;
    color: #f94d4d;
}
.input-group-addon:hover{
  background: linear-gradient(right,#2b95ff,#2b95ff)!important;
  background: -webkit-linear-gradient(right,#2b95ff,#2b95ff)!important;
  }
.referencefield-wrapper .createReferenceRecord {
    /*float: left;*/
    margin-left: 5px;
    margin-top: 0px !important;
    border: none !important;
    padding: 6px 9px !important;
    text-align: center;
    color: #fff !important;
 background: linear-gradient(right,#2b95ff,#2b95ff)!important;
background: -webkit-linear-gradient(right,#2b95ff,#2b95ff)!important;
    border-radius: 5px !important;
}
.clearReferenceSelection{
  background: linear-gradient(right,#2b95ff,#2b95ff)!important;
background: -webkit-linear-gradient(right,#2b95ff,#2b95ff)!important;
color:#fff;
}
.panel-collapse ul li a.settingsgroup-menu-color{
  background: linear-gradient(right,#2b95ff,#2b95ff)!important;
background: -webkit-linear-gradient(right,#2b95ff,#2b95ff)!important;
color:#fff!important;
}
.listViewPageDiv{
  margin-top: 5px;
}
/*.related-tabs.row .nav > li{
  margin: 0 2px 3px -19px!important;
}*/
.blockHeader{
  background: linear-gradient(right,#2b95ff,#2b95ff)!important;
background: -webkit-linear-gradient(right,#2b95ff,#2b95ff)!important; 
}
.referencefield-wrapper:hover .createReferenceRecord:hover {
background: linear-gradient(right,#2b95ff,#2b95ff)!important;
  background: -webkit-linear-gradient(right,#2b95ff,#2b95ff)!important;
  }
.related-tabs .nav-tabs > li > a {
    color: #fff!important;
    border-radius: 2px 2px 0 0;
}
.autologinContainer .nav-tabs > li > a {
    color: #666!important;
    border-radius: 2px 2px 0 0;
}
.layoutTabs > li > a {
    color: #666!important;
    border-radius: 2px 2px 0 0;
}
.nav-tabs > .portalMenuHeader > a {
    color: #ccc!important;
    border-radius: 2px 2px 0 0;
}
@media all and (min-width: 0px) and (max-width: 830px) {
  table.summary-table > tbody > tr > td,
  table.summary-table > tbody > tr > th,
  table.summary-table > tfoot > tr > td,
  table.summary-table > tfoot > tr > th,
  table.summary-table > thead > tr > td,
  table.summary-table > thead > tr > th,
  .quickCreateContent > table.table > tbody > tr > td,
  .quickCreateContent > table.table > tbody > tr > th,
  .quickCreateContent > table.table > tfoot > tr > td,
  .quickCreateContent > table.table > tfoot > tr > th,
  .quickCreateContent > table.table > thead > tr > td,
  .quickCreateContent > table.table > thead > tr > th,
  .fieldBlockContainer > table.table:not(#lineItemResult) > tbody > tr > td,
  .fieldBlockContainer > table.table:not(#lineItemResult) > tbody > tr > th,
  .fieldBlockContainer > table.table:not(#lineItemResult) > tfoot > tr > td,
  .fieldBlockContainer > table.table:not(#lineItemResult) > tfoot > tr > th,
  .fieldBlockContainer > table.table:not(#lineItemResult) > thead > tr > td,
  .fieldBlockContainer > table.table:not(#lineItemResult) > thead > tr > th,
  .detailview-table > tbody > tr > td,
  .detailview-table > tbody > tr > th,
  .detailview-table > tfoot > tr > td,
  .detailview-table > tfoot > tr > th,
  .detailview-table > thead > tr > td,
  .detailview-table > thead > tr > th {
    display: block;
    min-width: 100%!important;
  }
  }
@media (min-width: 992px) {
  .app-nav .module-action-bar {
    top:0px!important;
  }
  /*.app-nav .module-action-bar .module-action-content .navbar-right{
    margin-right: 15px!important;
  }*/
  }
.dashBoardContainer .tabContainer .nav-tabs > li > a {
    color: #ccc!important;
    border-radius: 2px 2px 0 0;
}
.summaryWidgetContainer .nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus{
  color: #000!important;
    cursor: default;
    background-color: transparent;
    }
    .autologinContainer .nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus{
  color: #000!important;
    cursor: default;
    background-color: transparent;
    }
.summaryWidgetContainer .nav-tabs > li > a{
color: #666!important;
}
.related-tabs .nav-tabs > li.active > a{
  color: #fff!important;
    cursor: default;
    background-color: transparent;
}
.nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus {
    color: #fff!important;
    cursor: default;
    background-color: transparent;
    }
    .layoutTabs  > li.active > a, .layoutTabs > li.active > a:hover, .layoutTabs > li.active > a:focus{
    color: #000!important;
    cursor: default;
    background-color: transparent;
    }
    .viewDZinerTabs > li.active > a, .viewDZinerTabs  > li.active > a:hover, .viewDZinerTabs  > li.active > a:focus{
    color: #000!important;
    cursor: default;
    background-color: transparent;
    }
    .viewDZinerTabs > li > a {
    color: #666!important;
    border-radius: 2px 2px 0 0;
}
.dashBoardContainer .tabContainer .nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus {
    color: #000!important;
    cursor: default;
    background-color: transparent;
    }
     .dashBoardContainer .nav-tabs > li.active, .dashBoardContainer .nav-tabs > li:hover, .dashBoardContainer .nav-tabs > li.active:focus{
      border-bottom: 3px solid #fff!important;
    }
    .related-tabs .nav-tabs > li.active, .related-tabs .nav-tabs > li:hover, .related-tabs .nav-tabs > li.active:focus{
      border-bottom: 3px solid #fff!important;
    }
    .contents.tabbable .nav-tabs > li.active, .contents.tabbable .nav-tabs > li:hover, .contents.tabbable .nav-tabs > li.active:focus{
border-bottom: 3px solid #333!important;
    }
    .nav > li > a:hover, .nav > li > a:focus {
    background-color: transparent!important;
}
#modnavigator .settings-toggle{
  display:none;
}
.detailViewContainer .block h4{
background: linear-gradient(right,#2b95ff,#2b95ff)!important;
background: -webkit-linear-gradient(right,#2b95ff,#2b95ff)!important;
color: #fff!important;
margin: 0;
padding: 10px;
}
.portal-annoucement-widget, .portal-record-widget-content, .portal-shortcuts-header, .portal-helpdesk-widget-header{
background: linear-gradient(right,#2b95ff,#2b95ff)!important;
background: -webkit-linear-gradient(right,#2b95ff,#2b95ff)!important;
}
.detailViewContainer .block {
    background: #FFFFFF;
    border: 1px solid #F3F3F3;
    padding-left: 0px!important;
    padding-right: 0px!important;
}
#detailView .block h4 {
    height: unset!important;
}
.maxWidth50 {
    max-width: 100%!important;
}
.editViewContents .fieldBlockContainer, .summaryView, .summaryWidgetContainer{
box-shadow: 0px 0px 4px #000;
border-radius: 5px !important;
}
.fieldLabel {
    color: #000!important;
    opacity: 0.7!important;
    font-weight: 400!important;
}
.main-container-Documents .sidebar-essentials, .main-container-RecycleBin .sidebar-essentials, .main-container-Reports .sidebar-essentials {
    width: 245px!important;
    left: 38px!important;
}
.main-container #listViewContent.full-width{
  padding-left: 46px !important;
}
/*.full-width .floatThead-container{
  width: 1249px!important;
}*/
.reports-content-area{
  padding-left: 47px!important;
}
.filterConditionContainer {   
    box-shadow: 0px 0px 2px #000;
}
.crumbs li.active {
    height: 0;
    border-top: 20px solid #561895!important;
    border-bottom: 20px solid #561895!important;
}
.breadcrumb .crumbs li.active::after {
    border-left: 20px solid #561895 !important;
}
.saved-styles{
  background: #ffffff;
  margin-top: 0px;
}
.selectedModule {
  background: linear-gradient(right,#3cbad0,#3cbad0) !important;
background: -webkit-linear-gradient(right,#3cbad0,#3cbad0) !important;
    color: #FFFFFF !important;
    font-weight: inherit;
    border-color: #2e9ebc;
}
.custom-themes{
  background: #fff;
}
.custom-theme-list{
  padding: 5px 5px;
  margin-left: 0px;
}
.custom-themes > .radio label{
   width: 80%;
   padding-left: 0;
}
.custom-theme-list div.pull-right{
margin-top: -38px;
margin-right: 11px;
}
.custom-dthemeList div{
  float: left;
  margin-left: 2px;
  box-shadow: 0px 2px 7px #969494;
  width: 65px;
  margin-bottom: 12px;
  height: 29px;
}
.custom-dthemefirst, .custom-dthemesecond, .custom-dthemethird{
    height: 30px;
    padding: 1px 7px;
    display: flex;
    text-align: center;
    justify-content: center;
    border-radius: 5px !important;
}
.custom-themes > .radio input{
  display: none;
}
.btn-save, .btn-edit, .btn-delete{
  width: 10px;
  height: 24px;
  padding: 1px 12px!important;
  margin-left: 5px;
  border-radius: 5px !important;
}
.btn-save i, .btn-edit i, .btn-delete i{
  color: #fff;
  margin-left: -6px;
}
.btn-save{
    background: #54a27b;
}
.btn-edit{
  background: #f5a104;
}
.btn-delete{
  background: #ec3f09;
}
.div2 {
    width: 167px !important;
    min-width: unset !important;
}
.form-fields{
padding: 6px 17px;
background: #fff;
height: calc(100vh - 190px);
overflow: auto;
}
.add-right input[type='color'] {
    width: 25px;
    padding: 5px 4px;
    margin: -5px -5px;
    background: transparent;
    border: none;
}
@media (min-width: 900px) and (max-width: 1112px) {
.left-side{
    width: 220px!important;
    left: -220px;
  }
 .contentsBackground{
  height: 100px!important;
width: 22.5%!important;
display: inline-block;
}
.related-tabs.row .nav > li {
    margin: 0 2px 3px 0px !important;
}
#page {
    margin-left: 0px !important;
}
.app-nav .module-action-left {
    padding-left: 0px !important;
}
.left-side {
    display: block !important;
}
.app-fixed-navbar{
  margin-left: 0px!important;
}
.app-switcher-container {
   margin-left: -20px;
display: block !important;
}
.app-switcher-container #Horizontal-menu{
  display:none!important;
}
.sub-menu{
    width: 220px!important;
    left: -220px;
  }
  .inner-ul .app-name-hide {
    display: inline-block;
}
/*.hidden-sm {
    display: none !important;
}*/
.global-nav .logo-container{
  margin-top: 0px!important;
margin-left: 0px;
}

}

@media (min-device-width : 812px) and (max-device-width : 1023px)and (orientation : landscape)
{

.left-side{
  display: block!important;
}
.main-container{
  margin-left: 0px!important;
}
.company-logo {
    margin-left: 0px!important;
    margin: 2px 0 !important;
}
.current-filter-name a {
    max-width: 200px !important;
}
.contentsBackground{
  height: 100px!important;
width: 22.5%!important;
display: inline-block;
}
#modnavigator .height100Per {
    display: block !important;
    margin-left: 0;
}

.settingsgroup, .settingsgroup .panel-collapse {
    width: 100% !important;
}
.main-container .settingsPageDiv {
    padding-left: 0px !important;
    margin-top: 5px;
}
.app-nav .module-action-bar{
  padding-right:0;
}
.global-nav .logo-container {
    margin-top: 0px !important;
    margin-left: 46px;
}
.settingsgroup {
    margin-left: 0px !important;
    margin-top: 0px;
}
.Settings-toggle {
    display: none !important;
}
.app-switcher-container{
  margin-left: -200px;
}
.left-side{
    width: 220px!important;
    left: -220px;
  }
  .inner-ul .app-name-hide {
    display: inline-block;
}
.sub-menu{
    width: 220px!important;
    left: -220px;
  }
.coloredBorderTop{
  width:100%;
}
.global-nav .navbar-nav > li div a{
  display: initial;
}
.qucik-mb .open .dropdown-menu{
  width: 100%!important;
top: 49px;
}

.qucik-mb .dropdown-menu::after{
  left: 14px;
  right:unset!important  
}
.qucik-mb .dropdown-menu::before{
left: 14px;
  right:unset!important
}
.logout-content a{
  font-size: 12px!important;
  }
.dropdown-menu{
  z-index:9999!important;
}
.main-container .sidebar-essentials{
  margin-top: 20px;
}
#helpPageOverlay{
  width:100%!important;
}
#vtiger_mynotepad-icon {
    width: 14px !important;
    height: 14px!important;
    margin-top: 4px;
}
.quickPreviewModuleHeader button.close{
  margin-top: -82px;
opacity: 1;
}
}
@media (min-device-width : 768px) and (max-device-width : 1023px)and (orientation : portrait)
{

.coloredBorderTop{
  width:100%;
}
#page{
  margin-left:0px!important;
}
.app-navigator-container {
    margin-left: 51px;
}
.main-container{
  margin-left: 0px!important;
}
.logout-content{
  min-width: 290px!important;
width: 100%;
}
.current-filter-name a {
    max-width: 200px !important;
}
.global-nav .navbar-nav > li div a{
  display: initial;
}
#vtiger_mynotepad-icon {
    width: 14px !important;
    height: 14px!important;
    margin-top: 4px;
}
#helpPageOverlay{
  width:100%!important;
}
.qucik-mb .open .dropdown-menu{
  width: 100%!important;
top: 49px;
}
.qucik-mb .dropdown-menu::after{
  left: 14px;
  right:unset!important  
}
.qucik-mb .dropdown-menu::before{
left: 14px;
  right:unset!important
}
.left-side{
    width: 220px!important;
    left: -220px;
  }
  .theme-container{
    width: 100%!important;
    top: 85px!important;
  }
  .navbar-nav > li {
    float: left;
}
.quickPreviewModuleHeader button.close{
  margin-top: -82px;
opacity: 1;
}
#importUserModule{
  margin-bottom:100px;
}
.recordEditView .form-group{
  margin-right: 0px!important;
margin-left: 0px!important;
}
.related-tabs.row .nav > li {
    margin: 0 5px 3px 0 !important;
    padding:0px!important;
    width:unset!important;
}
.detailview-header-block{
  position: unset!important;;
  width: unset!important;
  z-index: 3;
}
.detailview-content{
  margin-top: 0!important;
}
.related-tabs.row{
  width: unset!important;;
  margin-top: 10px!important;
  z-index: 3;
  position:unset!important;;
}
.sortFieldRow{
  margin-right: 0!important;
margin-left: 0!important;
}
.CalculationFields{
display: block;
overflow: hidden;
}
#s2id_usersFilter{
  width: 150px!important;
}
.mCSB_inside > .mCSB_container{
  margin-right: 17px!important;
font-size: 12px;
}
.essentials-toggle{
  display:none!important;
}

.btn{
  font-size:10px;
}
.navbar-fixed-top, .navbar-fixed-bottom {
    position: absolute;
    right: 0;
    left: 0;
    border-radius: 0;
}
.fieldBlockContainer{
  margin-top: 49px!important;
}
#myPrefHeading h3{
  margin-top: 73px;
font-size: 17px;
margin-left: 0px;
}
.dashBoardContainer{
    margin-left: -11px!important;
  }
  .gridster_2 ul{
  width: 100%!important;
  }
  .dashBoardContainer .dashBoardTabContents ul li{
    width:100%!important;
  }
  .dashBoardContainer .dashBoardTabContents ul{
    width:100%!important;
  }
  [data-col='0'], [data-col='1'], [data-col='2'], [data-col='3'], [data-col='4'], [data-col='5'], [data-col='6'], [data-col='7'], [data-col='8'], [data-col='9'], [data-col='10'] {
    left: 0px !important;
}

.div2 {
    width: 50% !important;
    min-width: unset !important;
}
 
.form-fields #custommenu_themename, #custommenu_themefontsize, #custommenu_themeroundedbuttons, #cutommenu_menufontcolor_id{
 width: 96%!important; 
}
.default-themes > .radio label {
    width: 87%!important;
    padding-left: 0;
}
.link-text-xs-only{
  display:none!important;
}
.navbar-default .navbar-collapse, .navbar-default .navbar-form {
    border-color: #9f9c9c!important;
}
.app-nav .module-action-bar {
    padding-left: 0px !important;
    padding-right: 0px;
    width: 100%;
}
 /* .navbar-collapse.collapse {
    display: block !important;
    height: auto !important;
    padding-bottom: 0;
    overflow: visible !important;
    visibility: visible !important;
}*/

  .main-container-MailManager .listViewPageDiv{
  padding-left: 0!important;
}
.mmDescription {
  width:100%!important;
  margin-left: -2%!important;
  }
  #s2id_serverType{
    width:100%!important;
  }
  .sidebar-essentials{
    margin-top: 43px;
  }
 .settingsgroup {
    margin-left: 0px !important;
    margin-top: 60px;
}
.app-nav .module-action-left {
    padding-left: 0px !important;
}
.settingsgroup .panel-group{
  margin-top: -34px;
}
.settingsgroup, .settingsgroup .panel-collapse {
    width: 100%!important;
}
.main-container .settingsPageDiv {
    padding-left: 0px !important;
    margin-top: 5px;
}
.holidaybuttons .addHolidayRow{
padding: 2px 5px;
margin: -1px 7px;
}
.widget_header .saveButton{
  margin: -3px 6px;
}
.Settings-toggle{
  display: none!important;
}
#modnavigator .height100Per
{
  display: block !important;
  margin-left: 0;
  }

 .navbar-nav .open .dropdown-menu {
    position: absolute;
    float: left;
    width: auto;
    margin-top: 0;
    left: 0px;
    min-width:265px;
    background-color: #fff;
    border: 1px solid #f7f7f7;
    -webkit-box-shadow: 0px 2px 4px #ccc;
    box-shadow: 0px 2px 4px #ccc;

}
#settingsShortCutsContainer .contentsBackground {
    width: 100% !important;
    display: inline-block;
}
#settingsShortCutsContainer .well {
    padding: 10px;
    margin-left: 0!important;
}
.calendar-sidebar-tabs{
  margin-top: 70px;
}
.quick-mb .dropdown-menu {
    right: 0;
    right: auto!important;
}
.admin-mb .dropdown-menu {
    right: 0;
    left: auto!important;
}
.main-container .sidebar-essentials{
  margin-top: -6px;
}
#appnavcontent{
  background: #fff;
box-shadow: 0px 0px 3px #000;
}
#taskManagementOtherFilters{
  width: unset!important;
}
  .sub-menu{
    width: 220px!important;
    left: -220px;
  }
  .inner-ul .app-name-hide {
    display: inline-block;
}

.editHeader {
    margin-top: 8px !important;
    margin-bottom: 0px;
}
.editViewContents .fieldValue, .quickCreateContent .fieldValue {
    width: 100%!important;
    display: inline-block;
}
.fieldBlockContainer .inputElement, .quickCreateContent .inputElement {
    height: 30px;
    width: 100%!important;
}
.quickCreateContent .fieldLabel .muted{
  float: left!important;
}
.overlayPageContent.fade.in {
    top: 83px;
    opacity: 1;
    left: -40px;
    padding: 7px;
}
.modal-content{
  width: 100% !important;
}
#filterContainer{
  margin-left: 30px;
}
.basicCreateView .modal-body{
  width: 100%;
display: block;
overflow-x: scroll;
}
.settingsgroup{
  margin-top: 23px;
}
#s2id_autogen5{
  width:140px!important;
}
#s2id_pickListModules, #s2id_modulePickList{
  width: 200px;
}
.current-filter-name, .current-filter-name .fa-angle-right{
  font-size: 14px !important;
}
.mailConveterDesc{
  width: 100%;
display: block;
overflow-x: scroll;
}
#tab_rc_config{
  width: 100%;
overflow-x: scroll;
}
.detailview-header{
margin-top: 74px;
}
.tableRWD {
  display: block;
overflow-x: scroll;
width: 100%;
}
.extensionWidgetContainer{
margin-top: 15px;
}
.overlay-container-300{
  margin-left: 0!important;
}
.detailViewInfo .fieldLabel{
  text-align: left!important;
}
.detailView{
  width:100%;
  display:flex;
  overflow-x:scroll!important;
}
#taskManagementContainer {
    padding-left: 0%;
    margin-top: 92px;
}
.main-container-EmailTemplates{
  margin-top: 60px;
}

.logout-content a{
  font-size: 12px!important;
  }
.uploadview-content{
  width: 100%;
overflow-x: scroll;
}
.modal.in .modal-dialog{
width: 100%!important;
margin-left:0px;
}
.reports-content-area{
  padding-top: 53px!important;
}
.nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus{
  margin-bottom: -8px;
}
.editViewContents .fieldLabel, .quickCreateContent .fieldLabel {
    width: 100%!important;
    word-break: break-all;
    display: inline-block;
}
.module-action-bar{
  padding-left: 0px!important;
}
.app-fixed-navbar{
  margin-left: 0px!important;
}
.viewContent .content-area {
    padding-left: 5px!important;
}
.modal-overlay-footer{
  left: -42px!important;
}
/*.app-switcher-container{
  margin-left: -245px!important;
}*/
/*.global-nav .logo-container{
  margin-left: 45px!important;
}*/

.left-side{
  display: block!important;
}
.company-logo {
    margin-left: 0px!important;
    margin: 2px 0 !important;

}
.app-switcher-container{
  margin-left: -46px;
}

}

@media (min-width: 320px) and (max-width: 767px) {
  .left-side{
    width: 220px!important;
    left: -220px;
  }
  #page{
  margin-left:0px!important;
}
  .theme-container{
    width: 100%!important;
    top: 85px!important;
  }
  .app-navigator-container {
    margin-left: 51px;
}
  .main-container{
  margin-left: 0px!important;
}
  .navbar-nav > li {
    float: left;
}
.current-filter-name a {
    max-width: 200px !important;
}
.dropdown-menu{
  z-index:9999!important;
}
.qucik-mb .open .dropdown-menu{
  width: 100%!important;
top: 49px;
}
.qucik-mb .dropdown-menu::after{
  left: 14px;
  right:unset!important  
}
.qucik-mb .dropdown-menu::before{
left: 14px;
  right:unset!important
}
#helpPageOverlay{
  width:100%!important;
}
#vtiger_mynotepad-icon {
    width: 14px !important;
    height: 14px!important;
    margin-top: 4px;
}
.quickPreviewModuleHeader button.close{
  margin-top: -82px;
opacity: 1;
}
#importUserModule{
  margin-bottom:100px;
}
.recordEditView .form-group{
  margin-right: 0px!important;
margin-left: 0px!important;
}
.related-tabs.row .nav > li {
    margin: 0 9px 3px 0 !important;
}
.detailview-header-block{
  position: unset!important;;
  width: unset!important;
  z-index: 3;
}
.detailview-content{
  margin-top: 0!important;
}
.related-tabs.row{
  width: unset!important;;
  margin-top: 10px!important;
  z-index: 3;
  position:unset!important;;
}
.sortFieldRow{
  margin-right: 0!important;
margin-left: 0!important;
}
.CalculationFields{
display: block;
overflow: hidden;
}
#s2id_usersFilter{
  width: 150px!important;
}
.mCSB_inside > .mCSB_container{
  margin-right: 17px!important;
font-size: 12px;
}
.essentials-toggle{
  display:none!important;
}
.global-nav .navbar-nav > li div a{
  display: initial;
}
.btn{
  font-size:10px;
}
.navbar-fixed-top, .navbar-fixed-bottom {
    position: absolute;
    right: 0;
    left: 0;
    border-radius: 0;
}
.fieldBlockContainer{
  margin-top: 49px!important;
}
#myPrefHeading h3{
  margin-top: 73px;
font-size: 17px;
margin-left: 0px;
}
.dashBoardContainer{
    margin-left: -11px!important;
  }
  .gridster_2 ul{
  width: 100%!important;
  }
  .dashBoardContainer .dashBoardTabContents ul li{
    width:100%!important;
  }
  .dashBoardContainer .dashBoardTabContents ul{
    width:100%!important;
  }
  [data-col='0'], [data-col='1'], [data-col='2'], [data-col='3'], [data-col='4'], [data-col='5'], [data-col='6'], [data-col='7'], [data-col='8'], [data-col='9'], [data-col='10'] {
    left: 0px !important;
}

.div2 {
    width: 50% !important;
    min-width: unset !important;
}
 
.form-fields #custommenu_themename, #custommenu_themefontsize, #custommenu_themeroundedbuttons, #cutommenu_menufontcolor_id{
 width: 96%!important; 
}
.default-themes > .radio label {
    width: 87%!important;
    padding-left: 0;
}
.link-text-xs-only{
  display:none!important;
}
.navbar-default .navbar-collapse, .navbar-default .navbar-form {
    border-color: #9f9c9c!important;
}
.app-nav .module-action-bar {
    padding-left: 0px !important;
    padding-right: 0px;
    width: 100%;
}
 /* .navbar-collapse.collapse {
    display: block !important;
    height: auto !important;
    padding-bottom: 0;
    overflow: visible !important;
    visibility: visible !important;
}*/

  .main-container-MailManager .listViewPageDiv{
  padding-left: 0!important;
}
.mmDescription {
  width:100%!important;
  margin-left: -2%!important;
  }
  #s2id_serverType{
    width:100%!important;
  }
  .sidebar-essentials{
    margin-top: 43px;
  }
 .settingsgroup {
    margin-left: 0px !important;
    margin-top: 60px;
}
.app-nav .module-action-left {
    padding-left: 0px !important;
}
.settingsgroup .panel-group{
  margin-top: -34px;
}
.settingsgroup, .settingsgroup .panel-collapse {
    width: 85%!important;
}
.main-container .settingsPageDiv {
    padding-left: 0px !important;
    margin-top: 5px;
}
.holidaybuttons .addHolidayRow{
padding: 2px 5px;
margin: -1px 7px;
}
.widget_header .saveButton{
  margin: -3px 6px;
}
.Settings-toggle{
  display: none!important;
}
#modnavigator .height100Per
{
  display: block !important;
  margin-left: 0;
  }

 .navbar-nav .open .dropdown-menu {
    position: absolute;
    float: left;
    width: auto;
    margin-top: 0;
    left: 0px;
    min-width:265px;
    background-color: #fff;
    border: 1px solid #f7f7f7;
    -webkit-box-shadow: 0px 2px 4px #ccc;
    box-shadow: 0px 2px 4px #ccc;

}
#settingsShortCutsContainer .contentsBackground {
    width: 100% !important;
    display: inline-block;
}
#settingsShortCutsContainer .well {
    padding: 10px;
    margin-left: 0!important;
}
.calendar-sidebar-tabs{
  margin-top: 70px;
}
.quick-mb .dropdown-menu {
    right: 0;
    right: auto!important;
}
.admin-mb .dropdown-menu {
    right: 0;
    left: auto!important;
}
.main-container .sidebar-essentials{
  margin-top: 53px;
}
#appnavcontent{
  background: #fff;
box-shadow: 0px 0px 3px #000;
}
#taskManagementOtherFilters{
  width: unset!important;
}
  .sub-menu{
    width: 220px!important;
    left: -220px;
  }
  .inner-ul .app-name-hide {
    display: inline-block;
}

.editHeader {
    margin-top: 8px !important;
    margin-bottom: 0px;
}
.editViewContents .fieldValue, .quickCreateContent .fieldValue {
    width: 100%!important;
    display: inline-block;
}
.fieldBlockContainer .inputElement, .quickCreateContent .inputElement {
    height: 30px;
    width: 100%!important;
}
.quickCreateContent .fieldLabel .muted{
  float: left!important;
}
.overlayPageContent.fade.in {
    top: 83px;
    opacity: 1;
    left: -40px;
    padding: 7px;
}
.modal-content{
  width: 100% !important;
left: 1% !important;
}
#filterContainer{
  margin-left: 30px;
}
.basicCreateView .modal-body{
  width: 100%;
display: block;
overflow-x: scroll;
}
.settingsgroup{
  margin-top: 91px;
}
#s2id_autogen5{
  width:140px!important;
}
#s2id_pickListModules, #s2id_modulePickList{
  width: 200px;
}
.current-filter-name, .current-filter-name .fa-angle-right{
  font-size: 14px !important;
}
.mailConveterDesc{
  width: 100%;
display: block;
overflow-x: scroll;
}
#tab_rc_config{
  width: 100%;
overflow-x: scroll;
}
.detailview-header{
margin-top: 74px;
}
.tableRWD {
  display: block;
overflow-x: scroll;
width: 100%;
}
.extensionWidgetContainer{
margin-top: 15px;
}
.overlay-container-300{
  margin-left: 0!important;
}
.detailViewInfo .fieldLabel{
  text-align: left!important;
}
.detailView{
  width:100%;
  display:flex;
  overflow-x:scroll!important;
}
#taskManagementContainer {
    padding-left: 0%;
    margin-top: 92px;
}
.main-container-EmailTemplates{
  margin-top: 60px;
}

.logout-content a{
  font-size: 12px!important;
  }
.uploadview-content{
  width: 100%;
overflow-x: scroll;
}
.modal.in .modal-dialog{
width: 100%!important;
margin-left:0px;
}
.reports-content-area{
  padding-top: 53px!important;
}
.nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus{
  margin-bottom: -8px;
}
.editViewContents .fieldLabel, .quickCreateContent .fieldLabel {
    width: 100%!important;
    word-break: break-all;
    display: inline-block;
}
.module-action-bar{
  padding-left: 0px!important;
}
.app-fixed-navbar{
  margin-left: 0px!important;
}
.viewContent .content-area {
    padding-left: 5px!important;
}
.modal-overlay-footer{
  left: -42px!important;
}
/*.app-switcher-container{
  margin-left: -245px!important;
}*/
/*.global-nav .logo-container{
  margin-left: 45px!important;
}*/
 
.left-side{
  display: block!important;
}
.company-logo {
    margin-left: 0px!important;
    margin: 2px 0 !important;

}
.app-switcher-container{
  margin-left: -50px;
}
}