body { color: #666; font-family: 'Open Sans',sans-serif; font-size: 13px; background: #f9f9f9; padding-top: .1px; }
a:focus { outline: none !important; text-shadow: none !important; color: #0d638f; }
a { color: #4f85ab }
a, a:hover, a:active { outline: 0 !important; text-decoration: none !important; }
.clearfix { clear: both; }

/* Removing input background colour for Chrome autocomplete */
input:-webkit-autofill, input:-webkit-autofill:hover, input:-webkit-autofill:focus, input:-webkit-autofill:active { transition: background-color 99999s ease-in-out 0s !important;  -webkit-box-shadow: 0 0 0px 1000px white inset !important;}


.underline{text-decoration: underline !important;}
/* Begin generic classes style */
/* labels */
.border-box{box-sizing: border-box;}
label { cursor: default; }
label em { color: red; }
.badge { background: #999; border-radius: 2px; color: #fff; display: inline-block; font-size: 11px; font-weight: 500; line-height: 1; min-width: 10px; padding: 3px 7px 3.5px; text-align: center; vertical-align: middle; white-space: nowrap; text-shadow: none; }
.round-wrap { border-radius: 98%; color: #fff; display: inline-block; font-size: 11px; height: 20px; min-width: 10px; padding: 0 6px; text-align: center; }

.badge.light, 
.badge.light:hover {
    background: #c1e5ff;
    color: #035496;
}
.list-table table:not(.dataTable) td:first-child, .list-table table:not(.dataTable) th:first-child { padding: 10px 15px;min-width: 20px;width: 4%!important }
.body-bg { background: #f9f9f9 !important; }
.bod-all{border:1px solid #E0E0E0;}
.bod-top{border-top:1px solid #E0E0E0;}
.bod-left{border-left:1px solid #E0E0E0;}
.bod-right{border-right:1px solid #E0E0E0;}
.bod-radius{border-radius:3px }
.bod-red{border:1px solid #F44336 !important;}
.bod-blue{border:1px solid #2196F3 !important;}
.bod-green{border:1px solid  #4CAF50 !important;}
.bod-yellow{border:1px solid #FF9800 !important;}
.bod-gray { border:1px solid #9E9E9E !important; }
 
/* Margin begin */
.m-auto{margin-left: auto !important;margin-right: auto !important;}
.m-0 { margin: 0 !important; }
.m-5 { margin: 5px !important; }
.m-10 { margin: 10px !important; }
.m-15 { margin: 15px !important; }
.m-20 { margin: 20px !important; }
.m-25 { margin: 25px !important; }
.m-t-0 { margin-top: 0 !important; }
.m-t-5 { margin-top: 5px !important; }
.m-t-6 { margin-top: 6px !important; }
.m-t-7 { margin-top: 7px !important; }
.m-t-10 { margin-top: 10px !important; }
.m-t-12 { margin-top: 12px !important; }
.m-t-13 { margin-top: 13px !important; }
.m-t-15 { margin-top: 15px !important; }
.m-t-20 { margin-top: 20px !important; }
.m-t-25 { margin-top: 25px !important; }
.m-t-30 { margin-top: 30px !important; }
.m-t-35 { margin-top: 35px !important; }
.m-t-50 { margin-top: 50px !important; }
.m-t-75 {margin-top: 75px  !important; }
.m-r-0 { margin-right: 0px !important; }
.m-r-5 { margin-right: 5px !important; }
.m-r-10 { margin-right: 10px !important;}
.m-r-15 { margin-right: 15px !important;}
.m-r-20 { margin-right: 20px !important;}
.m-r-25 { margin-right: 25px !important;}
.m-r-40 { margin-right: 40px !important;}
.m-b-0 { margin-bottom: 0px !important;}
.m-b-5 { margin-bottom: 5px !important;}
.m-b-10 { margin-bottom: 10px !important; }
.m-b-15 { margin-bottom: 15px !important; }
.m-b-20 { margin-bottom: 20px !important; }
.m-b-25 { margin-bottom: 25px !important; }
.m-b-50 { margin-bottom: 50px !important; }
.m-b-60 { margin-bottom: 60px !important; }
.m-b-100 { margin-bottom: 100px !important; }
.m-b-150 { margin-bottom: 150px !important; }
.m-l-0 { margin-left: 0px !important; }
.m-l-5 { margin-left: 5px !important; }
.m-l-10 { margin-left: 10px !important; }
.m-l-15 { margin-left: 15px !important; }
.m-l-20 { margin-left: 20px !important; }
.m-l-25 { margin-left: 25px !important; }
.m-l-30 { margin-left: 30px !important; }
.mm-t-20{margin-top: -20px !important; }
.mm-t-10{margin-top: -10px !important; }
.mm-r-5 { margin-right: -5px !important; }
.mm-r-20 { margin-right: -20px !important; }
.mm-r-30 { margin-right: -30px !important; }
.mm-l-5 { margin-left: -5px !important; }
.mm-l-10 { margin-left: -10px !important; }
.mm-10 { margin-right: -10px; margin-left: -10px; }
.mm-20 { margin-right: -20px; margin-left: -20px; }
.mm-30 { margin-right: -30px; margin-left: -30px; }
.mm-r-10{ margin-right: -10px;}
.m-auto{ margin-left: auto !important;margin-right: auto !important; }

/* Margin end */

/* Padding begin */
.p-0 { padding: 0px !important; }
.p-5 { padding: 5px !important; }
.p-10 { padding: 10px !important; }
.p-15 { padding: 15px !important; }
.p-20 { padding: 20px !important; }
.p-25 { padding: 25px !important; }
.p-t-0 { padding-top: 0px !important; }
.p-t-5 { padding-top: 5px !important; }
.p-t-10 { padding-top: 10px !important; }
.p-t-15 { padding-top: 15px !important; }
.p-t-20 { padding-top: 20px !important; }
.p-t-25 { padding-top: 25px !important; }
.p-r-0 { padding-right: 0px !important; }
.p-r-5 { padding-right: 5px !important; }
.p-r-10 { padding-right: 10px !important; }
.p-r-15 { padding-right: 15px !important; }
.p-r-20 { padding-right: 20px !important; }
.p-r-25 { padding-right: 25px !important; }
.p-b-0 { padding-bottom: 0px !important; }
.p-b-5 { padding-bottom: 5px !important; }
.p-b-10 { padding-bottom: 10px !important; }
.p-b-15 { padding-bottom: 15px !important; }
.p-b-20 { padding-bottom: 20px !important; }
.p-b-25 { padding-bottom: 25px !important; }
.p-l-0 { padding-left: 0px !important; }
.p-l-5 { padding-left: 5px !important; }
.p-l-10 { padding-left: 10px !important; }
.p-l-15 { padding-left: 15px !important; }
.p-l-20 { padding-left: 20px !important; }
.p-l-25 { padding-left: 25px !important; }

/* Padding end */

/* Begin font size */
.f-8 { font-size: 8px !important; }
.f-9 { font-size: 9px !important; }
.f-10 { font-size: 10px !important; }
.f-11 { font-size: 11px !important; }
.f-12 { font-size: 12px !important; }
.f-13 { font-size: 13px !important; }
.f-14 { font-size: 14px !important; }
.f-15 { font-size: 15px !important; }
.f-16 { font-size: 16px !important; }
.f-17 { font-size: 17px !important; }
.f-18 { font-size: 18px !important; }
.f-19 { font-size: 19px !important; }
.f-20 { font-size: 20px !important; }
.f-22 { font-size: 22px !important; }
.f-26 { font-size: 26px !important; }
.f-30 { font-size: 30px !important; }
.f-36 { font-size: 36px !important; }
.f-56 { font-size: 56px !important; }

/* End font size */

/* Begin font weight */
.f-100 { font-weight: 100; }
.f-400 { font-weight: 400; }
.f-500 { font-weight: 500 !important; }
.f-600 { font-weight: 600 !important; }

/* End font weight */

/* Begin background colors */
.bgm-red { background-color: #F44336 !important; }
.bgm-green { background-color: #4CAF50 !important; }
.bgm-orange { background-color: #FF9800 !important; }
.bgm-gray { background-color: #9E9E9E !important; }
.bgm-white { background-color: #fff !important; }
.bgm-blue { background-color: #2196F3 !important; }
.bgm-lightblue { background-color: #03A9F4 !important; }
.bgm-lime { background-color: #CDDC39 !important; }
.bgm-lightgrayred { background-color: #F8F8F8 !important }
.bgm-indigo { background-color: #3F51B5 !important }
.bgm-pink { background-color: #9C27B0 !important }
.bgm-cyan { background-color: #00BCD4 !important }
.bgm-mauvelous { background-color: #F398AA !important }
.bgm-tangerine { background-color: #EE8A00 !important }
.bgm-cancello { background-color: #B2BABB !important }
.bgm-lightgray{ background: #D8D8D8!important;}
.bgm-teal { background-color: #00807F !important }
.bgm-lightgreen {background-color: #bde0c0 !important;}
.bgm-purple { background-color: #673ab7 !important }
.bgm-header{background-color:#002E4F !important}
/* End background colors */


/* Begin text color */
.c-red { color: #F44336!important; }
.c-pink { color: #E91E63; }
.c-purple { color: #9C27B0; }
.c-deeppurple { color: #673AB7; }
.c-indigo { color: #3F51B5; }
.c-blue { color: #2196F3; }
.c-lightblue { color: #03A9F4; }
.c-cyan { color: #00BCD4; }
.c-teal { color: #009688; }
.c-green { color: #4CAF50; }
.c-lightgreen { color: #8BC34A; }
.c-lime { color: #CDDC39; }
.c-yellow { color: #FFEB3B; }
.c-amber { color: #FFC107; }
.c-orange { color: #FF9800!important; }
.c-gold { color: #BA791A; }
.c-deeporange { color: #FF5722; }
.c-brown { color: #795548; }
.c-gray { color: #666; /*change #9E9E9E to #666*/ }
.c-dark { color: #484848!important; }
.c-bluegray { color: #607D8B; }
.c-bluedark { color: #006395!important; }
.c-black { color: #000000; }
.c-white { color: #fff; }
.c-light { color:rgba(255, 255, 255, 0.67); }
.c-darkgray { color: #444; }

/* End text color */

/* letter color color */
.bg-clr-a { background: #1D00C2 !important; }
.bg-clr-b { background: #CE0068 !important; }
.bg-clr-c { background: #56FF00 !important; }
.bg-clr-d { background: #FFC900 !important; }
.bg-clr-e { background: #FF7100 !important; }
.bg-clr-f { background: #B9B9B9 !important; }
.bg-clr-g { background: #07BAD2 !important; }
.bg-clr-h { background: #646464 !important; }
.bg-clr-i { background: #04F5E9 !important; }
.bg-clr-j { background: #430078 !important; }
.bg-clr-k { background: #da02e0 !important; }
.bg-clr-l { background: #E9335B !important; }
.bg-clr-m { background: #DC9125 !important; }
.bg-clr-n { background: #004B68 !important; }
.bg-clr-o { background: #FF0000 !important; }
.bg-clr-p { background: #B39D00 !important; }
.bg-clr-q { background: #AEB7AF !important; }
.bg-clr-r { background: #0F480F !important; }
.bg-clr-s { background: #8E108E !important; }
.bg-clr-t { background: #3E8BD9 !important; }
.bg-clr-u { background: #00A000 !important; }
.bg-clr-v { background: #3FD3A5 !important; }
.bg-clr-w { background: #A404FE !important; }
.bg-clr-x { background: #0C0050 !important; }
.bg-clr-y { background: #A2CC29 !important; }
.bg-clr-z { background: #481700 !important; }
.bg-clr-numeric { background: #CCC !important; }

/* end letter color color */

/* Begin position */
.l-height-15 { line-height: 15px }
.l-height-20 { line-height: 20px }
.l-height-24 { line-height: 24px }
.l-height-26 { line-height: 26px }
.l-height-30 { line-height: 30px }
.l-height-60 { line-height: 60px }
.p-relative { position: relative; }
.p-absolute { position: absolute; }
.p-fixed { position: fixed; }
.p-static { position: static !important; }
.left-0 { left: 0 !important; }
.left-5 { left: 5px; }
.left-10 { left: 10px; }
.left-15 { left: 15px; }
.left-20 { left: 20px; }
.left-25 { left: 20px; }
.right-0 { right: 0; }
.right-5 { right: 5px; }
.right-10 { right: 10px; }
.right-15 { right: 15px; }
.right-20 { right: 20px; }
.right-25 { right: 25px; }
.top-0 { top: 0; }
.top-5 { top: 5px; }
.top-10 { top: 10px; }
.top-15 { top: 15px; }
.top-20 { top: 20px; }
.top-25 { top: 25px; }
.bottom-0 { bottom: 0; }
.bottom-5 { bottom: 5px; }
.bottom-10 { bottom: 10px; }
.bottom-15 { bottom: 15px; }
.bottom-20 { bottom: 20px; }
.bottom-25 { bottom: 25px; }

/* End position */

/* Begin Full Width */
.h-100 { height: 100% !important; }
.w-auto { width: auto !important; }
.w-100 { width: 100% !important; }
.w-90 { width: 90% !important; }
.w-80 { width: 80% !important; }
.w-70 { width: 70% !important; }
.w-60 { width: 60% !important; }
.w-50 { width: 50% !important; }
.w-40 { width: 40% !important; }
.w-30 { width: 30% !important; }
.w-25 { width: 25% !important; }
.w-20 { width: 20% !important; }
.w-10 { width: 10% !important; }
.mx-w-100 { max-width: 100%; }
.mx-w-90 { max-width: 90%; }
.mx-w-80 { max-width: 80%; }
.mx-w-70 { max-width: 70%; }
.mh-30{min-height: 30px;}
.mh0{ min-height: 0px !important;}
.a-width{width: auto;}
.child-100>*{width:100% !important;}
.child-no-marg>*{margin: 0 !important;}

.mw-200{min-width: 200px;}
.mw-160{min-width: 160px !important;}
/* End Full Width */
.zindex-10{z-index: 10;}
.no-float { float: none !important; }
.no-shadow { box-shadow: none !important; }
.uppercase { text-transform: uppercase !important; }
.lowercase { text-transform: lowercase !important; }
.capitalize { text-transform: capitalize !important; }
.cell { display: table-cell }
.inline-block { display: inline-block !important; }
.inline { display: inline !important; }
.flex-row {display: flex !important;align-items: center;flex-direction: row;}
.row-flex { display: flex !important;flex-direction: row; }
.flex-1{flex: 1;}
.link { color: #4f85ab !important; /* transition: all 300ms ease 0s;  */ }
.link:hover { color: #08c !important }
.small { font-size: 70%; line-height: 15px; }
.no-radius { border-radius: 0 !important; }
.no-border { border: none !important; }
.o-hidden{overflow: hidden !important;}
.no-left-border { border-left: none !important; }
.no-before:before,.no-after:after { content: none!important;}
.nowrap{white-space: nowrap;}
.no-top-shadow{box-shadow:0 3px 4px rgba(0, 0, 0, 0.18) !important;}
.border-bottom { border-bottom: 1px solid #E0E0E0 !important; }
.line-divider { height: 2px; background-color: #E0E0E0; }
.o-visible { overflow: visible!important; }
.o-hide { overflow: hidden!important; }
.o-x-hide { overflow-x: hidden; }
.o-y-hide { overflow-y: hidden; }
.r-90{transform: rotate(90deg);}
.r-180{transform: rotate(180deg);}
.cursor-p { cursor: pointer !important; }
.cursor-d { cursor: default !important; }
.cursor-t { cursor: text !important; }
.word-break { word-break: break-all; }
.word-keep { word-break: keep-all; }
.break-words { word-break: break-word !important;}
.word-break-int { word-break: initial !important;display: inline-block;width: 100%; }
.l-zindex { z-index: 99 !important; }
.m-zindex { z-index: 999 !important; }
.h-zindex { z-index: 99999 !important; }
.v-top { vertical-align: top }
.v-text-top { vertical-align: text-top; }
.v-middle { vertical-align: middle; }
.v-bottom { vertical-align: bottom; }
.v-super { vertical-align: super; }
.italic { font-style: italic; }
.r-90{transform: rotate(90deg);}
.textarea-m-h { min-height: 100px; }
[contentEditable=true]:empty:not(:focus):before { content: attr(data-ph); font-style: italic; font-size: 13px; color: #9C9C9C; }
[contentEditable="true"]{cursor:text}
.md-push-pin { background: url("../img/icon-pined.png") no-repeat center top 2px; height: 20px; opacity: 0.7; vertical-align: middle; width: 14px; }
.md-push-pin:hover, .md-push-pin.active { background-position: center bottom 2px; }
.md-form_sub{background: url(../img/forms_small.svg) no-repeat center #963b06 !important;background-size: 45% !important;}
.category_filter .activity-icon-list .md-form_sub{background: url(../img/forms_small.svg) no-repeat center transparent !important;background-size: 45% !important;height: 113%;width: 100%;margin-top: -13%;}
.category_filter .activity-icon-list .act_active .md-form_sub{background: url(../img/forms_small.svg) no-repeat center #963b06  !important;background-size: 45% !important;}

i.open-mail {
    background: url("../img/mail-open-delivered-icon.png") no-repeat center top 0;
    display: inline-block;
    height: 20px;
    opacity: 0.7;
    vertical-align: bottom;
    width: 19px;
}

i.mail-delivered {
    background:url("../img/mail-open-delivered-icon.png") no-repeat center top -30px;
    display: inline-block;
    height: 20px;
    opacity: 0.7;
    vertical-align: bottom;
    width: 19px;
}
.pointer-disable{pointer-events:none;}
.p-disable{pointer-events: none;opacity: 0.65;}
.disable-menu-list {pointer-events:none; color: #ccc !important;}

/* Begin button styles */

.btn { background-image: none; background-color: #fff; border: 0 none; border-radius: 2px; box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.26); cursor: pointer; filter: none; font-size: 14px; line-height: 20px; margin: 0px; outline: none !important; padding: 8px 12px; text-shadow: none; display: inline-block; color: #333; vertical-align: middle; text-align: center; font-family: 'Open Sans', sans-serif; text-transform: uppercase; transition: all 300ms ease 0s; -moz-transition: all 300ms ease 0s; -ms-transition: all 300ms ease 0s; -o-transition: all 300ms ease 0s; -webkit-transition: all 300ms ease 0s; }
.mini { font-size: 11px; height: auto; line-height: 14px; padding: 4px 10px; }
.medium { font-size: 13px; height: auto; line-height: 14px; padding: 6px 11px;font-weight: normal; }
.btn:hover { box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.4); background-color: transparent; transition: all 300ms ease 0s; -moz-transition: all 300ms ease 0s; -ms-transition: all 300ms ease 0s; -o-transition: all 300ms ease 0s; -webkit-transition: all 300ms ease 0s; }
.btn:hover, .btn:focus, .btn:active, .btn.active { background-color: transparent; }
.btn[disabled], .btn[disabled]:hover, .btn[disabled]:focus { color: rgba(0, 0, 0, 0.26); cursor: not-allowed; box-shadow: none; }
.box-btn { background: #ffffff; border: 1px solid #e0e0e0; display: inline-block; padding: 5px 15px; }
.btn.small-round{border-radius: 50%;padding: 5px;margin-bottom: 5px;font-size: 12px;margin-left: 5px;}
.inactive-btn {
    background: #ccc !important;
    border:none !important;
    pointer-events: none;
    color:#fff;
}
.inactive-btn *{
    color:#fff;
}
.btn-group.inactive-btn .btn{
    background: #ccc !important;   
    pointer-events: none;
    border: 1px solid #ccc !important;
}

.plain-group { box-shadow: none; border: none; }
.plain-group a, .plain-group button { box-shadow: none; border: none; }
.plain-group .dropdown-menu { max-height: 180px; overflow-x: hidden; }
.btn-group { box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.26); }
.btn-group:hover { box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.4); transition: all 300ms ease 0s; -moz-transition: all 300ms ease 0s; -ms-transition: all 300ms ease 0s; -o-transition: all 300ms ease 0s; -webkit-transition: all 300ms ease 0s; }
.btn-group > .btn { border: 1px solid #E4E4E4; box-shadow: none; padding: 7px 12px !important; }
.btn-group > .btn:hover { background: #F5F5F5; }
.btn-group.open .btn.dropdown-toggle { background-color: #fff; margin-left: 0px; }
.dropdown-menu.bottom-up { bottom: 100% !important; margin-bottom: 2px; top: auto !important; min-width: 99%; padding-left: 15px; }
.dropdown-menu.dropup-menu {
    transform-origin: right bottom !important;
    -moz-transform-origin: right bottom !important;
    -ms-transform-origin: right bottom !important;
    -o-transform-origin: right bottom !important;
    -webkit-transform-origin:right bottom !important;
    bottom:0 !important;
    margin-bottom: 2px;
    top: auto !important;
    min-width: 99%;
    padding: 0 !important;
}
.btn-group .dropdown-menu.dropup-menu li a{padding: 10px 18px 10px 0 !important}

.btn-group .dropdown-menu.bottom-up  li > a { padding: 8px 11px !important }
.btn-group .dropdown-menu {overflow-x: hidden;overflow-y: auto; max-height: 250px; border: 1px solid #E4E4E4; box-shadow: 0 1px 8px rgba(0, 0, 0, 0.1); display: block; float: left; font-size: 14px; left: auto; right: 0; list-style: outside none none; margin: 0; position: absolute; text-shadow: none; top: 0; z-index: 99; border-radius: 4px; opacity: 0; transform: scale(0, 0); -moz-transform: scale(0, 0); -ms-transform: scale(0, 0); -o-transform: scale(0, 0); -webkit-transform: scale(0, 0); transform-origin: right top; -moz-transform-origin: right top; -ms-transform-origin: right top; -o-transform-origin: right top; -webkit-transform-origin: right top; transition: all 250ms ease 0s; -moz-transition: all 250ms ease 0s; -ms-transition: all 250ms ease 0s; -o-transition: all 250ms ease 0s; -webkit-transition: all 250ms ease 0s;padding:0px; }
.btn-group.limited .dropdown-menu { max-height: 230px; overflow-x: hidden; overflow-y: scroll; }
.btn-group.limited .dropdown-menu li a { max-width: 250px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.btn-group .dropdown-menu.left { transform-origin: left top; -moz-transform-origin: left top; -ms-transform-origin: left top; -o-transform-origin: left top; -webkit-transform-origin: left top; right: auto; left: 0; }
.reverse { left: auto !important; right: 0px !important; bottom:0 !important; transform-origin: right bottom 0px !important; -moz-transform-origin: right bottom 0px !important; -ms-transform-origin: right bottom 0px !important; -webkit-transform-origin: right bottom 0px !important; top: auto !important; }
.reverse.left { bottom: 0 !important; left: 0 !important; right: auto !important; top: auto !important; transform-origin: left bottom 0 !important; }
.btn-group.open .btn.dropdown-toggle { background-color: #fff; margin-left: -1px; }
.btn-group.overhide .dropdown-menu { max-height: 200px; overflow-x: hidden; overflow-y: scroll; }
.open > .dropdown-menu { opacity: 1; transform: scale(1, 1); -moz-transform: scale(1, 1); -ms-transform: scale(1, 1); -o-transform: scale(1, 1); -webkit-transform: scale(1, 1); transition: all 250ms ease 0s; -moz-transition: all 250ms ease 0s; -ms-transition: all 250ms ease 0s; -o-transition: all 250ms ease 0s; -webkit-transition: all 250ms ease 0s; }
.dropdown-menu.bottom-up {bottom:0 !important; transform-origin: center bottom; -moz-transform-origin: center bottom; -ms-transform-origin: center bottom; -o-transform-origin: center bottom; -webkit-transform-origin: center bottom; }
.dropdown-menu i:before { color: #999; }
.btn-group > .btn:first-child { border-bottom-left-radius: 2px; border-top-left-radius: 2px; }
.btn-group > .btn:last-child, .btn-group > .dropdown-toggle { border-bottom-right-radius: 2px; border-top-right-radius: 2px; border-left: 1px solid rgba(88, 88, 88, 0.15) !important; }
.btn-group > .btn + .dropdown-toggle { box-shadow: none; }
.btn-group > .btn { float: left; }
.btn-group > .btn + .btn { margin-left: 0; }
.dropdown-menu li { display: block !important;cursor: pointer;}
.btn-group .dropdown-menu li > a { border-left: 3px solid transparent; clear: both; color: #333; display: block; font-size: 14px; font-weight: normal; line-height: 1.1; padding: 10px 4px !important; text-align: left; text-decoration: none; white-space: nowrap; }
.btn-group .dropdown-menu li i { min-width: 30px; text-align: center;font-size: 16px;
    line-height: 15px;}
/* .btn-group .dropdown-menu li > a:hover { border-left: 3px solid #999; background: #ececec; } */
.dropdown-menu li > a:hover { background: #fff;color: #009AFB; }
.dropdown-menu li > a:hover i:before{ color: #009AFB; }
.btn-addon i { border-radius: 3px 0 0 3px; float: left; left: -1px; line-height: 34px; margin: -8px 0 -8px -12px; position: relative; text-align: center; width: 34px; color: #787878; /* border-right: 1px solid #e7e9eb;  */ }
.btn-addon.btn-gray i { color: #666 !important }
.btn-addon.mini { line-height: 20px; }
.btn-addon.mini i { margin: -6px -4px -8px -11px; width: 25px; }
.btn-group.btn-more { box-shadow: none; }
.btn-group.btn-more .dropdown-toggle { background: url("../img/more-icon.png") no-repeat center center !important; border-radius: 100%; color: #ccc; float: left; font-size: 26px; height: 33px; line-height: 32px; padding: 0; text-align: center; width: 33px; box-shadow: none; border: none !important; }
.btn-group.btn-more .dropdown-toggle.white{background: url("../img/more-icon-white.png") no-repeat center center!important;}

.btn-danger.btn-addon > i, .btn-gray.btn-addon > i, .btn-warning.btn-addon > i, .btn-primary.btn-addon > i, .btn-success.btn-addon > i { color: #fff; }
.big { font-size: 18px; min-width: 123px; line-height: 38px; padding: 8px 16px; }
.btn-icon { box-shadow: none !important; border: none !important; padding: 0; position: relative; background: transparent; width: 35px; height: 35px; line-height: 34px; cursor: pointer; }
.btn-icon:before { left: 0; top: 0; content: ""; position: absolute; width: 100%; height: 100%; -webkit-transform: scale3d(0, 0, 0); -moz-transform: scale3d(0, 0, 0); -ms-transform: scale3d(0, 0, 0); -o-transform: scale3d(0, 0, 0); transform: scale3d(0, 0, 0); -webkit-transition: all; -o-transition: all; transition: all; -webkit-transition-duration: 250ms; transition-duration: 250ms; -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; backface-visibility: hidden; background-color: rgba(0, 0, 0, 0.1); z-index: 0; border-radius: 50%; opacity: 0; filter: alpha(opacity=0); }
.btn-icon:hover:before { -webkit-transform: scale3d(1, 1, 1); -moz-transform: scale3d(1, 1, 1); -ms-transform: scale3d(1, 1, 1); -o-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); opacity: 1; filter: alpha(opacity=100); }
.btn-plain { box-shadow: none; background-color: transparent; border: none !important; text-transform: capitalize; padding-right: 0px; padding-left: 0px; font-size: 13px; }
.btn-plain:hover { box-shadow: none; }
.plain-group { box-shadow: none; border-left: 0; background-color: transperant; }
.plain-group:hover { box-shadow: none; transition: all 300ms ease 0s; -moz-transition: all 300ms ease 0s; -ms-transition: all 300ms ease 0s; -o-transition: all 300ms ease 0s; -webkit-transition: all 300ms ease 0s; }
.plain-group > .btn { border: none; box-shadow: none; padding: 8px 12px !important; background-color: transparent; border-left: none !important; text-transform: capitalize; }
.plain-group > .btn:hover { background: transparent; }
.plain-group.open .btn.dropdown-toggle { background-color: transparent; margin-left: 0px; }
.btn-grd, .active-m { background: #F2F2F2; border: 1px solid #CCC; padding: 4px 15px; color: #2C2B2B; display: inline-block; border-radius: 4px; }

.shortcut-btn{ position: relative;}
.shortcut-btn .dropdown-menu > li > a:hover{color:#333;}

/* animation effect */
.wave { position: relative; overflow: hidden; -webkit-transition: all 0.2s ease; -moz-transition: all 0.2s ease; -o-transition: all 0.2s ease; transition: all 0.2s ease; z-index: 0; }
.wave:hover { z-index: 1000; }
.btn-round { border-radius: 50%; width: 35px; height: 35px; padding: 0; line-height: 34px }
.ink { display: block; position: absolute; background: rgba(34, 34, 34, 0.15); border-radius: 100% !important; -webkit-transform: scale(0); -moz-transform: scale(0); -o-transform: scale(0); transform: scale(0); }
.animate { -webkit-animation: ripple 0.65s linear; -moz-animation: ripple 0.65s linear; -ms-animation: ripple 0.65s linear; -o-animation: ripple 0.65s linear; animation: ripple 0.65s linear; }
@-webkit-keyframes ripple {
    100% { opacity: 0; -webkit-transform: scale(2.5); }
}
@-moz-keyframes ripple {
    100% { opacity: 0; -moz-transform: scale(2.5); }
}
@-o-keyframes ripple {
    100% { opacity: 0; -o-transform: scale(2.5); }
}
@keyframes ripple {
    100% { opacity: 0; transform: scale(2.5); }
}

/* Begin color */
.btn-dark, .btn-dark:hover, .btn-dark:focus, .btn-dark:active { background-color: #646665;}
.btn-gray, .btn-gray:hover, .btn-gray:focus, .btn-gray:active { background-color: #EAEBEC; color: #666; }
.btn-danger, .btn-danger:hover, .btn-danger:focus, .btn-danger:active { color: #fff !important; background-color: #F44336; }
.btn-warning, .btn-warning:hover, .btn-warning:focus, .btn-warning:active { color: #fff !important; background-color: #FF9800; }
.btn-primary, .btn-primary:hover, .btn-primary:focus, .btn-primary:active { color: #fff !important; background-color: #2196F3; }
.btn-success, .btn-success:hover, .btn-success:focus, .btn-success:active { color: #fff !important; background-color: #4CAF50; }


.btn.btn-success.btn-bod {
    background: transparent!important;;
    border: 1px solid #4caf50;
    color: #4caf50 !important;
    width: 80%;
}

.btn.btn-success.btn-bod:hover {
    background: #eee!important;
}


.btn-group .btn.btn-gray { color: #fff; background-color: #BDBEBF; border-color: #BDBEBF; }
.btn-group .btn.btn-gray:hover { background-color: #AAAAAB }
.btn-group.open .btn.btn-gray.dropdown-toggle { background-color: #EAEBEC; }
.btn-group .btn.btn-success { color: #fff; background-color: #4CAF50; border-color: #4CAF50; }
.btn-group .btn.btn-success:hover { background-color: #449C48 }
.btn-group.open .btn.btn-success.dropdown-toggle { background-color: #4CAF50; }
.btn-group .btn.btn-danger { color: #fff; background-color: #F44336; border-color: #F44336; }
.btn-group .btn.btn-danger:hover { background-color: #E33E32; }
.btn-group.open .btn.btn-danger.dropdown-toggle { background-color: #F44336; }
.btn-group .btn.btn-primary { color: #fff; background-color: #2196F3; border-color: #2196F3; }
.btn-group .btn.btn-primary:hover { background-color: #1E89E0; }
.btn-group.open .btn.btn-primary.dropdown-toggle { background-color: #2196F3; }
.btn-group .btn.btn-warning { color: #fff; background-color: #FF9800; border-color: #FF9800; }
.btn-group .btn.btn-warning:hover { background-color: #E18600; }
.btn-group.open .btn.btn-warning.dropdown-toggle { background-color: #FF9800; }

/* end color */

/* End button styles */

/* Begin tab styles */
.tabbable-custom > .tab-content { border: none; }
.tabbable-custom > .nav-tabs { border-bottom: 2px solid #E9E9E9; }
.nav-tabs li a:hover, .nav-tabs li a:focus { border: none; background-color: transparent; }
.nav-tabs > li { margin: 0px; float: left; text-align: center; width: 19%; }
.nav-tabs > li a:hover, .nav-tabs > .active > a, .nav-tabs > .active > a:hover, .nav-tabs > .active > a:focus { border: none; border-bottom: 2px solid #0099FF; background-color: transparent; }
.nav-tabs li a { border: none; font-size: 15px; margin-bottom: -2px; padding: 14px 0px; color: #666; font-weight: 500; box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box; -webkit-box-sizing: border-box; }
.tabbable .tabbable .nav-tabs .active a, .tabbable .tabbable .nav-tabs .active a:focus { color: #0299ff; font-weight: 600; }
.sub-tab-menu li a:hover, .main-tab-menu li a:hover { color: #006494; }
.tabbable .tabbable .nav-tabs { float: right; box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box; -webkit-box-sizing: border-box; clear: both; border: none; }
.tabbable .tabbable .nav-tabs li { float: left; width: auto; }
.tabbable .tabbable .nav-tabs li a { border: none !important; font-size: 13px; margin: 0; padding: 4px 10px; color: #666; }
.leftmaincontent .tabbable .nav-tabs.three-tab > li{width: 33%;}
.leftmaincontent .tabbable .nav-tabs.three-tab > li > a{color: #555;font-weight: 500;font-size: 15px;padding: 14px 0px;margin-right: 2px;}
.leftmaincontent .tabbable .nav-tabs > li a:hover,.leftmaincontent .tabbable .nav-tabs > .active > a,.leftmaincontent .tabbable .nav-tabs > .active > a:hover,.leftmaincontent .tabbable .nav-tabs > .active > a:focus{border:none !important;border-bottom: 2px solid #0099FF !important;color: #555 !important;font-weight: 500 !important;}
.nav-tabs.nav-auto{border: none;margin-top: 20px;}
.nav-tabs.nav-auto > li{width:auto;margin-right: 20px;}
.nav-tabs.nav-auto > li a{padding: 4px 0;color: #0099FF !important;font-size: 12px;}
/* Begin form components styles */

/* Begin form components styles */
.input-group { margin-bottom: 20px; }
.input-group label { display: block; margin-bottom: 5px; }
input[disabled], select[disabled], textarea[disabled] { cursor: not-allowed; background-color: transparent !important; }
input[readonly], select[readonly], textarea[readonly] { cursor: pointer; }
input[type="radio"][disabled], input[type="checkbox"][disabled], input[type="radio"][readonly], input[type="checkbox"][readonly] { background-color: transparent; }
input.m-wrap, select, textarea, .uneditable-input, textarea.m-wrap, input[type="text"].m-wrap, input[type="password"].m-wrap, input[type="datetime"].m-wrap, input[type="datetime-local"].m-wrap, input[type="date"].m-wrap, input[type="month"].m-wrap, input[type="time"].m-wrap, input[type="week"].m-wrap, input[type="number"].m-wrap, input[type="email"].m-wrap, input[type="url"].m-wrap, input[type="search"].m-wrap, input[type="tel"].m-wrap, input[type="color"].m-wrap, input[type="text"], input[type="textarea"], input[type="password"], input[type="datetime"], input[type="datetime-local"], input[type="date"], input[type="month"], input[type="time"], input[type="week"], input[type="number"], input[type="email"], input[type="url"], input[type="search"], input[type="tel"], input[type="color"] { font-family: 'Open Sans', sans-serif; font-weight: normal; -webkit-appearance: none; color: #000; outline: 0; box-shadow: none; border: 0; border-bottom: 1px solid #e0e0e0; border-radius: 0; position: relative; height: 35px; box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box; -webkit-box-sizing: border-box; font-size: 14px; background-color: transparent; padding-left: 0; }
input.m-wrap:focus { outline: 0 !important; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; }
input.m-wrap:focus, select:focus, textarea:focus, .uneditable-input.focus, textarea.m-wrap:focus, select.m-wrap:focus, input[type="text"].m-wrap:focus, input[type="password"].m-wrap:focus, input[type="datetime"].m-wrap:focus, input[type="datetime-local"].m-wrap:focus, input[type="date"].m-wrap:focus, input[type="month"].m-wrap:focus, input[type="time"].m-wrap:focus, input[type="week"].m-wrap:focus, input[type="number"].m-wrap:focus, input[type="email"].m-wrap:focus, input[type="url"].m-wrap:focus, input[type="search"].m-wrap:focus, input[type="tel"].m-wrap:focus, input[type="color"].m-wrap:focus, .m-uneditable-input:focus, textarea:focus, input[type="text"]:focus, input[type="password"]:focus, input[type="datetime"]:focus, input[type="datetime-local"]:focus, input[type="date"]:focus, input[type="month"]:focus, input[type="time"]:focus, input[type="week"]:focus, input[type="number"]:focus, input[type="email"]:focus, input[type="url"]:focus, input[type="search"]:focus, input[type="tel"]:focus, input[type="color"]:focus, .uneditable-input:focus { border-color: #2196f3; outline: 0 !important; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; }
.uneditable-input, textarea.m-wrap, input[type="text"].m-wrap, input[type="password"].m-wrap, input[type="datetime"].m-wrap, input[type="datetime-local"].m-wrap, input[type="date"].m-wrap, input[type="month"].m-wrap, input[type="time"].m-wrap, input[type="week"].m-wrap, input[type="number"].m-wrap, input[type="email"].m-wrap, input[type="url"].m-wrap, input[type="search"].m-wrap, input[type="tel"].m-wrap, input[type="color"].m-wrap, input[type="text"], input[type="textarea"], input[type="password"], input[type="datetime"], input[type="datetime-local"], input[type="date"], input[type="month"], input[type="time"], input[type="week"], input[type="number"], input[type="email"], input[type="url"], input[type="search"], input[type="tel"], input[type="color"] { font-family: 'Open Sans', sans-serif; font-weight: normal; -webkit-appearance: none; color: #000; outline: 0; box-shadow: none; border: 0; border-bottom: 1px solid #e0e0e0; border-radius: 0; position: relative; height: 35px; box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box; -webkit-box-sizing: border-box; font-size: 14px; background-color: transparent; padding-left: 0; }
.uneditable-input.focus, textarea.m-wrap:focus, select.m-wrap:focus, input[type="text"].m-wrap:focus, input[type="password"].m-wrap:focus, input[type="datetime"].m-wrap:focus, input[type="datetime-local"].m-wrap:focus, input[type="date"].m-wrap:focus, input[type="month"].m-wrap:focus, input[type="time"].m-wrap:focus, input[type="week"].m-wrap:focus, input[type="number"].m-wrap:focus, input[type="email"].m-wrap:focus, input[type="url"].m-wrap:focus, input[type="search"].m-wrap:focus, input[type="tel"].m-wrap:focus, input[type="color"].m-wrap:focus, .m-uneditable-input:focus, textarea:focus, input[type="text"]:focus, input[type="password"]:focus, input[type="datetime"]:focus, input[type="datetime-local"]:focus, input[type="date"]:focus, input[type="month"]:focus, input[type="time"]:focus, input[type="week"]:focus, input[type="number"]:focus, input[type="email"]:focus, input[type="url"]:focus, input[type="search"]:focus, input[type="tel"]:focus, input[type="color"]:focus, .uneditable-input:focus { border-color: #2196f3; outline: 0 !important; /*IE6-9*/ -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; }
select { -webkit-appearance: none; -moz-appearance: none; appearance: none; background: url("../img/select-sprite.png") no-repeat right 7px top 16px; height: 35px; }
select option { padding: 4px 8px; background-color: #fff; }
textarea.m-wrap { height: auto; resize: vertical; }
.input-append .add-on, .input-prepend .add-on { display: inline-block; width: auto; height: 24px; min-width: 16px; padding: 4px 5px; font-size: 14px; font-weight: normal; line-height: 24px; text-align: center; text-shadow: none; background-color: transparent; border: none; }
input:focus:invalid:focus, textarea:focus:invalid:focus, select:focus:invalid:focus { box-shadow: none; }
.control-group.error input, .control-group.error select, .control-group.error textarea, .control-group.error input:focus, .control-group.error select:focus, .control-group.error textarea:focus { box-shadow: none; }
.m-wrap.error { border-color: #F92F2F !important; }
textarea { resize: vertical !important; }

/* ========================================= */

/* ========Select2 plugin css============== */

/* ======================================= */
.select2-container .select2-choice abbr{top:10px!important}
.select2-container .select2-choice { background-clip: padding-box; background-color: transparent !important; border-bottom: 1px solid #e0e0e0; color: #000; display: block; height: 34px; line-height: 33px; overflow: hidden; padding: 0px; position: relative; text-decoration: none; white-space: nowrap; -webkit-background-clip: padding-box; -moz-background-clip: padding; background-clip: padding-box; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; }
.select2-container .select2-choice .select2-arrow b { display: block; width: 100%; height: 100%; background: url(../img/select-sprite.png) no-repeat center 14px; }
.select2-container.select2-container-disabled .select2-choice { border-bottom: 1px dashed #e0e0e0; cursor: not-allowed; }
.select2-container-multi .select2-choices { background-color: transparent; border: none; border-bottom: 1px solid #e0e0e0; height: auto !important; height: 1%; margin: 0; padding: 0; position: relative; cursor: text; overflow: hidden; }
.select2-container-multi.select2-dropdown-open .select2-choices, .select2-container-multi.select2-container-active .select2-choices { border-bottom: 1px solid #2196f3; outline: none; }
.select2-drop { width: 100%; margin-top: 0px; position: absolute; z-index: 9991; top: 100%; background: #fff; color: #000; border: 1px solid #e5e5e5; border-top: 0; }
.select2-drop-mask{margin:0!important;}
.select2-search { padding-top: 5px; }
.select2-search input { min-height: 30px; border: none; border-radius: 0; border-bottom: 1px solid #e0e0e0; width: 100%; height: auto !important; margin: 0; outline: 0; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; webkit-appearance: none !important; color: #000; outline: 0; padding: 6px 22px 6px 6px !important; line-height: 20px; font-size: 14px; font-weight: normal; vertical-align: top; background-color: transparent; filter: none !important; -webkit-box-shadow: none !important; -moz-box-shadow: none !important; box-shadow: none !important; }
.select2-search input:focus { border-color: #2196f3; outline: 0 !important; /* IE6-9 */ -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; }
.select2-container.select2-dropdown-open .select2-choice .select2-arrow b { background-position: center -22px; }
.select2-default{color: #666 !important;}

.arrow-down.select2-container.select2-dropdown-open .select2-choice .select2-arrow b {
    background-position: center 14px;
}
.select2-container.select2-drop-above .select2-choice { border: none !important; }
.select2-drop.select2-drop-above { border: 1px solid #e5e5e5 !important; }
.no-border.select2-container .select2-choice {border:none !important;}
.no-border.select2-container.select2-dropdown-open{border-bottom: 1px solid #e0e0e0 !important;}

.select2-container-multi .select2-choices .select2-search-choice{padding: 5px 30px 7px 11px !important; background: #e5eeff !important; border-radius: 50px; font-size: 15px; color: #000 !important; border: none !important;}
.select2-container-multi .select2-choices .select2-search-choice>div {line-height: 18px;}

.chzn-container .chzn-choices li.search-choice{    padding: 5px 30px 7px 11px !important;background: #e5eeff !important;border-radius: 50px;font-size: 15px !important;color: #000 !important;border: none !important;}
.chzn-container-multi .chzn-choices .search-choice .search-choice-close{right: 7px!important;top: 4px!important;left: auto!important;width: 16px !important;height: 18px !important;background: url(../plugins/select2/multi-select-close.png) no-repeat !important;}

.select2-container-multi .select2-search-choice-close{right: 7px!important; top: 4px!important; left: auto!important; width: 16px;height: 18px;background: url(../plugins/select2/multi-select-close.png) no-repeat !important;}
.select2-dropdown-open.select2-drop-above .select2-choice, 
.select2-dropdown-open.select2-drop-above .select2-choices{
    border-color: transparent #eae7e7 #eae7e7!important;
}
/* ========================================= */

/* ========chosen plugin css============== */

/* ========================================= */
.bootstrap-switch { border-radius: 2px !important; border: 1px solid #F1F1F1 !important; }
.bootstrap-tagsinput { border: none !important; border-bottom: 1px solid #ccc !important; box-shadow: none !important; border-radius: 0 !important; }
.bootstrap-tagsinput:focus { border-color: #2196f3 !important; }

/* Begin form components styles */

/* ========================================= */

/* ========chosen plugin css============== */

/* ======================================= */
.chzn-container-single .chzn-single { background-color: transparent !important; border: none !important; border-bottom: 1px solid #e0e0e0 !important; color: #444; min-height: 35px; padding-left: 0 !important; }
.chzn-container-single .chzn-search input:focus, .chzn-container .chzn-search input, .chzn-container-single .chzn-search input:active { border: none !important; border-bottom: 1px solid #2196f3 !important; min-height: 34px; }
.chzn-container .chzn-drop { margin: 0 !important; }
.chzn-container-single .chzn-drop { background-color: transparent; }
.chzn-container .chzn-results li { padding: 10px 6px; }
.chzn-container-single .chzn-drop { border-radius: 0 !important; }
.chzn-container-multi .chzn-choices .search-field input { height: auto !important }
.chzn-container-multi .chzn-choices { border: none !important; border-bottom: 1px solid #e0e0e0 !important; min-height: 34px; border-radius: 0 !important; }
.chzn-container-active .chzn-choices { border-bottom: 1px solid #2196f3 !important; }

/* End form components styles */

/* Begin card styles */
.card-wrap { display: block; border-width: 0; /* box-shadow: 0 1px 3px rgba(0, 0, 0, 0.15);  */ box-shadow: 0 0px 4px rgba(0, 0, 0, 0.25); border-radius: 3px; background-color: #fff; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; }
.border-wrap { display: block; border:1px solid #eaeaea; border-radius: 3px; background-color: #fff; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; }
.footer-action-wrap { right: 0; position: fixed; bottom: 0; color: #fff; text-transform: uppercase; left: 0; z-index: 99; }
.footer-card { border-width: 0; box-shadow: 0 -2px 5px 0 rgba(0, 0, 0, 0.11); background-color: #fff; z-index: 999;position: relative;}
.footer-action-wrap .page-content { min-height: 0 !important; }

/* ============================================== */

/* ========  Datepicker,calendar css ============ */

/* ============================================== */
.slide-open .datetimepicker.datetimepicker-dropdown-bottom-right { margin-left: -200px; }
.datepicker table tr td.today, 
.datepicker table tr td.today:hover, 
.datepicker table tr td.today.disabled, 
.datepicker table tr td.today.disabled:hover
{background: none!important}
/************* comman **************/
.page-head ul { margin: 0px; }
.page-head ul li:first-child { padding-left: 0px; }
.page-head ul li { list-style-type: none; float: left; /* max-width: 68%;  */ word-break: break-all; position: relative; padding-left: 20px; }
.page-head ul li:first-child::before { background-image: none; }
.page-head ul li::before { content: ""; background: transparent url("../img/left-menu-icons.png") no-repeat scroll 60% 100%; position: absolute; height: 14px; width: 14px; top: 11px; left: 6px; }
.page-head ul li h4 { font-size: 15px; color: #666 /*change #969696 to #666*/ ; font-weight: 500; margin: 8px 0px; }
.page-head ul li h5 { font-size: 15px; color: #3B3B3B; font-weight: 600; margin: 8px 0px; }
.page-head .badge { margin-left: 10px; }
.back-page { background: url(/assets/CRM/imgs/back.png) no-repeat center center; border-radius: 50% !important; display: inline-block; float: left; height: 40px; line-height: 0; max-width: none; padding: 0; width: 40px; }
.back-page img { display: none !important; }

/* Search option Style */
.search-option { border: none; display: inline-block; position: relative;}
.search-option input.text { float: right;  background-color: transparent; border: 0 none; color: #666; margin: 0; padding: 6px 8px 6px 4px; box-shadow: none; width: 64px; transition: all 0.8s cubic-bezier(0.18, 0.82, 0.17, 1.03) 0s; }
.search-option input.text:focus { box-shadow: none; }
@keyframes blink { 
   50% { border-color: #fff; } 
}
/* .search-option:after {
    border-right: 1px solid #04599d;
    bottom: 8px;
    content: "";
    position: absolute;
    right: 8px;
    top: 8px;
    animation: blink .5s step-end infinite alternate;
} */
.search-option.remove_blink:after{content: none;}
.search-option.remove_blink .submit-btn i{color:#076DBF !important;}
.search-option.add-placeholder:before {     
    bottom: 0;
    /*content: "Start typing to search...";*/
    content: attr(data-placeholder);
    left: 29px;
    min-width: 180px;
    position: absolute;
    right: 0;
    top: 7px;
    color: #b1b1b1;
}
.search-option .submit-btn { background-color: transparent; border: 0 none; padding: 9px 0px 8px; opacity: .6; float: left; }
.search-option .submit-btn:hover { opacity: 1; }
.search-option .submit-btn:focus { outline: none; }
.search-option .submit-btn i { font-size: 25px; }
.search-option input.text.expand-box { width: 250px; }
.search-option input.text::-webkit-input-placeholder { color: #666; font-weight: 500; }
.search-option input.text:-moz-placeholder { /* Firefox 18- */ color: #666; font-weight: 500; }
.search-option input.text::-moz-placeholder { /* Firefox 19+ */ color: #666; font-weight: 500; }
.search-option input.text:-ms-input-placeholder { color: #666; font-weight: 500; }

.search-option input.text.expand-box::-webkit-input-placeholder { color: #666; font-weight: 500; }
.search-option input.text.expand-box:-moz-placeholder { /* Firefox 18- */ color: #666; font-weight: 500; }
.search-option input.text.expand-box::-moz-placeholder { /* Firefox 19+ */ color: #666; font-weight: 500; }
.search-option input.text.expand-box:-ms-input-placeholder { color: #666; font-weight: 500; }


/* Common Table Style Begin */
.list-table { width: 100%;position: relative; }
.list-table:after,.sticky-wrap.emp-hide:after {content: '';border-left: 3px solid #f9f9f9;border-right: 3px solid #f9f9f9;right: -3px;top: 0px;bottom: 0px;left: -3px;position: absolute;display: inline-block;pointer-events: none;}
.list-table.reset:after{display: none}
.sticky-wrap.emp-hide:after{top: -4px;border-top: 3px solid #f9f9f9;}
.cont-list-opt.fix-opt .filter-group{display: none;}
.list-table table { width: 100%; font-size: 13px; margin-bottom: 0; }
.list-table table .table-head, table.dataTable thead { color: #333; font-weight: 600;background-color: #ffffff;border-bottom: 3px solid #DEDEDE;}
.list-table.reset table .table-head{background: #EAEAEA;border-bottom:none;}
.list-table table .table-head td{  word-break: keep-all;cursor: default !important;color:#515151;font-size: 14px;}
.table-card table .table-head td{color: #515151;font-weight: 600;padding: 10px 6px;}
.list-table table tr { border-bottom: 1px solid #E4E4E4; }
.list-table table tbody tr { /* font-size: 14px;  */ color: #000; }
.list-table table tbody tr:hover, .list-table table tbody tr.active-row { background-color: #fafafa; }
.list-table table .table-head td:hover { cursor: pointer; }
.list-table table td, .list-table table th { padding: 10px 6px; max-width: 135px; word-break: break-all; }
.list-table table td.auto-width, .list-table table th.auto-width{width:25%!important;}
.list-table table td:last-child, .list-table table th:last-child { padding: 10px 15px; min-width: 20px; }
.selected-count { margin-top: 8px; display: inline-block; }
.cont-list-opt { border-bottom: 1px solid #E4E4E4; }
.cont-list-opt i {  color: #666; }
.filt-wrapper { position: relative; }
.more-option-wrap { position: relative; }
.more-option-wrap > li { display: inline-block; vertical-align: middle; position: relative; padding: 0px 5px; height: 30px; }
.more-option-wrap > li.hidden { display: none; }

/* .more-option-wrap > li:after { position: absolute; content: ""; background: #CCC none repeat scroll 0% 0%; width: 1px; height: 18px; right: -2px; top: 9px; } */
.more-option-wrap > li:last-child:after { background: none; }
.vt-seperator { float: left; color: #CECECE; padding: 5px 0px 0px 0px; font-size: 16px; margin: 0 3px; }
.more-option-wrap .vt-seperator { float: none; }
.more-option-wrap .btn-group li { height: auto !important; padding: 0; }
.more-option-wrap .btn-group li:after { background: none; }
.disabled { position: relative; }
.disabled:before { background-color: transparent; opacity: 0.5; top: 0; bottom: 0; right: 0; left: 0; position: absolute; content: ""; cursor: not-allowed; z-index: 9; }
.checker.disabled:before{ z-index: 0;}
.cont-list-opt.fix-opt, [data-role="fixedHeadedSearch"].fix-opt{ position: fixed;top: 40px;background-color: #ecf9ff;left: 155px;z-index: 9;right: 20px; }
[data-role="fixedHeadedSearch"].fix-opt{background-color: #E9E5F6;border-bottom: 1px solid #d6d6d6;}
.sticky-wrap.emp-hide {min-height: 56px;border-top: 1px solid #ddd;background: #ecf9ff;position: relative;}
.page-sidebar-closed .cont-list-opt.fix-opt { left: 20px; }
.cont-list-opt select { border-bottom: none; padding-left: 5px; margin-bottom: 0; width: auto; }
.cont-list-opt form { margin: 0; }
.cont-list-opt .btn-group .dropdown-menu li > a { padding: 9px 4px !important; }
.cont-list-opt .btn-group .dropdown-menu li > a:hover { border-left: 3px solid transparent; }
.floatThead-container { margin-top: 100px !important; background-color: #fff; z-index: 0 !important; width: 100% !important;transition: top ease-in-out 0.2s;}
body.noSearchtable .floatThead-container{margin-top: 40px !important;}
.floatThead-wrapper { width: 100%; }
.stripe_table tr:nth-child(even) td{background-color: #d9edf7;}
/* Common Table Style End */

/* Common table filter section style begin */
.filter-group { position: relative; }

.filter-group .overlay-bk { position: fixed; width: 100%; height: 100%; z-index: 997; left: 0px; top: 0px; display: none; }
.filter-group.open .overlay-bk { display: block !important; }

/* Common table filter section style end */
.btn-group .no-left-border { border-left: none !important; }

/***********************************/
/********   CSS TOOLTIP   **********/
/***********************************/
.smd{ width: 20px; height: 20px; display: inline-block;}
.smd.admin-icon{background:url("../img/material-icon-sprite.png") no-repeat scroll 8px 10px;}

/***********************************/
/******** confirmation modal **********/
/***********************************/

.modal-confirm {
    margin-left: -205px !important;
    width: 400px !important;
}
.modal-confirm .modal-header{ background-color:transparent;}
.modal-confirm .modal-header h3 {
    border-bottom:2px solid #b3b2b2;
    font-weight: 600;
    padding-bottom: 4px;
    text-align: left !important;
    color: #333;
}
.modal-confirm .modal-body {
    padding: 20px 10px;
}
.modal-confirm .modal-footer{
    padding: 0;    
    border-top: 1px solid #f9f9f9 !important;
}
.modal-confirm .modal-footer .btn {
    box-sizing: border-box;
    padding: 12px 0;
    width: 50%;
    font-weight: 600;
    border-top: 1px solid #d7d7d7;
    box-shadow: none;
}
.modal-confirm .modal-footer [data-dismiss="modal"]{
   float: left;
   background: #F7F7F7;
}
.modal-confirm .modal-footer .btn:hover
{
    background: #D2D2D2;
}

.modal-confirm .modal-footer .btn-danger{
    background: #e5e5e5;
    color: #d62c2c !important;
    float: right;       
}
.modal-confirm .modal-footer .btn-success{
    background: #e5e5e5;
    color: #50B054 !important;
    float: right;   
}

/* ///////////////////////// Material toggle btn/////////////////// */      
.onoffswitch {      
    position: relative; width: 44px;        
    -webkit-user-select:none; -moz-user-select:none; -ms-user-select: none;     
}       
.onoffswitch-checkbox {     
    display: none;      
}       
.onoffswitch-label {        
    display: block; overflow: hidden; cursor: pointer;      
    height: 18px; padding: 0; line-height: 20px;        
    border: 0px solid #FFFFFF; border-radius: 30px;     
    background-color: #9E9E9E;      
}       
.onoffswitch-label:before {     
    content: "";        
    display: block; width: 26px; margin: -3px;      
    background: #EBEBEB;        
    position: absolute; top: 0; bottom: 0;      
    right: 25px;        
    border-radius: 30px;        
    box-shadow: 0 6px 12px 0px #757575;     
    transition: all 0.3s ease-in 0s;        
}       
.onoffswitch-checkbox:checked + .onoffswitch-label {        
    background-color: #92B8D6;      
}       
.onoffswitch-checkbox:checked + .onoffswitch-label, .onoffswitch-checkbox:checked + .onoffswitch-label:before {     
    border-color: #627A6B;      
}       
.onoffswitch-checkbox:checked + .onoffswitch-label .onoffswitch-inner {     
    margin-left: 0;
}       
.onoffswitch-checkbox:checked + .onoffswitch-label:before {     
    right: 0px;     
    background-color:#3598DB;       
    box-shadow:1px 3px 11px 0 rgba(0, 0, 0, 0.47);      
}       
.onoffswitch input[type="checkbox"],        
.onoffswitch .checker{display: none;}
.mtoggleSwitch .checked{ background: none}
/* ///////////////////////// Material toggle btn End/////////////////// */  

/* ///////// Text toggle btn used in social media (Uniform needed) //////// */  
.on-off-txt-switch .on-off-txt-switch-chkbox{
    opacity: 0;
    width: 100% !important;
    height: 18px !important;
    vertical-align: top !important;
}
.on-off-txt-switch{
    display: inline-block;
    position: relative;
}
.on-off-txt-switch.checker{
    width: auto !important;
    height: auto !important;
    display: inline-block;
}
.on-off-txt-switch .checker span{
    background-image: none;
    background: #F9F9F9 !important;
    width: 55px;
    border-radius: 15px;
    border: 1px solid #cccccc !important;
    position: relative;
    overflow: hidden;
    height: 18px !important;
}
.on-off-txt-switch .checker span:after{
    background: #cecece !important;
    font-size: 11px !important;
    position: absolute !important;
    content: "OFF" !important;
    width: 50% !important;
    white-space: nowrap;
    text-align:left;
    box-sizing: border-box;
    right: -1px !important;
    color: #000;
    top: -1px !important;
    padding-left: 6%;
    pointer-events: none;
    transition: all ease-in-out 0.4s !important;
    left: auto !important;
    border: none !important;
    height: 104% !important;
}
.on-off-txt-switch .checker span.checked:after{
    right: -100% !important;
}
.on-off-txt-switch .checker span:before{
    background: #4CAF50 !important;
    font-size: 11px !important;
    position: absolute;
    content: "ON";
    width: 50%;
    white-space: nowrap;
    text-align: right;
    padding-right: 8%;
    box-sizing: border-box;
    left: -100%;
    color: #fff;
    top: -1px;
    pointer-events: none;
    transition: all ease-in-out 0.4s;
}
.on-off-txt-switch .checker span.checked:before{
    left: -1px;
}
.on-off-txt-switch.half-round .checker span{
    border-radius: 5px;
}
.on-off-txt-switch.light .checker span{
    border: 1px solid #eeeeee !important;
}
.on-off-txt-switch.light .checker span:after{
    background: #eeeeee !important;
}
/* /////////// Text toggle btn used in social media End///////// */

/* UNIFORM CHECKBOX UPDATION */
*:not(.onoffswitch):not(.on-off-txt-switch):not(.contact-relation):not(.wf_pin_note)>div:not(#uniform-enable_tracking).checker span{background: transparent;border: 1.5px solid #767676;width: 15px;height: 15px;border-radius: 4px;}
*:not(.onoffswitch):not(.on-off-txt-switch):not(.contact-relation):not(.wf_pin_note)>div:not(#uniform-enable_tracking).checker span.checked{background: #3598db ;border-color: #3598db;position: relative;}
*:not(.onoffswitch):not(.on-off-txt-switch):not(.contact-relation):not(.wf_pin_note)>div:not(#uniform-enable_tracking).checker span.checked:after {content: '';display: block;width: 4px;height: 9px;border: solid #fff;border-width: 0 2px 2px 0;transform: translate(-50%) rotate(45deg);position: absolute;top:1px;left: 50%;transition: all .5s ease-in-out;pointer-events: none;}
/* UNIFORM CHECKBOX UPDATION END*/


.open-view .support-class a {
    /*--- In case of handling link from contact timeline:fix #9268; ---*/
    position: relative;
    z-index: 9;
}
/*.k-animation-container{
 transition: all ease-in-out 0.3s !important; 
}*/
#saved_filters-list{
  width: 400px !important;
  margin-left: -54px; 
}
.invisible{
    opacity:0;
    visibility: hidden;
}
.modal-footer .disabled:before{
    background-color: #fff;
}
.muted {color: #666;}
.k-grid-header .k-header, .k-grid-header .k-header .k-link, .k-grid-header .k-link, .k-grid-header .k-link:link, .k-pager-info, .k-scheduler-agendaview .k-scheduler-datecolumn, .k-scheduler-header{color: #666 !important;}

/* DEFAULT dashboard grid style */
.dashboard_grid{display: grid;justify-content: space-between;grid-template-columns: 1fr 1fr 1fr 1fr;grid-gap: 20px;}
.dashboard_grid>div{padding: 20px 25px 20px 20px;box-shadow: 0 0px 4px rgba(0, 0, 0, 0.25);border-radius: 3px;background-color: #fff;border-left: 5px solid #e9e4f5;color: #000;}
.dashboard_grid>div:first-child{background: #E9E4F5;}
.dashboard_grid.donation{grid-template-columns: 1fr 1fr 1fr 1fr 1fr;}
/* DEFAULT dashboard grid style end*/
/* [data-storage="mail-compose"] .fr-toolbar .fr-command.fr-btn.fr-dropdown{display: none;} removes font size and family from activity modal*/
.float_status{font-size: 11px !important;margin-left: 0 !important;font-weight: 600 !important;line-height: 14px;padding: 0 4px 1px !important;position: absolute;bottom: 69%;left: 50%;white-space: nowrap;transform: translate(-50%,0%);}

.fr-wrapper li{list-style: inherit !important;}
.fr-wrapper ul{list-style-type: initial;}

/* DATA TABLE UI */

table.dataTable thead th, table.dataTable thead td { 
    color: #333;
    font-weight: 600;
    background-color: #ffffff;
    border-bottom: 3px solid #DEDEDE !important;
}
table.dataTable tr, table.dataTable td{
    background: #fff !important;
}

table.dataTable tbody th, table.dataTable tbody td {
    padding: 10px 6px !important;
    max-width: 135px;
    word-break: break-all;
}
table.dataTable thead th, table.dataTable thead td{
    padding:10px 18px 10px 6px !important;
}
.list-table table.dataTable td:last-child, .list-table table.dataTable th:last-child{
    background-position: 94%;
    padding: 10px 25px 10px 6px !important;
}
.list-table table.dataTable td:first-child, .list-table table.dataTable th:first-child{
    padding:10px 18px 10px 18px !important
}
table.dataTable.no-footer:not(.floatThead-table) {
    border-bottom: 1px solid #dedede !important;
}
.dataTables_wrapper .dataTables_info{
    padding-left: 7px;
}
.dataTables_wrapper .dataTables_paginate .paginate_button{
    padding: 0.2em 0.6em;
    margin-top: 2px;
    margin-bottom: 5px;
}
.dataTables_wrapper .dataTables_paginate .paginate_button.current, .dataTables_wrapper .dataTables_paginate .paginate_button.current:hover{
    background: #e9e5f6 !important;
    border-radius: 4px;
    border: 1px solid #e1deed !important;
    color:#333 !important
}
.dataTables_wrapper .dataTables_paginate .paginate_button:not(.disabled):hover{
    background: #9c9aa2 !important;
    border-radius: 4px;
    border: 1px solid #9c9aa2 !important;
}
.datatable_grp.normal-btn{
    bottom: 0 !important;
}
.datatable_grp{
    margin-top: 1px;
}
.datatable_buttons_style button {
    float: left;
    width: 100%;
    padding: 10px 15px;
    text-align: left;
    border: none;
    background-color: #fff;
}
.datatable_buttons_style button:hover, .for_datatable_col_buttons button.active{
    color: #009AFB;
}
.dataTables_length label{
    font-weight: 400;
    font-size: 13px;
    margin-left: 6px;
}
.dataTables_wrapper .dataTables_info{
    clear: none !important;
    float: right !important;
    margin-right: 6px;
}
.dataTables_wrapper .dataTables_paginate{
    float: left !important;
}
.dataTables_length .select2-container{
    width: 65px !important;
    margin-top: 5px;
}
.dataTables_processing{
    display: flex;
    height: 300px;
    float: left;
    justify-content: center;
    align-items: center;
}
button.buttons-columnVisibility{
    position: relative;
    padding: 10px 25px 10px 15px;
}
button.buttons-columnVisibility.active:after {
    content: '';
    border-left: 1px solid #39a0fb;
    height: 10px;
    display: inline-block;
    transform: rotate(45deg) translate(0, -50%);
    position: absolute;
    right: 16px;
    top: 50%;
}
button.buttons-columnVisibility.active:before {
    content: '';
    border-left: 1px solid #39a0fb;
    height: 10px;
    display: inline-block;
    transform: rotate(-45deg) translate(0, -50%);
    position: absolute;
    right: 9px;
    top: 50%;
}
.dataTables_wrapper .floatThead-container{
    margin-top: 98px !important;
}
.dataTables_filter{
    width: 100%;
}
.dataTables_filter input{
    border: none !important;
    background: #e9e5f6 !important;
    padding: 10px 15px !important;
}
.right-section .dataTables_wrapper .bottom{
    float: left;
    width: 100%;
    margin-top: 10px;
}
.dataTables_wrapper th{
    text-align: left;
}
.track-data-table .list-table table:not(.dataTable) td:first-child, .track-data-table .list-table table:not(.dataTable) th:first-child {
    width: auto !important;
}
/* DATA TABLE UI END*/
input.form-check-input {
    float: left;
    margin-right: 10px;
    width: 15px;
    height: 15px;
    margin-bottom: 5px;
}
label.form-check-label {
    font-size: 13px;
    padding-top: 2px;
    font-weight: inherit;
    color: #000;
}
.switch.disabled{
    pointer-events: none;
}
#uniform-lookup_delete_opt1,#uniform-lookup_delete_opt2{
    float: left;
}
button.addLookupNew{
    width: 100%; 
    background:#ececec
}
li.clickable_li {
    font-size: 15px;
    margin-bottom: -2px;
    color: #666;
    font-weight: 500;
    cursor: pointer;
}
li.clickable_li a {
    display: inline-block;
}
li.clickable_li:hover{
    border-bottom: 2px solid #0099FF;
}
li.clickable_li a:hover{
    border-bottom: none !important;
}
a.add_lu_filter {
    /* border: 1px solid #ECECEC;
    background: #3cc051;
    padding: 5px 20px 5px;
    border-radius: 30px;
    color: #ffffff;
    font-size: 14px;
    font-weight: 600;
    margin-top: 10px;
    display: inline-block; */
}
a.remove_lu_filter {
    /* border: 1px solid #ECECEC;
    background: #da0d0d;
    padding: 5px 20px 5px;
    border-radius: 30px;
    color: #ffffff;
    font-size: 14px;
    font-weight: 600;
    margin-top: 10px;
    display: inline-block; */
    position: absolute;
    top: -10px;
    border-radius: 50%;
    right: -11px;
    text-align: center;
    background: rgba(244, 67, 54, 0.87);
    width: 26px;
    height: 26px;
    color: #fff;
    padding-top: 3px;
    font-size: 14px;
    box-sizing: border-box;
}
.grid-lu-filter-columns {
    grid-template-columns: 150px 1fr 40px;
    padding: 10px;
    background: rgb(241 241 241 / 48%);
    border: 1px solid rgb(211 204 204 / 20%);
}
.grid-lu-filter-4-columns
{
    grid-template-columns: 150px 150px 1fr 40px;
    padding: 10px;
    background: #f6f6f6;
    border: 1px solid #d3cccc;
}
a.add_lu_filter.disabled {
    pointer-events: none;
    opacity: 0.5;
    color: #b2aaaa;
    user-select: none;
}
.delete_lu_filter
{
    font-size: 30px;
    color: #da0d0d !important;
    cursor: pointer;
}
.list-table table .table-head td i:hover { cursor: pointer; }
.dataTables_scrollBody thead {
    display: none;
}

.list-table table .table-head td{position: relative;padding-right: 12px !important;}

i.icon-sort {right: -11px;position: absolute;top: 45%;left: unset;transform: translate(-50%, -50%);}

.dropdown_menu_custom_ui {
    padding: 15px 15px 13px !important;
    box-sizing: border-box;
    width: 300px !important;
    max-height: 390px !important;
    top: 36px !important;
    box-shadow: 0 0 17px #c4c4c4 !important;
    border-radius: 5px !important;
    border: 1px solid #d2d2d2 !important;
}
  
.dropdown_menu_custom_ui li a {
    padding: 14px 4px !important;
    font-size: 16px !important;
    line-height: 19px !important;
    display: flex !important;
    align-items: center;
}
.dropdown_menu_custom_ui li a i{
    font-size: 19px;
    display: inline-block !important;
    vertical-align: middle !important;
    position: relative !important;
    top: -0px !important;
    opacity: 0.9; 
    margin-right: 4px;
}
.dropdown_menu_custom_ui #save_current_view i:before {
    color: #1785f1 !important;
    font-size: 21px;
}
.dropdown_menu_custom_ui a#update_current_view i:before {
    color: #d89720 !important;
    font-size: 21px;
}
.dropdown_menu_custom_ui a#rename_current_view i:before {
    color: #2cae96 !important;
    font-size: 21px;
}
.dropdown_menu_custom_ui a#delete_current_view i:before {
    color: #df2323 !important;
    font-size: 21px;
}
.dropdown_menu_custom_ui a.k-grid-excel-dup i:before {
    color: #2cae96 !important;
    font-size: 21px;
}
.dropdown_menu_custom_ui a.k-grid-excel-dup img {
    width: 17px;
    margin-left: 5px;
    margin-right: 12px;
    display: inline-block;
    vertical-align: middle;
}
.dropdown_menu_custom_ui a.k-grid-csv-dup img {
    width: 19px;
    margin-left: 5px;
    margin-right: 11px;
    display: inline-block;
    vertical-align: middle;
}
.dropdown_menu_custom_ui a#printGrid i:before {
    color: #a8179b !important;
    font-size: 21px;
}
.dropdown_menu_custom_ui a.k-grid-csv-dup i:before {
    color: #a8179b !important;
    font-size: 21px;
}
.dropdown_menu_custom_ui li a:hover {
    background: #f0f0f0 !important;
    color: #000101 !important;
    border-radius: 5px !important;
}
.dropdown_menu_custom_ui li {
    margin-bottom: 4px;
}

/* .dropdown_menu_custom_ui_btn.open>a:after {
    content: "x";
    background: transparent;
    color: #333;
    font-size: 18px;
    top: -4px;
    position: relative;
} */
.dropdown_menu_custom_ui_btn.open>a:hover:after{
    background:#e5e5e5 !important;
    transition:all .5s ease-in-out;
}
.dropdown_menu_custom_ui_btn.open .dropdown-toggle{
    background:transparent !important;
    transition:all .5s ease-in-out;
}
.std_view_custom span.k-input {
    font-size: 15px;
    padding-top: 0;
}
.dropdown_menu_custom_ui_btn i {
    position: relative !important;
    top: 11px !important;
    transition: all .1s ease-out;
    opacity: 0;
}
.btn-group.btn-more.dropdown_menu_custom_ui_btn.open i {
    display: block;
    color: #4d4d4d;
    top: 1px !important;
    position: relative !important;
    opacity: 1;
}
.workflow-content .bgm-lightgray{background: #e9e5f6 !important;}