.primary_color {
    color: #00117b !important;
}
.secondary_color {
    color: #263238;
    /*color: #575962;*/
}
.third_dark_color {
    color: #00107a;
}
.third_light_color {
    color: #90a4ae;
}
.fourth_dark_color {
    color: #b0bec5;
}
.fourth_light_color {
    color: #b4b8cc;
}
.last_light_color {
    color: #eceff1;
}
.smoky_light_color {
    color: #f9f9fc;
}
.smoky_light_bg {
    background: #f9f9fc;
}
.white_bg {
    background: #ffffff;
}
.light_bg {
  background:#FAFAFA;
}
.primary_bg {
    background: #f4734b;
}
.btn.primary_bg {
    background: #ff6b32;
    color: #f7f7f7 !important;
    border: 1px solid rgba(0, 0, 0, 0.15);
}
.btn.primary_bg:hover {
    background: #d84c21;
    color: #fff !important; 
}
.secondary_bg {
    background: #263238;
}
.form-control.form-control-sm.topSearch {
    background: #ececec;
    /* border: navajowhite; */
    /* border-radius: 5rem 0 0 5rem; */
    color: #1e2227;
    height: 35px;
}
/* .btn.secondary_bg {
    background: #f3f6fc;
    color: #6670b0;
    border: none;
}
.btn.secondary_bg:hover {
    background: #e2e5f6;
    color: #6670b0;
    border: none;
} */

.btn.secondary_bg {
	background: #ffffff;
  	color: #516873;
	border: 1px solid #d4dce6;
}
.btn.secondary_bg:hover {
	background: #f2f5f9;
  	color: #333;
  	border-color: #d4dce6;
}


