@import url('https://fonts.googleapis.com/css?family=Open+Sans:300,400,600,700,800');
*{
    font-family: 'Open Sans', sans-serif;
    outline: none;
}
/*html{
  background: #fff;
}*/
body{
    font-size: 15px;
    line-height: 19px;
    -webkit-font-smoothing:antialiased;
    -moz-osx-font-smoothing:grayscale;
    background: #ffffff;
}
.EditViewContainer h3{ font-size:20px !important; line-height:32px !important; }
.boxstyle88{
    padding: 10px;
    border: 1px solid #f7f7f7;
    border-radius: 20px;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.04), 0 4px 16px rgba(0, 0, 0, 0.05), 0 0 0 1px rgba(233, 30, 140, 0.06);
}
.modal-header h3{ border-bottom:1px solid #ccc !important; }
.modal-overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;

    background: rgba(0, 0, 0, 0.6); /* 👈 black transparent background */
    
    display: none; /* hide by default */
    align-items: center;
    justify-content: center;

    z-index: 9999;
}

/* Show modal */
.modal-overlay.active {
    display: flex;
}

/* Modal box */
.modal-overlay .modal {
    background: #fff;
    border-radius: 12px;
    
    max-width: 90%;
    box-shadow: 0 5px 20px rgba(0,0,0,0.3);
}
.btn:focus, .btn:active:focus{ outline:none !important;}
.modal.fade.in{ z-index:9999 !important; }
/*############################################################ 
  folowing class uses for CRM border validation (By Ashish Kumar) on 31 Aug 2021
#############################################################*/

.errorborderclass{
    border: 2px solid red !important;
}
/*############################################################ 
  folowing class uses for remove error tooltip (By Ashish Kumar) on 13 Sep 2021
  Uncomment below lines 25 & 26 after validation task completed
#############################################################*/
/*
.parentFormEditView{ display:none !important; }
.formError{ display:none !important; }
*/
/* width */
::-webkit-scrollbar {
  width: 10px;
  height: 10px;
}
li.select2-search-field {
    width: 200px;
    margin-left: 10px !important;
    float: left;
}

/* Track */
::-webkit-scrollbar-track {
  box-shadow: inset 0 0 2px grey; 
  border-radius: 5px;
}
 