.btn.third_bg {
    background: #90a4ae;
    color: #f9f9fc !important;
}
.btn.third_bg:hover {
    background: #90a4ae;
    color: #f9f9fc !important;
}
.third_bg {
    background: #90a4ae;
}
.btn.fourth_bg {
    background: #b0bec5;
    color: #f9f9fc !important;
}
.btn.fourth_bg:hover {
    background: #b0bec5;
    color: #f9f9fc !important;
}
.fourth_bg {
    background: #b0bec5;
}
.google_bg {
    background:#1a73e8;
}
.btn.google_bg {
    background: #fff;
    color: #1e2227;
}
.btn.google_bg:hover {
    background: #f4f5fa;
    color: #1e2227;
}
.btn.third_bg,
.timeline > li > .timeline-badge.active {
    background: #90a4ae;
    color: #f9f9fc;
}
.btn.third_bg:hover {
    background: #84959e;
    color: #f9f9fc;
}
.btn.primary_bg:focus {
    outline: 0;
    box-shadow: none;
}
/*.btn-border.border-default {
    color: #b0bec5 !important;
    border: 1px solid #b0bec5 !important;
}*/
 .topnav_color {
    color: #b0bec5
 }
 .border-dashed {border: 1px dashed #eceff1;}
 .b-color {border-bottom-color: #cfd8dc;}
/*.crmGrids .btn-border.btn-default.selected {background-color: #90a4ae !important; color: #f9f9fc !important;}
.crmGrids .btn-border.btn-default {color: #cfd8dc !important;}
*/
 li.nav-item.highlight {
    background: #f33446;
    border-radius: 3px;
    text-align: center;
    color: #f9f9fc !important
 }

 .crm_Warning [data-notify="icon"]:before,
.crm_Warning .count {
    background: #fff7e4;
}
.crm_Info [data-notify="icon"]:before {
    background: #f2f3ff; 
}
.crm_Error [data-notify="icon"]:before {
    background: #fff2f3;
}
.crm_Success [data-notify="icon"]:before {
    background: #e7f9f0;
}
.alert [data-notify="icon"] {
    display: block;
}

.selectgroup-input:checked + .selectgroup-button.success {
    border-color: #87ceac;
    color: #fff;
    background: #0f9d58;
    border-width: 3px;
}
.toast [data-notify="icon"]::before,
.flyout [data-notify="icon"]::before {
    line-height: 40px;
    font-size: 16px;
    display: block;
   /* left: 15px;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);*/
    width: 40px;
    height: 40px;
    border-radius: 30px;
    text-align: center; 
}
.flyout [data-notify="icon"]::before {
    width: 20px;
    height: 20px;
    line-height: 20px;
    font-size: 12px;
}
.flyout [data-notify="container"]{
    font-size: 14px; 
    padding: 10px;
    display: flex;
    align-items: center;
    gap: 10px;
}
.flyout [data-notify="title"] {
    color: #00117b;
}
.close:not(:disabled):not(.disabled) {
    cursor: pointer;
}

.toast .close,
.close {  
    font-size: 2rem;
    font-weight: 400; 
    text-shadow: none;
    opacity: 1;
    position: absolute;
    right: 2px;
    top: -2px;
}
.toast [data-notify="title"] {
    display: block; 
    font-weight: 500;
    font-size: 14px;
}
.toast [data-notify="message"] {
    font-size: 13px;
    color: #908e8e;
}

 /* toast css */
.toast { 
  overflow: hidden;
  font-size: .9rem;
 /* border-left: 5px solid;*/
  background-color: rgba(255, 255, 255, 1);
  background-clip: padding-box;
  /*border: 1px solid rgba(0, 0, 0, .1);*/
  box-shadow: 0px 3px 15px 0px rgba(18, 38, 63, 0.1);
  -webkit-backdrop-filter: blur(10px);
  backdrop-filter: blur(10px);
  opacity: 0;
  border-radius: 0.5rem;
}
.toast p { font-size: 13px; }
.toast-main {
    display: inline-block;
    margin: 0px auto;
    /* padding-left: 65px; */
    position: fixed;
    transition: all 0.5s ease-in-out 0s;
    z-index: 9999;
    top: 10px;
    right: 0px;
    left: 0;
}

.toast:not(:last-child) {
  margin-bottom: .5rem
}

.toast.showing {
  opacity: 1
}

.toast.show {
  display: block;
  opacity: 1
}

.toast.hide {
  display: none
}

.toast-header {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  padding: .25rem .75rem; 
  background-color: rgba(255, 255, 255, .85);
  background-clip: padding-box;
  border-bottom: 1px solid rgba(0, 0, 0, .05)
}

.toast-body {
  padding: 1rem;
  font-size: 0.8rem;
  max-height: 100px;
  overflow: auto;
}

.crm_Success,
.toast.crm_Success .close,
.toast.crm_Success [data-notify="title"] {color: #24bf5f;}
/*.toast.crm_Success .toast-body {background-color: rgb(232,245,233,0.75);}*/
 
.crm_Error,
.toast.crm_Error .close,
.toast.crm_Error [data-notify="title"] {color: #f54f4e;}
/*.toast.crm_Error .toast-body {background-color: rgb(251,233,231,0.75);}*/

.crm_Warning,
.toast.crm_Warning .close,
.toast.crm_Warning [data-notify="title"],
.crm_Warning {color: #fe9e00;}
/*.toast.crm_Warning .toast-body {background-color: rgb(255,253,231,0.75  );}*/

.crm_Info,
.toast.crm_Info .close,
.toast.crm_Info [data-notify="title"] {color: #3150ec;}
/*.toast.crm_Info .toast-body {background-color: rgb(227,242,253,0.75);}*/

/* toast css */
.flyout [data-notify="icon"] {
  width: 1.6rem;
  height: 1.6rem;
  border-radius: 1rem;
  color: aliceblue;
  text-align: center;
  display: flex;
  font-size: 0.8rem;
  font-weight: normal;
  align-items: center;
  justify-content: center;
}
.flyout .crm_Warning [data-notify="icon"] {
    background:#fe9e00 ;
}
.flyout .crm_Info [data-notify="icon"] {
    background:#3150ec ;
}
.flyout .crm_Error [data-notify="icon"] {
    background:#f54f4e ;
}

.flyout.hidden {
  transform: translateY(-100%);
  transition: ease-out .25s;  
}

.flyout {
  -webkit-backface-visibility: hidden;
  background: #e9ecfd; 
  width: 50%;
  position: absolute;
  left: 0px;
  right: 0px;
  transform: translateY(105%);
  transition: ease-in .25s;
  margin-left: auto;
  margin-right: auto;
  box-shadow: 0px 0px 15px 5px rgba(18, 38, 63, 0.1);
  border-radius: 0 0 10px 10px;
  z-index: 4;

  border-top: none !important;
  border: 2px solid #fff;
  justify-content: center;
  align-items: center;
}


.opener.hidden {
  transform: translateY(55px);
  transition: ease-out .25s;
}

.opener {
  -webkit-backface-visibility: hidden;
  height: 15px;
  width: 100%;
  transform: translateY(89px);
  transition: ease-in .25s;
  position: absolute;
  left: 0px;
  right: 0px;
  z-index: 4;
  text-align: center;

}

.toggle.active,
.toggle {
  -webkit-backface-visibility: hidden;
  background:#e2e5f6; 
  width: 50px;
  height: 30px;
  line-height: 30px;
  display: inline-block; 
  color:#00117b;
  cursor: pointer;
  border-radius: 0px 0px 0.5rem 0.5rem;
  transition: ease .25s;
  box-shadow: 0px 0px 15px 5px rgba(18, 38, 63, 0.1);
  border: 2px solid #fff;
  border-top: none;
  margin-top: 9px;
}
.toggle {
    background: #00117b;
    color:#e2e5f6 ;
    border: none;
    margin: 0;
}


.toggle::before {
    transition: ease .25s;
    content: "\f107";
    font-family: "Font Awesome 5 Solid"; 
    font-size: 0.8rem;
    color: #e2e5f6;

}

.toggle.active::before {
  transition: ease .25s;
  content:"\f00d";
  color:#00117b ;
}

.crm_Warning .count {
    line-height: 40px;
    font-size: 16px;
    display: block;
    width: 40px;
    height: 40px;
     border-radius: 25px;
    text-align: center;
}

.colorinput{margin:0;position:relative;cursor:pointer}.colorinput-input{position:absolute;z-index:-1;opacity:0}.colorinput-color{display:inline-block;width:1.75rem;height:1.75rem;border-radius:3px;border:1px solid rgba(0, 40, 100, 0.12);color:#fff;box-shadow:0 1px 2px 0 rgba(0,0,0,0.05)}.colorinput-color:before{content:'';opacity:0;position:absolute;top:0.25rem;left:0.25rem;height:1.25rem;width:1.25rem;transition:0.3s opacity;background:url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3E%3Cpath fill='%23fff' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26 2.974 7.25 8 2.193z'/%3E%3C/svg%3E") no-repeat center center / 50% 50%}.colorinput-input:checked~.colorinput-color:before{opacity:1}.colorinput-input:focus~.colorinput-color{border-color:#467fcf;box-shadow:0 0 0 2px rgba(70, 127, 207, 0.25)}


 

#messageConfigBox .timeline-badge.active {
  width: 2rem;
  height: 2rem;
  left: 5px;
  top: 5px;
}
#msgInfo .fa-info-circle, .messageInfo.active .fa-info-circle  {color: #3150ec; font-size: 24px !important; }
#msgWarning .fa-exclamation-triangle, .messageWarning.active .fa-exclamation-circle, .messageWarning.active .fa-exclamation-triangle {color: #fe9e00; font-size: 26px !important; }
#msgDanger .fa-times-circle, .messageError.active .fa-times-circle {color: #f54f4e; font-size: 24px !important; }

#msgWarning .fa-exclamation-triangle {font-size: 20px !important;}

.messageInfo.active p {color: #3150ec !important;}
.messageWarning.active p {color: #fe9e00 !important; }
.messageError.active p {color: #f54f4e !important }

.messageInfo .fa-info-circle  {font-size: 22px !important;  }
.messageWarning .fa-exclamation-triangle { font-size: 22px !important; }
.messageError .fa-times-circle { font-size: 22px !important; }

#msgInfo .timeline-badge.active {background: #f2f3ff; }
#msgWarning .timeline-badge.active {background: #fff7e4}
#msgDanger .timeline-badge.active {background: #fff2f3}

#messageConfigBox .timeline > li.timeline-inverted { padding-left:50px }

.messageInfo.active { background:#f2f3ff !important; }
.messageError.active { background: #fff2f3 !important; }
.messageWarning.active { background: #fff7e4 !important; }
#messageConfigBox .timeline:before {
    left: 20px;
}
#messageConfigBox .feed-item {
  position: relative; 
  padding-left: 15px; 
}

#messageConfigBox .feed-item::after {
  content: "";
  display: block;
  position: absolute;
  top: 5px;
  left: 0px;
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: #177dff;
}
.feed-item-danger::after {
  background: #f54f4e !important;
}
.feed-item-info::after {
  background: #3150ec !important;
}
.feed-item-warning::after {
  background: #fe9e00 !important;
}
.sortByTag [data-role="remove"]::after {
    position: absolute;
    content: "x";
    cursor: pointer;
    font-size: 13px;
    color: #EA4335;
    top: 5px;
    right: 5px;
}
.sortByTag-warning {
    background: #FBBC05;
    color: #2e1900 !important;
}
.sortByTag {
    border-radius: 5px;
    margin-left: auto;
    line-height: 1;
    padding: 8px 20px;
    padding-left: 10px;
    vertical-align: middle;
    font-weight: 600;
    font-size: 11px;
    /* border: 1px solid #ddd; */
    margin: 2px;
    position: relative;
}