/* Handle */
::-webkit-scrollbar-thumb {
  background:#c2c1c0; 
  border-radius: 5px;
}
/* width */
::-moz-webkit-scrollbar {
  width: 10px;
  height: 10px;
}
.ui-widget li a:hover{ color: #fff !important;}

/* Track */
::-moz-webkit-scrollbar-track {
  box-shadow: inset 0 0 2px grey; 
  border-radius: 5px;
}
.t_btn {
    background: #fff;
    border: 2px solid #333 !important;
    border-radius: 17px;
    color: #333 !important;
    padding: 6px 16px;
    margin-right: 8px;
    font-weight: bold;
    font-size: 14px;
    margin-top: 10px;
}
.headbg9{ background:#ddd;  padding:6px; }
.register1{
  background: #fce7f3;
    padding: 3px 9px;
    border-radius: 11px;
    font-size: 11px;
    color: #cc0088;
    margin-right: 20px;
}
 .step-item.done:not(:last-child)::after {
    background: #006400 !important;
}
.value88{
    padding: 2px 8px;
    border-radius: 18px;
    background: #fdf0f8;
    color: #ff4fb8;
    border:1px solid #f5c6e3;
    text-align: center;
    width: 95px;
    float: left;
}

     .step-item:not(:last-child)::after {
    content: '';
    position: absolute;
    left: calc(100% - 12px);
    top: 50%;
    transform: translateY(-50%);
    width: calc(100% - 36px);
    height: 2px;
    background: #e5e5e5;
    z-index: 0;
}
.step-item.done .step-circle {
    background: #006400 ;
    border-color: #006400 ;
    color: white;
}
.step-item.done .step-circle a {
    background: #cc0088;
    border-color: #cc0088;
    color: white;
}
.step-item.active:not(:last-child)::after, .step-item.done:not(:last-child)::after {
    background: linear-gradient(90deg, #e91e8c 0%, #e5e5e5 100%);
}
    .stepper {
    display: flex;
    align-items: center;
    margin-bottom: 10px;
    background: #fff;
    border-radius: 18px;
    padding: 15px;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.04), 0 4px 16px rgba(0, 0, 0, 0.05), 0 0 0 1px rgba(233, 30, 140, 0.06);
}
.boxborder1{
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.04), 0 4px 16px rgba(0, 0, 0, 0.05), 0 0 0 1px rgba(233, 30, 140, 0.06);
    border-radius: 18px;
    background: #fff;
    display: flow-root;
    padding: 10px;
}
.step-item {
    display: flex;
    align-items: center;
    gap: 6px;
    flex: 1;
    position: relative;
}
.step-item.active .step-circle {
    background: #cc0088;
    border-color: #cc0088;
    color: white;
    box-shadow: 0 3px 10px rgba(233, 30, 140, 0.35);
}
.step-item.active .step-circle a {
    background: #cc0088;
    border-color: #cc0088;
    color: white;
    box-shadow: 0 3px 10px rgba(233, 30, 140, 0.35);
}
.step-info {
    flex: 1;
    min-width: 0;
}
.step-circle {
    width: 36px;
    height: 36px;
    border-radius: 50%;
    background: #f5f5f5;
    border: 2px solid #e5e5e5;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 12px;
    font-weight: 600;
    color: #a3a3a3;
    flex-shrink: 0;
    z-index: 1;
    transition: all 0.2s;
}
.step-circle a{
    width: 36px;
    height: 36px;
    border-radius: 50%;
    background: #f5f5f5;
    border: 2px solid #e5e5e5;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 12px;
    font-weight: 600;
    color: #a3a3a3;
    flex-shrink: 0;
    z-index: 1;
    transition: all 0.2s;
}
.step-item.active .step-name {
    color: #262626;
}
.step-name {
    font-size: 12px;
    font-weight: 500;
    color: #a3a3a3;
    margin-top: 2px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.step-item.active .step-label {
    color: #cc0088;
}
.step-label {
    font-size: 12px;
    font-weight: 600;
    color: #a3a3a3;
    text-transform: uppercase;
    letter-spacing: 0.6px;
    white-space: nowrap;
}
.t_btn:hover {
    background: #f7f7f7 !important;
    color: #333;
}
/* Handle */
::-moz-webkit-scrollbar-thumb {
  background: #ff91da; 
  border-radius: 5px;
}

::-moz-webkit-scrollbar-thumb:hover{ background:#7d7d7d; }
::-webkit-calendar-picker-indicator {
    filter: invert(50%);
}
/* new design css start*/
ul.new_rightbtn {
    float: right;
    margin-left: 10px;
}
ul.new_rightbtn li{ list-style: none; }
.new_rightbtn a {
    background: linear-gradient(180deg,rgba(255, 0, 170, 1) 20%, rgba(220 32 147) 100%) !important;
    padding:6px 9px;
    color: #fff !important;
    border-radius: 18px;
    font-size: 13px !important;
    border: 2px solid #ff4fb8;
    font-weight: 600;
}
.t_select001 select{
    margin-bottom: 0;
    BORDER: 2px solid #9a9b9e;
    border-radius: 50px;
    height: 32px;
    width: 16%;
    float: left;
    margin-right: 10px;
} 
.btn_a removerow{ background:transparent !important; }
.new_rightbtn a:hover {
background: #b80071 !important; border-color: #b80071; color: #fff !important;}
/* new design css end */
.nav-list > li > a{ text-shadow: none !important; color: #fff !important; }
.nav-list > li > a:hover{ background: red !important; }

.btn-danger {
    background-color: #ff4fb8;
    border-color: #ff4fb8 !important;
    color: #fff;
}
.badge{
  font-size: 11px !important;
  padding: 4px 7px !important;
  font-weight: 600 !important;
}
.btn-danger:hover{
    background-color: #b80071 !important;
    border-color: #b80071 !important;
    color: #fff;}
a.true1 {
   
  padding:2px 4px;
    margin: 0 6px 0 2px;
    color: #333 !important;
    border-radius: 0px;
    transition: border 0.5s ease;
    border: 1px solid #f6f5fa;
    float: left;
    font-weight: 600;
    line-height: 27px;
}
.new_nav li a:hover i
.hveris{ padding: 5px; }
.hveris:hover{ background: #b80071; cursor: pointer; padding: 5px;  }

.dash_icon{ background: #eee; margin-right: 10px; }
a.true1:hover{ color: #b80071 !important; border-radius: 2px;  padding:1px 4px;
    margin:0 6px 0 2px;
    transition: border 0.5s ease;
      }
a,td a {
/*color:#ff4fb8 !important;*/
/*font-weight:600;*/
}
table{ box-shadow: none !important; }

h2{
  color: #333 !important;
}
th a,li a{
color:#4f5b66 !important;

}
/*.none2{ display: none; }*/
.content li a{
  font-size: 13px;
}
.sidebar-menu>li a {
    font-size: 13px !important;
    font-weight: 600 !important;
}
.content h3{
  color: #333 !important;

}

.content h3 {
    color:  #333 !important;
    font-weight: 600;
    margin-top: 0;
    font-size: 20px !important;
    line-height: 30px;
}

.dash_icon h3{ margin-top: 17px !important; }
.content-header{ padding: 0 !important; }
.commonActionsContainer{ display: none; }
.select2-container-multi .select2-choices{ border: none !important; }
.listSearchContributor  .select2-choices{ border: 1px solid #ccc !important; border-radius:4px; }
#s2id_selectedUsers .select2-choices{ border: 1px solid #ccc !important; }
#s2id_contact_id_display .select2-choices{ border: 1px solid #ccc !important; }
#Events_editView_fieldValue_due_date div > .input-append {
    width: 36%;
    float: left;
}
.fieldValue65 .add-on {
    height: 30px !important;
}
.calnderHeader{ padding: 10px 0 !important; }
.calnderHeader h3{ margin:0; }
input#Events_editView_fieldName_due_date {width: 74% !important;}
input#Events_editView_fieldName_date_start {width: 74% !important;}
#Events_editView_fieldValue_date_start div > .input-append {
    width: 36%;
    float: left;
}
.EditViewContainer h3{ padding: 10px; background: #f1f1f1; }
a:hover{
text-decoration: none !important;
cursor: pointer  !important;
-webkit-tap-highlight-color: transparent !important;
/*font-size: 16px !important;*/
}
/*li{
color: #fff !important;
}*/
.button {
display: inline-block;
margin: 0.3em;
padding: 1.2em 5em;
overflow: hidden;
position: relative;
text-decoration: none;
text-transform: uppercase;
border-radius: 3px;
-webkit-transition: 0.3s;
-moz-transition: 0.3s;
-ms-transition: 0.3s;
-o-transition: 0.3s;
transition: 0.3s;
box-shadow: 0 2px 10px rgba(0,0,0,0.5);
border: none;
font-size: 15px;
text-align: center;
}
.btn:hover{
color: #fff !important;
background: #b80071 !important;
/*border-color: #b80071 !important;*/
}
.btn:hover i{ color: #fff !important; }
.sidebar a{
color:#333  !important;

}
.txtvl td {
    text-align: right;
}
.txtvl td label {
    line-height: 28px;
}
input#dob {
    line-height: initial;
}
input:-webkit-autofill {
    -webkit-box-shadow: 0 0 0 1000px white inset !important;
}
input, button, select, textarea{
       font-family: work sans;

    }
  .decor-label{
    width:300px;
    height:45px !important;
    font-size:16px !important;
    text-decoration: none !important;
    padding-left: 0;
  }
  .primary-button{
    width:300px;
    height:45px;
    background-color:#ff4fb8  !important;
    font-size:16px !important;
    font-weight:600;
    border-radius: 2px;
    border:0;
    color:#FDFEFE;
  text-transform: uppercase;
    
    box-shadow: 0 2px 10px rgba(0,0,0,0.5) !important;

  }
  /* Page jump css for dashboard */
  .min_paginaction_div{ font-weight: 600; float: right; margin-bottom:35px; margin-top:10px; }
  .pagination{ margin:0 !important; }
  .pagination > li:nth-child(2) a {
    pointer-events: none;
}
  .jumptext09{margin-left: 10px; float: left; width:80px; text-align: center; padding: 5px; background: #ff4fb8; border-radius: 4px; height: 32px;}
  .jumptext09 a{ color:#fff !important; line-height:22px; pointer-events:none; }
  .pagination li a{ background:#ff4fb8 !important; color:#fff !important; border: 1px solid #b80071 !important; border-radius:30px !important; margin-left:4px !important; }
  .pagination li a:hover{ background:#b80071 !important }
  .page_jump input{ height:32px; width:70px; margin-left:10px;  border-radius:4px 0 0 4px!important; }
  .page_jump .gotopage{     
    height: 32px;
    background: #ff4fb8;
    color: #fff;
    border: 1px solid #b80071 !important;
    border-radius: 0px 4px 4px 0 !important; }
    .page_jump .gotopage:hover{ background:#b80071 !important  }
    .hidenext a{
        cursor: not-allowed !important;
        pointer-events: none !important;
    }
    .hidenext a i{
        cursor: not-allowed !important;
        pointer-events: none !important;
    }
    .errorborderclass{
        border: 2px solid red !important;
    }
    
  /* Page jump css for dashboard */
  a#getData2{ background: #ff4fb8; }
  .createReferenceRecord {
    background: #ff4fb8 !important;
}
  a#getData2 .fa-search{ margin-top: 0; }
  .brt{background: #fff; border-bottom: 1px solid #e8e6e6;}

  .client_btn {
    margin: 2px;
    width: auto !important;
    height: auto !important;
    padding: 14px 10px !important;
    border-radius: 0 !important;
    text-shadow: none !important;
}
  .primary-button:hover{
  color:#ffffff !important;
 /*background-color:#2bbbad !important;*/
  box-shadow: 1px 6px 15px rgba(0,0,0,0.5) !important;
  border: none; 
  font-size: 15px;
  text-align: center;
  text-shadow:none;
  text-decoration: none;
  text-transform: uppercase;
  border-radius: 3px !important;
}
input[type="date"].form-control, input[type="time"].form-control, input[type="datetime-local"].form-control, input[type="month"].form-control{ line-height: normal !important; }
input[type="radio"], input[type="checkbox"]{ margin-top: 0 !important; }
.newbg{ background: #e5fefe !important; } 
/*.table tbody tr:hover td, .table tbody tr:hover th {
    background-color: inherit !important;
}*/
.menu_hover tbody tr:hover td, .menu_hover tbody tr:hover th {
    background-color: #e5fefe !important;
}
.menu_hover tbody tr:hover td a{ color: #000; }
  .prime-button{
    background-color:#ff4fb8 !important;
  color:#ffffff !important;
  font-weight:400 !important;
  font-size:16px !important;
    border: none;
    border-radius: 2px !important;
    display: inline-block;
    line-height: 36px;
    padding: 0 16px !important;
    text-transform: uppercase;
    font-weight:400;
    box-shadow: 0 2px 10px rgba(0,0,0,0.5) !important;
    width:20% !important;
    height: 45px !important;
      margin-left: 16%;
      margin-right: 20%;
      /*padding: 0px 10px 0px 10px;*/
    border:0;
  }
  .prime-button:hover{
  color:#ffffff !important;
 /*background-color:#2bbbad !important;*/
  box-shadow: 1px 6px 15px rgba(0,0,0,0.5) !important;
  border: none; 
  font-size: 15px;
  text-align: center;
  text-shadow:none;
  text-decoration: none;
  text-transform: uppercase;
  border-radius: 3px !important;
}
  .sec-button{

background-color:#FFFFFF !important;
    display: inline-block;
    margin: 0.3em;
    overflow: hidden;
    position: relative;
    text-decoration: none;
    text-transform: uppercase;
    border-radius: 3px !important;
    -webkit-transition: 0.3s;
    -moz-transition: 0.3s;
    -ms-transition: 0.3s;
    -o-transition: 0.3s;
    transition: 0.3s;
    box-shadow: 0 2px 10px rgba(0,0,0,0.5) !important;
    border: none; 
    font-size: 15px;
    text-align: center;
  text-shadow:none;

    width:20% !important;
      /*padding: 0px 10px 0px 10px;*/
    height:45px !important;
    font-weight:600;
    margin-left: 8%;
  }

  .nav-search {
    margin-top: 25px;
}
  .sec-button:hover{
    box-shadow: 1px 6px 15px rgba(0,0,0,0.5) !important;
   border: none; 
  font-size: 15px;
  text-align: center;
  text-shadow:none;
  text-decoration: none;
  text-transform: uppercase;
  border-radius: 3px !important;
}
  .forget-button{
    margin-top:20px;
    color:#ee6e73 !important;
  }
  .login-box{
    transform:translate(-505,-50%);
    height:auto !important;
    box-shadow:none !important;
border: none !important;
    /*box-sizing: border-box;*/
    /*background: rgba(199, 230, 247, 0.45);*/
    /*border:0 !important;*/
  }
  .login-area{
    height:auto !important;
    margin-top:0 !important;
  }
  .login-header{
    border-bottom:0px !important;
  }
  
  .hr{
    margin-top:5%;
    margin-bottom: 5%;
    border-bottom:2px solid #C0C0C0;
  }
  .font-align{
    text-align:center;
    font-size:16px !important;
    color:#ee6e73 !important;

  }
  #forgotPasswordDiv .controls {
    margin-left: 0 !important;
    width: 100%;
}
  .nav-list li:hover a{
    background: #b80071 !important; }
.main-sidebar{
background-color:#fff !important;
  min-height:0 !important;

}
.content{
/*box-shadow: 0px 0px 10px #ccc;
*/    background: #f5f6fa !important;
}
.content-wrapper{
background: #f5f6fa !important;
margin-left: 230px !important;
}
.sidebar-menu>li:hover>a,.sidebar-menu>li.active>a{
background-color:#ff4fb8 !important;

}
.sidebar-menu>li>a{

/*margin-left: 5px;*/
border-left: 0 !important;
}
.related{
  min-height:100% !important;
  background:#ffffff;
  box-shadow: 0 2px 10px rgba(0,0,0,0.5) !important;
  margin-top:0;
  position: sticky !important;
  top: 4.3em;

}
.sidebar-menu>li.header{
background-color:#ffffff !important;
color:#ff4fb8 !important;
font-weight:600 !important;
font-size:16px !important;
height:50px !important;
padding-top:16px !important;
}
.main-header{
box-shadow: none !important;
background: #ff4fb8;
min-height: auto !important;
position: sticky !important;
top: 0;
}
 .main-header .navbar{
background-color: #ff4fb8 ;
/*min-height:65px !important;
box-shadow:5px 1px 3px 2px rgba(0,0,0,0.3);*/
margin-left: 215px !important;

} 
.navbar .nav{ margin:0 !important; }
.main-header .logo{
/*background-color: #FFFFFF !important;*/
/*position: fixed;*/
box-shadow: none !important;

}
 .main-header .navbar .sidebar-toggle {
    /* padding-left: 0 !important; */
    padding: 4px;
    font-size: 15px;
    color: #ff4fb8 !important;
    /* height: 25px; */
    width: 31px;
    text-align: center;
    background: #fff !important;
    border-radius: 4px;
    margin-top: 10px;
    border:1px solid #b80071;
}
.main-header .navbar .sidebar-toggle:hover{ background: #b80071 !important; color: #fff !important; border:1px solid #fff;  }
.main-header .logo{
/*min-height:65px !important;*/
}

.main-sidebar, .left-side{
padding-top:50px !important;
/*background: #ff4fb8!important;*/
box-shadow: 2px 2px #eee !important;

position: fixed !important;
}
 .sidebar-menu>li:hover>a, .sidebar-menu>li.active>a{
color: #ff4fb8 !important;

/*border-left-color:#ff4fb8 !important;*/

}
.sidebar-menu>li {
font-size:15px !important;
margin-left: 0px !important;
margin-top: 2px !important;
}
/*.main-header .fa-plus{
font-size:21px !important;
padding-top: 7px;
padding-left:15px;
color:#ff4fb8;
}*/
/*.sidebarTitleBlock{
padding-bottom: 12px!important;
padding-top: 0px !important;
}*/
.adv-search{
  color:white;
  padding:20px;
  font-size:16px;
}
.search-icon{
  margin-top:10px;
}
.fa-search{
color:#fff;
margin-top: 0;
}
.fa-microphone{
  color:#fff;
  margin-left: 10px;
}
.user-menu{
  font-weight: 600;
  font-size:16px;
  margin-top:16px;
}
#menubar_quickCreate{
  margin-left: 13px;
    margin-top: -6px;
    width:18px;
}
/*.mic{
  margin-top:4px;
}*/
.main-header .navbar-custom-menu, .main-header .navbar-right{
  margin-top: -7px !important;
}
.global-search {
    border-radius: 3px !important;
    width: 220px !important;
    margin-top: -10px !important;
    margin-left: 7px !important;
    height: 26px !important;
    max-width: 220px !important;
    font-size: 12px !important;
    font-weight: normal;
}
.fa-plus{
  color: #fff ;
}
table {
/*box-shadow: 1px 6px 15px rgba(0,0,0,0.1) !important;*/
padding:0px !important;
height:50px;
font-size: 12px !important;

}
.btn-success {
    background-color: #ff4fb8 !important;
    border-color: #ff4fb8;
    color: #fff !important;
}
.btn strong{ font-weight: 600 !important; }
.noDataMsg{
color:#ffffff;
}
table .span2{
height:61px !important;
}
.togglePromotion{
padding:12px;
color:white;
}

.box{
padding-top: 6px;
padding-right: 4%;
border-radius: 16px;
margin-top: 16px;
margin-left: 78%;
margin-right: 5%;
border:0px !important;
background-color: rgba(79, 91, 102, 0) !important;
/*background:#52A2A0 !important;*/
box-shadow: none !important;
}
.dashboardWidgetContent{
background-color: rgba(82, 162, 160, 0);
height:220px !important;
}
.slimScrollDiv{
  height:250px !important;
}
/*.fa-lg{
color:#FFFFFF;
padding:2%;
}*/
.fa-th{
color:#9e9e9e !important;
}
.fa-remove,.fa-cog{
/*color:#9e9e9e !important;*/

}
.fa-remove:hover,.fa-cog:hover,.fa-wrench:hover,.fa-chevron-left:hover,.fa-chevron-right:hover{
color:#D6D6D6 !important;
  
}
.fa-sm{
color:#D6D6D6;
padding:2%;
}
.widgetFilter{
margin-right: -1%;
border-radius: 4px;
width: auto !important;
padding-top:2px;
}
.dashboardTitle{
width: 330px;
color: #ffffff;
height: 36px;
padding-top: 10px;
}

.sidebar-menu>li:hover>a,.sidebar-menu>li.active>a{
color:#cc0088 !important;  background: #FFD0E5 !important; !important;  border-radius: 4px;
box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
}
.icon-plus{
color:white;
margin-top: 1px;
}
.btn-info strong{ font-weight: 600 !important; }
.addButton strong{ font-weight: 600 !important; }
.addButton{

font-weight:400 !important;
/*font-size:10px !important;*/
border: none;
border-radius: 2px !important;
display: inline-block;
height: auto;
line-height: 36px;
padding: 0 10px !important;
/*text-transform: uppercase;*/
font-weight:400;
/*box-shadow: 0 2px 10px rgba(0,0,0,0.5) !important;*/
/*margin: 0.3em !important;*/

}
.addButton:hover{
color:#ffffff !important;
/*background-color:#2bbbad !important;*/
/*box-shadow: 1px 6px 15px rgba(0,0,0,0.5) !important;*/
border: none;
font-size: 14px;
text-align: center;
text-shadow:none;
text-decoration: none;
/*text-transform: uppercase;*/

background: #b80071 !important;
}
.btn{ font-size: 13px !important; }
.btn-group> .btn{
height:auto;
}
/*.btn-group > .btn:first-child{
height:37px;
}*/
.navbar .dropdown-menu li a:hover, .dropdown-menu li a:hover{
background-color:#cc0088 !important;
color: #fff !important;
}

.nav>li>a:hover, .nav>li>a:active{
    border-left: 0;
    background: #fff !important;
    color: #ff4fb8 !important;
}
/*.dashboardWidgetHeader{
margin-left: 20PX;
margin-right: 20px;
margin-top: -43px !important;
}
.gridster >ul >li{
margin-bottom:30px;
}*/
.vtFooter p{
background:#ff4fb8 !important;
height:50px;
padding-top:14px;
}
.skin-blue .sidebar-menu>li>a{ border-left:0 !important; }
.treeview .selected{
    display: inline-flex;
    align-items: center;
    /*gap: 10px;*/
    background: #FFD0E5 !important;
    color: white;
  /*  padding: 12px 24px;*/
    border: none;
    border-radius: 4px;
    font-size: 16px;
    font-weight: 500;
    cursor: pointer;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
    transition: background 0.3s ease;
    width: 100%;
}
.selected span{
color:#cc0088 !important;
margin-left: 5px !important;
}
.selected i{
color:#cc0088 !important;
}
/*.main-header .navbar .sidebar-toggle:hover{
background-color:#FFFFFF !important;
padding-top:10px !important;
font-size:21px !important;
}*/
/*.treeview .selected::before {
  content: '';
  position: absolute;
  top: 0;
  left: -16px;
  height: 100%;
  width: 12px;
  background: linear-gradient(180deg,rgba(255, 0, 170, 1) 20%, rgba(220 32 147) 100%) !important;
  opacity: 1;
  transition: opacity 0.3s ease;
  pointer-events: none;
}*/
/*.active .quickLinks::before {
  content: '';
  position: absolute;
  top: 0;
  left: -16px;
  height: 100%;
  width: 12px;
  background: linear-gradient(180deg,rgba(255, 0, 170, 1) 20%, rgba(220 32 147) 100%) !important;
  opacity: 1;
  transition: opacity 0.3s ease;
  pointer-events: none;
}*/
/*.sidebar-menu>li:hover>a::before {
  content: '';
  position: absolute;
  top: 0;
  left: -16px;
  height: 100%;
  width: 12px;
  background: linear-gradient(180deg,rgba(255, 0, 170, 1) 20%, rgba(220 32 147) 100%) !important;
  opacity: 1;
  transition: opacity 0.3s ease;
  pointer-events: none;
}*/
menu>li:hover>.selected {
color: #64d8d2 !important;

}
.sidebar-menu>li:hover> .selected,.sidebar-menu>li.active>.selected{
color:#64d8d2 !important;


}


ul li span{
/*letter-spacing: 1px;*/
}
.task-style{
margin-left:6px;
margin-top:4px;
}
.icon-task{
margin-top:4px !important;
margin-left:3px !important;
font-size:14px !important;
color:#E57373 !important;
}
.back-button{
background-color:#FFFFFF !important;
display: inline-block;
margin: 0.3em;
overflow: hidden;
position: relative;
text-decoration: none;
text-transform: uppercase;
border-radius: 3px !important;
-webkit-transition: 0.3s;
-moz-transition: 0.3s;
-ms-transition: 0.3s;
-o-transition: 0.3s;
transition: 0.3s;
box-shadow: 0 2px 10px rgba(0,0,0,0.5) !important;
border: none;
font-size: 15px;
text-align: center;
text-shadow:none;
}
.back-button:hover{
box-shadow: 1px 6px 15px rgba(0,0,0,0.5) !important;
border: none;
font-size: 15px;
text-align: center;
text-shadow:none;
text-decoration: none;
text-transform: uppercase;
border-radius: 3px !important;
}
.edit-button,.save-button{
color:#FFFFFF;
background-color:#ff4fb8 !important;
display: inline-block;
margin: 0.3em;
overflow: hidden;
position: relative;
text-decoration: none;
text-transform: uppercase;
border-radius: 3px !important;
-webkit-transition: 0.3s;
-moz-transition: 0.3s;
-ms-transition: 0.3s;
-o-transition: 0.3s;
transition: 0.3s;
box-shadow: 0 2px 10px rgba(0,0,0,0.5);
border: none;
font-size: 15px;
text-align: center;
text-shadow:none;
}
.edit-button:hover,.save-button:hover{
/*background-color: #2bbbad!important;*/
color:#ffffff !important;
box-shadow: 1px 6px 15px rgba(0,0,0,0.5) !important;
border: none;
font-size: 15px;
text-align: center;
text-shadow:none;
text-decoration: none;
text-transform: uppercase;
border-radius: 3px !important;
}
.registre33{
    background: #FFD0E5;
    border-radius: 20px;
    font-size: 12px !important;
    color: #cc0088;
    padding: 0px 7px;
    margin-bottom: 5px;
}
.fa-wrench,.fa-chevron-left,.fa-chevron-right{
/*color:#9e9e9e;*/
padding:2%;
}
.btn-group.open .dropdown-menu{
border-radius: 0 !important; box-shadow: 2px 2px 2px #ccc;
}
.summry_span{
  color: #cc0088 !important;
}
.blockHeader{
color:#333 !important;
background:#ffffff !important;
border:0 !important;
border-bottom: 1px solid #333 !important;
font-size: 15px;
}
.detailview-table td:nth-child(odd),.editview-table td:nth-child(odd){
background-color: white;
border: 0;
}
.detailview-table td:nth-child(even){
background-color: white;
border: 1px solid #e0e0e0;
}
.editview-table td:nth-child(even){
background-color: white;
border: 0;
}
.detailview-table th label, .detailview-table td label{
margin-top:0;
margin-bottom:5px;
}
.detailview-table{
border-spacing:5px ;
}
.editview-table{
/*border-spacing:1px 3px;*/
}
.editview-table th label, .editview-table td label{
margin-top:5px;
margin-bottom:5px;
}
.editview-table td  span input{
width:93%;
height:100%;
}
/*#Calendar_editView_fieldName_due_date{
width:80%  !important;
height:100%;
float:left;
}
#Calendar_editView_fieldName_date_start{
position:relative;
width:34% !important;
height:100%;
}
#Calendar_editView_fieldName_time_start{
position: absolute;
width:6% ;
height:37px;
top: 42%;
right: 10%;
} */
.editview-table  td div span .add-on{
padding:5px 6px 18px 6px;
}
.editview-table  td div span .time .add-on{
padding:5px 6px 18px 6px;
position: absolute;
top: 42%;
right: 8%;
width:2%;
height:37px;
}
.recordEditView .editview-table input{
padding:10px !important;
}
.editview-table td div span .add-on{
  height:37px;
}
.fa-calendar{
color:##9e9e9e !important;
}
.fa-clock-o{
color:##9e9e9e !important;
position: absolute;
left:20%;
top:30%;

}
.new_datefild input{ width:100%; border-radius:4px !important; background:#f7f7f7; }
.new_datefild i{ 
    position: absolute;
    right: 4.4%;
    margin-top: 10px;
    font-size: 11px;
    color: #848080;
} 
.new_datefild .table-condensed{ background:#fff !important; border:1px solid #ccc !important; }
/*.chzn-container{
font-size:16px;
height:45px;
}
.chzn-container-single .chzn-search input {
height:35px;
}
.chzn-container .chzn-results{
font-size:16px;
text-align:left;
}
.chzn-container-single .chzn-single{
height: 45px;
padding-top: 8px;
color:#4f5b66 !important;
}
.chzn-container-single .chzn-drop{
width:300px !important;
}

input::placeholder {
color: #4ba2e4 !important;
font-size:16px;
font-weight:600;
}
.chzn-container-single .chzn-single div b{
margin-top:6px;
}
.chzn-container .chzn-results .highlighted{
background-color:#ff4fb8 !important;
}*/

.chzn-container .chzn-results .highlighted{
background-color:#ff4fb8 !important;

}
#Calendar_editView_fieldName_sendnotification{
width:auto;
height:17px;
}
div.datepicker table{
font-size:12px !important;
}
.editview-table .fa-search{
color:#999999 !important;
margin-top:0;
}
#contact_id_display{
width:60%;
}
#parent_id_display{
width:60%;
}
/*.editview-table .chzn-drop{
width:160px !important;
}*/
.cancelLink{
font-size:14px !important;
color:#ff4fb8 !important;
}
.cancelLink:hover{
color:#f5a5a8 !important;
}
.main-header li.user-header{
background-color: #ff4fb8 !important;
}
.user-footer {
  padding-left:100px !important;
}
.profileButton{
background-color:#ff4fb8 !important;
color:#ffffff !important;
font-weight:400 !important;
font-size:15px !important;
border: none;
border-radius: 2px !important;
display: inline-block;
height: 36px;
line-height: 36px;
text-transform: uppercase;
font-weight:400;
box-shadow: 0 2px 10px rgba(0,0,0,0.5) !important;
}
.profileButton:hover{
color:#ffffff !important;
box-shadow: 1px 6px 15px rgba(0,0,0,0.5) !important;
border: none;
font-size: 15px;
text-align: center;
text-shadow:none;
text-decoration: none;
text-transform: uppercase;
border-radius: 3px !important;
}
.signout-button{
margin-top: 0px !important;
background-color:#FFFFFF !important;
display: inline-block;
margin: 0.3em;
overflow: hidden;
position: relative;
text-decoration: none;
text-transform: uppercase;
border-radius: 3px !important;
-webkit-transition: 0.3s;
-moz-transition: 0.3s;
-ms-transition: 0.3s;
-o-transition: 0.3s;
transition: 0.3s;
box-shadow: 0 2px 10px rgba(0,0,0,0.5) !important;
border: none;
font-size: 15px;
text-align: center;
text-shadow:none;
height: 36px;
}
.signout-button:hover{
box-shadow: 1px 6px 15px rgba(0,0,0,0.5) !important;
border: none;
font-size: 15px;
text-align: center;
text-shadow:none;
text-decoration: none;
text-transform: uppercase;
border-radius: 3px !important;
background-color:#FFFFFF !important;
/*color:#ff4fb8 !important;*/
}
.sidebar-mini.sidebar-collapse .sidebar-menu>li:hover>a>span:not(.pull-right), .sidebar-mini.sidebar-collapse .sidebar-menu>li:hover>.treeview-menu{
  height:56px;
}
.hidden-xs{
color:#fff !important;
}
.navbar .nav > li > a {
    text-shadow: none !important;
    background-color: #ff4fb8 !important;
   
    text-align: center;
}
#globalSearch{
color:#ff4fb8 !important;
margin-right: 2px;
    margin-left: -18px !important;
    font-size: 14px !important;
    position: relative; top: -3px;
}
.text-muted{ line-height:32px !important; }
#mainSidebar{ background:#f5f6fa; }
.navbar .nav > li > a:hover .fa{ color:#fff !important; }
.detailViewInfo .details{
border-right:0 !important;
}
.detailViewInfo .related .nav-pills .active > a, .detailViewInfo .related .nav-pills .active > a:hover{
background: rgba(0,0,0,0.05) !important;
color:#4f5b66 !important;
border-left-color:  #ff4fb8  !important;
}
.details {
margin-right:0;
}
.alphabetSorting > table{
height:6% !important;
background-color:#ffffff !important;
box-shadow: 0 2px 10px rgba(0,0,0,0.5) !important;
}
.alphabetSorting > table:hover{
height:6% !important;
box-shadow: 1px 6px 15px rgba(0,0,0,0.5) !important;
}
.alphabetSorting > table tr  td{
}
.alphabetSorting > table tr  td:hover{
/*font-size: 22px !important;*/
color:#ff4fb8 !important;
}
.alphabetSorting > table tr  td a{
  color:#4f5b66 !important;
}
.alphabetSorting > table tr  td a:hover{
/*font-size: 22px !important;*/
color:#ff4fb8 !important;
}

.actionImages{
  opacity: 1 !important;
}
.fa-trash{
  color:#E57373 !important;
}
#listViewPageJump{
  margin-top:0;
}
.action-button{
  margin-top:0px;
}

.main-header .navbar-custom-menu, .main-header .navbar-right{
  margin-top: -8px !important;
}
@media screen and (-webkit-min-device-pixel-ratio:0) { /* Safari only override */ ::i-block-chrome,.main-header .navbar-custom-menu, .main-header .navbar-right{
  margin-top: -8px !important;
} }

.listViewEntriesTable td  div input{
  padding:14px !important;
  width:150px !important;
}

#more{
  /*float:right;*/
  margin-left:65px;
}

.user-menu{
  margin-top:0 !important;
}
.fa-refresh,.fa-share{
  
  color:#999999 !important;

}
.fa-refresh:hover,.fa-share:hover{
  color:#ff4fb8 !important;

}
.aligncenter{
  margin-top:16px;
}
#advanceSearchCancel{
  margin-top:10px;
}
#advanceSearchContainer{
  border-radius: 3px;
}

.select2-choice{
  height:32px !important;
}
.select2-choice span span {
    font-size: 16px !important;
    padding:4px;
}
.select2-result-label{
  font-size:14px;
}
.select2-results .select2-highlighted{
  background: #ff4fb8 !important;
}

.backButton{
background-color:#FFFFFF !important;
display: inline-block;
overflow: hidden;
position: relative;
text-decoration: none;
text-transform: uppercase;
border-radius: 3px !important;
-webkit-transition: 0.3s;
-moz-transition: 0.3s;
-ms-transition: 0.3s;
-o-transition: 0.3s;
transition: 0.3s;
box-shadow: 0 2px 10px rgba(0,0,0,0.5) !important;
border: none;
font-size: 14px;
text-align: center;
text-shadow:none;
}
.backButton:hover{
box-shadow: 1px 6px 15px rgba(0,0,0,0.5) !important;
border: none;
font-size: 14px;
text-align: center;
text-shadow:none;
text-decoration: none;
text-transform: uppercase;
border-radius: 3px !important;
}
.caret{
  margin-top:0px !important;
}
/*.select2-choice div{
  margin-top:4px !important;
}*/
.pageNumbers .fa-refresh{
  margin-top:3px !important;
}
.moreButton{
display: inline-block;
overflow: hidden;
position: relative;
text-decoration: none;
text-transform: uppercase;
border-radius: 3px !important;
-webkit-transition: 0.3s;
-moz-transition: 0.3s;
-ms-transition: 0.3s;
-o-transition: 0.3s;
transition: 0.3s;
border: none;
font-size: 14px;
text-align: center;
text-shadow:none;
}
.moreButton:hover{
border: none;
font-size: 14px;
text-align: center;
text-shadow:none;
text-decoration: none;
text-transform: uppercase;
border-radius: 3px !important;
}

.more-action{
  font-size: 15px;
}
.detailViewSaveComment,.saveComment{
  margin-top:6px;
}
.listViewActions{
  margin-top:-7px;
}

.vtFooter{
  /*position: fixed;
    left: 0px;
    bottom: 0px;*/
    width: 100%;
    color:#ffffff !important;
}
.vtFooter a{
  color:#ffffff !important;
}
#more{
  margin-top: 17px;
    /* float: right; */
    margin-left: 65px;
}
.logo-background{
  width: 100px !important;
    height: 34px !important;
    margin-left: 15px !important;
    background-color: lightblue !important;
    margin-top: -40px !important;
}
.companyLogo img{
  margin-left: -49px;
  
}

.avatar-logo{
      height: 85px;
    margin-left: 73px;
    margin-top: 12px;

}
  .treeview-menu li a span {
    margin-left: 34px !important;
}
.treeview span{
  margin-left:5px;
}
.chzn-container .chzn-results li{ line-height: 20px !important; }
.avatar-style{
  color:#3090C7;
  font-size: 15px;
  font-weight:600;
  text-align:center;
}

/*.terms_conditions_btn{ color: #fff !important; }*/
/*.select2-container-multi .select2-choices .select2-search-field input{ border: 1px solid #ccc !important; }*/
.recordLabel span{
  text-transform: uppercase;
  /*font-size: 10px;*/
}
.select2-container a{
  color:#4f5b66 !important;
}
.nav-quickCreate .dropdown-menu{
    left: -345px !important;
    min-width: 400px !important;
    top: 20px !important;
}
.navbar .btn, .navbar .btn-group{
      margin-top: 26px;
    margin-left: -80px;
}

/*.medium, .table td.medium, .listViewEntries td.medium, td.listViewEntryValue.medium{
  padding: 16px 6px!important;
}*/

.filterContainer span {
  color:#4f5b66;
}

.summaryView .summaryViewEntries .fieldLabel{
  border-right:none !important;
  background: #ffffff !important;
  padding: 10px 0 5px 5% !important;
}

.chzn-container a{
  color:#000 !important;

 }
 .commentContainer .addCommentBlock{
  background:none !important;
 }
 .summaryWidgetContainer .widget_header{
  border-bottom: 2px solid lightblue !important;
 }

.fa-copy{
  color: lightblue;
      margin-bottom: -21px;
    margin-left: 27px;
}
.listViewPageDiv .fa-plus{
  color: #ffffff;
}
/*.medium, .table td.medium, .listViewEntries td.medium, td.listViewEntryValue.medium{
      padding: 11px 6px!important;

}*/
.listViewEntries  td.medium{
      padding: 11px 6px!important;
}
.navbar .dropdown-menu:before{
    content: '' !important;
    display: inline-block !important;
  border:none !important;
    position: absolute !important;
    top: none !important;
    left: none !important;
}
.navbar .dropdown-menu:after{
      content: '' !important;
    display: inline-block !important;
    
    border:none !important;
    position: absolute !important;
    top: none !important;
    left: none !important;
}
.navbar .quick-nav:before{
  content: '' !important;
    display: inline-block !important;
    border-left: 7px solid transparent !important;
    border-right: 7px solid transparent !important;
    border-bottom: 7px solid #ccc !important;
    border-bottom-color: rgba(0, 0, 0, 0.2) !important;
    position: absolute !important;
    top: -9px !important;
    right: 130px !important;
    left: auto !important; 
}

.navbar .quick-nav:after{
      content: ''  !important;
    display: inline-block  !important;
    border-left: 6px solid transparent  !important;
    border-right: 6px solid transparent  !important;
    border-bottom: 6px solid #ffffff  !important;
    position: absolute  !important;
    top: -8px  !important;
    right: 131px  !important;
    left:auto !important;
}

.nav .user .dropdown-menu:after{
      content: ''  !important;
    display: inline-block  !important;
    border-left: 6px solid transparent  !important;
    border-right: 6px solid transparent  !important;
    border-bottom: 6px solid #ffffff  !important;
    position: absolute  !important;
    top: -5px  !important;
    right: 24px  !important;
    left:auto !important;
}
.nav .user .dropdown-menu:before{
  content: '' !important;
    display: inline-block !important;
    border-left: 7px solid transparent !important;
    border-right: 7px solid transparent !important;
    border-bottom: 7px solid #ccc !important;
    border-bottom-color: rgba(0, 0, 0, 0.2) !important;
    position: absolute !important;
    top: -5px !important;
    right: 24px !important;
    left: auto !important; 
}

.navbar .nav-quickCreate .dropdown-menu:after{
      content: ''  !important;
    display: inline-block  !important;
    border-left: 6px solid transparent  !important;
    border-right: 6px solid transparent  !important;
    border-bottom: 6px solid #ffffff  !important;
    position: absolute  !important;
    top: -6px  !important;
    right: 25px  !important;
    left:auto !important;
}

.navbar  .nav-quickCreate .dropdown-menu:before{
  content: '' !important;
    display: inline-block !important;
    border-left: 7px solid transparent !important;
    border-right: 7px solid transparent !important;
    border-bottom: 7px solid #ccc !important;
    border-bottom-color: rgba(0, 0, 0, 0.2) !important;
    position: absolute !important;
    top: -7px !important;
    right: 24px !important;
    left: auto !important; 
}

.fa-user{
  color:lightblue;
}

.nav>li>a:hover, .nav>li>a:active, .nav>li>a:focus{
  border-left:0;
}


.sidebar-mini.sidebar-collapse .sidebar-menu>li>a{
width: 66px;
margin-left: -5px;
}

.sidebar-mini.sidebar-collapse .main-header .navbar .search-toggle{
    margin-left: 12%;

}
/*.sidebar-mini.sidebar-collapse .sidebar-menu .search-toggle,{
{
    margin-left: 12%;
}*/
.sidebar-mini.sidebar-collapse .sidebar-menu img{
  width:24px;
}
.recordEditView table td input {
    padding: 5px !important;
    height: auto;
    margin: 0;
    color: #333 !important;
}
.skin-blue .main-header .logo:hover{ background-color: #f7f7f7 !important; }
.dropdown-menu02{ min-width:510px !important; left: unset !important; box-shadow: 0px 0px 10px #ccc !important; }
.dropdown-menu02 .title{ padding-left: 10px; padding-top: 5px; }
.recordEditView table td  .dateField{
  width:187px !important;
}
#Leads_editView_fieldName_firstname{
  width:130px !important;
}
.recordEditView .add-on{
  height:22px;
}

.recordEditView .fa-remove, .recordEditView .fa-search,.recordEditView .fa-plus,.recordEditView .fa-calendar{
  margin-top:5px;
}
.recordEditView .chzn-single{
  height:32px;
}

.recordEditView .chzn-search input{
  width:99% !important;
}

/*.recordEditView .chzn-container-single{
width:211px !important;
}*/
/*#selU8Q_chzn{
  width:70px !important;
}*/
.recordEditView table td  textarea{
  width:212px;
}
.skin-blue .main-header .navbar{ background-color:#fff !important; box-shadow:3px -1px 2px 1px #ccc; }
.sidebar {
    padding-bottom: 0 !important;
  /*  position: fixed;
    top: 50px;*/
    background: #fff !important;
    /*box-shadow: 2px 2px #eee !important;*/
}
/*.detailViewInfo .related{
  min-height:100% !important;
  background:#ffffff;
  box-shadow: 0 2px 10px rgba(0,0,0,0.5) !important;
  margin-top:4%;
}*/

.relatedHeader  .fa-plus{
  color:#ffffff;
}
.doc_block{
  margin-top:1%;
}
.doc_refresh .fa-refresh{
  margin-top:10px !important;

  }

  .doc_pagination{
    margin-top:-38px !important;
  }


  .actionButton{
        margin-left: -15px;
    margin-right: 6px;
    /* margin: 4px; */
    margin-top: -3px;
  }

  .user-body .text-style{
    padding-left:1px  !important ;
    padding-right:1px  !important;
  }
  .doc_block .fa-search{
    margin-left:-26px;
  }
 
  .importContents table{
    box-shadow: none !important;
  }

  .well{
        box-shadow: 0 2px 10px rgba(0,0,0,0.5) !important;
            background-color: #ffffff !important;
  }
  .gridster ul li.dashboardWidget .dashboardWidgetHeader{
background:#eceff1;
border-top:0 !important;
}
.gridster ul li{
/*width:37% !important;*/
box-shadow: none !important;
border-radius: 5px !important;
    border: 1px solid #ff4fb8 !important;
}
.gridster ul li:hover{
box-shadow: none !important;
}
.gridster ul li.dashboardWidget .dashboardWidgetHeader .widgeticons{
opacity:1 !important;
padding-right:20px !important;
}
.gridster ul li.dashboardWidget .dashboardWidgetHeader .dashboardTitle {
    font-family: arial !important;
    color: #2d2d2d !important;
    font-weight: 100 !important;
    font-size: 16px;
}
.dashboardHeading h3{ margin:0 !important; }

.btn-toolbar {
    margin-top: 0 !important;
    margin-bottom: 9px;
}
.gridster ul li.dashboardWidget .dashboardWidgetHeader{
padding:0px !important;
margin-top:2px;
}

/*  .gridster ul  #57{
    height:300px !important;
  }

  [data-row="4"]{
    height:300px !important;

  }*/
  /*[data-sizey="2"]{
    height:300px !important;
  }
  [data-sizex="6"]{
    width:442px !important ;
  }*/
  .dashboard_notebookWidget_viewarea{
    height: 170px !important;
  }
  .dashboard_notebookWidget_textarea{
    min-height: 170px !important;

  }
  .contentsDiv .fa-plus{
    color:#ffffff;
  }
  .contentsDiv h3{
    color:#333 !important;
  }
  .contentsDiv h2 {
    color: #333 !important;

  }
  .settingsSummary a{
    border-top: 3px solid #ff4fb8 !important;
  }
  .settingsIndexPage .settingsSummary a{
    box-shadow: 0 2px 10px rgba(0,0,0,0.5); 
  }
  .themeTextColor{
    color:#ff4fb8 !important;

  }
  .settingsIndexPage .settingsSummary a:hover .summaryText, .settingsIndexPage .settingsSummary a:hover .summaryCount{
    color: #ff4fb8 !important;
  
  }
  .settingsIndexPage .settingsSummary a .summaryText{
    color:#9e9e9e !important;

  }
  .titlePadding{
    color:#9e9e9e !important;

  }
  .btn-inverse{
    color:#fff !important;
    background-color:#ff4fb8 !important;
  }
  .listViewEntryValue  .span2{
    height:auto !important;
  }
  .listViewEntryValue  .span6{
    margin-left:0 !important;
  }
  .addCustomBlock{
    margin-left:10px !important;
  }
  .layoutContent{
    border-top: 4px solid #ff4fb8 !important;
  }
  .nav.massEditTabs li.active a{
    background: #ff4fb8 !important;
    color:#ffffff !important;
  }
  .danger-button {
    color:#FFFFFF;
background-color:#f44336 !important;
display: inline-block;
margin: 0.3em;
overflow: hidden;
position: relative;
text-decoration: none;
text-transform: uppercase;
border-radius: 3px !important;
-webkit-transition: 0.3s;
-moz-transition: 0.3s;
-ms-transition: 0.3s;
-o-transition: 0.3s;
transition: 0.3s;
box-shadow: 0 2px 10px rgba(0,0,0,0.5);
border: none;
font-size: 15px;
text-align: center;
text-shadow:none;
  }
  .danger-button:hover{
/*background-color: #2bbbad!important;*/
color:#ffffff !important;
box-shadow: 1px 6px 15px rgba(0,0,0,0.5) !important;
border: none;
font-size: 15px;
text-align: center;
text-shadow:none;
text-decoration: none;
text-transform: uppercase;
border-radius: 3px !important;
}
#CompanyDetailsContainer .companyLogo img{
  margin-left:0 !important;
}
#labeleditor h2{
  color:#333 !important;
}
hr{
      border-top: 2px solid #ff4fb8 !important;
}
.massEditContent{
  border-top: 3px solid #ff4fb8  !important;
}
.vte td{
  padding:6px !important;
}
.warning-count{
   color:red;
}
.warning-button{
  color:#9e9e9e;
background-color:#ffeb3b !important;
display: inline-block;
margin: 0.3em;
overflow: hidden;
position: relative;
text-decoration: none;
text-transform: uppercase;
border-radius: 3px !important;
-webkit-transition: 0.3s;
-moz-transition: 0.3s;
-ms-transition: 0.3s;
-o-transition: 0.3s;
transition: 0.3s;
box-shadow: 0 2px 10px rgba(0,0,0,0.5);
border: none;
font-size: 15px;
text-align: center;
text-shadow:none;
margin:0.3em !important;
}
.sub-button
{
  color:#ffffff;
background-color:#d50000 !important;
display: inline-block;
margin: 0.3em;
overflow: hidden;
position: relative;
text-decoration: none;
text-transform: uppercase;
border-radius: 3px !important;
-webkit-transition: 0.3s;
-moz-transition: 0.3s;
-ms-transition: 0.3s;
-o-transition: 0.3s;
transition: 0.3s;
box-shadow: 0 2px 10px rgba(0,0,0,0.5);
border: none;
font-size: 15px;
text-align: center;
text-shadow:none;
margin:0.3em !important;
}
.sub-button:hover,.logout-button:hover{
  color:#ffffff !important;
}
.faq-button{
  color:black;
background-color:#ffab40 !important;
display: inline-block;
margin: 0.3em;
overflow: hidden;
position: relative;
text-decoration: none;
text-transform: uppercase;
border-radius: 3px !important;
-webkit-transition: 0.3s;
-moz-transition: 0.3s;
-ms-transition: 0.3s;
-o-transition: 0.3s;
transition: 0.3s;
box-shadow: 0 2px 10px rgba(0,0,0,0.5);
border: none;
font-size: 15px;
text-align: center;
text-shadow:none;
margin:0.3em !important;
}
.logout-button{
  color:#ffffff;
background-color:#ff4fb8 !important;
display: inline-block;
margin: 0.3em;
overflow: hidden;
position: relative;
text-decoration: none;
text-transform: uppercase;
border-radius: 3px !important;
-webkit-transition: 0.3s;
-moz-transition: 0.3s;
-ms-transition: 0.3s;
-o-transition: 0.3s;
transition: 0.3s;
box-shadow: 0 2px 10px rgba(0,0,0,0.5);
border: none;
font-size: 15px;
text-align: center;
text-shadow:none;
margin:0.3em !important;
}
#searchExtension{
  height:35px !important;
}
#VTEStore_settings td {
  padding:6px !important;
}
#btnSearchExtension{
  height:auto !important;
  margin-bottom:12px !important;
}
#extensionContainer h2 u {
  color:#333 !important;
}

.extensionWidgetContainer table  tr {
  border-top:3px solid lightblue;
}

.btn-info { color:#fff !important; background: #ff4fb8 !important; border-color:#ff4fb8 !important;}

.add-on{margin-top: 0px !important;}

.dashboardWidgetContent_scroll{ height: 254px !important; overflow: scroll; }

.grid-container_scroll{ overflow: scroll; height: 250px !important;}
.dashboardWidgetContent_250w { height: 250px !important; }

.relatedacc {
    margin-top: 1.4em;
    box-shadow: 0px 0px 10px #ccc;
    padding-bottom: 10px;
    position: sticky !important;
    top: 4em;
}
.skin-blue .main-header .logo{ background-color:#fff !important; box-shadow:3px -1px 2px 1px #ccc !important; }
.user-body a{ padding: 7px 15px !important; }
.chzn-container-single .chzn-single{/* background: #eee !important; */background-image: none !important; }
.input-append input{ height: 30px; }
.input-append span{ height: 30px !important; }
.input-append span .icon-remove-sign{ margin-top: 6px; }
.input-append span .icon-search{ margin-top: 6px; }
.input-append span .icon-plus{ margin-top: 6px; }

.new_nav li{ /*border-left: solid 1px #b80071;*/ padding: 0; }
.new_nav li:first-child{ border-left: none; }
/*.new_nav li:hover{ background:#2e2f31; }*/
.new_nav li a {
    padding: 21px 10px !important;
    font-size: 15px;
    padding-bottom: 10px !important;
}
.new_nav li a:hover{ background:transparent !important; color:#ff4fb8 !important;  }


.nav-tabs{ border-bottom: 1px solid #ccc; background-color: #f1f1f1; }
.nav-tabs > li{ margin-bottom: 0 !important; }
.nav-tabs > li.active > a {
    background-color: #cc0088 !important;
    color: white !important;
}
.imageElement{ margin-top: 0 !important; }
.widgetTextOverflowEllipsis{ margin-top: 0; }
.nav-tabs > li > a:hover{ background-color: #ddd !important; }

.nav > li > a{ font-size: 15px !important; border-radius: 0 !important; }

.user-body{ padding: 0 !important; border-left: none !important; }
.user-header{ height: auto !important; }
.menu-style{ box-shadow: 1px 6px 15px rgba(0,0,0,0.1) !important; border: 1px solid #ff4fb8 !important; }

.pageNumbersText {
    padding: 6px;
    background: #ff4fb8;
    position: relative;
    top: 1px;
    color: #f6f6f6;
    font-size: 13px;
    margin-left: 2px;
}


.fa-Kyc:before{content:"\f15b"}
.fa-Leads:before{content:"\f201"}
.fa-Accounts:before{content:"\f0c0"}
.fa-Contacts:before{content:"\f02d"}
.fa-Services:before{content:"\f085"}
.fa-Calendar:before{content:"\f073"}
.fa-Reports:before{content:"\f1ea"}
.fa-Incorporate:before{content:"\f044"}
.fa-Pricing:before{content:"\f02c"}
.fa-Boarding:before{content:"\f0a0" !important;}
.fa-PriceConfig:before{content:"\f0d6"}
.fa-Variables:before{content:"\f247"}
.fa-SubVariables:before{content:"\f0ea"}
.fa-Accountantsetup:before{content:"\f085"}

.icon-chevron-down {
    background-position: -313px -119px;
    background-image: url(../libraries/bootstrap/img/glyphicons-halflings-white.png) !important;
}
/*.icon-wrench{ background-image: url(../libraries/bootstrap/img/glyphicons-halflings-white.png) !important;}*/
.icon-download{ /*background-image: url(../libraries/bootstrap/img/glyphicons-halflings-white.png) !important; margin-top: 2px;*/}
.icon-plus{ background-image: url(../libraries/bootstrap/img/glyphicons-halflings-white.png) !important;}
.icon-list{ background-image: url(../libraries/bootstrap/img/glyphicons-halflings-white.png) !important; margin-top: 2px;}
/*.icon-chevron-right{ background-image: url(../libraries/bootstrap/img/glyphicons-halflings-white.png) !important;}
.icon-chevron-left{ background-image: url(../libraries/bootstrap/img/glyphicons-halflings-white.png) !important;}*/
.icon-cog{ background-image: url(../libraries/bootstrap/img/glyphicons-halflings-white.png) !important;}
.nav-pills > li.active > a{ background-color: #ff4fb8 !important; color: #fff !important; }
.nav-pills > li.active > a:hover{ background-color: #b80071 !important; color: #fff !important; border:none; }
#loginDiv{ margin-top: 16em; }
.menustyle1{ box-shadow: 0px 2px 10px #555 !important; }
.box_shadow{box-shadow: 0px 0px 10px #ccc !important;}
.menustyle1 .shortDropdown {
    padding: 10px;
}
.menustyle1 .shortDropdown a {
    padding: 5px !important;
}
.nextbtn_setp{ position: relative; bottom: 17px; }
#folder_id {
    width: 28%;
   margin-bottom: 7px;
}
#search_mail {
    margin-bottom: 7px;
}
#globalSearchValueDocument {
    max-height: none !important;
    margin-top: 0px !important;
    height: 27px !important;
    margin-bottom: 7px;
}
   
    #searchIconDocument .icon-white { margin-top: 0 !important;
    }
.sharing_drop {
    margin: 0 auto;
    float: none !important;
    margin-left: auto !important;
}
.blockHeader th {
    background: #ff4fb8 !important;
    color: #fff !important;
}
.canceliy_btn{ position: relative; bottom: 20px; }
.trdget{float: right;
    margin-bottom: 10px;}
.responsive_bar {
    margin-top: 10px;
}
/*.btn-lg, .btn-group-lg > .btn{ font-size: 15px !important; }*/
.table>thead>tr>th, .table>tbody>tr>th, .table>tfoot>tr>th, .table>thead>tr>td, .table>tbody>tr>td, .table>tfoot>tr>td{ border-top:1px solid #dadada !important;  }
.label_style4{float: left;    margin-right: 10px;}
.label_style5 input{    float: left;    margin-right: 10px !important;    position: relative;    top: 2px;}
.form-control{ height: 30px !important; padding:4px !important; }
#fromcrm{ width: auto !important; }
#fromnomisma{ width: auto !important; }
#fromch{ width: auto !important; }
.tim5 .pull-right {
    margin-top: 10px;
}
.skin-blue .main-header .navbar .nav>li>a {
    color: #fff;
    background-color: #f7f7f7 !important;
    padding: 9px 9px !important;
    border-radius: 50% !important;
    margin-right: 5px;
    margin-top: 10px;
    width: 40px;
    height: 40px;
}
.skin-blue .main-header .navbar .nav>li>a:hover
{
    background: linear-gradient(180deg,rgba(255, 0, 170, 1) 20%, rgba(220 32 147) 100%)  !important;
}
.skin-blue .main-header .navbar .nav>li>a:hover .fa{ color:#fff !important; }
.tim5 .detailViewTitle {margin-top: 2px !important;}

.new_nav{ background: #fff !important; }
.vgaw{width: 65%;margin: auto;margin-top: 2em;padding: 2em;}
.hfg{float: left;margin-left:1em !important; margin-bottom: 0px !important;margin-top: 0px !important;width: 80%;}

.btn6798 th{ line-height: 30px !important; }
.padd97{ padding-left: 0 !important; }
/*.btn-primary {
    background-color: #ff4fb8 !important;
}*/
/*======================Responsive css ===================================*/
@media only 
(max-device-width : 1024px) 
{
  .main-header .navbar-custom-menu{ margin-top: 10px !important; }
 .tooltip
 {
  display: none;
 }
}
@media (max-width: 768px){
  .content{ margin-top:40px; }
  #poralActive_inactive{ width:100% }
.poralActive_inactive{ width:100%; }
.skin-blue .sidebar-menu>li>a{ color:#fff !important; }
.pad6 label{ float:left; width:50%; }
.pad6 select{ width:100% }
.pad6 span{ width:100%}
li.dropdown.user-menu {
float: right !important;
}
.genral01{ margin-left:0; }
.mobile23{ width:93%; }
.navbar_mobile{ display:block !important; }
.span2_mob{ width:100% !important; }
  .content h3{ margin-top: 10px; }
  .btn6798 th{ float:left; width:100%; }

.nav-tabs li{ margin-bottom:18px !important; }
.dash_box a{ width:100% !important; margin-bottom:10px; }
.new_btn{ width:auto; float:left; padding:6px 14px !important; }
 
.sidebar-mini.sidebar-collapse .main-header .logo {
    width: auto !important;
}
.fill_com li{ width: 100% !important; text-align: center; }
div#detailView {
    width: 100%;
    overflow-y: auto;
}
.main-header .navbar .sidebar-toggle{ margin-left: 10px; }
.new_nav{ width: 100%; float: left; background: #ccc; }
.responsive_bar{ width: 100%; overflow-y: scroll; }
.main-header .navbar-custom-menu{ margin-top: -7px !important; }
}
@media screen and (max-width: 640px){
.pad6 select{ width:100% !important; }
.pad6 span{ width:100% !important;}
.pad6 label{ float:left; width:50%; }
}
@media (max-width: 767px){
    .tim5 .pull-right{ margin-top: -10px; }
  .tim5 .detailViewTitle {margin-top: -10px !important;}
.respon {
    width: 94%;
}
.menustyle1 {
    position: absolute;
    right: 2%;
    left: auto;
    border: 1px solid #ddd;
    background: #fff;
    width: 340px !important;
    float: none;
    height: 300px;
    overflow-y: scroll;
}
.menustyle1 .span12{ width:100% !important; }
.respon1 {
    width: 96%;
    margin-top: 10px;
}
.respon2 {
    width: 98%;
}
.vgaw {
    width: 100%;
    margin: initial;}
span#shortcut_1 {
    width: 100%;
}
span#shortcut_8 {
    width: 100%;
}
.blockUI{ width: 100% !important; }
span#shortcut_9 {
    width: 100%;
}
.settingsIndexPage .settingsSummary a{ min-width: 100% !important; margin-bottom: 10px; }
.sidebar-menu{ position: relative; }
.main-header .navbar .sidebar-toggle{ margin-left: 10px; }
.menustab-prev{ min-width: 100% !important; float:left; }
.menustab{ min-width: 100% !important; float:left; }
.menustab-current{ min-width: 100% !important; float:left; }
/*.noprint{display: block;
    bottom: 0;
    position: fixed;
    width: 100%;}*/
.main-header .navbar-custom-menu {
    margin-top: 0 !important;
    float: left !important;
    width: 100%;
}

.navbar-custom-menu>.navbar-nav {
    float: left !important;
    width: 100%;
}
  
  .main-header .navbar{ margin-left: 0 !important; }
  .content-wrapper{ margin-left: 0 !important; }
  .sidebar{ top:14em; position: relative; }
  .row-fluid > .span7 {
    width: 100%;
}

.row-fluid > .span5 {
    width: 100%;
}
.container-fluid {
    padding: 0;
  /*  min-width: 320px;*/
}
.login-container{ min-width: 100% !important; }
.container{ padding: 0 !important; }
.col-centered{ float: left !important; width: 100% !important; }
.login-area{ width: 100% !important; }
.login-box{ width: 100% !important; }
.navbar-custom-menu>.navbar-nav{ background-color: #ccc; }
/*.summaryView{ overflow: scroll; }*/
.reps {
    width: auto;
}
.commentContainer .commentDetails{ min-width: 100% !important; }
.commentContainer .commentDetails .commentDiv{ width: 100% !important; }
.pageNumbers .totalNumberOfRecords{ margin-top: 10px !important; }
.pageNumbersText{ top:7px; }
.new_nav li{ border-left:none; }
.main-sidebar{ padding-top: 30% !important; }
.companyLogo{ display: block !important; }
.dashboardTitle {
    width: auto;
    font-size: 10px !important;
    padding: 0 !important;
}
  .responsive_bar{ width: 100%; overflow-y: auto !important; }
.fc-header td {
    white-space: nowrap;
    width: 100%;
    float: left;
}
.gridster ul li {
    width: 100% !important;
    box-shadow: 4px 2px 8px #888888 !important;
    border-radius: 5px !important;
    border: 1px solid #ff4fb8 !important;
    margin-top: 10px;
    position: initial !important;
}
.nav-search{ margin-top:5px 0px 0px 0px !important; padding: 2px 0 !important; }
.nav-search .commonActionsButtonContainer{ margin-left: 24px !important; }
.new_nav li a{ padding: 6px !important; padding-top: 10px !important;}
.grid-container_scroll {
    overflow: scroll;
    height: 215px !important;
}

.new_rightbtn1{ margin:0; }
.detailViewButtoncontainer{ float:left !important;}
.details{ margin-right: 0; }
.detailViewContainer { padding: 0 !important; }
.dse{ padding: 0 !important; }
.btn-group{ margin-top: 5px; }
#loginDiv{margin-top:4em;}
.brt123{ position: initial !important; margin-top:1em; }
.padd97{ padding: 0 !important; }
.officerDetails h3{ font-size: 14px !important; }
#task{ position:relative; top:33em; }
#calllog{ position:relative; top:33em; }
.brt123 .client_btn{ width: auto% !important; }
.marginLeftZero{ margin-top: 10px; }
.relatedacc{ position: initial !important; }
.box_shadow {
    left: 0 !important;
    right: 0 !important;
    float: right !important;
}
.row-fluid > .span6 {
    width: 100%;
    margin-bottom: 10px;
}
.commonActionsContainer .dropdown-menu.dropdownStyles.commonActionsButtonDropDown{ left:-283px !important; }
input#cf_1098 {
    width: 200px;
}
input#cf_789 {
    width: 200px;
}
.recordEditView table td textarea {
    width: 212px !important;
}
#Ceasetrading_editView_fieldName_description {
    width: 212px !important;
}
#Ceasetrading_editView_fieldName_comments{
    width: 212px !important;
}
#contact_id_display {
    width: 58%;
}
.recordEditView table td .dateField {
    width: 10 7px !important;
}
.chzn-container {
    vertical-align: middle;
    width: 100% !important; margin-top: 10px; 
}
#specificemails{ width: 100% !important; margin-top: 10px; }
/*.detailViewInfo .contents{ overflow: scroll; }
.detailViewInfo .content{ overflow: scroll; }*/
#selNTI_chzn {
    vertical-align: middle;
    width: 150px !important;
    margin-top: 0 !important;
}
/*.listViewSetting.dropdown-menu{left:0 !important;}*/
.recordEditView table td input{ width: 160px; }
.htyd .form-control {    width:-webkit-fill-available;}
.txtvl td {
    text-align: left;
}
.blockUI{ left: 0 !important; }
.dash_icon h3{ margin-top: 6px !important; }
}
.staus45 .span3{ padding: 7px; font-size: 13px !important; }
.staus45 .span1{ padding: 7px; font-size: 13px !important; }

.fill_com {
    padding: 0;
    margin: 0;
}
.fill_com li {
    list-style: none;
    padding: 8px 20px;
    width: auto;
    border: 1px solid #ccc;
    float: left;
    margin-right: 10px;
    background: #ff4fb8;
    color: #fff;
}
.heading21{ margin-top: 0 !important; }
.fa-Accountantsetup:before {
    content: "\f085";
}
.modal-header {
    background-color: #fff !important;
    padding: 16px 16px;
    color: #333 !important;
    border-bottom: 1px dashed #ccc !important;
}

/*-------------------Timer popup start---------------------------*/
.timermodal1 {
position: relative;
margin-bottom: 5em;
margin-right: 4px;
background: #fff;
width: 350px;
min-height: 378px;
display: none;
}
.timermodal-header1 .close {
background: #ff4fb8;
position: relative;
bottom: 7em;
padding: 10px 18px;
border-radius: 50%;
opacity: 1;
}
.timer56 .fa-chevron-down { 
  font-size: 18px; 
  line-height: 21px; 
  left: 11px;
}
.timer56 .btn-primary09:hover .fa{ color: #fff !important; }



/*.timermodal-content1 .modal-footer .btn{ float: left !important; }*/
.timer56{
z-index: 999999;
position: fixed;
right: -5px;
bottom: -5px;
}
.timer56 .thidebutton {
position: absolute;
right: 5px;
bottom: 4px;
padding: 21px !important;
border-radius: 50% !important;
}
.tshowbutton {
    position: absolute;
    right: 5px;
    bottom: 4px;
    padding: 21px !important;
    border-radius: 50% !important;
    border:2px solid #ff4fb8;
    background: #fff ;
}
.tshowbutton:hover{ background: #ff4fb8; }
.timer56 .btn-primary09 .fa {
  position: inherit;
  top: 13px;
  color: #ff4fb8 !important;
}
.timer56  .fa {
 
  color: #ff4fb8 !important;
}
.timer56 .form-group textarea{ height: 30px !important; }
.timermodal-content1 .add-on {
    height: 28px !important;
}
#timesheetForm .form-group{ margin-bottom: 15px !important; }
.timer56 .btn-primary09 .fa-clock-o {
font-size: 30px;
line-height: 20px;
}
.timermodal-header1 .fa-clock-o{ position: inherit; }
.timermodal-content1 .modal-body {
  background: #fff;
  border-radius: 30px 30px 0 0px ;
  padding-top: 25px;
  width: 100%;
  z-index: -1;
  min-height: 245px;
  max-height: 350px;
}
#myTable_length{ margin-bottom:12px; }
#control123.fa-pause{ position: initial !important; }
#control123.fa-play{ position: initial !important; }
.timer56 .btn-primary09:hover #my_timer_button{ color: #fff !important; }
.timer56 .btn-primary09:hover .fa-pause{ color: #fff !important; }
.timer56 .btn-primary09:hover .fa-play{ color: #fff !important; }
.modal-title .fa-clock-o{ color: #fff !important }
.timer56 .btn-primary09:hover .fa-clock-o{ color: #fff !important; }
.timer56.fade{ display: none; }
.search_timer .fa-search
{
color: #ff4fb8;
position: absolute;
right: 26px;
font-size: 15px;
margin-top: 8px;
}
input.largerCheckbox {
width: 20px;
height: 20px;
border-color: #ff4fb8;
}
.timermodal-content1 .modal-footer {
width: 100%;
border-radius: 0 0px 30px 30px; padding-left: 2em; text-align: center; float: inherit;
}
.timermodal-content1 input{ border:1px solid #ff4fb8; border-radius: 4px; }
.timermodal-content1 textarea{ border:1px solid #ff4fb8; border-radius: 4px; }
.timermodal1 {
border-radius: 30px;
background: url(../layouts/vlayout/skins/softed/images/timer_bg.png);
padding: 5px;
}
.cross1{
    float: none !important;
    font-size: 22px;
    color: red;
    margin-right: 30px;
    margin-left: 20px;
}
.cross3{
    float: none !important;}
.timermodal-header1 h2{ line-height: 15px; font-size: 30px; color: #fff !important; text-align: center; font-weight: bold; }
.cross2{
float: none !important;
font-size: 22px;
color: #ff4fb8;
margin-right: 10px;
}

.pull-left-1 input{
  height: 28px;
  width: 83.7%;
}

.pricingreport{
text-align: center;
    width: 100%;
    float: left;
    padding: 10px 0;
    font-weight: 600;
}
a:hover.pricingreport {
color:#ff4fb8 !important;
cursor: pointer;
text-decoration: underline !important;
}


/*-------------------Timer popup end---------------------------*/
/*-------------------TODO css start---------------------------*/
.table_todo{ width:100%; }
.table_todo .fieldLabel{ width:30% !important; }
.table_todo .input-large {
    width: 35%;
    border-radius: 4px;
}
.table_todo .chzn-container{
    width: 35% !important;
}
.table_todo .input-append { width:18% !important }
input#Events_editView_fieldName_timetracker_unit_amount {
    width: 33%;
}
input#Events_editView_fieldName_time_start {
    width: 79%;
}
input#Events_editView_fieldName_time_end {
    width: 79%;
}
.table_todo .fieldValue23 { width:70% !important }
.table_todo .add-on{ height:30px; }
#Events_editView_fieldValue_invoiceid .input-append{ width:51% !important; }
#Events_editView_fieldValue_contact_id .input-append{ width:51% !important; }
div#Events_editView_fieldName_parent_id_dropDown_chzn {
    width: 100% !important;
    margin-bottom: 5px;
}
#Events_editView_fieldValue_parent_id .input-append {
    width: 49% !important;
    border-radius: 4px;
}
.table_todo #parent_id_display {
    width: 60%;
    height: 32px;
}
#Events_editView_fieldName_description{ width:35% !important; border-radius: 4px; }
#s2id_selectedUsers{ width:35% !important; border-radius: 4px; }
div#Calendar_editView_fieldName_parent_id_dropDown_chzn {
    width: 100% !important;
     margin-bottom: 5px;
}
#Calendar_editView_fieldValue_parent_id .input-append{
    width: 49% !important;
    border-radius: 4px;
}
#Calendar_editView_fieldValue_contact_id .input-append{
    width: 49% !important;
    border-radius: 4px;
}
#Calendar_editView_fieldName_description{ width:35% !important; border-radius: 4px; }
/*-------------------TODO css end---------------------------*/
input#drivinglicenseno {
    width: 55%;
}
input#drivinglicense_expiry {
    width: 55%;
}