* { word-wrap: break-word; }
.clearfix { clear: both; }
.mainContainer { width: 100%; float: left; margin: 0; padding: 0; }
body { font-family: 'Roboto', sans-serif; }
h1,
h2,
h3,
h4,
h5,
h6 { font-family: 'Roboto', sans-serif; font-weight: 700; color: #4a4a4a; }
a { font-family: 'Roboto', sans-serif; outline: none; border: 0; }
a:hover,
a:focus,
a:active { outline: none; border: 0; }
input[type="text"]:-ms-input-placeholder,
input[type="text"]::-moz-placeholder,
input[type="text"]::-webkit-input-placeholder,
input[type="email"]:-ms-input-placeholder,
input[type="email"]::-moz-placeholder,
input[type="email"]::-webkit-input-placeholder,
input[type="password"]:-ms-input-placeholder,
input[type="password"]::-moz-placeholder,
input[type="password"]::-webkit-input-placeholder { font-family: 'Roboto', sans-serif; font-size: 16px; color: #333333; font-weight: 600px; }
input[type="text"],
input[type="email"],
input[type="password"] { background: #ffffff; border-color: -moz-use-text-color -moz-use-text-color rgba(230, 228, 230, 1) !important; color: #333333; font-size: 14px; font-weight: 300; height: 40px; text-overflow: ellipsis; font-weight: normal; border-radius: 0; }
select { height: 40px !important; }
input[type="text"]:focus,
input[type="email"]:focus,
input[type="password"]:focus { border-color: #1b5586 !important; color: #333333 !important; }
.form-control:focus { border-color: #1b5586 !important; }
.form-group .form-control ~ label::after,
.form-group .form-control ~ .form-control-line::after { background-color: #1b5586; }
.form-group label { color: #999999; opacity: 1; }
.form-control ~ label { color: #999999 !important; font-size: 14px; }
.floating-label .form-control ~ label { color: #333333 !important; font-size: 14px; opacity: 1; }
.checkbox-styled:not(ie8) input ~ span::before { top: 0px; border-color: rgba(3, 3, 3, 0.7); border-radius: 3px; border-width: 1px; }
.checkbox-styled:not(ie8) input:checked ~ span::before { border-color: #1b5586; border-radius: 0px; }
.padd0 { padding: 0 !important; }
.marg0 { margin: 0 !important; }
.pad25 { padding: 25px !important; }
.ptop20 { padding-top: 20px !important; }
.ptop40 { padding-top: 40px; }
.pbottom25 { padding-bottom: 25px; }
.pbottom10 { padding-bottom: 10px; }
.pleft65 { padding-left: 65px; }
.pright65 { padding-right: 65px; }
.ptop0 { padding-top: 0 !important; }
.pbot0 { padding-bottom: 0 !important; }
.pleft0 { padding-left: 0 !important; }
.pright0 { padding-right: 0 !important; }
.mtop0 { margin-top: 0px !important; }
.mtop25 { margin-top: 25px !important; }
.mtop15 { margin-top: 15px !important; }
.mtop10 { margin-top: 10px !important; }
.mbottom25 { margin-bottom: 25px !important; }
.mbottom0 { margin-bottom: 0 !important; }
.mbottom15 { margin-bottom: 15px !important; }
.mbottom10 { margin-bottom: 10px !important; }
.mright15 { margin-right: 15px !important; }
.noradius { border-radius: 0; -khtml-border-radius: 0; }
.no-box-shadow { box-shadow: none !important; }
.rrotate90 { transform: rotate(-90deg); }
.rrotate90 { transform: rotate(-90deg); }
.hidden-title { display: none; }
.message_div { width: 100%; float: left; margin: 15px 0; }
.message_div .alert { margin-bottom: 0; }
.full-width { width: 100% !important; }
.minautoheight { min-height: auto !important; }
.alert-info { margin-bottom: 0; }
.dtable { display: table; width: 100%; }
.dtable.cellspace { border-spacing: 5px; border-collapse: separate }
.dtable > label { display: table-cell !important; float: none !important; }
.error { width: 100%; float: left; margin: 0; padding: 5px 0 0; color: #f00; font-size: 13px; font-weight: normal; line-height: 20px; }
.blockOverlay { z-index: 999999999 !important; }
.blockMsg { z-index: 999999999 !important; }
.regularVheight { min-height: calc(100vh - 105px); }
.contViewVheight { min-height: calc(100vh - 152px); }
.todoVheight { min-height: calc(100vh - 130px); }

/*------------------------- gloable css start ----------------------*/
@font-face { font-family: "Lobster1.4"; src: url("../fonts/Lobster_1_4.eot?") format("eot"), url("../fonts/Lobster_1_4.woff") format("woff"), url("../fonts/Lobster_1_4.ttf") format("truetype"), url("../fonts/Lobster_1_4.svg#Lobster1.4") format("svg"); font-weight: normal; font-style: normal; }
.loader_div { padding: 25px; }

/* background color and text color option */
.bg-style { background: #1b5586 !important; }
.bg-style2 { background: #1b5586 !important; }
.card-bg-style { background: #f3f0f0; }
.bg-opt-yellow { background: #feaf33; }

/* new css */
.default-bg { background: #ffffff; }
.bg-opt1 { background: #2b323a; }
.bg-opt2 { background: #1b5586; }
.bg-opt3 { background: #e5e5e5; }
.btn-bg-opt1 { background: #1b5586; border: 0; }
.btn-bg-opt2 { background: #ffb6a3; border: 0; }
.btn-bg-opt3 { background: #78d9b2; border: 0; }
.btn-bg-opt3 { background: #929aa3; border: 0; }
.btn-bg-opt4 { background: #fa4f4f; border: 0; }
.btn-bg-opt5 { background: #30ad9a; border: 0; }
.btn-bg-opt6 { background: #84878a; border: 0; }
.btn-bg-opt7 { background: #fe9c33; border: 0; }

/* Stars rating on Hover and on click */
.rating { border: none; float: none; margin: auto; display: inline-block; height: 30px; width: 85px; }
.rating > input { display: none; }
.rating > label:before { margin: 5px 2px; font-size: 14px; font-family: FontAwesome; display: inline-block; content: "\f005"; }
.rating > .half:before { content: "\f089"; position: absolute; }
.rating > label { color: #ddd; float: right; }
.rating > input:checked ~ label,
.rating:not(:checked) > label:hover,
.rating:not(:checked) > label:hover ~ label { color: #ff9801; }
.rating > input:checked + label:hover,
.rating > input:checked ~ label:hover,
.rating > label:hover ~ input:checked ~ label,
.rating > input:checked ~ label:hover ~ label { color: #ff9801; }
.stars .rating-container { font-size: 22px; letter-spacing: 2px; box-shadow: none; color: #ffbd56 !important; padding: 0 !important; }
.stars .rating-stars { font-size: 22px; letter-spacing: 2px; box-shadow: none; color: #ff9800 !important; }
.stars .rating-xs { font-size: unset; }
.contactElm .stars .rating-container { font-size: 18px; }
.contactElm .stars .rating-stars { font-size: 18px; }

/* selectize tag-selector css */
.tagselect { width: 100%; float: left; margin: 0; padding: 0; }
.selectize-control { width: 100%; float: left; margin-top: 25px; }
.selectize-control .selectize-input { width: 100%; background: #ffffff; box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.4); float: left; padding: 0 !important; border: 0 !important; border-radius: 0; padding: 10px 10px 8px !important; }
.selectize-control .selectize-input .item { margin: 10px; background: #ffffff !important; font-size: 14px; box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.4); color: #525252; font-family: 'Roboto', sans-serif; font-weight: normal; padding: 5px !important; border: 0 !important; border-radius: 5px; }
.selectize-dropdown { border: 0; z-index: 999 !important; }
.selectize-dropdown .selectize-dropdown-content { padding: 0; }
.selectize-dropdown .selectize-dropdown-content .option,
.selectize-dropdown .selectize-dropdown-content .create { padding: 5px 10px; background: #f1f1f1; color: #525252; font-family: 'Roboto', sans-serif; font-size: 14px; font-weight: normal; }
.selectize-dropdown .selectize-dropdown-content .option:hover { background: #1b5586; color: #ffffff; }
.token-input-list-facebook { width: 100% !important; background: #ffffff; float: left; border: 0 !important; box-shadow: 0 1px 5px 0 rgba(0, 0, 0, 0.40) !important; border-radius: 5px !important; padding: 10px !important; margin-top: 0px !important; list-style: none; }
.token-input-list-facebook .token-input-token-facebook { background: #78a3c5 !important; box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.4); color: #ffffff; font-size: 14px; font-weight: normal; padding: 5px 10px !important; border: 0 !important; border-radius: 5px; margin: 5px 5px 5px; float: left; max-width: 100%; white-space: pre-wrap; }
.token-input-list-facebook input[type="text"] { height: 36px; margin: 5px 0; }
.div.token-input-dropdown-facebook { overflow-y: scroll !important; height: 80px !important; }
.token-input-dropdown-facebook ul li { font-size: 15px !important; font-weight: normal; line-height: 24px; border: 0; }
.token-input-dropdown-facebook ul li:hover { background: #f0eeee !important; font-size: 15px; font-weight: normal; line-height: 24px; border: 0; }
.breadcrumb a { display: inline-block; }

/* Default Form Style (add-contact page) */
.form-control ~ label { color: #333333; font-family: "Roboto", sans-serif; font-size: 14px; font-weight: 500; z-index: 3; }
.default-form-style { width: 100%; float: left; margin: 0; padding: 0; }
.default-form-style .form-field-group { width: 100%; float: left; margin: 0; padding: 0; }
.default-form-style .form-group { margin-bottom: 5px; }
.default-form-style .form-group .form-control ~ label { z-index: 3; font-family: 'Roboto', sans-serif; font-size: 16px; color: #999999; font-weight: 300; line-height: 26px; }
.default-form-style .form-field-group .row2 { margin-left: -10px; margin-right: -10px; }
.default-form-style .form-group.form-group-ico .input-group-newaddon,
.form-group.form-group-ico .input-group-newaddon { display: block; height: 53px; line-height: 52px; pointer-events: none; position: absolute; left: 0; text-align: center; bottom: 0; width: 35px; z-index: 2; top: inherit; color: #1b5586; font-size: 20px; }
.default-form-style .form-group.form-group-ico .form-control ~ label { padding-left: 35px; }
.default-form-style .form-group.form-group-ico .date-ico { background: url("../images/date-picker-bg.png") no-repeat scroll left top; bottom: 15px; display: inline-block; height: 21px; left: 5px; width: 19px; }
.default-form-style .form-group.form-group-ico .custemail { background: url(../images/customeemail_icon.png) left top no-repeat; width: 18px; height: 12px; display: inline-block; bottom: 15px; left: 5px; }
.default-form-style .form-group.form-group-ico .occu_icon { background: url(../images/occupassion_icon.png) left top no-repeat; width: 19px; height: 17px; display: inline-block; bottom: 15px; left: 5px; }
.default-form-style .form-group.form-group-ico .md-web-icon { background: url(../images/md-web.png) left top no-repeat; width: 22px; height: 22px; display: inline-block; bottom: 15px; left: 5px; }
.default-form-style .form-group .input-group { width: 100%; margin: 0 !important; }
.default-form-style .form-group .editable-buttons { margin-left: 0 !important; }
.default-form-style .form-group.inner-Btn-style .input-group-btn .btn { background: #ffffff; border-color: #ffffff; font-weight: 700; box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.4); font-family: 'Roboto', sans-serif; font-size: 14px; color: #616161; text-transform: initial; }
.default-form-style .input-group-btn { width: 100px; }
.default-form-style .input-group-btn .custSelect { float: left; margin: 0; padding: 0; display: inline-block; width: 100%; background: #ffffff; border-color: #ffffff; box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.4); color: #616161; font-family: "Roboto", sans-serif; font-size: 14px; font-weight: 700; text-transform: initial; }
.default-form-style .input-group-btn .custSelect select { padding: 5px 25px 5px 5px !important; margin: 0 !important; text-overflow: ellipsis; color: #333; font-size: 16px; font-weight: normal; position: relative; top: -3px; }
.default-form-style .form-field-block { width: 100%; float: left; margin: 0 0 25px; padding: 0px; }
.bgtab .default-form-style .form-field-block { padding: 0px 15px; margin-top: 15px; min-height: 100px; }
.default-form-style .form-field-group .form-field-element { position: relative; }
.default-form-style .form-field-group .form-field-element .radio-label { position: relative; }
.default-form-style .area-group { width: 100%; float: left; margin: 25px 0; padding: 0; }
.default-form-style .area-group label { width: 100%; display: inline-block; margin: 0; padding: 0 0 10px; font-family: 'Cabin', sans-serif; font-size: 18px; color: #383737; line-height: normal; text-align: left; }
.default-form-style .area-group textarea { width: 100%; resize: none; height: 273px; box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.4); border: 0; font-family: 'Roboto', sans-serif; font-size: 14px; color: #999999; text-align: left; padding: 5px 10px; margin: 0 0 10px; }
.default-form-style .style-primary { background: #1b5586 !important; border-color: #1b5586 !important; }
.default-form-style .btn-style { width: 100%; float: left; margin: 0; padding-top: 0px; padding-bottom: 0px; }
.default-form-style .btn-style .btn { min-width: 150px; font-size: 16px; font-family: 'Roboto', sans-serif; text-align: center; margin: 10px 13px 10px 0; font-weight: normal; text-transform: uppercase; }
.default-form-style .btn-style .btn-primary { background: #1b5586; border-color: #1b5586; color: #ffffff; box-shadow: 0 1px 5px 0 rgba(0, 0, 0, 0.40) !important; text-transform: uppercase; border-radius: 5px; }
.default-form-style .btn-style .btn-default { background: #84888b; border-color: #84888b; color: #ffffff; box-shadow: 0 1px 5px 0 rgba(0, 0, 0, 0.40) !important; border-radius: 5px; text-transform: uppercase; }
.default-form-style .form-footer-section { width: 100%; float: left; margin: 0; padding: 0; }
.default-form-style .form-footer-section .btn { margin: 5px; }
.default-form-style .form-footer-section .btn-primary { background-color: #30ad9b !important; border-color: #30ad9b !important; }
.footer-button-section .btn-primary { background-color: #30ad9b !important; border-color: #30ad9b !important; }

/* Default table style (duplicate Contacts page css) */
.default-table-style table { width: 100%; margin: 0; padding: 0; }
.default-table-style table tr td,
.default-table-style table tr th { padding: 5px; }

/* stylish radio controle css(Lead page) */
.radio-styled:not(ie8) input ~ span::after { background-color: #1b5586 !important; }
.radio-styled:not(ie8) input ~ span::before { top: 5px !important; border-width: 1px; }
.radio-styled:not(ie8) input:checked ~ span::after { top: 10px !important; left: 5px; width: 8px; height: 8px; }
.checkbox-styled:not(ie8) input ~ span::before,
.radio-styled:not(ie8) input ~ span::before { border-color: #1b5586 !important; }
table th .checkbox-styled:not(ie8) input ~ span::before { border-color: #ffffff !important; }
.radio-color-styled .gray { background: #929aa3; border: 1px solid #929aa3; }
.radio-color-styled .radio-spece label { padding: 0px 20px 5px 10px; color: #ffffff; font-weight: bold; margin: 0 10px 10px 0; border-radius: 3px; box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.4); }
.radio-color-styled .yellow { background: #fe9c33; border: 1px solid #fe9c33; }
.radio-color-styled .purple { background: #ffb6a3; border: 1px solid #ffb6a3; }
.radio-color-styled .light-green { background: #78d9b2; border: 1px solid #78d9b2; }
.radio-color-styled .light-blue { background: #7ba1c1; border: 1px solid #7ba1c1; }
.radio-color-styled:not(ie8) input ~ span::before { border-color: #ffffff !important; top: 6px; }
.radio-color-styled:not(ie8) input ~ span::after { background-color: #ffffff !important; }
.radio-color-styled:not(ie8) input:checked ~ span::after { top: 11px; }
.radio-styled label span { font-size: 16px; }

/* stylish checkbox controle css */
.checkbox-color-styled .gray { background: #929aa3; border: 1px solid #929aa3; }
.checkbox-color-styled .checkbox-spece label { padding: 5px 20px 5px 10px; color: #ffffff; font-weight: bold; margin: 0 10px 10px 0; border-radius: 3px; box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.4); }
.checkbox-color-styled .yellow { background: #fe9c33; border: 1px solid #fe9c33; }
.checkbox-color-styled .purple { background: #ffb6a3; border: 1px solid #ffb6a3; }
.checkbox-color-styled .light-green { background: #78d9b2; border: 1px solid #78d9b2; }
.checkbox-color-styled .light-blue { background: #7ba1c1; border: 1px solid #7ba1c1; }
.checkbox-color-styled:not(ie8) input ~ span::before { border-color: #ffffff !important; top: 6px; }
.checkbox-color-styled:not(ie8) input ~ span::after { background-color: #ffffff !important; }
.checkbox-color-styled:not(ie8) input:checked ~ span::after { top: 11px; }

/* block massage box css */
.blockMsg { left: 0 !important; margin: auto !important; right: 0 !important; text-align: center; top: 50% !important; width: 150px !important; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); -moz-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); }

/*confirm box css */
.confirmBox { max-width: 94% !important; padding: 0; }
.confirmBox h1 { background: #1b5586 !important; }
.confirmBox p { padding: 0 25px !important; }
.confirmBox .uibutton { background: #1b5586 !important; text-decoration: none; }

/* custom Select box css */
.stylishSel { width: 100%; margin: 15px auto; position: relative; }
.stylishSel .selectric { border-radius: 5px; border: 0; box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.4); }
.stylishSel .selectric-open.selectric-above .selectric { border-radius: 0 0 5px 5px; z-index: 2 !important; }
.stylishSel .selectric-open .selectric { border-radius: 5px 5px 0 0; z-index: 2; z-index: 2 !important; }
.stylishSel .selectric .label { text-align: left; color: #999999; font-weight: normal; font-size: 14px; line-height: 32px; }
.stylishSel .selectric-items { background: #ffffff; box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.4); }
.stylishSel .selectric-open .selectric-items { z-index: 1 !important; }
.stylishSel .selectric-items li.selected { background: #f0eeee; color: #333333; }
.stylishSel .selectric-items li { font-family: 'Roboto', sans-serif; font-weight: 300; text-align: left; color: #333333; font-weight: normal; font-size: 14px; }
.stylishSel .selectric-items li:hover { background: #f0eeee; color: #333333; }
.stylishSel.withpreImg { margin: 0 0 12px; padding: 0; width: 100%; float: left; }
.stylishSel.withpreImg .selectric { background: #ffffff; box-shadow: 0 1px 5px 0 rgba(0, 0, 0, 0.40) !important; position: relative; height: 55px; }
.stylishSel.withpreImg .selectric .label { margin-left: 30px; font-size: 14px; color: #333333; font-weight: 300; height: 100%; line-height: 50px; }
.stylishSel.withpreImg.religionsel .selectric:before { content: ""; background: url(../images/relagion_icon.png) left top no-repeat; width: 24px; height: 23px; display: inline-block; margin: 0; padding: 0; position: absolute; left: 5px; top: 50%; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); o-transform: translateY(-50%); transform: translateY(-50%); }
.stylishSel.withpreImg.nationalitySel .selectric:before { font-family: 'Glyphicons Halflings'; content: "\e135"; font-size: 16px; color: #195587; width: 24px; height: 23px; display: inline-block; margin: 0; padding: 0; position: absolute; left: 9px; top: 47%; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); o-transform: translateY(-50%); transform: translateY(-50%); }
.stylishSel.withpreImg .selectric::after { color: #333333; content: "\f1b4"; font-family: "Material Design Iconic Font"; font-size: 20px; position: absolute; right: 10px; top: 50%; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); o-transform: translateY(-50%); transform: translateY(-50%); }
.stylishSel.withpreImg .selectric .button { height: 100%; }
.stylishSel.withpreImg .selectric .button:after { content: ""; border: 0; }
.stylishSel .selectric-open .selectric-items { width: 100% !important; margin-top: -38px; padding-top: 38px; border-radius: 4px; border: 0; overflow: hidden; left: 0px; }
.stylishSel .selectric-above .selectric-items { width: 100% !important; margin-top: 0px; margin-bottom: -38px; padding-top: 0px; padding-bottom: 38px; border-radius: 4px; border: 0; overflow: hidden; left: 0px; }
.stylishSel .selectric-open .selectric { border-radius: 4px 4px 0 0 !important; box-shadow: none !important; width: 100%; left: 0px; }
.stylishSel .selectric-above.selectric-open .selectric { border-radius: 0px 0px 4px 4px !important; box-shadow: none !important; width: 100%; left: 0px; }
.stylishSel.withpreImg .selectric-open .selectric-items { width: 100% !important; margin-top: -56px; padding-top: 56px; border-radius: 4px; border: 0; overflow: hidden; left: 0px; }
.stylishSel.withpreImg .selectric-above .selectric-items { width: 100% !important; margin-top: 0px; margin-bottom: -56px; padding-top: 0px; padding-bottom: 56px; border-radius: 4px; border: 0; overflow: hidden; left: 0px; }
.stylishSel.withpreImg .selectric-open .selectric { border-radius: 0 !important; box-shadow: none !important; width: 100%; }

/* app modual color variable css */
.bg-col-opt1 { background: #48cead; }
.bg-col-opt2 { background: #236794; }
.bg-col-opt3 { background: #ff3682; }
.bg-col-opt4 { background: #f59821; }
.bg-col-opt5 { background: #67ad67; }
.bg-col-opt6 { background: #00bcf6; }

/* animation css effect for header app section */
.animated { animation-duration: 1s; animation-fill-mode: both; }
.animated.infinite { animation-iteration-count: infinite; }
@keyframes bounceInUp {
	from,
	60%,
	75%,
	90%,
	to { animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); }
	from { opacity: 0; transform: translate3d(0, 3000px, 0); }
	60% { opacity: 1; transform: translate3d(0, -20px, 0); }
	75% { transform: translate3d(0, 10px, 0); }
	90% { transform: translate3d(0, -5px, 0); }
	to { transform: translate3d(0, 0, 0); }
}
.bounceInUp { animation-name: bounceInUp; transition: all 0.5s; }

/* heading-style-first */
.head-style-first { width: 100%; float: left; margin: 0; padding: 15px 15px 0; }
.head-style-first h1 { font-size: 20px; line-height: 24px; color: #1b5586; font-weight: 500; margin: 0; padding: 0; }
.head-style-first .line { background: #e2e2e2; height: 1px; width: 300px; display: inline-block; margin: 15px 0; }

/* gloable tabbing style */
.default-tabbing-style { width: 100%; float: left; }
.tabbg { background: #205490; box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.4); }
.default-tabbing-style .card-head .nav { border: 0 none; float: left; margin: 0; padding: 0; width: 100%; }
.default-tabbing-style .card-head .nav.wtool { width: 60%; }
.default-tabbing-style .nav { background: #205490; border: 0 none; box-shadow: 0 1px 3px 1px rgba(0, 0, 0, 0.33); float: left; margin: 0; padding: 0; width: 100%; }
.default-tabbing-style .tab-content { padding-left: 0; padding-right: 0; }
.default-tabbing-style .nav.grid25 li { width: 25%; display: inline-block; }
.default-tabbing-style .nav.grid33 li { width: 33.33%; display: inline-block; }
.default-tabbing-style .nav.grid50 li { width: 50%; display: inline-block; }
.default-tabbing-style .nav li a { color: rgba(255, 255, 255, 0.8); font-size: 16px; text-transform: uppercase; border-radius: 0; outline: none; text-align: center; position: relative; bottom: 0px; line-height: 55px; }
.default-tabbing-style .nav li:hover a { background: none; color: #ffffff !important; border: 0; }
.default-tabbing-style .nav li.active a { color: rgba(255, 255, 255, 1) !important; border-bottom: thin solid #ffffff; }
.default-tabbing-style .nav li.active a:hover,
.default-tabbing-style .nav li.active a:focus { border-bottom: thin solid #fff; }
.tabbing-style-second { width: 100%; float: left; margin: 0; padding: 0; }
.tabbing-style-second > .card-head { border-bottom: 0; }
.tabbing-style-second > .card-head .res-nav-head { width: 100%; float: left; margin: 0; padding: 0; }
.tabbing-style-second .profile_main_tabs > li a { font-size: 19px; font-weight: normal; color: #0F0E0E; line-height: 70px; padding: 0 40px; text-transform: inherit; }
.tabbing-style-second .profile_main_tabs > li.active a { border-bottom: 0 !important; color: #2a7db2; }
.tabbing-style-second .tab-content { width: 100%; float: left; margin: 0; padding: 0; }
.innerTab-modual { padding: 15px 0 0 !important; }
.tabbing-style-thired { width: 100%; float: left; margin: 0; padding: 15px 15px 0; }
.tabbing-style-thired .nav-links { width: 100%; float: left; margin: 0; padding: 0 30px 25px; list-style: none; }
.tabbing-style-thired .nav-links li { width: auto; display: inline-block; margin: 0 0px 0 -15px; padding: 0; position: relative; z-index: 1; box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.4); }
.tabbing-style-thired .nav-links li:first-child { z-index: 3; }
.tabbing-style-thired .nav-links li:nth-child(2) { z-index: 2; }
.tabbing-style-thired .nav-links li a { background: #7ba1c1; float: left; padding: 10px 25px 10px 50px; height: 30px; font-size: 16px; color: #ffffff; text-align: left; font-weight: 500; text-decoration: none; position: relative; box-sizing: content-box; }
.tabbing-style-thired .nav-links li.active a { background: #5abf5f; padding: 10px 25px 10px 50px; }
.tabbing-style-thired .nav-links li:first-child a { padding: 10px 25px; }
.tabbing-style-thired .nav-links li a:after { background: #7ba1c1; box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.4); content: ""; height: 35px; position: absolute; right: -18px; top: 7px; transform: rotate(-45deg); width: 35px; z-index: -1; }
.tabbing-style-thired .nav-links li.active a:after { background: #5abf5f; box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.4); content: ""; height: 35px; position: absolute; right: -18px; top: 7px; transform: rotate(-45deg); width: 35px; z-index: -1; }
.tabbing-style-thired .tab-Content-Container { width: 100%; float: left; margin: 0; padding: 0; }
.tabbing-style-fourth { width: 100%; float: left; margin: 0; padding: 15px 15px 0; }
.tabbing-style-fourth .card-head { background: #205490; box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.4); }
.tabbing-style-fourth .nav { width: auto !important; float: left; margin: 0; padding: 0 30px 25px; list-style: none; box-shadow: none; }
.tabbing-style-fourth .nav li a { padding: 0 60px; }

/* not content found alert box css */
.no-notes-alert { width: 100%; float: left; margin: 0; padding: 15px 0 0; text-align: center; width: 98%; margin: auto; left: 0; right: 0; position: absolute; bottom: 0; top: inherit !important; }
.show_more.btn,
.show_less.btn { color: #2a7db2 !important; font-size: 13px !important; font-style: italic; font-weight: 300; text-decoration: underline; text-transform: lowercase; }

/* editable Container css */
.edittext .editable-container { padding: 0; }
.editable-container { float: left; padding: 25px 15px 0; width: 100% !important; }
.editable-container .form { position: relative; top: -5px; }
.editable-container .form-group { padding: 0 !important; margin: 0 !important; }
.editable-container .editable-input { padding-top: 0 !important; margin-bottom: 0px; }
.editable-container .input-group { margin: 0px !important; }
.editable-container input[type="text"],
.editable-container input[type="email"] { padding: 5px; background: none; border-radius: 0; margin-bottom: 0px; text-overflow: ellipsis; }
.editable-container select { position: relative; margin-top: 0; appearance: none; -moz-appearance: none; -webkit-appearance: none; background: none; border: 0; border-bottom: 1px solid #f1f1f1; background: url(../images/selArrow_icon.png) 95% center no-repeat; margin-bottom: 10px; }
.editable-container select::after { content: "\f107"; font-family: FontAwesome; font-style: normal; font-weight: normal; position: absolute; right: 10px; text-decoration: inherit; top: 22px; }
.editable-container .input-group-btn .btn { margin: 0 10px !important; }
.editable-container .help-block { bottom: -27px; left: 0; color: #cc0000; }
.editable-textinline .editable-container { max-width: 100%; }
.inlinetagselect .editable-container .token-input-list-facebook { padding: 5px 10px !important }
.inlinetagselect .editable-container .input-group { margin: 0 !important; max-width: 100%; display: inline-block; display: inline-block; }
.inlinetagselect .editable-container .input-group-btn { width: auto; }
.editable-container .mutiselectBtn { position: relative; width: 250px; float: left; }
.editable-container .other_communication_div { width: 250px; padding: 0 10px; float: left; }
.editable-container .mutiselectBtn button { background: #ffffff; box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.4); border-radius: 5px; -khtml-border-radius: 5px; font-weight: 300; color: #333333; font-size: 16px; text-align: left; width: 100% !important; border: 0; padding: 8px 45px 8px 15px; margin: 0; }
.editable-container .mutiselectBtn .ui-icon { display: none; }
.editable-container .mutiselectBtn:after { font-family: 'Material Design Iconic Font'; content: "\f1b4"; color: #333333; position: absolute; right: 15px; top: 6px; font-size: 20px; }
.editable-container .input-group-btn { padding-top: 0 !important; }
.editable-container .form-group { width: auto; max-width: 100%; display: inline-block; }
.editable-empty,
.editable-empty:hover,
.editable-empty:focus { color: #333333 !important; }
.editable-container .save_info { color: #30ad9b; font-size: 22px; height: auto !important; line-height: normal !important; margin: 0 5px !important; padding: 0; width: auto; }
.editable-container .save_info i,
.editable-container .btn-close i { line-height: normal; }
.editable-container .btn-close { font-size: 22px; color: #7B7778; height: auto; line-height: normal; margin: 0 5px !important; padding: 0; width: auto; }

/* vendor overwrite css */
.datepicker table tr td span { border-radius: 50%; }
.datepicker table tr td.active:active,
.datepicker table tr td.active:hover:active,
.datepicker table tr td.active.disabled:active,
.datepicker table tr td.active.disabled:hover:active,
.datepicker table tr td.active.active,
.datepicker table tr td.active.active:hover,
.datepicker table tr td.active.disabled.active,
.datepicker table tr td.active.disabled.active:hover { background-color: #fe9c33; border-color: #fe9c33; }
.datepicker table tr td.active:hover,
.datepicker table tr td.active:hover:hover,
.datepicker table tr td.active.disabled:hover,
.datepicker table tr td.active.disabled:hover:hover,
.datepicker table tr td.active:active,
.datepicker table tr td.active:hover:active,
.datepicker table tr td.active.disabled:active,
.datepicker table tr td.active.disabled:hover:active,
.datepicker table tr td.active.active,
.datepicker table tr td.active.active:hover,
.datepicker table tr td.active.disabled.active,
.datepicker table tr td.active.disabled.active:hover,
.datepicker table tr td.active.disabled,
.datepicker table tr td.active.disabled:hover,
.datepicker table tr td.active.disabled.disabled,
.datepicker table tr td.active.disabled.disabled:hover,
.datepicker table tr td.active[disabled],
.datepicker table tr td.active[disabled]:hover,
.datepicker table tr td.active.disabled[disabled],
.datepicker table tr td.active.disabled[disabled]:hover { background-color: #fe9c33; border-color: #fe9c33; }
.datepicker table tr td span.active:hover,
.datepicker table tr td span.active:hover:hover,
.datepicker table tr td span.active.disabled:hover,
.datepicker table tr td span.active.disabled:hover:hover,
.datepicker table tr td span.active:active,
.datepicker table tr td span.active:hover:active,
.datepicker table tr td span.active.disabled:active,
.datepicker table tr td span.active.disabled:hover:active,
.datepicker table tr td span.active.active,
.datepicker table tr td span.active.active:hover,
.datepicker table tr td span.active.disabled.active,
.datepicker table tr td span.active.disabled.active:hover,
.datepicker table tr td span.active.disabled,
.datepicker table tr td span.active.disabled:hover,
.datepicker table tr td span.active.disabled.disabled,
.datepicker table tr td span.active.disabled.disabled:hover,
.datepicker table tr td span.active[disabled],
.datepicker table tr td span.active[disabled]:hover,
.datepicker table tr td span.active.disabled[disabled],
.datepicker table tr td span.active.disabled[disabled]:hover { background-color: #fe9c33 !important; border-color: #fe9c33 !important; }
.today.day { position: relative; border-radius: 50%; }
.today.day:hover::after { border: 0; }
.today.day::after { border: 1px solid #ddd; border-radius: 50%; content: ""; height: 100%; left: 0; position: absolute; top: 0; width: 100%; }
.date-field-group .birthdayPicker { width: 100%; float: left; padding: 30px 0; display: table; }
.datecustSelect select { -webkit-appearance: none; -moz-appearance: none; appearance: none; position: relative; margin-top: 25px; padding: 5px; border-radius: 0; width: 30% !important; margin: 0 15px 0 0; background-image: url(../images/date-sel-bg.png); background-repeat: no-repeat; background-position: right bottom; }
.ui-slider.ui-widget-content { background: rgba(143, 143 143, 1) !important; border-color: transparent; height: 3px; }
.ui-slider .ui-slider-handle { background: #feaf33 !important; border-color: #feaf33 !important; }
.ui-slider .ui-slider-handle:focus,
.ui-slider .ui-slider-handle.ui-state-hover { box-shadow: 0 0 0 7px rgba(254, 175, 51, 0.2) !important; }
.ui-menu { padding: 0 !important; }
.ui-menu .ui-menu-item { padding: 5px 15px !important; text-transform: capitalize; color: #606060; font-size: 15px; font-weight: normal; }
.ui-menu .ui-menu-item:hover,
.ui-menu .ui-state-focus { background: #f0eeee !important; color: #606060; border: 0 !important; }
.ui-menu .ui-menu-item div.ui-state-active { border: 0; background: transparent; }

/* global pagination css */
.pagination > .active > a,
.pagination > .active > span,
.pagination > .active > a:hover,
.pagination > .active > span:hover,
.pagination > .active > a:focus,
.pagination > .active > span:focus { background-color: #1b5586; border-color: #1b5586; }
.pagination > li > a,
.pagination > li > span { color: #1b5586; }
.paginCont { width: 100%; float: left; margin: 0; padding: 0; }
.paginCont .dataTables_paginate { display: inline-block; }

/* custome (yes and no radio controle) css */
.custRadioCont { width: 100%; float: left; margin: 0; padding: 0; }
.custRadioCont .radio-btn { width: 50px; height: 50px; display: inline-block; float: left; margin: 0px 15px 0; position: relative; }
.custRadioCont .radio-btn label { background: #84878a; width: 100%; height: 100%; display: inline-block; border-radius: 50%; text-align: center; margin: 0; line-height: 50px; text-align: center; box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.4); font-size: 16px; color: #ffffff; cursor: pointer; }
.custRadioCont .radio-btn input[type="radio"]:checked ~ label { background: #30ad9b; }
.custRadioCont .radio-btn input[type="radio"] { position: absolute; left: 0; top: 0; opacity: 0; }
.custRadioCont .widthnotfix { width: auto; height: auto; }
.custRadioCont .widthnotfix label { padding-left: 15px; padding-right: 15px; border-radius: 25px; }
.custRadioCont2 { box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.4); border-radius: 5px; }
.custRadioCont2 .btn { background: #7ba1c1 !important; box-shadow: none !important; font-size: 16px; line-height: 36px; color: #ffffff; font-family: "Roboto", sans-serif; font-weight: 700; border: 0; margin: 0 !important; border-radius: 5px; height: 45px; border-right: 1px solid #6d91af !important; text-transform: capitalize; }
.custRadioCont2 .btn:last-child { border-right: 0; }
.custRadioCont2 .btn.active { background: #6d91af !important; box-shadow: none !important; border: 0 !important; }
.btn-style-radio .small-title { color: #333333; font-size: 18px; font-weight: 300; margin: 0; padding: 0 0 15px; }
.custRadioCont2 .btn.referral_disabled { background: rgba(131, 135, 138, 0.7) !important; cursor: not-allowed; }

/* matarial switcher css */
.status-switcher { width: auto; margin: -100px 0 0; padding: 15px 0; display: inline-block; }
.status-switcher .material-switch { width: auto; display: inline-block; padding: 0; margin: 0; }
.status-switcher .material-switch label { background: #009688; }
.status-switcher .label { font-size: 18px; color: #606060; font-weight: normal; padding: 0 10px; }
.material-switch > input[type="checkbox"] { display: none; }
.material-switch > label { cursor: pointer; height: 0px; position: relative; width: 40px; }
.material-switch > label::before { background: rgb(0, 0, 0); box-shadow: inset 0px 0px 10px rgba(0, 0, 0, 0.5); border-radius: 8px; content: ''; height: 16px; margin-top: -8px; position: absolute; opacity: 0.3; transition: all 0.4s ease-in-out; width: 40px; }
.material-switch > label::after { background: rgb(255, 255, 255); border-radius: 16px; box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.3); content: ''; height: 24px; left: -4px; margin-top: -8px; position: absolute; top: -4px; transition: all 0.3s ease-in-out; width: 24px; }
.material-switch > input[type="checkbox"]:checked + label::before { background: inherit; opacity: 0.5; }
.material-switch > input[type="checkbox"]:checked + label::after { background: inherit; left: 20px; }

/* global dropzone css */
form.dropzone { float: left; width: 100%; margin: 0; padding: 0; }
form.dropzone .dz-message { float: left; width: 100%; }
.dropzone.dz-started .dz-message { display: block !important; }
.dz-iframe iframe { overflow: hidden; }
.dz-container { width: 100%; float: left; border-radius: 5px; border: 3px dashed #e2e2e2; box-shadow: none; text-align: center; margin-bottom: 0; }
.dz-container h3 { font-size: 24px; color: #b9b9b9; font-weight: normal; text-align: center; margin: 0 0 15px; padding: 0; }
form.dropzone .btn { background-color: #30ad9a !important; border-color: #30ad9a !important; }
form.dropzone button { text-transform: inherit; }
.card-head .backBtn { background: #ffffff; border-radius: 5px; font-size: 16px; font-weight: 500; color: #1b5586; text-transform: capitalize; border: 0; box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.3); margin: 8px 8px 8px 0; }
.card-head .backBtn:hover { background: #1b5586; color: #fff; }
.backtotopBtn { position: fixed; bottom: 70px; right: 20px; z-index: 9999999; width: 50px; height: 50px; text-align: center; line-height: 42px; font-size: 24px; background: rgba(27, 85, 134, 1) !important; color: #ffffff !important; cursor: pointer; border: 0; border-radius: 2px; text-decoration: none; transition: opacity 0.2s ease-out; opacity: 1; border-radius: 50%;  display: none;}
.backtotopBtn:hover { background: rgba(27, 85, 134, 0.8) !important; color: #ffffff; }
.backtotopBtn.show { opacity: 1; display: block; }
.fixaddContBtn { position: fixed; bottom: 125px; right: 22px; z-index: 9999999; width: 50px !important; height: 50px !important; text-align: center; line-height: 34px; font-size: 16px; background: rgba(27, 85, 134, 1) !important; color: #ffffff !important; cursor: pointer; border: 0; border-radius: 2px; text-decoration: none; transition: opacity 0.2s ease-out; opacity: 1; border-radius: 50%; display: none; }
.fixaddContBtn:hover { background: rgba(27, 85, 134, 0.5) !important; color: #ffffff; }
.fixaddContBtn.show { opacity: 1; display: block; }
.ui-multiselect-menu { min-width: 250px; max-width: 100% !important; z-index: 99 !important; padding: 0 !important; border: 0 !important; -moz-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.33); -webkit-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.33); box-shadow: 0 2px 4px rgba(0, 0, 0, 0.33); border-radius: 5px; }
.ui-multiselect-menu .ui-state-active span { color: #ffffff; }
.ui-multiselect-checkboxes li { border-bottom: 0 !important; }
.ui-multiselect-menu ul li label { margin-bottom: 0; }

/* custome multiselect css */
.custmultibox select { display: none; }
.multiselect-container { width: -moz-calc(100% - 30px); width: -webkit-calc(100% - 30px); width: -o-calc(100% - 30px); width: calc(100% - 30px); min-width: 250px; margin: 0 15px !important; border-radius: 5px; box-shadow: 0 1px 5px 0px rgba(0, 0, 0, 0.40) !important; top: 50px; z-index: 5; }
.multiselect-container .serachicon { position: relative; width: 100%; margin: 0 !important; }
.multiselect-container .serachicon input[type="text"] { border-radius: 0; padding-top: 15px; padding-bottom: 15px; height: auto; }
.multiselect-container .serachicon .input-group-addon { left: 10px; position: absolute; top: 10px; z-index: 999; font-size: 22px; color: #1b5586; }
.mutiselectBtn .caret { display: none; }
.custmultibox { font-family: 'Roboto', sans-serif; font-weight: 300; }
.custmultibox .serachicon { position: relative; }
.custmultibox .serachicon .input-group-addon { background: rgba(0, 0, 0, 0) none repeat scroll 0 0; border: medium none; left: 10px; position: absolute; top: 10px; z-index: 9999; }
.custmultibox .serachicon .multiselect-search { padding-left: 40px; }
.custmultibox select { display: none; }
.custmultibox .btn-group { width: 100%; }
.custmultibox ul li .serachicon { border-bottom: #ccc solid 1px; }
.custmultibox ul li .input-group { width: 100%; padding: 0 2% }
.custmultibox ul li a { padding: 0 0px 0 15px; color: #606060; font-size: 15px; font-family: 'Roboto', sans-serif; font-weight: 300; }
.custmultibox ul li a label { color: #606060; font-size: 15px; font-family: 'Roboto', sans-serif; font-weight: 300; }
.custmultibox .form-control { border: none; -moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none; }
.custmultibox .radio input[type="radio"],
.custmultibox .radio-inline input[type="radio"],
.custmultibox .checkbox input[type="checkbox"],
.custmultibox .checkbox-inline input[type="checkbox"] { margin-left: -32px; }
.custmultibox .dropdown-menu > .active > a,
.custmultibox .dropdown-menu > .active > a:hover,
.custmultibox .dropdown-menu > .active > a:focus { background: #f0eeee; color: #606060; }
.custmultibox .dropdown-menu > li > a:hover,
.custmultibox .dropdown-menu > li > a:focus { color: #262626; }
.custmultibox .radio,
.checkbox { padding: 0px 0 5px; margin: 0px; }
.custmultibox .checkbox-styled:not(ie8) input ~ span::before { top: 6px; }
.custmultibox .checkbox-styled:not(ie8) input ~ span::before { width: 16px; height: 16px; border-width: 1px; border-radius: 3px; }
.custmultibox .checkbox-styled:not(ie8) input:checked ~ span::before { height: 10px; border-radius: 0; }

/* range slider css */
.rang-slide-field .slider { width: 100% !important; }
.rang-slide-field .slider.slider-horizontal .slider-track { height: 3px; background-image: none; background-color: #949494; -moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none; border-radius: 5px; margin-top: -6px; z-index: 1; }
.rang-slide-field .slider.slider-horizontal .slider-track .tick-slider-selection { background-color: rgb(254, 175, 51); background-image: none; }
.rang-slide-field .slider-handle { background-color: rgb(254, 175, 51); background-image: none; width: 20px; transition: width 0.2s ease-in-out 0s, height 0.2s ease-in-out 0s, top 0.2s ease-in-out 0s, margin 0.2s ease-in-out 0s, box-shadow 0.2s ease-in-out 0s; z-index: 3; height: 20px; top: -5px; }
.rang-slide-field .slider-handle:focus,
.rang-slide-field .slider-handle:hover { -moz-box-shadow: 0 0 0 18px rgba(254, 175, 51, 0.4); -webkit-box-shadow: 0 0 0 18px rgba(254, 175, 51, 0.4); box-shadow: 0 0 0 18px rgba(254, 175, 51, 0.4); }
.rang-slide-field .slider-tick { height: 8px; top: 1.2px; width: 8px; z-index: 2; background: #949494; border-radius: 50%; display: inline-block; margin-left: -7px !important; }
.rang-slide-field .slider-tick.in-selection { background-color: rgb(254, 175, 51); background-image: none; }

/*------------------------- gloable css end ----------------------*/

/* dashoard header css  ===============================

==========================================================*/
#header { height: 80px; z-index: 99999; }
.headerbar { min-height: 80px; }
#content { padding-top: 80px; float: none; width: 1280px; max-width: 100%; margin: auto; height: 100vh; }
#menubar { top: 80px; z-index: 9999 !important; }
body.dashboard { background: #e5e5e5; }
.header-nav { margin: 0 12px 0 0; }
.header-nav .header-nav-brand { height: auto; padding: 3px 10px 3px 0 !important; }
.header-nav .header-nav-brand .brand-holder { display: inline-block; }
.header-nav .header-nav-brand img { max-height: 31px; }
.header-nav > li { padding: 0 12px; }
.headerbar-left .header-nav { margin-left: 15px; float: left; }
.headerbar-left .header-nav-options { padding: 23px 0 20px; }
.headerbar-left .header-nav-options li { padding: 0 10px; }
.headerbar-left .header-nav-options li:first-child { padding-left: 0; }
.headerbar-left .header-nav .menubar-toggle { position: relative; }
.headerbar-left .header-nav .btn { color: #494949; font-size: 18px; font-weight: 600; line-height: 33px; height: 35px; border: 0; }
.headerbar-left .header-nav .btn.menubar-toggle { background-color: transparent; background-image: url(../images/menubar-toggle.png); background-position: left top; background-repeat: no-repeat; display: inline-block; height: 14px; padding: 0; position: relative; top: 10px; width: 18px; }
.headerbar-left .header-nav .addpersonBtn { font-family: 'Roboto', sans-serif; font-size: 26px; color: #616060; line-height: 20px; text-transform: none; font-weight: normal; -moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none; line-height: 20px; padding: 4.5px 0px; display: inline-block; }
.headerbar-right .header-nav .btn { color: #a5a9b3; font-size: 18px; border: 0; }
.headerbar-right .header-nav .btn .fa,
.headerbar-right .header-nav .btn .md { line-height: 46px; }
.headerbar-right .header-nav .btn:hover { -moz-box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.33); -webkit-box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.33); box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.33); color: #81858f; }
.headerbar-right .header-nav-options { padding: 17px 0; margin-right: 0; }
.headerbar-right .header-nav-options>li:last-child { padding-right: 25px; border-right: 1px solid #ccd0d1; }
.header-nav-options .dropdown > a .badge { font-family: 'Cabin', sans-serif; font-weight: 600; height: 20px; padding: 5px 4px; width: 20px; color: #ffffff; }
.header-nav-profile { padding: 10px 0; }
.header-nav-profile .dropdown > a { min-width: 88px; min-height: auto; background: none; border: 0; }
.header-nav-profile .dropdown > a:hover { background: none; }
.header-nav-profile .dropdown .dropdown-menu { width: 200px; }
.header-nav-profile .dropdown.open > a { margin-top: 0; padding: 12px; -moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none; border: 0; background: no-repeat; }
.header-nav-profile .dropdown > a::after,
.header-nav-profile .dropdown.open > a::after { top: 18px; }
.header-nav .open > a,
.header-nav .open > a:hover,
.header-nav .open > a:focus { border-color: #1b5586; background: none; }
.header-nav-profile > li > a:focus { background: none; }
.navbar-search.expanded { background-color: #ffffff; border-radius: 5px; /*-moz-box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.4); -webkit-box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.4); box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.4);*/ }
.navbar-search.expanded .btn { background: none; -moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none; }
.header-nav-profile .default-usr-pro-block { background: #ffffff; display: inline-block; height: 44px; position: relative; text-align: center; width: 44px; border-radius: 50%; -moz-box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.4); -webkit-box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.4); box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.4); }
.header-nav-profile .default-usr-pro-block .fname-letter { font-family: "Lobster1.4"; font-weight: normal; color: #1b5586; display: inline-block; font-size: 24px; left: 0; margin: auto; position: absolute; right: 0; text-transform: uppercase; top: 50%; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); o-transform: translateY(-50%); transform: translateY(-50%); }

/* HEADER APP MODUAL CSS */
.headerbar-right .header-nav-options .app-nav-modual { width: auto; display: inline-block; margin: 0; }
.headerbar-right .header-nav-options .app-nav-modual .dropdown-toggle { position: relative; }
.headerbar-right .header-nav-options .app-nav-modual.open .dropdown-toggle::before { content: ""; background: url(../images/tringle_icon.png) left top no-repeat; width: 20px; height: 20px; position: absolute; left: 50%; top: 31px; -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); o-transform: translateX(-50%); transform: translateX(-50%); }
.headerbar-right .header-nav-options .app-nav-modual .dropdown-menu { width: 300px; }
.headerbar-right .header-nav-options li .dropdown-menu { margin: 3px 0 0; padding: 0; top: 100%; }
.headerbar-right .header-nav-options .open a { color: #ababab !important; }
.headerbar-right .header-nav-options .app-nav-modual .dropdown-menu .app-field { width: 33.33%; display: inline-block; margin: 0; padding: 15px 10px; float: left; }
.headerbar-right .header-nav-options .app-nav-modual .dropdown-menu .app-field a { padding: 0; background: no-repeat; text-align: center; }
.headerbar-right .header-nav-options .app-nav-modual .dropdown-menu .app-field:nth-child(2) i { position: relative; top: 5px; }
.headerbar-right .header-nav-options .app-nav-modual .dropdown-menu .app-field a:hover { background: none; }
.headerbar-right .header-nav-options .app-nav-modual .dropdown-menu .app-field .icon-box { width: 50px; height: 50px; display: inline-block; border-radius: 50%; text-align: center; font-size: 24px; line-height: 40px; color: #ffffff; }
.headerbar-right .header-nav-options .app-nav-modual .dropdown-menu .app-field .label { width: 100%; display: inline-block; margin: 0; padding: 10px 0 0; text-align: center; font-size: 14px; color: #313534; float: left; }
.headerbar-right .header-nav-options .app-nav-modual .dropdown-menu .divider { width: 100%; float: left; }
.headerbar-right .header-nav-options .app-nav-modual .dropdown-menu .app-footer { width: 100%; float: left; margin: 0; padding: 0 10px 10px; text-align: center; }
.headerbar-right .header-nav-options .app-nav-modual .dropdown-menu .app-footer .viewMoreBtn { text-align: center; font-size: 14px; color: #313534; margin: 0; padding: 0; background: none; border: 0; }

/* dashboard left menu sidebar css  ===============================

==========================================================*/
.menubar-inverse .gui-controls a.expanded .gui-icon,
.menubar-inverse .gui-controls li.active .gui-icon,
.menubar-inverse .gui-controls li.active .gui-icon:hover { color: #1b5586; }
.header-nav-profile .dropdown > a,
.header-nav-profile .dropdown.open > a { padding: 7px 12px 0; }
.header-nav .small_profile_image,
.header-nav-profile img { width: 46px !important; height: 46px !important; }

/* login page css  ===============================

==========================================================*/
.loginFormCont { margin: 0px auto; padding: 30px 0px; width: 500px; }
.loginFormCont .brand-logo { width: 400px; margin: 0 auto 20px; padding: 0; text-align: center; }
.loginFormCont .brand-logo img { max-width: 100%; height: auto; }
.loginFormCont .main-title { width: 100%; float: left; text-align: center; margin: 0; padding: 0; }
.loginFormCont .main-title h1 { font-size: 30px; text-align: center; margin: 0; padding: 0 0 0px; line-height: 50px; color: #4a4a4a; }
.loginFormCont .usrDet-block { width: 100%; float: left; text-align: center; margin: 0 0 0px; padding: 0px 0 0; }
.loginFormCont .usrDet-block .usravt { width: 80px; height: 80px; display: inline-block; margin: 0 auto 20px; }
.loginFormCont .usrDet-block .usravt img { max-width: 100%; height: auto; border-radius: 50%; width: 100%; height: 100%; }
.loginFormCont .usrDet-block p { margin: 0; padding: 0; line-height: normal; }
.loginFormCont .usrDet-block .usr_name { display: inline-block; font-size: 16px; color: #4a4a4a; margin: 0; padding: 15px 0 10px; font-weight: 600; }
.loginFormCont .usrDet-block label { color: #999999; font-size: 16px; font-weight: 600; width: 100%; display: inline-block; text-align: center; }
.loginFormCont .form { width: 100%; float: left; margin: 0; padding: 0; }
.loginFormCont .form .form-group { float: left; width: 100%; margin: 0px 0 0; padding-top: 15px; }
.loginFormCont .form .form-group a { font-size: 16px; color: rgba(105, 137, 255, 1); text-decoration: none; }
.loginFormCont .form .form-group a:hover { color: rgba(105, 137, 255, 0.8); }
.loginFormCont .form .form-group .checkbox span:before,
.loginFormCont .form .form-group .checkbox span:after { top: 0px; }
.loginFormCont .form .form-group .checkbox span { color: rgba(3, 3, 3, 0.7); font-size: 16px; line-height: normal; }
.loginFormCont .form .form-group .btn { background: #1b5586; border-color: #1b5586; color: #fdfffe; font-size: 16px; text-align: center; height: 40px; width: 100%; text-transform: inherit; line-height: normal; }
.loginFormCont .form .form-group .btn:hover { background: #1b5586; border-color: #1b5586; }
.form-group.form-group-ico .input-group .form-control { padding-left: 35px; }
.form-group.form-group-ico .input-group select.form-control { padding-left: 0px; }
.loginFormCont .form .reg-link-box { color: rgba(3, 3, 3, 0.7); font-size: 16px; text-align: center; }
.loginFormCont .form .or-sep { width: 100%; float: left; margin: 0; padding: 20px 0; position: relative; }
.loginFormCont .form .or-sep hr { margin: 0; background: #a9b0b7; }
.loginFormCont .form .or-sep span { position: absolute; left: 0; right: 0; margin: auto; width: auto; display: inline-block; background: #ffffff; top: 7px; width: 40px; text-align: center; }
.loginFormCont .form .social-login-cont { width: 100%; float: left; margin: 0; padding: 0; }
.loginFormCont .form .social-link-Btn { width: 48%; padding: 8px 25px; text-align: center; color: #ffffff; font-size: 16px; font-family: 'Roboto', sans-serif; text-decoration: none; display: inline-block; float: left; border: 0; }
.loginFormCont .form .fbBtn { background: rgba(59, 89, 151, 1); }
.loginFormCont .form .fbBtn:hover { background: rgba(59, 89, 151, 0.8); }
.loginFormCont .form .inBtn { background: rgba(0, 119, 181, 1); }
.loginFormCont .form .inBtn:hover { background: rgba(0, 119, 181, 0.8); }

/* register / sign up page css  ===============================

==========================================================*/
.regFormCont { width: 100%; }
.regFormCont .main-title h1 { padding-bottom: 0; }
.regFormCont .mapboxCont { width: 100%; float: left; padding: 15px 0 0; margin: 0; }
.regFormCont .form-group { width: 100% !important; }
.regFormCont .paddr25 { padding-right: 25px; }
.regFormCont .paddl25 { padding-left: 25px; }
.regFormCont .btn-block { width: 250px !important; }

/*  add-contact page css  ===============================

==========================================================*/
.addCont-section { float: left; position: relative; width: 100%; min-height: 100%; }
.addCont-section:after { display: table; width: 100%; clear: both; }
.addCont-section .add-person-cardCont { float: left; margin: 0; padding: 0; width: 100%; }

/* Default form Style css */
.form-control[disabled],
.form-control[readonly],
fieldset[disabled] .form-control { border-bottom-width: 1px !important; border-bottom-style: dashed !important; }
.default-form-style .left-block { padding-right: 25px; }
.default-form-style .right-block { padding-left: 25px; }
.default-form-style .main-field-cont { width: 100%; float: left; margin: 0; padding: 0px; }
.default-form-style .main-field-cont .box-field-group-cont { width: 100%; float: left; margin: 0 0 15px; }
.default-form-style .main-field-cont .box-field-group-cont .addmore-info-cont { width: 100%; float: left; margin: 0; padding: 0; }
.default-form-style .main-field-cont .box-field-group-cont .addmore-info-cont .add-more-btn-group { width: 100%; float: left; margin: 15px 0; padding: 0px 20px; }
.default-form-style .main-field-cont .box-field-group-cont .addmore-info-cont .toggleInfoBtn { background: url(../images/toggleInfoBtn_down.png) left top no-repeat; width: 40px; height: 40px; display: inline-block; border-radius: 50%; border: 0; -moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none; }
.default-form-style .main-field-cont .box-field-group-cont .addmore-info-cont .toggleInfoBtn.active { background: url(../images/toggleInfoBtn_up.png) left top no-repeat; width: 40px; height: 40px; display: inline-block; border-radius: 50%; border: 0; -moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none; }

/*.default-form-style .main-field-cont .box-field-group-cont .addmore-info-cont .toggleInfoBtn { border-radius: 50%; font-size: 19px; height: 40px; line-height: normal; padding: 0; text-align: center; width: 40px; }*/

/*.default-form-style .main-field-cont .box-field-group-cont .addmore-info-cont .toggleInfoBtn i { position: relative; top: 2px; margin: 0; }
.default-form-style .main-field-cont .box-field-group-cont .addmore-info-cont .toggleInfoBtn.active .md-keyboard-arrow-down { display: none; }
.default-form-style .main-field-cont .box-field-group-cont .addmore-info-cont .toggleInfoBtn .md-keyboard-arrow-down { display: block; }
.default-form-style .main-field-cont .box-field-group-cont .addmore-info-cont .toggleInfoBtn .md-keyboard-arrow-up { display: none; }
.default-form-style .main-field-cont .box-field-group-cont .addmore-info-cont .toggleInfoBtn.active .md-keyboard-arrow-up { display: block; }*/
.default-form-style .main-field-cont .box-field-group-cont .addmore-info-cont .toggleinfo { display: none; }
.default-form-style .main-field-cont .box-field-group-cont .single-box-field { width: 100%; float: left; margin: 0; padding: 0px 15px; }
.default-form-style .main-field-cont .add-more-box-cont { padding: 0px 0px 20px; }
.default-form-style .main-field-cont .add-more-box-cont .btn { white-space: pre-wrap !important; }
.default-form-style .main-field-cont .btn-primary { background: #1b5586; border-color: #1b5586; color: #ffffff; -moz-box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.4); -webkit-box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.4); box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.4); font-family: 'Roboto', sans-serif; font-size: 16px; font-weight: normal; border-radius: 5px; }
.default-form-style .main-field-cont .box_add_more_btn { margin-right: 10px; margin-left: 0px; background: #1b5586; border-color: #1b5586; padding: 5px 10px; max-width: 100%; white-space: pre-wrap; word-wrap: break-word; font-size: 18px; font-weight: 500; text-transform: capitalize; }
.default-form-style .main-field-cont .box-field-group-cont .btn-primary i { font-style: normal; }
.default-form-style .main-field-cont .box-field-group-cont .btn-default { background: #fafafa; border-color: #fafafa; color: #616161; -moz-box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.4); -webkit-box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.4); box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.4); font-family: 'Roboto', sans-serif; font-weight: 600; }
.default-form-style .bootstrap-tagsinput { padding: 0; }
.default-form-style .custSelect select { -webkit-appearance: none; -moz-appearance: none; appearance: none; position: relative; padding: 5px; padding-right: 25px; text-overflow: ellipsis; }
.default-form-style .custSelect::after { font-family: 'FontAwesome'; content: "\f0d7"; position: absolute; right: 12px; bottom: 8px; font-size: 14px; color: #616161; }
.default-form-style .tagselect .bootstrap-tagsinput { background: #ffffff; -moz-box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.4); -webkit-box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.4); box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.4); margin-top: 25px; float: left; padding: 10px 0 4px; }
.default-form-style .tagselect .tagstatus { width: auto; margin: 0; padding: 5px; float: left; }
.default-form-style .tagselect .bootstrap-tagsinput .tag { margin: 4px 10px; padding: 5px; background: #ffffff; -moz-box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.4); -webkit-box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.4); box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.4); font-family: 'Roboto', sans-serif; color: #525252; font-size: 14px; font-weight: 600; float: left; }
.default-form-style .tagselect .bootstrap-tagsinput input[type="text"] { margin-left: 5px; height: 34px; }
.default-form-style .date-field-group .date-field { width: 100%; float: left; margin: 0; padding: 0; }
.default-form-style .date-field-group .date-field .help-block { right: 25px; }
.default-form-style .date-field-group .date-field .form-control { margin-top: 0px; padding-right: 25px; text-overflow: ellipsis; }
.default-form-style .date-field-group .date-field .form-control:last-child { margin-right: 0; width: -moz-calc(100%-60%+15+15); width: -webkit-calc(100%-60%+15+15); width: -o-calc(100%-60%+15+15); width: calc(100%-60%+15+15); }
.default-form-style .date-field-group .date-field .input-group-addon { padding-top: 0; }
.default-form-style .form-group label { font-family: 'Roboto', sans-serif; font-size: 14px; color: #333333 !important; font-weight: 600; margin: 0; padding: 0; opacity: 1; }
.default-form-style .form-control { font-family: 'Roboto', sans-serif; font-size: 16px; color: #333333; font-weight: 300; }
.default-form-style .form-control::-webkit-input-placeholder { color: #999999; }
.default-form-style .form-control:-moz-placeholder { color: #999999; }
.default-form-style .form-control::-moz-placeholder { color: #999999; }
.default-form-style .form-control:-ms-input-placeholder { color: #999999; }
.default-form-style .nocustAddress .form-field-element,
.default-form-style .nocustAddress .custAdd { clear: both; }
.default-form-style .form-field-block .form-field-element.nocustAddress .regularAdd { display: block; }
.default-form-style .form-field-block .form-field-element.nocustAddress .regularAdd input[type="text"] { pointer-events: auto; padding-right: 25px; }
.default-form-style .form-field-block .form-field-element .custAdd { display: block; }
.default-form-style .form-field-block .input-group.nocustAddress .input-group-content { pointer-events: none; opacity: 0.5; }
.default-form-style .form-field-block .form-field-group .custAdd { width: 100%; float: left; margin: 0; padding: 0; }
.default-form-style .form-field-block .form-field-group .checkcustAdd { width: auto; float: left; margin: 0 0 0 -30px; padding: 0; position: relative; top: 7px; }
.default-form-style .form-field-block .tagstatus { width: 100%; float: left; margin: 0; padding: 5px 0; font-size: 14px; color: #494949; }
.default-form-style .form-field-block .tagstatus strong { font-weight: bold; }
.default-form-style .form-field-block .radio-group { float: left; margin: 0; padding: 20px 0; width: 100%; }
.default-form-style .form-field-block .radio-group label { margin-right: 15px; }
.default-form-style .form-field-block .input-group-btn { z-index: 2; padding-top: 10px; }
.default-form-style .form-field-block .input-group-btn.width15.reshidden { height: 0; }
.default-form-style .form-field-block .input-group-btn.width15 { width: 150px; }
.default-form-style .form-field-block .input-group-btn.width18 { width: 180px; }
.default-form-style .form-field-block .input-group-btn.width10 { width: 100px; }
.default-form-style .form-field-block .input-group-btn.width4 { width: 40px; }
.default-form-style .custAdd .input-group-btn.width15 { width: 100px; }
.default-form-style .form-field-block .input-group-btn .custSelect { width: 100px; -moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none; background: none; color: #333333; border: 0; }
.default-form-style .form-field-block .input-group-btn .custSelect .form-control { border-bottom: 0; }
.default-form-style .form-field-block .input-group-btn .add-remove-btn-block { width: 40px; height: auto; display: inline-block; }
.default-form-style .form-field-block .input-group-btn .add-remove-btn-block button { width: 35px; height: 35px; -moz-box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.4); -webkit-box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.4); box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.4); border-radius: 50%; font-size: 20px; color: #ffffff; text-align: center; line-height: normal; }
.default-form-style .form-field-block .input-group-btn .add-remove-btn-block i,
.default-form-style .form-field-block .input-group-btn .add-remove-btn-block .add_more_btn .md { font-style: normal; margin-top: 0; margin-bottom: 0; }
.default-form-style .form-field-block .input-group-btn .custSelect.stylishSel .selectric { background: transparent; -moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none; }
.custSelect.stylishSel .selectric .label { padding: 0 5px; margin: 0 5px; font-size: 16px; color: #333333; }
.custSelect.stylishSel .selectric .button { }
.custSelect.stylishSel .selectric .button:after { border: 0; }
.custSelect.stylishSel .selectric-open .selectric-items { width: 92% !important; }
.default-form-style .single-box-field .radio-box-cont { width: 100%; float: left; }
.default-form-style .add-button-boxCont { width: 100%; float: left; margin: 0; padding: 15px 15px 25px; }
.default-form-style .box-field-group-cont .box_remove_btn { display: none; color: #7f797b; }
.default-form-style .box-field-group-cont.cloned .box_remove_btn { display: inline-block !important; font-size: 20px; color: #7f797b; background: none; border: 0; -moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none; padding: 5px 10px; }
.default-form-style .form-field-block .add_more_btn { display: block; background: #ffffff !important; color: #8c8c8c !important; }
.default-form-style .form-field-block .remove_btn { display: none; }
.default-form-style .form-field-block.cloned .add_more_btn { display: none; }
.default-form-style .form-field-block.cloned .remove_btn { display: block; background: #ffffff !important; color: #8c8c8c !important; font-size: 14px !important; line-height: 37px !important; }
.grid33 { width: 33.33%; display: inline-block; }
.grid50 { width: 50%; display: inline-block; }
.grid100 { width: 100%; display: inline-block; }
.default-form-style .form-field-block.grid33 { width: 33.33%; }
.default-form-style .form-field-block.grid50 { width: 50%; }
.default-form-style .form-field-block.grid100 { width: 100%; }
.default-form-style .form-field-block .title-label { font-weight: 300; font-size: 18px; color: #333333; margin: 0; padding: 0 0 15px 30px; line-height: 24px; min-height: 40px; }
.default-form-style .form-field-block .title-label span { color: #1a5486; position: relative; top: -3px; display: inline-block; width: 25px; height: 20px; margin: 0 5px 0 -30px; }
.default-form-style .form-field-block .title-label .hand-shake-icon { display: inline-block; margin: 0; padding: 0; background: url(../images/handshake_icon.png) left top no-repeat; width: 25px; height: 18px; position: relative; top: 5px; margin: -5px 5px 0 -30px; }

/*bug*/
.help-block { font-weight: 500; bottom: -25px; }

/*bug*/
.blockPage { width: 150px !important; text-align: center; }

/* Contacts Card page css  ===============================

==========================================================*/
.mainContact_list_section { }
.mainContact_list_section .contact-list-section { float: left; width: 100%; margin: 0; padding: 0; }
.mainContact_list_section .cont-actbtn-section { width: 100%; float: left; margin: 0px; }
.mainContact_list_section .cont-actbtn-section .innleft { position: relative; top: 6px; }
.mainContact_list_section .card-head .cont-actbtn-section { padding: 9px 15px 5px; }
.mainContact_list_section .cont-actbtn-section.second { padding: 10px 0 0; }
.mainContact_list_section .cont-actbtn-section.second .stylishSel { margin-top: 0; margin-bottom: 0; }
.tools .btn-group-block a,
.tools .btn-group-block img { display: inline-block !important; }
.mainContact_list_section .card-head { line-height: normal; -moz-box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.4); -webkit-box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.4); box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.4); }
.mainContact_list_section .card-head .tools { padding: 5px 10px 5px 0; }
.mainContact_list_section .card-head .tools .btn { font-size: 17px; }
.mainContact_list_section .cont-actbtn-section .linkBtn { background: #1B5586; color: #ffffff; text-transform: inherit; padding: 7px 15px; display: inline-block; vertical-align: bottom; margin: 0 10px; border-color: #1B5586; -moz-box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.4); -webkit-box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.4); box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.4); }
.mainContact_list_section .cont-actbtn-section .btn { margin-left: 10px; margin-right: 10px; vertical-align: baseline; -moz-box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.4); -webkit-box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.4); box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.4); }
.mainContact_list_section .cont-actbtn-section .btn { margin: 0 10px; vertical-align: top; }
.mainContact_list_section .card-head .tools .md-favorite { display: block; color: #fd3864; }
.mainContact_list_section .card-head .tools .md-favorite.outline { display: none; margin: 0; color: #7e787a; }
.mainContact_list_section .card-head .tools .favtoggle .md-favorite { display: none; }
.mainContact_list_section .card-head .tools .favtoggle .md-favorite.outline { display: block; }
.mainContact_list_section .cont-actbtn-section .srchbtn { background: none; color: #ffffff; margin: 0; }
.mainContact_list_section .cont-actbtn-section .addContBtn { background-color: none; -moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none; margin: 0; background: url(../images/pluse_btn.png) center center no-repeat; width: 38px; height: 38px; display: inline-block; }
.mainContact_list_section .cont-actbtn-section .contact_srch_block { width: auto; display: inline-block; margin: 0; vertical-align: bottom; }
.contact_srch_block .navbar-search.expanded input { height: 38px; }
.mainContact_list_section .cont-actbtn-section .contact_srch_block .input-group-btn { width: auto; }
.btn-primary.btn-style { background: #1b5586; border-color: #1b5586; -moz-box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.4); -webkit-box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.4); box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.4); color: #fff; vertical-align: top; }
.btn-primary.btn-style:hover { background: #1b5586; border-color: #1b5586; -moz-box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.4); -webkit-box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.4); box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.4); color: #ffffff; }
.cont-actbtn-section .checkbox { width: auto; display: inline-block; margin: 0px 0 0 3px; left: 2px; top: 2px; }
.cont-actbtn-section .actselect { margin: 0 10px; position: relative; }
.ui-multiselect span { color: #0c0c0c; font-size: 16px; }
.cont-actbtn-section .count_contact { font-size: 16px; color: #1b5587; margin-bottom: 0; position: relative; top: 4px; }
.cont-actbtn-section .actselectlist { padding-top: 0 !important; }
.cont-actbtn-section .actselectlist { position: relative; margin-bottom: 0; }
.cont-actbtn-section .actselectlist .mutiselectBtn { padding: 2px 35px 2px 10px; height: 38px; }
.cont-actbtn-section .actselectlist .mutiselectBtn::after { color: rgb(51, 51, 51); content: ""; font-family: "Material Design Iconic Font"; font-size: 20px; position: absolute; right: 10px; top: 3px; }
.cont-actbtn-section .actselectlist.ishide { display: none; }
.cont-actbtn-section .actselectlist select { min-width: 150px; }
.cont-actbtn-section .actselectlist .multiselect-container { margin: 0 !important; }
.cont-actbtn-section .form-group { width: auto; display: inline-block; padding-top: 16px; }
.cont-actbtn-section .sortby { margin: 0px; position: relative; min-width: 199px; max-width: 300px; }
.cont-actbtn-section .sortby .selectric { background: #ffffff; -moz-box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.4); -webkit-box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.4); box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.4); }
.cont-actbtn-section .sortby .stylishSel .selectric .label { font-size: 14px; color: #1b5586; text-transform: uppercase; font-weight: bold; text-overflow: ellipsis; }
.cont-actbtn-section .sortby .stylishSel .selectric-items { background: #ffffff; right: 0 !important; left: inherit; }
.cont-actbtn-section .sortby .stylishSel .selectric .button::after { border: 0; font-family: 'Material Design Iconic Font'; content: "\f0e5"; color: #1b5586; font-size: 20px; right: 20px; }
.contact_srch_field { display: table-cell; margin-bottom: 0; max-width: 100%; overflow: hidden; transition: max-width 0.25s ease-in-out 0s; vertical-align: top; border-radius: 5px; }
.cont-actbtn-section .sortby .selectric-open .selectric { -moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none !important; border-radius: 0 !important; width: 98%; }
.cont-actbtn-section .sortby .selectric-open .selectric-items { width: 102% !important; margin-top: -40px; padding-top: 40px; border-radius: 4px; border: 0; overflow: hidden; }
.cont-actbtn-section .sortby .selectric-above .selectric-items { width: 102% !important; margin-top: 0px; margin-bottom: -40px; padding-top: 0px; padding-bottom: 40px; border-radius: 4px; border: 0; overflow: hidden; }
.cont-actbtn-section .bulkactlist-toggler .btn { background: none !important; border: 0 none; -moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none; color: #1b5586; font-size: 20px; padding: 0; margin: 0 -15px 0 0; width: 40px; text-align: center; }
.cont-actbtn-section .bulkactlist-toggler .dropdown-menu { padding: 0; top: 0; }
.cont-actbtn-section .bulkactlist-toggler .dropdown-menu li { color: #606060; font-size: 15px; line-height: 20px; margin: 0; padding: 8px 15px; text-align: left; }
.cont-actbtn-section .bulkactlist-toggler .dropdown-menu li:hover { background: #f0eeee; }
.navbar-search input { padding: 0; }
.navbar-search.expanded input { padding: 0 10px; }
.navbar-search.expanded .btn:hover { -moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none; }
.mainContact_list_section .cont-actbtn-section .contact_srch_block .srchbtn { margin-right: 0; -moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none; background: url(../images/search_icon.png) center center no-repeat; width: 38px; height: 38px; display: inline-block; }
.mainContact_list_section .cont-actbtn-section .contact_srch_block .navbar-search.expanded .srchbtn { margin-right: 0; -moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none; background: url(../images/search_icon_expanded.png) center center no-repeat; width: 38px; height: 38px; display: inline-block; }
.mainContact_list_section .cont-actbtn-section .contact_srch_block .navbar-search.expanded .srchbtn { margin-right: 0; -moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none; color: #1b5586; }
.contactElm { background: #ffffff; position: relative; overflow: hidden; transform: scale(1); margin: 0; border-radius: 5px; -moz-box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.4); -webkit-box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.4); box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.4); }
.contactElm .card-head { min-height: auto; -moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none; }
.contactElm .card-head .tools { padding-bottom: 0; }
.contactElm .card-head .unarchiveBtn { background: #e5e6e6; border-color: #e5e6e6; }
.contactElm .card-body { padding-left: 15px; padding-right: 15px; }
.contactElm .tagList span { background: #ffffff; border: thin solid #edebeb; -moz-box-shadow: 0px 3px 4px 2px rgba(0, 0, 0, 0.1); -webkit-box-shadow: 0px 3px 4px 2px rgba(0, 0, 0, 0.1); box-shadow: 0px 3px 4px 2px rgba(0, 0, 0, 0.1); margin: 5px 5px 5px 0; display: inline-block; text-transform: uppercase; padding: 5px 10px; }
.contactElm.fadeInBlock { opacity: 0; }
.contactElm .unarchiveBtn.ishide { display: none; }
.contactElm .unarchiveBtn:hover { background: #1b5586; border-color: #1b5586; color: #ffffff; }
.contactElm .card-body { padding-top: 0; padding-bottom: 0; }
.contactElm .checkcontact { position: absolute; left: 0px; top: 5px; padding: 0 5px; margin: 0; line-height: normal; z-index: 3; }
.contactElm .tagList { width: 100%; float: left; margin: 0; padding: 0px 10px; }
.contactElm .cont_left_block { width: 21%; width: -moz-calc(122px); width: -webkit-calc(122px); width: -o-calc(122px); width: calc(122px); display: inline-block; margin: -10px 0 0 0; padding: 0 0 0 10px; float: left; text-align: center; }
.contactElm .cont_left_block a { display: inline-block !important; float: left; }
.contactElm .cont_left_block .usrAvt { width: 100%; float: left; margin: 0; padding: 0; text-align: center; }
.contactElm .cont_left_block .usrAvt .default-usr-pro-block { float: left; background: #ffffff; border: thin solid #e0e0e0; }
.contactElm .cont_left_block .usrAvt img { border-radius: 0%; height: auto; width: 112px; max-width: 100%; display: inline-block; }
.contactElm .contactBy { width: 100%; float: left; text-align: left; font-size: 20px; color: #1b5586; }
.contactElm .contactBy i { float: left; }
.contactElm .cont_right_block { width: 79%; width: -moz-calc(100% - 122px); width: -webkit-calc(100% - 122px); width: -o-calc(100% - 122px); width: calc(100% - 122px); display: inline-block; margin: -13px 0 0 0; padding: 0 5px 0 15px; float: left; }
.contactElm .card-head .tools .btn { color: #7f797b; }
.contactElm .card-head .tools .btn,
.contactElm .card-head .tools .btn:hover { background: none !important; }
.contactElm .cont_right_block i { color: #1b5586; }
.contactElm .user-title { width: 100%; float: left; margin: 0; padding: 0px 0 8px !important; }
.contactElm .user-title a { padding-bottom: 0px; float: left; }
.contactElm .user-title .usr-name { display: inline-block; font-family: 'Roboto', sans-serif; font-size: 18px; color: #1b5586; font-weight: normal; line-height: normal; }
.contactElm .user-title .date { line-height: normal; color: #606060; font-style: italic; font-size: 14px; font-weight: 300; margin-top: 13px; }
.contactElm .user-connect { width: 100%; float: left; margin: 0; padding: 0; }
.contactElm .user-connect .mail-link { white-space: nowrap; }
.contactElm .user-connect .userconnlist { width: 100%; display: inline-block; }
.contactElm .user-connect a { font-family: 'Roboto', sans-serif; font-size: 14px; color: #525252; text-decoration: none; padding-left: 20px; display: inline-block; margin-bottom: 5px; }
.contactElm .user-connect a span { margin-left: -20px; }
.contactElm .user-connect .custemail { background: rgba(0, 0, 0, 0) url("../images/customeemail_icon.png") no-repeat scroll left top; bottom: 15px; display: inline-block; height: 12px; left: 5px; width: 18px; }
.contactElm .user-connect a:hover { color: #1b5586; }
.contactElm .address { width: 100%; float: left; margin: 0; padding: 0px 0 10px 25px; font-family: 'Roboto', sans-serif; font-size: 14px; color: #525252; }
.contactElm .address i { margin-left: -25px; }
.contactElm .address a { font-family: 'Roboto', sans-serif; font-size: 14px; color: #525252; text-decoration: none; }
.contactElm .address a:hover { color: #1b5586; }
.contactElm i { margin-right: 5px; }
.contactElm .overlay { width: 100%; height: 100%; position: absolute; left: 0; top: 100%; z-index: 2; background: rgba(27, 85, 134, 0.3); transition: all 200ms cubic-bezier(0.755, 0.05, 0.855, 0.06); }
.contactElm.selected .overlay { top: 0%; transition: all 200ms cubic-bezier(0.755, 0.05, 0.855, 0.06); }
.contactElm.selected .checkbox-styled:not(ie8) input:checked ~ span::before { border-color: #ffffff !important; }
.contactElm .note_listCont { border-top: 1px dashad #eaeaea; }

/*.contactElm .note_listCont, .contactElm .note_view_box { max-height: 0; overflow: hidden; }
.contactElm-focus { z-index: 2;  }
.contactElm-focus .note_listCont, .contactElm-focus .note_view_box { max-height: 1000px; transition: max-height 200ms cubic-bezier(0.755, 0.05, 0.855, 0.06); overflow: visible; }
.contactElm:hover .note_listCont, .contactElm:hover .note_view_box { max-height: 1000px; transition: max-height 200ms cubic-bezier(0.755, 0.05, 0.855, 0.06); overflow: visible; }
.contactElm:hover .note_listCont, .contactElm.active .note_listCont { display: block; }
.contactElm-focus .note_listCont, .contactElm-focus .note_listCont { display: block; }*/
.grid-item .blkoverlay { display: none; }
.grid-item.selected .checkcontact { display: none; }
.grid-item.selected .blkoverlay { display: block; width: 100%; height: 100%; position: fixed; background-color: rgba(0, 0, 0, 0.7); z-index: 9999; left: 0; top: 0; }
.grid-item.selected .contactElm { z-index: 99999; }
.contactElm .note_listCont,
.contactElm .note_view_box { max-height: 0; overflow: hidden; }
.grid-item.selected .contactElm .note_listCont,
.grid-item.selected .contactElm .note_view_box { max-height: 1000px; transition: max-height 200ms cubic-bezier(0.755, 0.05, 0.855, 0.06); overflow: visible; }
.contactElm:hover .usr-name { color: #1b5586; }
.contactElm .note_listCont { width: 100%; float: left; }
.contactElm .note_listCont .user-title .date { margin-top: 0; margin-bottom: 10px; font-size: 15px; color: #417e90; font-style: italic; font-weight: 300; }
.contactElm .note_listCont .audio_cont { width: 100%; float: left; padding: 10px 10px; }
.contactElm .note_listCont .note_list_title { font-size: 15px; color: #1b5586; text-align: left; margin: 0; padding: 15px 0 0; line-height: normal; font-weight: 500; }
.contactElm .note_listCont .txt_note_content { width: 100%; margin: 0; padding: 10px 0; font-size: 15px; color: #616060; text-align: left; line-height: 20px; font-weight: normal; }
.contactElm .note_listCont .note_list { border-bottom: 0; padding: 0px 25px 0; margin: 0 -15px; border-top: 1px dashed #eaeaea; }
.contactElm .addnote_modual { padding: 10px 15px; border-top: 1px solid #eaeaea; clear: both; }
.contactElm .addnote_modual .input-group-btn { margin-right: 10px; width: auto; display: inline-block; }
.contactElm .note_view_box .input-group-content { display: inline-block; width: 100%; }
.contactElm .note_view_box .input-group-btn { display: inline-block; width: auto; }
.contactElm .stars { float: left; margin: 0px 0 10px; width: 100%; text-align: center; }
.contactElm .stars .star-rating { float: none; position: relative; top: -5px; }
.mainContact_list_section .cont-actbtn-section .cont-list-toggler { width: auto; display: inline-block; padding: 0; }
.mainContact_list_section .cont-actbtn-section .cont-list-toggler .btn { background: none; border: 0; -moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none; margin: 0; background: url("../images/loopBtn.png") no-repeat scroll center center; display: inline-block; width: 38px; height: 38px; }
.contactElm .addnote_modual .input-group { width: 100%; }
.mainContact_list_section .cont-actbtn-section .cont-list-toggler .dropdown-menu { padding: 0; }
.mainContact_list_section .cont-actbtn-section .cont-list-toggler .dropdown-menu li i { margin: 0; }
.mainContact_list_section .cont-actbtn-section .cont-list-toggler .dropdown-menu li a { font-size: 15px; line-height: 20px; color: #606060; text-align: left; margin: 0; padding: 8px 15px; }
.mainContact_list_section .cont-actbtn-section .cont-list-toggler .dropdown-menu li:hover a { background: #f0eeee; }
.contactElm .addnote_modual .add-note-field-gruop .input-group-content { display: inline-block; float: left; padding-top: 15px; width: 85%; width: -moz-calc(100% - 175px); width: -webkit-calc(100% - 175px); width: -o-calc(100% - 175px); width: calc(100% - 175px); }
.add-note-field-gruop .input-group-content { left: -14px; overflow: hidden; }
.add-note-field-gruop .input-group-content textarea { width: 100%; padding: 0px 25px 0 0; height: auto; line-height: normal; min-height: 38px; left: 25px; overflow-x: hidden; overflow-y: auto; text-overflow: ellipsis; resize: none; border-radius: 0; border: 0; }
.add-note-field-gruop.default-state .input-group-content { width: -moz-calc(100% - 85px); width: -webkit-calc(100% - 85px); width: -o-calc(100% - 85px); width: calc(100% - 85px); display: inline-block; float: left; padding-top: 0px; }
.add-note-field-gruop.default-state .voice-note-controle { display: inline-block; float: left; padding: 0px 0 0; width: 85%; width: -moz-calc(85px); width: -webkit-calc(85px); width: -o-calc(85px); width: calc(85px); }
.add-note-field-gruop.full-state .input-group-content { width: -moz-calc(100% - 125px); width: -webkit-calc(100% - 125px); width: -o-calc(100% - 125px); width: calc(100% - 125px); display: inline-block; float: left; padding-top: 0px; }
.add-note-field-gruop.full-state .voice-note-controle { display: inline-block; float: left; padding: 0px 0 0; width: 85%; width: -moz-calc(125px); width: -webkit-calc(125px); width: -o-calc(125px); width: calc(125px); }
.add-note-field-gruop .btn { margin: 0; padding: 0; border: 0; background-color: transparent !important; border-radius: 50%; }
.add-note-field-gruop .btn.disabled { background-color: transparent !important; background-image: initial !important; }
.add-note-field-gruop .voice-note-controle .btn.voice-note-save-icon { background-image: url(../images/voice-note-save-icon.png); background-position: left top; background-repeat: no-repeat; width: 38px; height: 38px; display: inline-block; background-color: transparent; border: 0; }
.add-note-field-gruop .voice-note-controle .btn.active.voice-note-save-icon { background-image: url(../images/voice-note-save-icon.png); background-position: left -37px; background-repeat: no-repeat; width: 38px; height: 38px; display: inline-block; background-color: transparent; border: 0; }
.add-note-field-gruop .voice-note-controle .btn.voice-push-icon { background-image: url(../images/voice-push-icon.png); background-position: left top; background-repeat: no-repeat; width: 38px; height: 38px; display: inline-block; background-color: transparent; border: 0; }
.add-note-field-gruop .voice-note-controle .btn.voice-push-icon.resume { background-image: url(../images/voice-push-icon.png); background-position: left -37px; background-repeat: no-repeat; width: 38px; height: 38px; display: inline-block; background-color: transparent; border: 0; }
.add-note-field-gruop .voice-note-controle .btn.voice-record-icon { background-image: url(../images/voice-record-icon.png); background-position: left top; background-repeat: no-repeat; width: 38px; height: 38px; display: inline-block; background-color: transparent; }
.add-note-field-gruop .voice-note-controle .btn.active.voice-record-icon { background-image: url(../images/voice-record-icon.png); background-position: left -37px; background-repeat: no-repeat; width: 38px; height: 38px; display: inline-block; background-color: transparent; border: 0; }
.add-note-field-gruop .voice-note-controle .btn.voice-save-icon { background-image: url(../images/voice-save-icon.png); background-position: left top; background-repeat: no-repeat; width: 38px; height: 38px; display: inline-block; background-color: transparent; border: 0; }
.add-note-field-gruop .voice-note-controle .btn.active.voice-save-icon { background-image: url(../images/voice-save-icon.png); background-position: left -37px; background-repeat: no-repeat; width: 38px; height: 38px; display: inline-block; background-color: transparent; border: 0; }
.add-note-field-gruop .voice-note-controle .btn.voice-stop-icon { background-image: url(../images/voice-stop-icon.png); background-position: left top; background-repeat: no-repeat; width: 38px; height: 38px; display: inline-block; background-color: transparent; border: 0; }
.add-note-field-gruop .voice-note-controle .btn.active.voice-stop-icon { background-image: url(../images/voice-stop-icon.png); background-position: left -37px; background-repeat: no-repeat; width: 38px; height: 38px; display: inline-block; border: 0; }
.add-note-grid .btn.voice-note-save-icon { background-image: url(../images/voice-note-save-icon.png); background-position: left top; background-repeat: no-repeat; width: 38px; height: 38px; display: inline-block; }
.add-note-grid .btn.active.voice-note-save-icon { background-image: url(../images/voice-note-save-icon.png); background-position: left -37px; background-repeat: no-repeat; width: 38px; height: 38px; display: inline-block; }
.add-note-grid .btn.voice-push-icon { background-image: url(../images/voice-push-icon.png); background-position: left top; background-repeat: no-repeat; width: 38px; height: 38px; display: inline-block; }
.add-note-grid .btn.voice-push-icon.resume { background-image: url(../images/voice-push-icon.png); background-position: left -37px; background-repeat: no-repeat; width: 38px; height: 38px; display: inline-block; }
.add-note-grid .btn.voice-record-icon { background-image: url(../images/voice-record-icon.png); background-position: left top; background-repeat: no-repeat; width: 38px; height: 38px; display: inline-block; }
.add-note-grid .btn.active.voice-record-icon { background-image: url(../images/voice-record-icon.png); background-position: left -37px; background-repeat: no-repeat; width: 38px; height: 38px; display: inline-block; }
.add-note-grid .btn.voice-save-icon { background-image: url(../images/voice-save-icon.png); background-position: left top; background-repeat: no-repeat; width: 38px; height: 38px; display: inline-block; }
.add-note-grid .btn.active.voice-save-icon { background-image: url(../images/voice-save-icon.png); background-position: left -37px; background-repeat: no-repeat; width: 38px; height: 38px; display: inline-block; }
.add-note-grid .btn.voice-stop-icon { background-image: url(../images/voice-stop-icon.png); background-position: left top; background-repeat: no-repeat; width: 38px; height: 38px; display: inline-block; }
.add-note-grid .btn.active.voice-stop-icon { background-image: url(../images/voice-stop-icon.png); background-position: left -37px; background-repeat: no-repeat; width: 38px; height: 38px; display: inline-block; }
.other_communication_mode_div { margin-top: -10px; }
.add-note-field-gruop .has-error .help-block { bottom: -2px; left: 27px; }

/*export contact modal css  ===============================

==========================================================*/
.exportcontactmodal .modal-dialog { width: 400px; max-width: 100%; }
.exportcontactmodal .modal-body::after,
.exportcontactmodal .modal-body::before { content: ""; clear: both; display: table; }
.exportcontactmodal .modal-header { background: #1b5586; }
.exportcontactmodal .modal-header .modal-title { font-size: 18px; color: #ffffff; }
.exportcontactmodal .modal-header .close { margin-top: 5px; }
.exportcontactmodal h2 { font-size: 16px; margin: 0; padding: 15px 0; font-weight: bold; }
.exportcontactmodal .radio-group { width: 100%; float: left; margin: 0; padding: 0; }
.exportcontactmodal .radio-group label { float: left; }

/* merge contact page css  ===============================

==========================================================*/
.mergecontact_list_section { width: 100%; float: left; }
.mergecontact_list_section .form-group { padding-top: 0; }
.mergecontact_list_section .form .btn-style { padding-bottom: 0; padding-top: 20px; }

/* Merge Contacts page css  ===============================

==========================================================*/
.mergeCont_section { width: 100%; float: left; }
.mergeCont_section .merge-contactstableCont { width: 100%; float: left; margin: 0; padding: 0; }
.mergeCont_section .merge-contactstableCont td { position: relative; }
.mergeCont_section .merge-contactstableCont th:first-child { max-width: 200px; width: 200px; }
.mergeCont_section .merge-contactstableCont p { margin: 0; padding: 0; }
.mergeCont_section .merge-contactstableCont .checkbox label,
.mergeCont_section .merge-contactstableCont .radio label { margin-right: 10px; margin-left: 10px; }
.mergeCont_section .form .btn-style { padding-bottom: 0; padding-top: 20px; }
.mergeCont_section .add_more_btn { background: none; border: 0 none; color: #1b5586; display: inline-block; font-family: 'Roboto', sans-serif; font-size: 12px; font-weight: 600; margin: 0 15px; padding: 0 0 10px; width: auto; float: right; }
.mergeCont_section .add_more_btn:hover { color: #1b5586; }
.mergeCont_section .dupl_tableCont .btn:hover { color: #ffffff; }

/* duplicate Contacts page css  ===============================

==========================================================*/
.diplicateCont_section { width: 100%; float: left; }
.dupl_tableCont table.dataTable { box-sizing: border-box; }
.diplicateCont_section .dupl_tableCont { width: 100%; float: left; margin: 0; padding: 0; }
.diplicateCont_section .dupl_tableCont table tr th:first-child,
.diplicateCont_section .dupl_tableCont table tr td:first-child { max-width: 55px; min-width: 55px; width: 55px; }
.diplicateCont_section .dupl_tableCont table th:nth-child(4),
.diplicateCont_section .dupl_tableCont table td:nth-child(4) { min-width: 200px; max-width: 200px; width: 200px; }
.diplicateCont_section .dupl_tableCont table th:nth-child(5),
.diplicateCont_section .dupl_tableCont table td:nth-child(5) { min-width: 100px; max-width: 100px; width: 100px; }
.diplicateCont_section .dupl_tableCont table th:nth-child(6),
.diplicateCont_section .dupl_tableCont table td:nth-child(6) { max-width: 300px; min-width: 300px; width: 300px; }
.diplicateCont_section .dupl_tableCont table tr td.btn_td { position: relative; width: 100px; min-width: 100px; max-width: 100px; }
.diplicateCont_section .dupl_tableCont table tr td.btn_td .btn { position: absolute; left: 50%; margin: auto; top: 50%; -webkit-transform: translateX(-50%) translateY(-50%); -moz-transform: translateX(-50%) translateY(-50%); -ms-transform: translateX(-50%) translateY(-50%); -o-transform: translateX(-50%) translateY(-50%); transform: translateX(-50%) translateY(-50%); -moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none; }
.duplContact_list_Cont .form .btn-style { padding-bottom: 0; padding-top: 20px; }

/* import data page css  ===============================

==========================================================*/
.import-data-section { width: 100%; float: left; }
.import-data-section .form .form-field-row label { color: #333333; font-family: 'Roboto', sans-serif; font-size: 14px; font-weight: 600; padding: 10px 0px 10px 0px; display: inline-block; float: left; }
.import-data-section .form .custfilecontrole { border-radius: 0; -moz-box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.4); -webkit-box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.4); box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.4); height: 40px; margin: 0 20px; padding: 0; position: relative; transition: box-shadow 0.15s ease-out 0s; width: 130px; display: inline-block; float: left; }
.import-data-section .form .custfilecontrole::after { content: "ATTACH FILE"; font-family: 'Roboto', sans-serif; font-size: 14px; font-weight: 700; left: 0; line-height: normal; position: absolute; right: 0; text-align: center; top: 12px; }
.import-data-section .form .custfilecontrole input[type="file"] { opacity: 0; filter: alpha(opacity=0); height: 40px; width: 130px; display: inline-block; position: relative; z-index: 2; }
.import-data-section .form .adepVal { display: inline-block; color: #333333; font-family: 'Roboto', sans-serif; font-size: 14px; margin: 0; padding: 8px 0; word-wrap: break-word; max-width: 100%; }
.mainTitle { width: 100%; float: left; margin: 0 0 25px 0; padding: 0; }
.mainTitle h1 { font-family: "Roboto", sans-serif; font-size: 20px; olor: #333333; font-weight: 500; line-height: 24px; margin: 0px; padding: 15px 0; border-bottom: 1px solid #f1f1f1; }
.import-data-section.step2 .btn-style { padding: 0; }
.import-datasection,
.import-formsection { width: 100%; float: left; margin: 0; padding: 0px 0; }
.import-datasection .inner-title,
.import-formsection .inner-title { width: 100%; float: left; margin: 0; padding: 15px 0; }
.import-datasection .inner-title h2,
.import-formsection .inner-title h2 { font-family: "Roboto", sans-serif; font-size: 18px; color: #666666; font-weight: 500; line-height: 22px; }
.import-datasection .outergrid { width: 25%; float: left; padding: 0 15px; text-align: center; }
.import-datasection .outergrid:first-child { text-align: left; }
.import-datasection .outergrid:last-child { text-align: right; }
.import-formsection .outergrid { width: 20%; float: left; padding: 0 15px; text-align: center; }
.import-formsection .outergrid:first-child { text-align: left; }
.import-formsection .outergrid:last-child { text-align: right; }
.import-grid-Cont { width: 100%; float: left; }
.import-grid-Cont .import-data-grid { border: 1px solid #ababab; width: 200px; height: 170px; display: inline-block; max-width: 100%; background: #ffffff; text-align: center; position: relative; margin: 25px 0; padding: 20px; text-align: center; position: relative; cursor: pointer; }
.import-grid-Cont .import-data-grid::after { font-family: 'FontAwesome'; content: "\f1db"; background: #ffffff; border-radius: 50%; color: #ababab; font-size: 28px; height: 22px; line-height: 20px; position: absolute; right: -7px; top: -9px; }
.import-grid-Cont .import-data-grid.selected::after { font-family: 'FontAwesome'; content: "\f058"; background: #ffffff; border-radius: 50%; color: #6b89ff; font-size: 28px; height: 22px; line-height: 20px; position: absolute; right: -7px; top: -9px; }
.import-grid-Cont .import-data-grid.selected { border: 1px solid #ababab; background: #e2ecf5; }
.import-grid-Cont .import-data-grid .innerdata { width: auto; display: inline-block; margin: 0; padding: 0; position: absolute; left: 0; right: 0; margin: auto; top: 50%; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -o-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); }
.import-grid-Cont .import-data-grid .innerdata .data-icon { display: inline-block; margin: 0; padding: 0; max-width: 100%; }
.import-grid-Cont .import-data-grid .innerdata .data-icon img { max-width: 100%; height: auto; }
.import-grid-Cont .import-data-grid .innerdata .data-name { width: 100%; display: inline-block; margin: 0; padding: 15px 0px; font-family: 'Roboto', sans-serif; font-size: 14px; color: #333333; text-transform: uppercase; text-align: center; }
.import-grid-Cont .import-data-grid .radio-field { width: 100%; float: left; margin: 0; padding: 0; }
.import-grid-Cont .import-data-grid .radio-field input[type="radio"] { opacity: 0; filter: alpha(opacity=0); }
.default-form-style .note { font-size: 13px; font-style: italic; line-height: 18px; color: #999; margin-bottom: 10px; }

/*---import contact---*/
.import-contact-match-fields table tr th .custSelect { padding: 0; width: 240px; }
.import-contact-match-fields table tr th .custSelect select { margin: 0; }
.import-contact-match-fields table tr th.tbl-sub-title { color: #a9a9a9; font-size: 15px; margin: 0 0 0 10px; }
.import-contact-match-fields table tr th p,
.import-contact-match-fields .default-form-style p.note { color: #999; display: block; font-size: 13px; font-style: italic; font-weight: normal; text-align: center; }
.import-contact-match-fields .default-form-style p.note { text-align: left; margin: 0 0 10px 0; font-size: 13px; }
.import-contact-match-fields .less-show-field a { font-size: 19px; margin: 10px 0 0 0; font-weight: 600; float: left; display: none; background: #1b5586; color: #fff; padding: 0 10px; width: 100%; display: block; text-decoration: none; }
.import-contact-match-fields .less-show-field a:hover { text-decoration: none; }
.import-contact-match-fields .save-maping { margin: 0 auto; width: 290px; }
.import-contact-match-fields .form-field-row .btn { width: 200px; }

/*---import data---*/
.imporat-data-table.mergeCont_section .imporat-data-table table tr td .custSelect,
.imporat-data-table table tr td .custSelect select { margin: 0; padding: 0; font-size: 13px; font-weight: normal; color: #555; }
.imporat-data-table.mergeCont_section .imporat-data-table table tr th:first-child,
.imporat-data-table table tr td:first-child { max-width: 32px; min-width: 32px; width: 32px; }
.imporat-data-table.mergeCont_section .imporat-data-table table tr th:nth-child(2),
.imporat-data-table table tr td:nth-child(2) { width: 80px; min-width: 80px; max-width: 80px; }
.imporat-data-table.mergeCont_section .imporat-data-table table tr th:nth-child(9),
.imporat-data-table table tr td:nth-child(9) { width: 180px; min-width: 180px; max-width: 180px; }
.imporat-data-table.mergeCont_section .imporat-data-table table tr td figure img { width: 100%; }
.imporat-data-table.mergeCont_section .cont-actbtn-section { width: 100%; float: left; padding: 0 18px; margin: 0 0 20px; }
.imporat-data-table.mergeCont_section .cont-actbtn-section .btn { vertical-align: baseline; }
.imporat-data-table.mergeCont_section .alert.alert-callout { float: left; width: 100%; }
.imporat-data-table.mergeCont_section .alert.alert-callout span { float: left; margin: 6px 0; }

/*bug*/
.token-input-list-facebook li.token-input-token-facebook span { color: #ffffff; }
li.token-input-input-token-facebook { margin: 5px 0; }
.no_height { min-height: auto !important; }
.add-person-cardCont .add_image_div label { display: inline-block; float: left; line-height: normal; margin: 5px 0; width: 100%; }
.add-person-cardCont .add_image_div .profile_detail { float: left; margin: -15px 0 0 10px; width: auto; }
.add-person-cardCont .add_image_div .profile_detail .btn { background: none; border: medium none; color: #666666; }
.note_listCont a { padding: 4.5px 0; }
.note_listCont { word-wrap: break-word; }

/*---get_merge_contact---*/
.default-table-style table tr td,
.default-table-style table tr th { vertical-align: top; }
.default-table-style table tr td,
.default-table-style table tr td .checkbox-styled label,
.default-table-style table tr td,
.default-table-style table tr td .radio-styled label { margin: 0 10px; }
.import-contact-match-fields table tr th .form-group .help-block { bottom: -15px; font-size: 11px; }
.imporat-data-table .default-table-style table tr td .checkbox-styled label { margin: 0; }
.modal-footer #close_model_btn.btn { background: #fafafa none repeat scroll 0 0; border-color: #fafafa; -moz-box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.4); -webkit-box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.4); box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.4); color: #616161; }
.form-control[disabled],
.form-control[readonly],
fieldset[disabled] .form-control { border-bottom-style: hidden; }
.contactElm i { min-width: 17px; text-align: center; margin-right: 5px; }
.contact_viewtemplate .contact_view_box .profile_section .upload form input[type="file"] { height: 205px !important; width: 205px !important; border-radius: 50%; }

/* new css */
.usrAvt .default-usr-pro-block { float: left; }
.dupl_tableCont .usrAvt .default-usr-pro-block { width: 70px; height: 70px; }
.dupl_tableCont .usrAvt .default-usr-pro-block .fname-letter { font-family: "Lobster1.4"; font-size: 30px; font-weight: normal; }
.dupl_tableCont .actBtn { text-align: center; }
.dupl_tableCont .actBtn .editcloseBtn { width: auto; display: inline-block; }
.usr_pro_det .usrAvt .default-usr-pro-block { width: 50px; height: 50px; }
.usr_pro_det .usrAvt .default-usr-pro-block .fname-letter { font-family: "Lobster1.4"; font-size: 20px; font-weight: normal; }
.import-data-section .dwn-files-list { list-style: none; padding: 0; }

/* CONTACT VIEW PAGE CSS ===============================

==========================================================*/
.contact_viewtemplate { width: 100%; float: left; margin: 0; padding: 0; }
.contact_viewtemplate .profile_section .status-label { font-size: 14px; color: #ffffff; font-weight: 400; float: left; width: 100%; margin: 15px 0 0; }
.contact_viewtemplate .profile_section .sub-status-label { font-size: 16px; color: #ffffff; font-weight: 400; float: left; width: 100%; font-weight: bold; }
.contact-type-sel { width: 150px; margin: 0 auto; padding: 0; }
.contact_viewtemplate .profile_section .lead-func-box { margin-top: 15px; }
.contact_viewtemplate .profile_section .lead-func-box .func-grid { margin-top: 0; }
.contact_viewtemplate .profile_section .stars { clear: both; text-align: center; }
.contact_viewtemplate .contact_view_box .md-share,
.contact_viewtemplate .contact_view_box .md-clear,
.contact_viewtemplate .contact_view_box .md-done { font-size: 30px; }
.contact_viewtemplate .profile_pic { width: 100%; float: left; margin: 0; }
.contact_viewtemplate .profile_pic .default-usr-pro-block { width: 205px; height: 205px; border-radius: 50%; -khtml-border-radius: 50%; display: inline-block; position: relative; text-align: center; background: #ffffff; }
.contact_viewtemplate .profile_pic .default-usr-pro-block .fname-letter { font-family: "Lobster1.4"; color: #2a7db2; font-weight: normal; display: inline-block; font-size: 100px; left: 0; margin: auto; position: absolute; right: 0; text-transform: uppercase; top: 50%; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); }
.contact_viewtemplate .profile_pic img { width: 205px; height: 205px; border-radius: 50%; -khtml-border-radius: 50%; border: 2px solid #ffffff; }
.contact_viewtemplate .input-group-btn { padding-left: 0; }
.contact_viewtemplate .profile_section { float: left; width: 15%; width: -webkit-calc(230px); width: -moz-calc(230px); width: -o-calc(230px); width: calc(230px); text-align: center; }
.contact_viewtemplate .profile_section_info { float: right; width: 85%; width: -webkit-calc(100% - 230px); width: -moz-calc(100% - 230px); width: -o-calc(100% - 230px); width: calc(100% - 230px); padding-left: 25px; }
.contact_viewtemplate .profile_section_info.show-alert { padding-bottom: 50px }
.contact_viewtemplate .profile_section_info .nav { width: auto; display: inline-block; }
.contact_viewtemplate .profile_section_info .profile-titile { width: 50%; float: left; margin: 0; padding: 20px 0 0; }
.contact_viewtemplate .profile_section_info .profile-titile h1 { font-size: 28px; color: #ffffff; margin: 15px 0 0 0; display: inline-block; float: left; font-weight: normal; }
.contact_viewtemplate .profile_section_info .profile-titile .btn-group { margin: 15px 5px; }
.contact_viewtemplate .profile_section_info .profile-titile .btn { color: #ffffff; }
.contact_viewtemplate .profile_section_info .last-seen { color: #ffffff; font-size: 12px; font-weight: bold; float: right; width: 50%; text-align: right; margin-top: -10px; }
.contact_viewtemplate .profile_section_info .last-seen h2 { color: #ffffff; font-size: 16px; font-weight: 400; margin: 5px 0 0; float: left; width: 100%; }
.contact_viewtemplate .profile_section_info .last-seen .md-access-time { color: #ffffff; margin-right: 8px; margin-top: 10px; }
.profile-main-tab-section { width: 100%; float: left; margin: 0; padding: 0; }
.profile-main-tab-section .card.tabbing-style-second { background: #E5E5E5; }
.profile-main-tab-section .card.tabbing-style-second .card-head { background: #ffffff; }
.contact_view_box { background: url(../images/contview-profilebg.jpg) left bottom no-repeat; background-size: cover; width: 100%; float: left; margin: 0; padding: 25px; }
.contact_view_box .innerprotabCont { background: #f3f0f0; width: 100%; float: left; margin: -120px 0 0; padding: 0 0 0px; -moz-box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.4); -webkit-box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.4); box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.4); border-radius: 5px 5px 0 0; -khtml-border-radius: 5px 5px 0 0; }
.contact_view_box .innerprotabCont .card-head { background: none !important; }
.contact_view_box .innerprotabCont .card-head .nav-tabs > li > a,
.contact_view_box .innerprotabCont .card-head > .nav-tabs > li > a { line-height: 45px !important; }
.contact_view_box .innerprotabCont .profile_inner_tabs { background: #205490; width: 100%; margin: 0; padding: 0; float: left; -moz-box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.4); -webkit-box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.4); box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.4); border: 0; }
.contact_view_box .innerprotabCont .tab-content { padding: 15px; }
.contact_view_box .innerprotabCont .tab-content .list-field-group { float: left; margin: 0; padding: 0; list-style: none; }
.contact_view_box .innerprotabCont .tab-content .list-field-group .list-field { width: 100%; min-height: 50px; float: left; margin: 0; padding: 0 0 10px 35px; }
.contact_view_box .innerprotabCont .tab-content .list-field-group .list-field .list-left-block { width: auto; display: inline-block; float: left; min-height: 50px; }
.contact_view_box .innerprotabCont .tab-content .list-field-group .list-field .list-right-block { width: auto; max-width: 100%; /*width: -moz-calc(100% - 275px); width: -webkit-calc(100% - 275px); width: -o-calc(100% - 275px); width: calc(100% - 275px);*/ display: inline-block; float: left; }
.contact_view_box .innerprotabCont .tab-content .list-field-group .list-field.editable-textinline .list-left-block { width: auto; /*width: -moz-calc(150px); width: -webkit-calc(150px); width: -o-calc(150px); width: calc(150px);*/ }
.contact_view_box .innerprotabCont .tab-content .list-field-group .list-field.editable-textinline .list-right-block { width: auto;/* width: -moz-calc(100% - 150px); width: -webkit-calc(100% - 150px); width: -o-calc(100% - 150px); width: calc(100% - 150px);*/ }
/*.contact_view_box .innerprotabCont .tab-content .list-field-group .list-field .list-left-block.interest-set-left { width: -moz-calc(160px); width: -webkit-calc(160px); width: -o-calc(140px); width: calc(160px); }
.contact_view_box .innerprotabCont .tab-content .list-field-group .list-field .list-right-block.interest-set-right { width: -moz-calc(100% - 160px); width: -webkit-calc(100% - 160px); width: -o-calc(100% - 160px); width: calc(100% - 160px); }*/
.contact_view_box .innerprotabCont .tab-content .list-field-group .list-field .list-left-block.add-set-left { width: -moz-calc(110px); width: -webkit-calc(110px); width: -o-calc(110px); width: calc(110px); }
.contact_view_box .innerprotabCont .tab-content .list-field-group .list-field .list-right-block.add-set-right { width: -moz-calc(100% - 110px); width: -webkit-calc(100% - 110px); width: -o-calc(100% - 110px); width: calc(100% - 110px); }
.contact_view_box .innerprotabCont .tab-content .list-field-group .list-field .list-left-block.offadd-set-left { width: -moz-calc(160px); width: -webkit-calc(160px); width: -o-calc(160px); width: calc(160px); }
.contact_view_box .innerprotabCont .tab-content .list-field-group .list-field .list-right-block.offadd-set-right { width: -moz-calc(100% - 160px); width: -webkit-calc(100% - 160px); width: -o-calc(100% - 160px); width: calc(100% - 160px); }
.contact_view_box .innerprotabCont .tab-content .list-field-group .list-field .list-left-block.source-set-left { width: -moz-calc(100px); width: -webkit-calc(100px); width: -o-calc(100px); width: calc(100px); }
.contact_view_box .innerprotabCont .tab-content .list-field-group .list-field .list-right-block.source-set-right { width: -moz-calc(100% - 100px); width: -webkit-calc(100% - 100px); width: -o-calc(100% - 100px); width: calc(100% - 100px); }
.contact_view_box .innerprotabCont .tab-content .list-field-group .list-field .list-left-block.tag-set-left { width: -moz-calc(85px); width: -webkit-calc(85px); width: -o-calc(75px); width: calc(85px); }
.contact_view_box .innerprotabCont .tab-content .list-field-group .list-field .list-right-block.tag-set-right { width: -moz-calc(100% - 85px); width: -webkit-calc(100% - 85px); width: -o-calc(100% - 85px); width: calc(100% - 85px); }
.contact_view_box .innerprotabCont .tab-content .list-field-group .list-field .list-left-block.interest-set-left { width: -moz-calc(120px); width: -webkit-calc(120px); width: -o-calc(100px); width: calc(120px); }
.contact_view_box .innerprotabCont .tab-content .list-field-group .list-field .list-right-block.interest-set-right { width: -moz-calc(100% - 120px); width: -webkit-calc(100% - 120px); width: -o-calc(100% - 120px); width: calc(100% - 120px); }
.contact_view_box .innerprotabCont .tab-content .list-field-group .list-field .label { width: auto; display: inline-block; margin: 0px 0; padding: 0 15px; position: relative; top: 12px; color: #333333; line-height: 24px; font-size: 18px; vertical-align: top; white-space: inherit; text-align: left; }
.contact_view_box .innerprotabCont .tab-content .list-field-group .list-field .field-ico { position: absolute; left: -35px; top: 50%; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); width: 38px; height: 38px; display: inline-block; margin-right: 0px; text-align: center; background: #2e629f; border-radius: 50%; -khtml-border-radius: 50%; color: #ffffff; font-size: 16px; text-align: center; }
.contact_view_box .innerprotabCont .tab-content .list-field-group .list-field .field-ico i { margin: 0; line-height: 20px; position: absolute; left: 0; right: 0; top: 50%; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); margin: auto; }
.contact_view_box .innerprotabCont .tab-content .list-field-group .list-field .field-ico i.fa-globe,
.contact_view_box .innerprotabCont .tab-content .list-field-group .list-field .field-ico i.fa-map-marker { font-size: 22px; }
.contact_view_box .innerprotabCont .tab-content .list-field-group .list-field .edittext { width: auto; max-width: 100%; word-wrap: break-word; display: inline-block; margin: 0px 0; padding: 5px 15px 0; color: #606060; font-size: 18px; position: relative; top: 5px; vertical-align: top; }
.contact_view_box .innerprotabCont .tab-content .list-field-group .list-field .edittext a { font-size: 18px; color: #606060; }
.contact_view_box .innerprotabCont .tab-content .list-field-group .list-field .edittext #who_is a { display: inline-block; }
.contact_view_box .innerprotabCont .tab-content .list-field-group .list-field .edittext input[type="text"],
.contact_view_box .innerprotabCont .tab-content .list-field-group .list-field .edittext input[type="email"],
.contact_view_box .innerprotabCont .tab-content .list-field-group .list-field .edittext input[type="password"] { height: 35px; }
.contact_view_box .hot-lead-btn-block { width: 100%; float: left; margin: 0; padding: 0; text-align: center; }
.contact_view_box .hot-lead-btn-block .hotleadBtn { width: auto; padding: 5px 25px; text-align: center; display: inline-block; text-align: center; font-size: 20px; color: #ffffff; border: 0; border-radius: 5px; -khtml-border-radius: 5px; -moz-box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.4); -webkit-box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.4); box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.4); font-weight: bold; margin: 10px 0; }
.contact_view_box .innerprotabCont .tab-content .tool-tabactbtn-block { float: right; width: auto; display: inline-block; margin-top: 0px; }
.contact_view_box .innerprotabCont .tab-content .tool-tabactbtn-block .btn { width: 60px; height: 60px; display: inline-block; text-align: center; line-height: 36px; font-size: 20px; color: #ffffff; border: 0; border-radius: 50%; -khtml-border-radius: 50%; -moz-box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.4); -webkit-box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.4); box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.4); margin: 0 5px; }
.contact_view_box .innerprotabCont .tab-content .tool-tabactbtn-block .btn:hover { background: #feaf33; }
.contact_view_box .innerprotabCont .tab-content .tool-tabactbtn-block .btn i { margin: 0; }
.contact_view_box .innerprotabCont .tab-content .list-field-group .list-field .field-ico .source-icon { background: url(../images/search_icon.png) left top no-repeat; width: 16px; height: 16px; display: inline-block; }
.contact_view_box .innerprotabCont .tab-content .list-field-group .list-field .field-ico .freq-comm-icon { background: url(../images/freq_comm_icon_white.png) left top no-repeat; width: 22px; height: 20px; display: inline-block; }
.contact_view_box .innerprotabCont .tab-content .list-field-group .list-field .field-ico .chance-to-recive-reffral-icon { background: url(../images/chance_referall_recieve_icon.png) left top no-repeat; width: 21px; height: 20px; display: inline-block; }
.contact_view_box .innerprotabCont .tab-content .list-field-group .list-field .field-ico .recive-reffral-icon { background: url(../images/referall_recieve_icon.png) left top no-repeat; width: 26px; height: 24px; display: inline-block; }
.contact_view_box .innerprotabCont .tab-content .list-field-group .list-field .field-ico .rel-strength-icon { background: url(../images/relationship_strength_icon.png) left top no-repeat; width: 25px; height: 16px; display: inline-block; }
.contact_view_box .innerprotabCont .tab-content .list-field-group .list-field .field-ico .relagion-icon { background: url(../images/relagion_icon-white.png) left top no-repeat; width: 19px; height: 19px; display: inline-block; }
.contact_view_box .innerprotabCont .tab-content .list-field-group .list-field .field-ico .interest-icon { background: url(../images/interest_icon.png) left top no-repeat; width: 21px; height: 21px; display: inline-block; }
.transaction-cycle-link { width: 100%; display: inline-block; }
.transaction-cycle-link a { font-family: 'Roboto', sans-serif; font-weight: normal; font-size: 18px; color: #ffffff; line-height: normal; text-decoration: none; border-bottom: thin solid #ffffff; }

/* functional icon grid css */
.lead-func-box { width: 100%; max-width: 300px; margin: 0 auto; padding: 0; text-align: center; display: inline-block; }
.lead-func-box .func-grid { display: inline-block; margin: 15px 0 0; padding: 0px 5px 5px 0; text-align: center; width: 45px; height: 45px; white-space: nowrap; }
.lead-func-box .func-grid .icon-box { background: #ffffff; border-radius: 50%; -moz-box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.4); -webkit-box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.4); box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.4); display: inline-block; height: 40px; position: relative; width: 40px; }
.lead-func-box .func-grid i { display: inline-block; left: 0; margin: auto; position: absolute; right: 0; top: 50%; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); }
.lead-func-box .func-grid .icon-box .buyer_icon_light_blue { background: url(../images/buyer_icon-light-blue.png) left top no-repeat; background-size: 100% 100%; width: 20px; height: 20px; }
.lead-func-box .func-grid .icon-box .seller_icon_light_blue { background: url(../images/seller_icon-light-blue.png) left top no-repeat; background-size: 100% 100%; width: 20px; height: 20px; }
.lead-func-box .func-grid .icon-box .tenant_icon_light_blue { background: url(../images/tenant_icon-light-blue.png) left top no-repeat; background-size: 100% 100%; width: 20px; height: 20px; }
.lead-func-box .func-grid .icon-box .landlord_icon_light_blue { background: url(../images/landlord_icon-light-blue.png) left top no-repeat; background-size: 100% 100%; width: 20px; height: 20px; }
.lead-func-box .func-grid .icon-box .buyer_icon_light_gray { background: url("../images/buyer_icon-light-gray.png") no-repeat scroll left top; background-size: 100% 100%; height: 25px; width: 25px; }
.lead-func-box .func-grid .icon-box .seller_icon_light_gray { background: url("../images/seller_icon-light-gray.png") no-repeat scroll left top; background-size: 100% 100%; height: 25px; width: 25px; }
.lead-func-box .func-grid .icon-box .tenant_icon_light_gray { background: url("../images/tenant_icon-light-gray.png") no-repeat scroll left top; background-size: 100% 100%; height: 25px; width: 25px; }
.lead-func-box .func-grid .icon-box .landlord_icon_light_gray { background: url("../images/landlord_icon-light-gray.png") no-repeat scroll left top; background-size: 100% 100%; height: 25px; width: 25px; }
.lead-func-box .func-grid .icon-box .buyer_icon_light_green { background: url(../images/buyer_icon-light-green.png) left top no-repeat; background-size: 100% 100%; width: 20px; height: 20px; }
.lead-func-box .func-grid .icon-box .seller_icon_light_green { background: url(../images/seller_icon-light-green.png) left top no-repeat; background-size: 100% 100%; width: 20px; height: 20px; }
.lead-func-box .func-grid .icon-box .tenant_icon_light_green { background: url(../images/tenant_icon-light-green.png) left top no-repeat; background-size: 100% 100%; width: 20px; height: 20px; }
.lead-func-box .func-grid .icon-box .landlord_icon_light_green { background: url(../images/landlord_icon-light-green.png) left top no-repeat; background-size: 100% 100%; width: 20px; height: 20px; }

/* NOTE SECTION CSS */
.note-outer-section { width: 100%; float: left; margin: 0; padding: 0px; }
.contact_viewtemplate .note-outer-section { padding: 25px 50px; }
.note-section { width: 100%; float: left; margin: 0; padding: 0; -moz-box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.4); -webkit-box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.4); box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.4); }
.note-section .card-head { min-height: auto; }
.contact_viewtemplate .note-section .card-head { border-bottom: 1px solid #cdcccc; }
.note-section .card-head h1 { font-size: 26px; font-weight: normal; color: #616060; line-height: normal; margin: 0; padding: 20px 25px; }
.note-section .card-body { padding: 0px 15px; }
.contact_viewtemplate .note-section .card-body { padding: 0px 0px; }
.note-masonry-Container { width: 100%; float: left; margin: 0; padding: 0 0 50px !important; }
.contact_viewtemplate .note-masonry-Container { width: 100%; float: left; margin: 0; padding: 0 0 0px !important; }
.note-masonry-Container .grid-item { width: 33.33% !important; margin: 0; padding: 0 15px; box-sizing: border-box; }
.note-masonry-Container .grid-item:after,
.note-masonry-Container .grid-item:before { content: ""; display: table; clear: both; }
.note-section .card-footer { width: 100%; float: left; margin: 0; padding: 10px; border-top: 1px solid #cdcccc; border-bottom: 1px solid #cdcccc; text-align: center; }
.note-section .card-footer .viewAllBtn { width: auto; margin: 0; padding: 5px 25px; display: inline-block; text-align: center; font-size: 20px; color: #13718d; text-transform: uppercase; background: none; border: 0; }

/* MASONRY ADD NOTE BOX CSS */
.note-masonry-Container .add-note-grid .note-content { position: relative; }
.note-masonry-Container .add-note-grid .note-content #write_note_error { bottom: inherit; height: auto; top: 0; }
.note-masonry-Container .add-note-grid { width: 100%; margin: 0; padding: 0; border: 1px solid #cdcccc; }
.note-masonry-Container .add-note-grid .note-heading { width: 100%; margin: 0; padding: 0; border-bottom: 1px solid #cdcccc; }
.note-masonry-Container .add-note-grid .note-heading h2 { font-size: 18px; color: #0d4353; line-height: normal; margin: 0; padding: 15px; }
.note-masonry-Container .add-note-grid .note-content { width: 100%; margin: 0; padding: 15px; }
.note-masonry-Container .add-note-grid .note-content textarea { border: 0; resize: none; min-height: 80px; width: 100%; font-size: 16px; color: #616060; line-height: 20px; text-align: left; }
.note-masonry-Container .add-note-grid .note-footer { width: 100%; border-top: 1px solid #cdcccc; margin: 0; padding: 15px; text-align: center; }
.note-masonry-Container .add-note-grid .note-footer .add_voice_controle { width: auto; display: inline-block; }
.note-masonry-Container .sendBtn { background: #2e629f; -moz-box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.4); -webkit-box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.4); box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.4); text-transform: uppercase; font-size: 18px; font-weight: 500; color: #ffffff; margin: 0 10px; padding: 5px 25px; min-width: 120px; border-radius: 4px; }
.note-masonry-Container .addvoiceBtn { font-size: 20px; }
.note-masonry-Container .add-note-grid .note-footer .add_voice_controle .btn { background-color: transparent; }
.note-masonry-Container .default_btn_style { background: none !important; -moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none !important; color: #929190; font-size: 28px; line-height: normal; padding: 0px; margin-right: 5px; border-radius: 50%; -khtml-border-radius: 50%; border: 0; /*width: 35px; height: 40px;*/ position: relative; /*top: 8px;*/ }
.note-masonry-Container .default_btn_style i { margin: 0; }

/* MASONRY VIEW NOTE BOX CSS */
.note-masonry-Container .view-note-grid { width: 100%; margin: 0; padding: 0; border: 1px solid #cdcccc; float: left; }
.note-masonry-Container .view-note-grid .default-usr-pro-block { width: 100%; height: 100%; position: relative; }
.default-usr-pro-block .fname-letter { font-family: "Lobster1.4"; color: #2a7db2; display: inline-block; font-size: 55px; font-weight: normal; left: 0; margin: auto; position: absolute; right: 0; text-transform: uppercase; top: 50%; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); }
.note-masonry-Container .view-note-grid figure { width: 115px; margin: 5px 15px 10px 0; padding: 0; background: #ffffff; height: 115px; text-align: center; border: 1px solid #e3e3e3; border-radius: 50%; float: left; }
.note-masonry-Container .view-note-grid figure img { border-radius: 50%; display: inline-block; max-height: 100%; max-width: 100%; min-height: 100%; min-width: 100%; }
.note-masonry-Container .view-note-grid h2.note-writer-name { font-size: 19px; color: #0d4353; line-height: 20px; font-weight: 500; margin: 0; padding: 28px 0 17px; }
.note-masonry-Container .view-note-grid .audio_cont { width: 100%; float: left; margin: 0; padding: 0; }
.note-masonry-Container .view-note-grid .audio_cont audio { width: 100%; max-width: 100%; }
.note-masonry-Container .view-note-grid .note-desc { width: 100%; float: left; margin: 0; padding: 15px 10px 0; }
.note-masonry-Container .view-note-grid .note-desc .editable-container { padding: 0; }
.note-masonry-Container .view-note-grid .editable-container .form-group { width: 100%; }
.note-masonry-Container .view-note-grid .editable-container .input-group { width: 100%; display: inline-block; }
.note-masonry-Container .view-note-grid .editable-container .input-group-content { width: 100%; }
.note-masonry-Container .view-note-grid .editable-container textarea { width: 100%; border: 0; resize: none; padding: 0; height: 100px; }
.note-masonry-Container .view-note-grid .editable-container .input-group-btn { width: 100%; padding-top: 15px !important; }
.note-masonry-Container .view-note-grid .note-desc p,
.note-masonry-Container .view-note-grid .note-desc a { font-size: 18px; color: #616060; font-weight: 300; line-height: 24px; margin: 0; padding: 0; white-space: inherit; word-wrap: break-word; }
.note-masonry-Container .view-note-grid .note-date { width: 100%; float: left; margin: 0; padding: 15px 17px 11px; text-align: right; }
.note-masonry-Container .view-note-grid .note-date span { font-size: 19px; color: #417e90; line-height: 24px; margin: 0; padding: 0; font-style: italic; font-weight: 300; }
.note-masonry-Container .view-note-grid .view-note-footer { width: auto; height: 45px; float: left; margin: 0; padding: 0px; text-align: right; position: relative; right: -8px; top: -18px; float: right; }
.note-masonry-Container .view-note-grid .view-note-footer .btn { background: none; margin: 0; padding: 7px 0; color: #7f797b; font-size: 24px; width: 38px; }
.note-masonry-Container .view-note-grid .view-note-footer .btn i { margin: 0; }
.note-masonry-Container .view-note-grid .view-note-footer .btn:hover { color: #2e629f !important; }
.ias-spinner,
.ias-noneleft { position: absolute; bottom: 10px; width: 100%; text-align: center; }
.note-masonry-Container .view-note-grid .view-note-footer .shareblock { display: inline-block; padding: 7px 0; width: auto; }
.note-masonry-Container .view-note-grid .view-note-footer .shareblock .btn { color: #7f797b; font-size: 18px; line-height: 1.33333; padding: 0; }

/* tag section css */
.contact-view-tag-section { width: 100%; float: left; margin: 0; padding: 0 50px 25px; }
.contact-view-tag-section .selectize-control { margin-top: 0; }
.contact-view-tag-section .card .card-head { border-bottom: 1px solid #cdcccc; line-height: 40px; }
.contact-view-tag-section .card .card-head h1 { color: #616060; font-size: 26px; font-weight: normal; line-height: normal; margin: 0; padding: 15px 20px; }
.contact-view-tag-section .card .card-body { padding: 15px; }
.contact-view-tag-section .selectize-control .selectize-input { background: none; -moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none; border: 0; padding: 0 !important; }

/* add lead page css ===============================

==========================================================*/
.add-lead-section { width: 100%; float: left; margin: 0; padding: 25px; }
.add-lead-cardCont { width: 100%; float: left; margin: 0; padding: 0; }

/* transaction cycle css */
.time-frame-modual { width: 100%; float: left; margin: 0 0 15px; padding: 0; }
.time-frame-modual .tagselbox { width: 100%; float: left; margin: 0; padding: 0 15px; }
.time-frame-modual .inline-datepicker-Cont,
.time-frame-modual .datepicker { width: 300px; max-width: 100%; float: left; margin: 0; padding: 0; -moz-box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.4); -webkit-box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.4); box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.4); border-radius: 5px; }
.time-frame-modual .datepicker { margin: 0; max-width: 100%; padding: 10px; }
.time-frame-modual .datepicker table { width: 100%; }
.time-frame-modual .datepicker table tr th { color: #333333 !important; opacity: 1 !important; }
.time-frame-modual .datepicker table tr td:hover { background: none !important; }
.time-frame-modual .datepicker .datepicker-days table tr td:hover:before { content: ""; position: absolute; left: 50%; margin-left: -15px; top: 0; width: 30px; height: 30px; display: inline-block; border: thin solid #c1c1c1; border-radius: 50%; }
.time-frame-modual .datepicker .datepicker-days table tr td.disabled:hover:before,
.time-frame-modual .datepicker .datepicker-days table tr td.new:hover:before { content: ""; border: 0; }
.time-frame-modual .datepicker .datepicker-days table tr td.active { background: none; text-shadow: none; }
.time-frame-modual .datepicker .datepicker-days table tr td.active:before { content: ""; background: #fe9c33; position: absolute; left: 50%; margin-left: -15px; top: 0; width: 30px; height: 30px; display: inline-block; border: thin solid #fe9c33; border-radius: 50%; z-index: -1; }
.time-frame-modual .datepicker .datepicker-days table tr td { position: relative; z-index: 2; }
.time-frame-modual .datepicker .datepicker-months table tr td span { font-family: 'Roboto', sans-serif; font-size: 14px; color: #333333; font-weight: 300; text-transform: uppercase; position: relative; line-height: 50px; }
.time-frame-modual .datepicker .datepicker-months table tr td span.disabled { color: #999999; }
.time-frame-modual .datepicker .datepicker-months table tr td span:hover { background: none; }
.time-frame-modual .datepicker .datepicker-months table tr td span:hover:before { content: ""; position: absolute; left: 0; right: 0; margin: auto; top: 0; width: 50px; height: 50px; display: inline-block; border: thin solid #c1c1c1; border-radius: 50%; }
.time-frame-modual .datepicker .datepicker-months table tr td span.disabled:hover:before { content: ""; border: 0; }
.time-frame-modual .datepicker .datepicker-months table tr td span.active { background: none !important; text-shadow: none; z-index: 2; }
.time-frame-modual .datepicker .datepicker-months table tr td span.active:before { content: ""; background: #fe9c33 !important; position: absolute; left: 0; right: 0; margin: auto; top: 0; width: 50px; height: 50px; display: inline-block; border: thin solid #fe9c33; border-radius: 50%; z-index: -1; }
.time-frame-modual .datepicker .datepicker-years table tr td span { font-family: 'Roboto', sans-serif; font-size: 14px; color: #333333; font-weight: 300; text-transform: uppercase; position: relative; line-height: 50px; }
.time-frame-modual .datepicker .datepicker-years table tr td span.disabled { color: #999999; }
.time-frame-modual .datepicker .datepicker-years table tr td span:hover { background: none; }
.time-frame-modual .datepicker .datepicker-years table tr td span:hover:before { content: ""; position: absolute; left: 0; right: 0; margin: auto; top: 0; width: 50px; height: 50px; display: inline-block; border: thin solid #c1c1c1; border-radius: 50%; }
.time-frame-modual .datepicker .datepicker-years table tr td span.disabled:hover:before { content: ""; border: 0; }
.time-frame-modual .datepicker .datepicker-years table tr td span.active { background: none !important; text-shadow: none; z-index: 2; }
.time-frame-modual .datepicker .datepicker-years table tr td span.active:before { content: ""; background: #fe9c33 !important; position: absolute; left: 0; right: 0; margin: auto; top: 0; width: 50px; height: 50px; display: inline-block; border: thin solid #fe9c33; border-radius: 50%; z-index: -1; }
.time-frame-modual .datepicker table tr td,
.time-frame-modual .datepicker table tr th { position: relative; width: auto; height: 30px; font-family: 'Roboto', sans-serif; font-size: 14px; color: #333333; font-weight: 300; text-transform: uppercase; }
.time-frame-modual .datepicker table tr td i,
.time-frame-modual .datepicker table tr th i { margin: 0; }
.time-frame-modual .time-frame-grid { position: relative; }
.time-frame-modual .time-frame-grid.first { width: 25%; float: left; padding-right: 15px; }
.time-frame-modual .time-frame-grid.second { width: 75%; float: left; }
.time-frame-modual .time-frame-list { width: auto; display: inline-block; margin: 0; padding: 25px 0 0; }
.time-frame-modual .time-frame-list li { width: 100%; float: left; margin: 0; padding: 10px 0 0; list-style: none; }
.lead-field-group-cont .single-box-field { padding: 0 15px 15px !important; }
.lead-field-group-cont .multisel-groupCont { width: 100%; float: left; margin: 0; padding: 0; }
.time-frame-modual .datepicker-grid { width: 315px; float: left; margin: 0; padding: 0 15px 0 0; }
.time-frame-modual .datepicker-grid.option-grid { width: 220px; padding-right: 0; padding-left: 15px; }
button.mutiselectBtn, .mutiselectBtn button { background: #ffffff; -moz-box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.4); -webkit-box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.4); box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.4); border-radius: 5px; -khtml-border-radius: 5px; font-weight: 300; color: #333333; font-size: 16px; text-align: left; width: 100% !important; border: 0; padding: 8px 35px 8px 10px; margin: 0; }
.mutiselect-field-block .mutiselectBtn button .ui-icon { display: none; }
.mutiselect-field-block { position: relative; min-height: inherit !important; }
.mutiselect-field-block.lsbtn:before { font-family: 'Material Design Iconic Font'; content: "\f05f"; color: #1b5586; position: absolute; top: 7px; font-size: 20px; }
.mutiselect-field-block.rtBtn:before { content: ""; background: url(../images/reason-to-ico.png) 10px top no-repeat; width: 24px; height: 18px; display: inline-block; position: absolute; top: 14px; }
.mutiselect-field-block.fcBtn:before { content: ""; background: url(../images/freq_comm_icon.png) 10px top no-repeat; width: 30px; height: 18px; display: inline-block; position: absolute; top: 14px; }
.mutiselect-field-block.lsbtn button.mutiselectBtn,
.mutiselect-field-block.rtBtn button.mutiselectBtn,
.mutiselect-field-block.fcBtn button.mutiselectBtn,
.mutiselect-field-block.religionsel button.mutiselectBtn,
.mutiselect-field-block.nationalitySel button.mutiselectBtn,
.mutiselect-field-block.prefcommSel button.mutiselectBtn { padding-left: 45px; }
.mutiselect-field-block .mutiselectBtn:after { font-family: 'Material Design Iconic Font'; content: "\f1b4"; color: #333333; position: absolute; right: 25px; top: 6px; font-size: 20px; }
.mutiselect-field-block.religionsel:before { content: ""; background: url(../images/relagion_icon.png) left top no-repeat; width: 24px; height: 23px; display: inline-block; margin: 0; padding: 0; position: absolute; left: 25px; top: 10px; }
.mutiselect-field-block.nationalitySel:before { font-family: 'Glyphicons Halflings'; content: "\e135"; font-size: 16px; color: #195587; width: 24px; height: 23px; display: inline-block; margin: 0; padding: 0; position: absolute; left: 25px; top: 8px; }
.mutiselect-field-block.prefcommSel:before { font-family: 'Material Design Iconic Font'; content: "\f0d5"; font-size: 16px; color: #195587; width: 24px; height: 23px; display: inline-block; margin: 0; padding: 0; position: absolute; left: 25px; top: 8px; }
.lead-field-group-cont .rang-slide-field { width: 400px; float: left; margin: 0; padding: 25px; position: relative; text-align: center; }
.lead-field-group-cont .rang-slide-field span { display: inline-block; font-weight: 400; font-size: 16px; color: #333333; position: relative; top: 10px; }
.lead-field-group-cont .rang-slide-field span.first { float: left; }
.lead-field-group-cont .rang-slide-field span.mid { margin-right: -8px; }
.lead-field-group-cont .rang-slide-field span.last { float: right; }
.lead-field-group-cont .add-amount-field { width: 100%; float: left; margin: 0; padding: 15px 15px 0; position: relative; }
.lead-field-group-cont .add-amount-field .referralpopup { margin: 0; }
.lead-field-group-cont .add-amount-field h3 { font-weight: normal; font-size: 16px; color: #333333; margin: 0; padding: 0 0 10px; }
.lead-field-group-cont .add-amount-field .input-field-block { width: 200px; float: left; position: relative; margin: 0; padding: 0; }
.lead-field-group-cont .add-amount-field .input-field-block:after { content: "CAD"; position: absolute; right: 10px; top: 5px; color: #1b5586; font-weight: 300; font-size: 16px; }
.lead-field-group-cont .add-amount-field .input-field-block input[type="text"] { width: 100%; float: left; margin: 0; background: #ffffff; border: thin solid #e2e2e2 !important; padding: 5px 50px 5px 5px; }
.reason-to-icon:before { background: rgba(0, 0, 0, 0) url("../images/reason-to-ico.png") no-repeat scroll 10px top; content: ""; display: inline-block; height: 18px; left: 0; margin: 0 10px 0 0; position: relative; top: 2px; width: 24px; }
.singleSelect .custmultibox .checkbox-styled { border-width: 0; }
.singleSelect .custmultibox .checkbox-styled:not(ie8) input ~ span::before { width: 0; height: 0; border-width: 0; }
.singleSelect .custmultibox .checkbox-styled:not(ie8) input:checked ~ span::before { width: 0; height: 0; border-width: 0; }
.singleSelect .custmultibox span { padding-left: 0; }

/* referral dropdown css */
.custom_ref_popup { position: relative; }
.referralpopup.rel { position: relative; top: 0; width: 100%; }
.referralpopup { background: #ffffff; border-radius: 5px; -moz-box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.4); -webkit-box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.4); box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.4); float: left; height: auto; left: 0; margin: auto; padding: 0 0 0px; position: absolute; right: 0; top: 0px; width: 100%; z-index: 6; }
.ui-autocomplete { max-height: 150px; overflow-x: hidden; width: 300px; overflow-y: auto; background: #ffffff; -moz-box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.4); -webkit-box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.4); box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.4); border-radius: 0; border: 0; }
.ui-autocomplete li { font-family: 'Roboto', sans-serif; font-size: 15px; color: #606060; font-weight: normal; }
.autosuggetionListCont { width: 100%; float: left; margin: 0; padding: 0; position: absolute; top: 100%; }
.autosuggetionListCont .ui-autocomplete { max-width: 100% !important; z-index: 999; }
.dockmodal .autosuggetionListCont .ui-autocomplete { z-index: 999999; }
.referralpopup .add-refferal-content { width: 100%; float: left; margin: 0; padding: 0; }
.referralpopup .add-refferal-content .refferal-selec .input-group { display: inline-block; width: 100%; }
.referralpopup .add-refferal-content .refferal-selec .input-group .input-group-content { display: inline-block; width: 100%; }
.referralpopup .form-field-block .form-group { padding-top: 0; }
.referralpopup .form-field-block { margin-top: 0 !important; margin-bottom: 0; min-height: auto !important; width: 80%; margin: auto; float: none; }
.referralpopup h2 { font-size: 16px; color: #333333; font-weight: 300; border-bottom: 1px solid #e2e2e2; margin: 0; padding: 15px; }
.referralpopup h2 i { margin-right: 10px; font-weight: normal; color: #1A5486; }
.referralpopup .stylishSel { margin: 0 0 12px; }
.referralpopup .stylishSel .selectric { background: #ffffff; -moz-box-shadow: 0 1px 5px 0 rgba(0, 0, 0, 0.4); -webkit-box-shadow: 0 1px 5px 0 rgba(0, 0, 0, 0.4); box-shadow: 0 1px 5px 0 rgba(0, 0, 0, 0.4) !important; height: 55px; }
.referralpopup .stylishSel .selectric .label { color: #333333; font-size: 14px; font-weight: 300; height: 100%; line-height: 50px; }
.referralpopup .stylishSel .selectric .button { height: 100%; }
.referralpopup .stylishSel .selectric-open .selectric-items { width: 100% !important; margin-top: -56px; padding-top: 56px; border-radius: 4px; border: 0; overflow: hidden; left: 0px; }
.referralpopup .stylishSel .selectric-above .selectric-items { width: 100% !important; margin-top: 0px; margin-bottom: -56px; padding-top: 0px; padding-bottom: 56px; border-radius: 4px; border: 0; overflow: hidden; left: 0px; }
.referralpopup .stylishSel .selectric-open .selectric { border-radius: 0 !important; -moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none !important; width: 100%; }
.referralpopup .referral-button-section { width: auto; margin: 0; padding: 5px 15px; text-align: center; position: absolute; top: 17px; right: 0; z-index: 999; display: none; }
.referralpopup.focustokenin .referral-button-section { display: inline-block; }
.referralpopup .referral-button-section .btn { background: #30ad9b; border-color: #30ad9b; color: #ffffff; font-size: 16px; margin: 5px 5px; text-align: center; width: 40px !important; height: 40px !important; min-height: inherit; border-radius: 50%; padding: 0; }
.referralpopup .referral-button-section .btn.addmoreBtn { background: #ffffff; color: #333333; border-color: #ffffff; }
.referralpopup .referral-button-section .btn.addmoreBtn.remove_form { color: #8e8e8e; }
.referralpopup .srch-referal-list { width: 100%; float: left; margin: 0; padding: 0; position: absolute; left: 0; top: 50px; z-index: 6; }
.referralpopup .srch-field { width: 100%; float: left; margin: 0; padding: 0; position: relative; }
.referralpopup .srch-field:before { font-family: 'FontAwesome'; content: "\f002"; font-size: 16px; font-weight: normal; color: #1A5486; position: absolute; top: 10px; left: 15px; display: none; }
.referralpopup.focustokenin .srch-field:before { display: inline-block; }
.referralpopup .srch-field input[type="text"] { width: 100%; float: left; margin: 0; padding: 15px 15px 15px 15px; font-size: 15px; color: #606060; -moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none; border: 0; height: 65px; border-bottom: 1px solid #e2e2e2; border-radius: 5px 5px !important; }
.referralpopup.focustokenin .srch-field input[type="text"] { height: 50px; padding: 15px 15px 15px 50px; border-radius: 5px 5px 0 0 !important; }
.referralpopup .srch-referal-list .referal-list { background: #ffffff; width: 100%; float: left; padding: 0px; list-style: none; margin: 0; }
.referralpopup .srch-referal-list .referal-list li { width: 100%; margin: 0px; padding: 8px 50px; font-size: 15px; color: #606060; text-align: left; cursor: pointer; }
.referralpopup .srch-referal-list .referal-list li.selected,
.referralpopup .srch-referal-list .referal-list li:hover { background: #f0eeee; }
.added-new-referal { width: 100%; float: left; }
.added-new-referal h3.referal-title { font-size: 20px; color: #616060; text-align: left; text-transform: uppercase; line-height: 24px; margin: 0 0 15px; padding: 0; font-weight: 500; }
.added-referal-block { width: 415px !important; float: left; position: relative; margin: 25px 0; padding: 0; }
.added-referal-block .remove-added-referalBtn { width: 40px; height: 40px; display: inline-block; background: #ffffff; -moz-box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.4); -webkit-box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.4); box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.4); border-radius: 50%; color: #999999; text-align: center; border: 0; position: absolute; top: 0px; right: 20px; }
.new-referal-info { width: 285px; float: left; margin: 0; padding: 0; list-style: none; }
.new-referal-info li { border-bottom: 1px solid #e2e2e2; padding: 5px 5px; font-size: 16px; color: #606060; text-align: left; }
.new-referal-info li span { color: #205490; margin-right: 10px; }
.new-referal-info li span.custemail { background: url("../images/customeemail_icon.png") no-repeat scroll left top; bottom: 15px; display: inline-block; height: 12px; left: 5px; width: 18px; }
.refferal-selec .form-group { width: 49.50%; padding: 0 15px; display: inline-block; }

/* strength-rating css */
.lead-field-group-cont .strength-rating-Cont { width: 334px; float: left; margin: 0; padding: 0; }
.lead-field-group-cont .strength-rating-Cont .countval { height: 1px; }
.lead-field-group-cont .strength-rating-Cont .strength-grid { width: 33.33%; float: left; margin: 0; padding: 0 2px 0 0; text-align: center; }
.lead-field-group-cont .strength-rating-Cont .strength-grid.first li:first-child { border-top-left-radius: 5px; border-bottom-left-radius: 5px; }
.lead-field-group-cont .strength-rating-Cont .strength-grid.last li:last-child { border-top-right-radius: 5px; border-bottom-right-radius: 5px; }
.lead-field-group-cont .strength-rating-Cont .strength-grid ol { float: left; list-style: none; width: 100%; margin: 0; padding: 0; }
.lead-field-group-cont .strength-rating-Cont .strength-grid:last-child { padding-right: 0; }
.lead-field-group-cont .strength-rating-Cont .strength-grid ol li { width: 33.33%; height: 15px; float: left; margin: 0; padding: 0; background: #dedcda; border-right: 1px solid #ffffff; cursor: pointer; }
.lead-field-group-cont .strength-rating-Cont .strength-grid.first ol li.filled { background: #fac36d; }
.lead-field-group-cont .strength-rating-Cont .strength-grid.mid ol li.filled { background: #fdb038; }
.lead-field-group-cont .strength-rating-Cont .strength-grid.last ol li.filled { background: #fc7f05; }
.lead-field-group-cont .strength-rating-Cont .strength-grid span { font-weight: 400; font-size: 16px; color: #333333; position: relative; top: 7px; }

/* transaction cycle tab css */
.sheetboxmodual-Container { width: 100%; float: left; margin: 0; padding: 0 15px; text-align: center; }
.sheetboxmodual { width: 50%; display: inline-block; margin: 0 0 30px; padding: 0 15px; }
.sheetboxmodual .card { width: 100%; float: left; margin: 0; padding: 0; border-radius: 10px; }
.sheetboxmodual .card .card-head { background: #28B6F6; border-top-left-radius: 10px; border-top-right-radius: 10px; }
.sheetboxmodual .card-head.bg-opt1 { background: #28B6F6; }
.sheetboxmodual .card-head.bg-opt2 { background: #4CB050; }
.sheetboxmodual .card-head.bg-opt3 { background: #a3a1a2; }
.sheetboxmodual .card-head h1 { font-size: 20px; text-align: center; text-transform: uppercase; color: #ffffff; font-weight: normal; line-height: 24px; margin: 0; padding: 12px; }
.sheetboxmodual .card .card-body { padding: 0; }
.sheetboxmodual .func-grid { width: 25%; margin: 0; padding: 10px; float: left; border-right: 1px solid #e2e2e2; text-align: center; }
.sheetboxmodual .func-grid:last-child { border-right: 0; }
.sheetboxmodual .func-grid .icon-box { background: #ffffff; width: 60px; height: 60px; position: relative; display: inline-block; -moz-box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.4); -webkit-box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.4); box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.4); border-radius: 50%; }
.sheetboxmodual .func-grid .label { width: 100%; display: inline-block; margin: 5px 0; padding: 0; font-size: 20px; color: #828282; text-transform: uppercase; text-align: center; line-height: 24px; font-weight: 300; }
.sheetboxmodual .func-grid i { position: absolute; left: 0; right: 0; top: 50%; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); margin: auto; display: inline-block; }
.sheetboxmodual .func-grid .icon-box .buyer_icon_light_blue { background: url(../images/buyer_icon-light-blue.png) left top no-repeat; width: 31px; height: 34px; }
.sheetboxmodual .func-grid .icon-box .buyer_icon_light_green { background: url(../images/buyer_icon-light-green.png) left top no-repeat; width: 31px; height: 34px; }
.sheetboxmodual .func-grid .icon-box .buyer_icon_light_gray { background: url(../images/buyer_icon-light-gray.png) left top no-repeat; width: 31px; height: 34px; }
.sheetboxmodual .func-grid .icon-box .seller_icon_light_blue { background: url(../images/seller_icon-light-blue.png) left top no-repeat; width: 41px; height: 30px; }
.sheetboxmodual .func-grid .icon-box .seller_icon_light_green { background: url(../images/seller_icon-light-green.png) left top no-repeat; width: 41px; height: 30px; }
.sheetboxmodual .func-grid .icon-box .seller_icon_light_gray { background: url(../images/seller_icon-light-gray.png) left top no-repeat; width: 41px; height: 30px; }
.sheetboxmodual .func-grid .icon-box .tenant_icon_light_blue { background: url(../images/tenant_icon-light-blue.png) left top no-repeat; width: 38px; height: 38px; }
.sheetboxmodual .func-grid .icon-box .tenant_icon_light_green { background: url(../images/tenant_icon-light-green.png) left top no-repeat; width: 38px; height: 38px; }
.sheetboxmodual .func-grid .icon-box .tenant_icon_light_gray { background: url(../images/tenant_icon-light-gray.png) left top no-repeat; width: 38px; height: 38px; }
.sheetboxmodual .func-grid .icon-box .landlord_icon_light_blue { background: url(../images/landlord_icon-light-blue.png) left top no-repeat; width: 36px; height: 44px; }
.sheetboxmodual .func-grid .icon-box .landlord_icon_light_green { background: url(../images/landlord_icon-light-green.png) left top no-repeat; width: 36px; height: 44px; }
.sheetboxmodual .func-grid .icon-box .landlord_icon_light_gray { background: url(../images/landlord_icon-light-gray.png) left top no-repeat; width: 36px; height: 44px; }
.sheet-table-modualCont { width: 100%; float: left; margin: 0; padding: 0 15px; }
.sheet-table-modualCont table { width: 100%; float: left; margin: 0; padding: 0; border: 0; }
.sheet-table-modualCont table thead th { background: #6d91af; color: #ffffff; font-size: 18px; color: #ffffff; font-weight: normal; white-space: nowrap; }
.sheet-table-modualCont table tr th:first-child,
.sheet-table-modualCont table tr td:first-child { width: 40px; min-width: 40px; max-width: 40px; text-align: center; padding: 5px; }
.sheet-table-modualCont table tbody tr:nth-child(odd) td { background: #ffffff; }
.sheet-table-modualCont table tbody tr:nth-child(even) td { background: #f7f7f7; }
.sheet-table-modualCont table tr td,
.sheet-table-modualCont table tr th { padding: 5px 10px; border: 0; border-bottom: 1px solid #e2e2e2; }
.sheet-table-modualCont table tr td { font-size: 16px; color: #606060; }
.sheet-table-modualCont table tr td a { width: 100%; display: inline-block; }
.sheet-table-modualCont table tr td a.btn { width: 36px; border: 0; }
.sheet-table-modualCont table .checkbox { display: inline-block; height: 22px; margin: 0; padding: 0; position: relative; top: 7px; width: 22px; }
.sheet-table-modualCont.prop-table-modualCont table .checkbox { display: inline-block; height: 22px; margin: 0; position: relative; top: 9px; width: 22px; }
.sheet-table-modualCont table .checkbox label { margin: 0 !important; padding: 0; min-height: auto; line-height: normal; float: left; }
.sheet-table-modualCont table th.sorting .md-arrow-drop-up { display: inline-block; }
.sheet-table-modualCont table th.sorting .md-arrow-drop-down { display: none; }
.sheet-table-modualCont table th.sorting_asc .md-arrow-drop-up { display: none; }
.sheet-table-modualCont table th.sorting_asc .md-arrow-drop-down { display: inline-block; }
.sheet-table-modualCont table th.sorting_desc .md-arrow-drop-up { display: inline-block; }
.sheet-table-modualCont table th.sorting_desc .md-arrow-drop-down { display: none; }
.add-Custome-address { width: 100%; float: left; margin: 0; padding: 15px 15px 0; }
.add-Custome-address h3 { color: #333333; font-size: 16px; font-weight: normal; margin: 0; padding: 0 0 10px; }
.table-head-srch-block { width: auto; float: right; margin: 0; padding: 10px 15px 8px; }
.table-head-srch-block .srchbtn { border-radius: 50%; padding: 4.5px 12px; }
.table-head-srch-block .contact_srch_block { display: inline-block; margin: 0 5px; vertical-align: bottom; width: auto; height: 38px; }
.table-head-srch-block .contact_srch_field { float: left; }
.table-head-srch-block .contact_srch_field input.form-control { float: left; border-radius: 5px; }
.table-head-srch-block .navbar-search .btn { float: left; margin: 0; font-size: 18px; color: #8e8e8e; margin: 0; padding: 0; }
.table-head-srch-block .navbar-search .btn i { line-height: 26px; }
.table-head-srch-block .btn { background: #ffffff; margin: 0 5px; color: #8e8e8e; border: 0; }
.table-head-srch-block .btn:hover { background: #ffffff; }
.table-head-srch-block .addcycleBtn { font-size: 16px; line-height: 27px; }
.table-head-srch-block .addcycleBtn i { line-height: 17px !important; }
.table-head-srch-block .remcycleBtn { font-size: 15px; }
.table-head-srch-block .remcycleBtn i { line-height: 17px; }
.table-head-srch-block .viewBtn,
.table-head-srch-block .viewBtn:hover { background: url(../images/viewBtn_icon.png) center center no-repeat #ffffff; }
.append_condition_div { width: 100%; float: left; margin: 0 0 15px; padding: 0; position: relative; }
.append_condition_div .leftblk { width: 100%; float: left; margin: 0; padding: 15px; }
.append_condition_div .leftblk .label { font-size: 18px; color: #333333; text-align: left; width: 100%; display: inline-block; margin: 0; padding: 0; font-weight: normal; line-height: 24px; position: relative; top: 5px; white-space: pre-wrap; word-wrap: break-word; }
.append_condition_div .rightblk { width: 100%; float: left; margin: 0; padding: 15px; }
.append_condition_div .rightblk .stylishSel { width: 300px; float: left; margin: 0; }
.append_condition_div .rightblk .stylishSel .selectric { background: #ffffff; }
.append_condition_div .rightblk .stylishSel .selectric .label { font-size: 16px; color: #333333; font-weight: 300; }
.append_condition_div .rightblk .datepicker { width: 300px; }
.append_condition_div .rightblk .radio-btn { margin-top: 0; }
.append_condition_div .stylishSel.hoursSel { width: 130px; display: inline-block; padding: 5px 10px 5px 0; }
.append_condition_div .stylishSel.minSel { width: 130px; display: inline-block; padding: 5px 0px 5px 0; }
.append_condition_div .stylishSel.timeformateSel { width: 110px; display: inline-block; padding: 5px 0px 5px 10px; color: #fff; }
.append_condition_div .stylishSel.timeformateSel .selectric .label { color: #fff; }
.append_condition_div .stylishSel.timeformateSel .selectric { background: #799dbd; }
.append_condition_div .condition_div_left { width: 400px; float: left; margin: 0; padding: 0; }
.append_condition_div .condition_div_right { width: 400px; float: left; margin: 0; padding: 0; }
.custRadioCont3 { position: relative; }
.custRadioCont3 .radio-btn { display: inline-block; float: left; height: 40px; margin: 5px 15px 5px 0; position: relative; width: 60px; }
.custRadioCont3 .radio-btn label { background: #ffffff; -moz-box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.4); -webkit-box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.4); box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.4); color: #333333; cursor: pointer; display: inline-block; font-size: 16px; height: 100%; line-height: 40px; margin: 0; text-align: center; width: 100%; font-weight: 300; border-radius: 5px; }
.custRadioCont3 .radio-btn input[type="radio"] { left: 0; opacity: 0; position: absolute; top: 0; }
.custRadioCont3 .radio-btn input[type="radio"]:checked ~ label { background: #1b5586; color: #fff; }
.append_condition_div .timemaskdiv { width: 100%; display: inline-block; float: left; }
.append_condition_div .btn-close { position: absolute; right: 0; top: 15px; }
.append_condition_div .ifothercont { float: left; width: 300px; margin: 0 0px 0 15px; padding: 0; }
.rec-refral-left,
.rec-refral-right { position: relative; }
.time-frame-modual .form-field-block { min-height: auto !important; }
.time-frame-modual .time-frame-box-field { width: 100%; float: left; margin: 0; padding: 0 15px; }
.attach_file-typ_container { width: 100%; float: left; margin: 0; padding: 0; }
.attach_file-typ_container .attach_files_list { position: relative; width: 100%; float: left; margin: 0; padding: 20px 0 13px; border-bottom: 1px solid #e2e2e2; }
.attach_file-typ_container .attach_files_list img { margin-right: 15px; position: absolute; left: 0; top: 0; }
.attach_file-typ_container .attach_files_list a { position: relative; font-size: 16px; color: #333333; text-align: left; line-height: normal; font-weight: normal; text-decoration: none; padding: 15px 0 15px 50px; }
.attach_file-typ_container .attach_files_list .remove_attach_btn { background: rgba(0, 0, 0, 0) none repeat scroll 0 0 !important; border: 0 none !important; -moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none; color: #333333; position: absolute; right: 25px; text-align: center; top: 0px; }
.contact-full-name-align { max-width: 650px !important; }
.contact-full-name-align .fnln { max-width: 300px; margin-right: 15px; float: left; }
.contact-full-name-align .fnfl { width: auto; display: inline-block; margin-right: 15px; float: left; }

/* transaction cycle inactive state css */
.inactive_sheet .radio-color-styled .light-blue { background-color: #84888b; border-color: #84888b; }
.inactive_sheet .time-frame-modual .checkbox-styled:not(ie8) input ~ span::before,
.inactive_sheet .time-frame-modual .radio-styled:not(ie8) input ~ span::before { border-color: #84888b !important; }
.inactive_sheet .time-frame-modual .datepicker .datepicker-days table tr td.active::before { background-color: #84888b; border-color: #84888b; }
.inactive_sheet .time-frame-modual .datepicker .datepicker-months table tr td span.active::before { background-color: #84888b !important; border-color: #84888b; }
.inactive_sheet .custRadioCont .radio-btn label { background-color: #d4d8db; }
.inactive_sheet .custRadioCont .radio-btn input[type="radio"]:checked ~ label { background-color: #84888b !important; }
.inactive_sheet iframe .btn { background-color: #84888b !important; border-color: #84888b !important; }
.form-footer-section.inactive_sheet .btn-primary { background-color: #84888b !important; border-color: #84888b !important; }
.inactive_sheet form.dropzone .btn { background-color: #84888b !important; }
.inactive_sheet .rang-slide-field .slider.slider-horizontal .slider-track { background-color: #d4d8db; }
.inactive_sheet .rang-slide-field .slider-tick { background-color: #d4d8db; }
.inactive_sheet .rang-slide-field .slider-handle { background-color: #d4d8db; }
.inactive_sheet .rang-slide-field .slider.slider-horizontal .slider-track .tick-slider-selection { background-color: #84888b; }
.inactive_sheet .rang-slide-field .slider-tick.in-selection { background-color: #84888b; }
.inactive_sheet .rang-slide-field .slider-handle { background-color: #84888b; }

/* TO-DO PAGE CSS */
.todoactionMsgCont { width: 100%; float: left; margin: 0; padding: 0 40px; }
.default-tabbing-style .nav.grid33 li { width: 33.33%; display: inline-block; }
.to-do-section { float: left; margin: 0; padding: 25px; width: 100%; }
.to-do-cardCont { float: left; margin: 0; padding: 0; width: 100%; }
.to-do-cardCont .todoLeftblock { width: 400px; max-width: 40%; display: inline-block; float: left; padding: 0 15px; }
.to-do-cardCont .todoRightblock { width: 600px; max-width: 60%; display: inline-block; float: left; padding: 0 15px; }
.to-do-cardCont.default-tabbing-style > .card-head > .nav > li a { text-transform: inherit; }
.create-todoblock { width: 100%; float: left; margin: 0px; padding: 0 40px; }
.create-todoblock .form-field-block .form-control { padding-right: 50px; }
.create-todoblock h1 { font-family: 'Roboto', sans-serif; font-size: 16px; color: #205490; font-weight: normal; line-height: 20px; margin: 10px 0 0; padding: 0; text-transform: uppercase; }
.create-todoblock .input-group-content { position: relative; }
.create-todoblock .todoconfigBtn { background-color: transparent; position: absolute; right: -10px; top: 5px; z-index: 2; color: #2f5f97; font-size: 20px; -moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none; }
.create-todoblock .todoconfigBtn:hover { color: #2f5f97; }
.create-todoblock .todocreateBtn { font-size: 16px; border-radius: 5px !important; background: #30ad9b; border-color: #30ad9b; }
.create-todoblockContent { width: 1024px; max-width: 100%; float: left; margin: 0; padding: 0 25px; }
.todo-action-btn-group { width: 100%; float: left; margin: 0 0 25px; padding: 0 15px; }
.todo-action-btn-group .hand-shake-icon { background: url("../images/handshake_icon.png") no-repeat scroll left top; display: inline-block; height: 18px; margin: 0; padding: 0; position: relative; top: 5px; width: 25px; }
.todo-action-btn-group .to-do-btn-icon { background: url("../images/to_do_btn_icon.png") no-repeat scroll left top; display: inline-block; height: 17px; margin: 0; padding: 0; position: relative; top: 2px; width: 14px; }
.to-do-section .dateblock.inline-datepicker-Cont .append_condition_div { margin-bottom: 0; }
.to-do-cardCont .mutiselect-field-block .mutiselectBtn::after { right: 10px; }

/* todo followup button group css */
.todo-action-btn-group .followupBtn { background-color: transparent; border: 0; -moz-box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.4); -webkit-box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.4); box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.4); margin: 0 10px; padding: 0; border-radius: 5px; }
.todo-action-btn-group .followupBtn input[type="radio"] { opacity: 0; filter: alpha(opacity=0); position: absolute; left: 0; top: 0; }
.todo-action-btn-group .followupBtn span { background: #ffffff; margin: 0; font-size: 16px; line-height: 20px; color: #205490; padding: 10px 10px; text-transform: inherit; display: inline-block; }
.todo-action-btn-group .followupBtn input[type="radio"]:checked ~ span { background: #205490; color: #ffffff; }
.todo-action-btn-group .followupBtn input[type="radio"]:checked ~ span .hand-shake-icon { background: url("../images/handshake_hover_icon.png") no-repeat scroll left top; }
.todo-action-btn-group .followupBtn input[type="radio"]:checked ~ span .to-do-btn-icon { background: url("../images/to_do_btn_hover_icon.png") no-repeat scroll left top; }
.todo-action-btn-group .followupBtn i { margin-right: 5px; }
.todo-action-btn-group .followupBtn:first-child { margin-left: 0; }

/* todo importance button group css */
.importance_actBtn_group { width: 100%; float: left; margin: 0; padding: 0; }
.importanceBtn { background-color: transparent; border: 0; margin: 0 3px; padding: 0; border-radius: 5px; position: relative; }
.importanceBtn:hover { background-color: transparent; }
.importanceBtn:first-child { margin-left: 0; }
.importanceBtn span { margin: 0; font-size: 16px; line-height: 20px; color: #606060; padding: 10px 10px 10px 45px; text-transform: inherit; display: inline-block; }
.importanceBtn input[type="radio"] { opacity: 0; filter: alpha(opacity=0); position: absolute; left: 0; top: 0; }
.importanceBtn .urgentIcon { background: url(../images/urgent_icon.png) left top no-repeat; width: 29px; height: 29px; display: inline-block; position: absolute; top: 5px; left: 5px; margin-right: 10px; }
.importanceBtn .importantIcon { background: url(../images/important_icon.png) left top no-repeat; width: 29px; height: 29px; display: inline-block; position: absolute; top: 5px; left: 5px; margin-right: 10px; }
.importanceBtn .canwaitIcon { background: url(../images/can_wait_icon.png) left top no-repeat; width: 29px; height: 29px; display: inline-block; position: absolute; top: 5px; left: 5px; margin-right: 10px; }
.todosList .importanceBtn .canwaitIcon,
.todosList .importanceBtn .importantIcon,
.todosList .importanceBtn .urgentIcon { left: 0; }
.todosList .todoRightblock .importanceBtn .canwaitIcon,
.todosList .todoRightblock .importanceBtn .importantIcon,
.todosList .todoRightblock .importanceBtn .urgentIcon { left: 5px; }
.importanceBtn input[type="radio"]:checked ~ span { background: #205490; color: #ffffff; }

/* todo type button group css */
.type_btngroup { width: 100%; float: left; margin: 0; padding: 0; }
.type_btngroup .typeBtn { background-color: transparent; border: 0; margin: 0 10px; padding: 0; position: relative; text-align: center; width: 62px; }
.type_btngroup .typeBtn input[type="radio"] { opacity: 0; filter: alpha(opacity=0); position: absolute; left: 0; top: 0; }
.type_btngroup .typeBtn:hover { background-color: transparent; }
.type_btngroup .typeBtn:first-child { margin-left: 0; }
.type_btngroup .typeBtn i { background-color: transparent; border: 0; width: 100%; height: 50px; display: inline-block; margin: 0; padding: 0; text-align: center; line-height: 50px; color: #1b5586; }
.type_btngroup .typeBtn span { font-family: 'Roboto', sans-serif; font-size: 17px; line-height: 20px; color: #606060; font-weight: 300; float: left; width: 100%; }
.type_btngroup .typeBtn span span { display: inline-block; float: none; width: 100%; margin-top: 2px; }
.type_btngroup .typeBtn .custemail { background: url("../images/customeemail_icon.png") no-repeat center center; display: inline-block; float: left; }
.type_btngroup .typeBtn .smsIcon { background: url(../images/sms_icon.png) center center no-repeat; display: inline-block; float: left; }
.type_btngroup .typeBtn .hand-shake-icon { background: url("../images/handshake_icon.png") no-repeat center center; display: inline-block; margin: 0; padding: 0; }
.type_btngroup .typeBtn input[type="radio"]:checked ~ span i { background-color: #eeeeee; border-radius: 5px; }

/* mulstiselect css (do not use pre-added) */
button.mutiselectBtn,
.mutiselectBtn button { background: #ffffff; -moz-box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.4); -webkit-box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.4); box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.4); border-radius: 5px; -khtml-border-radius: 5px; font-weight: 100; color: #333333; font-size: 16px; text-align: left; width: 100% !important; border: 0; padding: 8px 35px 8px 10px; margin: 0; }
.mutiselect-field-block .mutiselectBtn button .ui-icon { display: none; }
.mutiselect-field-block { position: relative; min-height: inherit !important; }
.mutiselect-field-block.lsbtn:before { font-family: 'Material Design Iconic Font'; content: "\f05f"; color: #1b5586; position: absolute; top: 7px; font-size: 20px; }
.mutiselect-field-block.rtBtn:before { content: ""; background: url(../images/reason-to-ico.png) 10px top no-repeat; width: 24px; height: 18px; display: inline-block; position: absolute; top: 14px; }
.mutiselect-field-block.fcBtn:before { content: ""; background: url(../images/freq_comm_icon.png) 10px top no-repeat; width: 30px; height: 18px; display: inline-block; position: absolute; top: 14px; }
.mutiselect-field-block.lsbtn button.mutiselectBtn,
.mutiselect-field-block.rtBtn button.mutiselectBtn,
.mutiselect-field-block.fcBtn button.mutiselectBtn,
.mutiselect-field-block.religionsel button.mutiselectBtn,
.mutiselect-field-block.nationalitySel button.mutiselectBtn { padding-left: 45px; }
.mutiselect-field-block.prefcommSel button.mutiselectBtn { padding-left: 40px; }
.mutiselect-field-block .mutiselectBtn:after { font-family: 'Material Design Iconic Font'; content: "\f1b4"; color: #333333; position: absolute; right: 25px; top: 6px; font-size: 20px; }
.mutiselect-field-block.religionsel:before { content: ""; background: url(../images/relagion_icon.png) left top no-repeat; width: 24px; height: 23px; display: inline-block; margin: 0; padding: 0; position: absolute; left: 25px; top: 10px; }
.mutiselect-field-block.nationalitySel:before { font-family: 'Glyphicons Halflings'; content: "\e135"; font-size: 16px; color: #195587; width: 24px; height: 23px; display: inline-block; margin: 0; padding: 0; position: absolute; left: 25px; top: 8px; }
.mutiselect-field-block.prefcommSel:before { font-family: 'Material Design Iconic Font'; content: "\f0d5"; font-size: 16px; color: #195587; width: 24px; height: 23px; display: inline-block; margin: 0; padding: 0; position: absolute; left: 25px; top: 8px; }
.propertymultiselect { position: relative; margin: 15px 0 0; }
.propertymultiselect .mutiselectBtn:after { right: 10px; }
.propertymultiselect .dropdown-menu { margin: 0 !important; width: 100% !important; }

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

/* date picker css (do not use pre-added)*/
.inline-datepicker-Cont .datepicker { width: 300px; max-width: 100%; float: left; margin: 0; padding: 0; -moz-box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.4); -webkit-box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.4); box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.4); border-radius: 5px; }
.inline-datepicker-Cont .datepicker { margin: 0; max-width: 100%; padding: 10px; line-height: 18px; }
.inline-datepicker-Cont .datepicker table { width: 100%; }
.inline-datepicker-Cont .datepicker table tr th,
.inline-datepicker-Cont .datepicker table tr td { text-align: center; }
.inline-datepicker-Cont .datepicker table tr th { color: #333333 !important; opacity: 1 !important; }
.inline-datepicker-Cont .datepicker table tr td:hover { background: none !important; }
.inline-datepicker-Cont .datepicker .datepicker-days table tr td.today:hover { color: #000000 !important; }
.inline-datepicker-Cont .datepicker .datepicker-days table tr td.today.active { color: #ffffff !important; }
.inline-datepicker-Cont .datepicker .datepicker-days table tr td.today:after { border: 0; }
.inline-datepicker-Cont .datepicker .datepicker-days table tr td.today:before { border: thin solid #c1c1c1; border-radius: 50%; content: ""; display: inline-block; height: 30px; left: 50%; margin-left: -15px; position: absolute; top: 0; width: 30px; }
.inline-datepicker-Cont .datepicker .datepicker-days table tr td:hover:before { content: ""; position: absolute; left: 50%; margin-left: -15px; top: 0; width: 30px; height: 30px; display: inline-block; border: thin solid #c1c1c1; border-radius: 50%; }
.inline-datepicker-Cont .datepicker .datepicker-days table tr td.disabled:hover:before,
.time-frame-modual .datepicker .datepicker-days table tr td.new:hover:before { content: ""; border: 0; }
.inline-datepicker-Cont .datepicker .datepicker-days table tr td.active { background: none; text-shadow: none; color: #ffffff; }
.inline-datepicker-Cont .datepicker .datepicker-days table tr td.active:before { content: ""; background: #fe9c33; position: absolute; left: 50%; margin-left: -15px; top: 0; width: 30px; height: 30px; display: inline-block; border: thin solid #fe9c33; border-radius: 50%; z-index: -1; }
.inline-datepicker-Cont .datepicker .datepicker-days table tr td { position: relative; z-index: 2; background-color: transparent; }
.inline-datepicker-Cont .datepicker .datepicker-months table tr td span { font-family: 'Roboto', sans-serif; font-size: 14px; color: #333333; font-weight: 300; text-transform: uppercase; position: relative; line-height: 50px; }
.inline-datepicker-Cont .datepicker .datepicker-months table tr td span.disabled { color: #999999; }
.inline-datepicker-Cont .datepicker .datepicker-months table tr td span:hover { background: none; }
.inline-datepicker-Cont .datepicker .datepicker-months table tr td span:hover:before { content: ""; position: absolute; left: 0; right: 0; margin: auto; top: 0; width: 50px; height: 50px; display: inline-block; border: thin solid #c1c1c1; border-radius: 50%; }
.inline-datepicker-Cont .datepicker .datepicker-months table tr td span.disabled:hover:before { content: ""; border: 0; }
.inline-datepicker-Cont .datepicker .datepicker-months table tr td span.active { background: none !important; text-shadow: none; z-index: 2; }
.inline-datepicker-Cont .datepicker .datepicker-months table tr td span.active:before { content: ""; background: #fe9c33 !important; position: absolute; left: 0; right: 0; margin: auto; top: 0; width: 50px; height: 50px; display: inline-block; border: thin solid #fe9c33; border-radius: 50%; z-index: -1; }
.inline-datepicker-Cont .datepicker .datepicker-years table tr td span { font-family: 'Roboto', sans-serif; font-size: 14px; color: #333333; font-weight: 300; text-transform: uppercase; position: relative; line-height: 50px; }
.inline-datepicker-Cont .datepicker .datepicker-years table tr td span.disabled { color: #999999; }
.inline-datepicker-Cont .datepicker .datepicker-years table tr td span:hover { background: none; }
.inline-datepicker-Cont .datepicker .datepicker-years table tr td span:hover:before { content: ""; position: absolute; left: 0; right: 0; margin: auto; top: 0; width: 50px; height: 50px; display: inline-block; border: thin solid #c1c1c1; border-radius: 50%; }
.inline-datepicker-Cont .datepicker .datepicker-years table tr td span.disabled:hover:before { content: ""; border: 0; }
.inline-datepicker-Cont .datepicker .datepicker-years table tr td span.active { background: none !important; text-shadow: none; z-index: 2; }
.inline-datepicker-Cont .datepicker .datepicker-years table tr td span.active:before { content: ""; background: #fe9c33 !important; position: absolute; left: 0; right: 0; margin: auto; top: 0; width: 50px; height: 50px; display: inline-block; border: thin solid #fe9c33; border-radius: 50%; z-index: -1; }
.inline-datepicker-Cont .datepicker table tr td,
.time-frame-modual .datepicker table tr th { position: relative; width: auto; height: 30px; font-family: 'Roboto', sans-serif; font-size: 14px; color: #333333; font-weight: 300; text-transform: uppercase; }
.inline-datepicker-Cont .datepicker table tr td i,
.time-frame-modual .datepicker table tr th i { margin: 0; }
.datepicker-dropdown { width: 300px; max-width: 100%; float: left; margin: 0; padding: 10px; -moz-box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.4); -webkit-box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.4); box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.4); border-radius: 5px; }
.datepicker-dropdown table { width: 100%; }
.datepicker-dropdown table tr th,
.datepicker-dropdown table tr td { text-align: center; line-height: 18px; }
.datepicker-dropdown table tr th { color: #333333 !important; opacity: 1 !important; }
.datepicker-dropdown table tr td:hover { background: none !important; }
.datepicker-dropdown .datepicker-days table tr td.today:after { border: 0; }
.datepicker-dropdown .datepicker-days table tr td.today:before { border: thin solid #c1c1c1; border-radius: 50%; content: ""; display: inline-block; height: 30px; left: 50%; margin-left: -15px; position: absolute; top: 0; width: 30px; }
.datepicker-dropdown .datepicker-days table tr td:hover:before { content: ""; position: absolute; left: 50%; margin-left: -15px; top: 0; width: 30px; height: 30px; display: inline-block; border: thin solid #c1c1c1; border-radius: 50%; }
.datepicker-dropdown .datepicker-days table tr td.disabled:hover:before,
.datepicker-dropdown .datepicker-days table tr td.new:hover:before { content: ""; border: 0; }
.datepicker-dropdown .datepicker-days table tr td.active { background: none; text-shadow: none; }
.datepicker-dropdown .datepicker-days table tr td.active:before { content: ""; background: #fe9c33; position: absolute; left: 50%; margin-left: -15px; top: 0; width: 30px; height: 30px; display: inline-block; border: thin solid #fe9c33; border-radius: 50%; z-index: -1; }
.datepicker-dropdown .datepicker-days table tr td { position: relative; z-index: 2; background-color: transparent; }
.datepicker-dropdown .datepicker-days table tr td,
.datepicker-dropdown .datepicker-days table tr th { position: relative; width: auto; height: 30px; font-family: 'Roboto', sans-serif; font-size: 14px; color: #333333; font-weight: 300; text-transform: uppercase; }
.datepicker-dropdown table tr td.active:active,
.datepicker-dropdown table tr td.active:hover:active,
.datepicker-dropdown table tr td.active.disabled:active,
.datepicker-dropdown table tr td.active.disabled:hover:active,
.datepicker-dropdown table tr td.active.active,
.datepicker-dropdown table tr td.active.active:hover,
.datepicker-dropdown table tr td.active.disabled.active,
.datepicker-dropdown table tr td.active.disabled.active:hover { color: #ffffff; }

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

/* time frame css (do not use pre-added) */
.append_condition_div .stylishSel.hoursSel { display: inline-block; padding: 5px 10px 5px 0; width: 90px; }
.append_condition_div .stylishSel.hoursSel .selectric:after { content: ""; background: url(../images/selec-arrowIcon.png) right center no-repeat; width: 10px; height: 6px; display: inline-block; position: absolute; right: 11px; top: 17px; }
.append_condition_div .stylishSel.minSel { display: inline-block; padding: 5px 0; width: 93px; }
.append_condition_div .stylishSel.minSel .selectric:after { content: ""; background: url(../images/selec-arrowIcon.png) right center no-repeat; width: 10px; height: 6px; display: inline-block; position: absolute; right: 11px; top: 17px; }
.append_condition_div .stylishSel.timeformateSel { color: #ffffff; display: inline-block; padding: 5px 0 5px 10px; width: 80px; }
.append_condition_div .stylishSel.timeformateSel .selectric .label { color: #ffffff; }
.append_condition_div .stylishSel.timeformateSel .selectric { background: #799dbd; }
.append_condition_div .stylishSel.timeformateSel .selectric:after { content: ""; background: url(../images/selec-arrowIcon_white.png) right center no-repeat; width: 10px; height: 6px; display: inline-block; position: absolute; right: 11px; top: 17px; }
.append_condition_div .stylishSel .selectric .button:after { border: 0; }
.append_condition_div .stylishSel .selectric .label { margin-left: 0; font-family: 'Roboto', sans-serif; font-size: 15px; color: #333333; font-weight: 100; padding-right: 0; }

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

/* todo form style css*/
.todo-form-style { width: 100%; float: left; }
.todo-form-style.default-form-style .title-label { padding: 0 0 15px; }
.todo-form-style.default-form-style .title-label span { margin: 0 15px 0 0; }
.todo-form-style.default-form-style .form-field-block { float: left; margin: 0 0 25px; padding: 0 15px; width: 100%; }
.todo-form-style.default-form-style .form-field-block .title-label { font-family: 'Roboto', sans-serif; font-size: 16px; color: #205490; font-weight: normal; line-height: 20px; text-transform: uppercase; }
.todo-form-style.default-form-style .form-field-block .title-label .contact_group_icon { background: url("../images/contact_group_icon.png") no-repeat scroll left top; display: inline-block; height: 21px; margin: 0 15px 0 0; position: relative; top: 5px; width: 38px; }
.todo-form-style.default-form-style .form-field-block .title-label .user_icon { background: url("../images/user_icon.png") no-repeat scroll left top; display: inline-block; height: 20px; margin: 0 15px 0 0; position: relative; top: 5px; width: 19px; }
.todo-form-style.default-form-style .form-field-block .title-label .importance_icon { background: url("../images/importance_icon.png") no-repeat scroll left top; display: inline-block; height: 21px; margin: 0 15px 0 0; position: relative; top: 5px; width: 14px; }
.todo-form-style.default-form-style .form-field-block .title-label .date-picker-icon { background: url("../images/date-picker-icon.png") no-repeat scroll left top; display: inline-block; height: 24px; margin: 0 15px 0 0; position: relative; top: 5px; width: 21px; }
.todo-form-style.default-form-style .form-field-block .title-label i { font-size: 24px; position: relative; top: -5px; margin-right: 15px; }
.todo-form-style.default-form-style .mutiselect-field-block { width: 300px; max-width: 100%; }
.todo-form-style.default-form-style .mutiselect-field-block .multiselect-container { width: 100%; margin: 0 !important; padding: 0; }
.todoschedule_field-block .input-group-content { width: 300px; max-width: 100%; display: inline-block; }
.todoschedule_field-block .todoapplyBtn { background: #30af9a; border-color: #30af9a; font-size: 16px; font-weight: normal; border-radius: 5px; margin: 5px; }
.todoschedule_field-block .todoresetBtn { background-color: #e5e6e6; border-color: #e5e6e6; color: #313534; font-size: 16px; font-weight: normal; border-radius: 5px; 5px; margin: 5px; }

/* todo additional contact card css */
.additional_selCont_card_list { width: 100%; float: left; margin: 0; padding: 0 0px; }
.additional_selCont_card_list .additional_selCont_card:last-child { margin-bottom: 0; }
.additional_selCont_card_list.contact_append_div .additional_selCont_card:first-child { margin-top: 15px; }
.additional_selCont_card_list.user_append_div .additional_selCont_card:last-child { margin-bottom: 15px; }
.additional_selCont_card_list.user_append_div .additional_selCont_card:first-child { margin-top: 15px; }
.additional_selCont_card { width: 300px; min-height: 90px; max-width: 100%; float: left; margin: 0 15px 15px 0; padding: 10px 10px 8px; -moz-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.4); -webkit-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.4); box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.4); border-radius: 3px; position: relative; }
.additional_selCont_card .usrAvt { width: 60px; height: 60px; display: inline-block; margin: 0 10px 0 0; padding: 0; }
.additional_selCont_card .usrAvt img { width: 100%; height: 100%; border-radius: 50%; }
.additional_selCont_card .usrAvt .default-usr-pro-block { background: #ffffff; border: thin solid #e0e0e0; float: left; display: inline-block; height: 60px; position: relative; text-align: center; width: 60px; border-radius: 50%; }
.additional_selCont_card .usrAvt .default-usr-pro-block .fname-letter { color: #1b5586; display: inline-block; font-family: "Lobster1.4"; font-size: 30px; font-weight: normal; left: 0; margin: auto; position: absolute; right: 0; text-transform: uppercase; top: 50%; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); }
.additional_selCont_card .removeBtn { background: transparent; color: #7f797b; font-size: 17px; position: absolute; right: 5px; top: 0; }
.additional_selCont_card .removeBtn:hover { background: transparent; }
.additional_selCont_card .user-title { width: 100%; }
.additional_selCont_card .user-title a { font-family: 'Roboto', sans-serif; font-size: 16px; color: #205490; text-decoration: none; line-height: 16px; }
.additional_selCont_card .user-connect { width: 100%; padding-left: 70px; }
.additional_selCont_card .user-connect .userconnlist { width: 100%; }
.additional_selCont_card .user-connect .userconnlist a { font-family: 'Roboto', sans-serif; font-size: 16px; color: #606060; font-weight: normal; line-height: normal; margin: 0; padding: 0; text-decoration: none; }

/* todo custome inline datepicker css */
.dateblock.inline-datepicker-Cont { float: left; -moz-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.4); -webkit-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.4); box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.4); border-radius: 5px; }
.dateblock.inline-datepicker-Cont .datepicker { -moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none; border: 0; }
.dateblock.inline-datepicker-Cont .append_condition_div { width: 300px; max-width: 100%; float: left; border-top: 1px solid #d6d6d6; padding: 0 15px; }
.dateblock .stylishSel .selectric { background: #ffffff; }

/* todo reminder field block css */
.reminder_field_block { width: 100%; float: left; margin: 0; padding: 0; }
.reminder_field_block span { display: inline-block; margin: 0; font-family: 'Roboto', sans-serif; font-size: 17px; color: #333333; font-weight: 100; vertical-align: middle; }
.reminder_field_block .form-group { width: 80px; display: inline-block; margin: 0 15px; padding: 0; vertical-align: bottom; }
.reminder_field_block .form-group input[type="text"] { font-family: 'Roboto', sans-serif; font-size: 17px; color: #333333; font-weight: 100; text-align: center; }
.reminder_field_block textarea { border-radius: 0; resize: none; }
.reminder_field_block .stylishSel .selectric { background: #ffffff; }
.reminder_field_block .stylishSel.hoursSel { width: 110px; display: inline-block; margin: 0; vertical-align: bottom; }
.reminder_field_block .stylishSel.hoursSel .selectric { border: 1px solid #e2e2e2; -moz-box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.08); -webkit-box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.08); box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.08); }
.reminder_field_block .stylishSel.hoursSel .selectric:after { content: ""; background: url(../images/selec-arrowIcon.png) right center no-repeat; width: 10px; height: 6px; display: inline-block; position: absolute; right: 11px; top: 17px; }
.reminder_field_block .stylishSel.hoursSel .selectric .button:after { border: 0; }
.reminder_field_block .stylishSel.hoursSel .selectric .label { font-family: 'Roboto', sans-serif; font-size: 17px; color: #333333; font-weight: 100; line-height: 30px; margin-left: 0; margin-right: 20px; }

/* todo cancel/reschedule/complete module css */
.addtodomodule { }
.todocancelmodule { width: 100%; float: left; margin: 15px 0 0; padding: 15px 0; border-top: 1px solid #cdcccc; }
.todocancelmodule .fieldrow { width: 100%; float: left; margin: 10px 0; padding: 0; }
.todocancelmodule .fieldrow .leftblk { width: auto; max-width: 100%; display: inline-block; vertical-align: top; float: left; }
.todocancelmodule .fieldrow .rightblk { width: auto; max-width: 100%; display: inline-block; vertical-align: top; float: left; }
.todocancelmodule .fieldrow label.label { color: #333333; display: inline-block; font-size: 17px; font-weight: 100; line-height: 24px; margin: 0; padding: 10px 50px 10px 0; text-align: left; width: auto; }
.todocancelmodule .fieldrow .regular-form-control { width: 435px; max-width: 100%; -moz-box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.08); -webkit-box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.08); box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.08); padding: 5px; border: 1px solid #e2e2e2 !important; border-radius: 5px; font-size: 16px; color: #908f8f; font-weight: normal; }
.todocancelmodule .custRadioCont3 { width: 100%; margin: 0; padding: 0; float: left; }
.todocancelmodule .custRadioCont3 .radio-btn { margin-top: 0; margin-bottom: 0; }
.todocancelmodule .custRadioCont3 .radio-btn label { -moz-box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.08); -webkit-box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.08); box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.08); border: 1px solid #e2e2e2; font-size: 17px; color: #1b5586; font-weight: 300; line-height: 39px; }
.todocancelmodule .custRadioCont3 .radio-btn input[type="radio"]:checked ~ label { background: #eeeeee; color: #1b5586; }
.todocancelmodule .create-todoblock { padding: 0; }
.todocancelmodule .create-todoblock h1 { color: #606060; }
.todocancelmodule .form-footer-section { width: 100%; float: left; margin: 0; padding: 0; }
.todocancelmodule .form-footer-section button.btn-primary { background: #1b5586; border-color: #1b5586; font-size: 16px; color: #ffffff; font-weight: normal; border-radius: 5px; padding: 5px 20px; margin: 5px; }
.todocancelmodule .form-footer-section button.btn-default { background: #ffffff; border-color: #ffffff; font-size: 16px; color: #606060; font-weight: normal; border-radius: 5px; padding: 5px 20px; margin: 5px; }

/* todo list comment section css */
.todosList_Cont { width: 100%; float: left; margin: 0; padding: 0; }
.todosList_Cont .todosList { width: 100%; padding: 10px 40px; float: left; display: inline-block; border-bottom: #e2e2e2 solid 2px; }
.todosList_Cont .todosList:last-child { border-bottom: none; }
.todosList_Cont .todosList .importance_actBtn_group { margin: 5px 0px 8px; }
.todosList_Cont .todosList .importance_actBtn_group.important_main_div i { left: 0; }
.todosList_Cont .todosList .importance_actBtn_group span { color: #205490; font-size: 18px; }
.todosList_Cont .todosList .mainblock { position: relative; margin: 0 0 13px 0; display: inline-block; width: 100%; }
.todosList_Cont .todosList .mainblock .toolicons { width: 103px; float: left; display: inline-block; padding-right: 15px; }
.todosList_Cont .todosList .mainblock.single .toolicons { width: 50px; float: left; display: inline-block; padding-right: 15px; }
.todosList_Cont .todosList .mainblock .toolicons .todocase { background: url(../images/circlen_icon.png) left top no-repeat; width: 19px; height: 18px; margin-right: 8px; top: -2px; position: relative; display: inline; border: none }
.todosList_Cont .todosList .mainblock .toolicons .todoActcase { background: url(../images/rightsign_icon.png) left top no-repeat; width: 19px; height: 18px; margin-right: 8px; top: -2px; position: relative; border: none }
.todosList_Cont .todosList .mainblock .toolicons .todocancel_icon { background: url(../images/block_icon.png) left top no-repeat; width: 19px; height: 18px; margin-right: 8px; top: -2px; position: relative; border: none }
.todosList_Cont .todosList .mainblock .toolicons .todoreschdule_icon { background: url(../images/timeline_icon.png) left top no-repeat; width: 19px; height: 18px; margin-right: 8px; top: -2px; position: relative; border: none }
.todosList_Cont .todosList .mainblock .toolicons .todoreschdule_icon.scheduled { background: url(../images/timeline_icon_gray.png) left top no-repeat; width: 19px; height: 18px; margin-right: 8px; top: -2px; position: relative; border: none }
.todosList_Cont .todosList .mainblock .todocommActbtngroup { width: 85px; display: inline-block; position: absolute; right: 0; top: 0; }
.todosList_Cont .todosList .mainblock .todocommActbtngroup .togglebtn { background-color: transparent; background-image: url(../images/toggleBtn-icon.png); background-position: center center; background-repeat: no-repeat; display: inline-block; margin: 0 5px; width: 30px; height: 30px; }
.todosList_Cont .todosList .mainblock .todocommActbtngroup .togglebtn.close_class { transform: rotate(90deg); }
.todosList_Cont .todosList .mainblock .todocommActbtngroup .removeBtn { background-color: transparent; background-image: url(../images/closebtn.png); background-position: center center; background-repeat: no-repeat; display: inline-block; margin: 0 5px; width: 30px; height: 30px; }
.todosList_Cont .todosList .mainblock .user_coment { float: left; width: -moz-calc(100% - 103px); width: -webkit-calc(100% - 103px); width: calc(100% - 103px); display: inline-block; margin: 0; padding: 0 85px 0 0; }
.todosList_Cont .todosList .mainblock.single .user_coment { float: left; width: -moz-calc(100% - 65px); width: -webkit-calc(100% - 65px); width: calc(100% - 65px); display: inline-block; margin: 0; padding: 0 85px 0 0; }
.todosList_Cont .todosList .mainblock .user_coment p { font-family: 'Roboto', sans-serif; font-size: 17px; color: #606060; margin-bottom: 5px; font-weight: normal; line-height: 24px; }
.todosList_Cont .todosList .mainblock .user_coment .todo-created-date { display: inline-block; margin: 0 20px 0 0; padding: 0; font-style: italic; font-weight: 300; }
.todosList_Cont .todosList .mainblock .user_coment .todo-created-date,
.todosList_Cont .todosList .mainblock .user_coment .todo-completed-date { font-family: 'Roboto', sans-serif; color: #205490; font-size: 15px; font-style: italic; }
.todosList_Cont .todosList .mainblock .user_coment .todo-completed-date { display: inline-block; margin: 0 0 0 20px; padding: 0; font-style: italic; }
.todosList_Cont .todosList .mainblock .user_coment .normaltxt { font-size: 17px; color: #333333; text-decoration: none; border-bottom: 1px solid #333333; }
.todosList_Cont .todosList .mainblock .user_coment .todotypetxt { font-size: 17px; color: #333333; text-decoration: none; border-bottom: 1px solid #333333; }
.todosList_Cont .todosList .mainblock .user_coment .followtxt { color: #205490; font-size: 17px; text-decoration: none; border-bottom: 1px solid #205490; }
.todosList_Cont .todosList .mainblock .user_coment .date-time-txt { font-size: 17px; color: #333333; text-decoration: none; border-bottom: 1px solid #333333; }
.todosList_Cont .todosList .mainblock .user_coment .todocattxt-ungroup { font-size: 17px; text-decoration: none; color: #23566e; border-bottom: 0; }
.todosList_Cont .todosList .mainblock .user_coment .todocattxt-canwait { font-size: 17px; text-decoration: none; color: #039be5; border-bottom: 0; }
.todosList_Cont .todosList .mainblock .user_coment .todocattxt-imp { font-size: 17px; text-decoration: none; color: #4caf50; border-bottom: 0; }
.todosList_Cont .todosList .mainblock .user_coment .todocattxt { font-size: 17px; text-decoration: none; color: #ff5722; border-bottom: 0; }
.todosList_Cont .todo-re-schedule-panel-group { width: 100%; float: left; margin: 0; padding: 0; }
.todosList_Cont .todo-re-schedule-panel-group .panel-list-Cont { width: 100%; float: left; margin: 0; padding: 0; -moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none; }
.todosList_Cont .todo-re-schedule-panel-group .panel-list-Cont .panel-list-head { width: 100%; float: left; margin: 0; padding: 0; }
.todosList_Cont .todo-re-schedule-panel-group .panel-list-Cont .panel-list-body { width: 100%; float: left; margin: 0; padding: 0; }
.todosList_Cont .todo-re-schedule-panel-group .panel-list-Cont .panel-list-head strong { font-size: 17px; color: #205490; margin: 0 0 0 0; font-weight: normal; cursor: pointer; border-bottom: 1px solid #8096b7; }
.todosList_Cont .todo-re-schedule-panel-group .panel-list-Cont .panel-list-head .btn { background: transparent; color: #205490; font-size: 18px; line-height: 33px; margin: 0px; border: 0; position: relative; top: -2px; }
.todosList_Cont .todo-re-schedule-panel-group .panel-list-Cont .panel-list-head .btn .fa { line-height: normal; }
.todosList_Cont .todo-re-schedule-panel-group .panel-list-Cont .panel-list-head .btn .fa { transform: rotate(-180deg); }
.todosList_Cont .todo-re-schedule-panel-group .panel-list-Cont .collapsed .btn .fa { transform: rotate(0deg); }
.todosList_Cont .todo-re-schedule-panel-group .panel-list-Cont .panel-list-body { width: 100%; float: left; margin: 15px 0; padding: 0; }
.todosList_Cont .todo-re-schedule-panel-group .panel-list-Cont .panel-list-body .todoActreasonblock { width: 100%; max-width: 100%; float: left; margin: 0 0 15px 0; padding: 0; }
.todosList_Cont .todo-re-schedule-panel-group .panel-list-Cont .panel-list-body .todoActreasonblock h4 { font-family: 'Roboto', sans-serif; font-weight: 300; font-size: 17px; line-height: 25px; margin-bottom: 8px }
.todosList_Cont .todo-re-schedule-panel-group .panel-list-Cont .panel-list-body .todoActreasonblock .todorestag { width: 100%; display: inline-block; border-radius: 3px; -moz-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.4); -webkit-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.4); box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.4); padding: 12px 20px; font-weight: 300; font-size: 17px; line-height: 25px; }
.todosList_Cont .todo-re-schedule-panel-group .todo-created-date { margin: 0; }
.todosList_Cont .todoActreasonblock .todorestag { width: 100%; display: inline-block; border-radius: 3px; -moz-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.4); -webkit-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.4); box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.4); padding: 12px 20px; font-weight: 300; font-size: 17px; line-height: 25px; } .todoActreasonblock { width: 100%; max-width: 100%; float: left; margin: 0 0 15px 0; padding: 0; }
.todosList_Cont .todoActreasonblock h4 { font-family: 'Roboto', sans-serif; font-weight: 300; font-size: 17px; line-height: 25px; margin-bottom: 8px }
.todosList_Cont .todoActreasonblock .todorestag { width: 100%; display: inline-block; border-radius: 3px; -moz-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.4); -webkit-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.4); box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.4); padding: 12px 20px; font-weight: 300; font-size: 17px; line-height: 25px; }
.todosList_Cont .todosList .ungrouped { background: url(../images/ungrouped_icon.png) left top no-repeat; width: 29px; height: 29px; display: inline-block; position: absolute; top: 5px; left: 0px; margin-right: 10px; }
.todosList_Cont .card-footer { float: left; margin: 0; padding: 10px; text-align: center; width: 100%; border-bottom: #e2e2e2 solid 2px; }
.todosList_Cont .card-footer .view_more_todo { background: rgba(0, 0, 0, 0) none repeat scroll 0 0; border: 0 none; color: #13718d; display: inline-block; font-size: 20px; margin: 0; padding: 5px 25px; text-align: center; text-transform: uppercase; width: auto; }
.todosList_Cont .todosList:first-child { border-top: 2px solid #e2e2e2; }
.todosList_Cont .card-footer:last-child { border-bottom: 0; }
.todosList_Cont .footer_pagination,
.footer_pagination { width: 100%; float: left; margin: 0; padding: 10px 0; text-align: center; }
.todosList_Cont .footer_pagination .dataTables_paginate { width: auto; display: inline-block; }
.todosList_Cont .footer_pagination .dataTables_paginate ul,
.footer_pagination ul { margin: 0; padding: 0; }
.todosList_Cont .footer_pagination .pagination > li:first-child a,
.footer_pagination .pagination > li:first-child a { border-left: 0; color: #1b5586; }
.footer_pagination .pagination > li a span { color: #1b5586; }
.todosList_Cont .footer_pagination .pagination > li:first-child a i,
.footer_pagination .pagination > li:first-child a i { position: relative; left: -5px; }
.footer_pagination .pagination > li a span i { position: relative; left: -5px; }
.todosList_Cont .footer_pagination .pagination > li:last-child a,
.footer_pagination .pagination > li:last-child a { border-right: 0; color: #1b5586; }
.footer_pagination .pagination > li a span { color: #1b5586; }
.todosList_Cont .footer_pagination .pagination > li:last-child a i.rotate,
.footer_pagination .pagination > li:last-child a i.rotate { position: relative; right: -5px; transform: rotate(-180deg); }
.footer_pagination .pagination > li a span i.rotate { position: relative; right: -5px; transform: rotate(-180deg); left: inherit; }
.todosList_Cont .footer_pagination .pagination > li > a,
.footer_pagination .pagination > li > a { border-bottom: 0; border-top: 0; color: #999999; }
.todosList_Cont .footer_pagination .pagination > li.active a,
.footer_pagination .pagination > li.active a { background: #E5E6E6; border-right: 0; border-left: 0; }
.todosList_Cont .panel-groupCont { width: 100%; float: left; margin: 0; padding: 0; }
.todosList_Cont .panel-groupCont .todosList { width: 100%; float: left; margin: 0; padding: 0; }
.panel-groupCont { width: 100%; margin: 0; padding: 0; float: left: }
.panel-groupCont .todoschedulepanel-list { width: 100%; float: left; margin: 0 !important; padding: 0; -moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none; border: 0; border-bottom: 2px solid #e2e2e2; }
.panel-groupCont .todoschedulepanel-list.last { border-bottom: 0;  }
.panel-groupCont .todoschedulepanel-list .todoschedulepanel-list-head { width: 100%; float: left; margin: 0; padding: 0; position: position:relative; }
.panel-groupCont .todoschedulepanel-list .todoschedulepanel-list-head .heading { width: 100%; float: left; margin: 0; padding: 25px 40px 19px; }
.panel-groupCont .todoschedulepanel-list .todoschedulepanel-list-head .heading strong { color: #205490; font-family: "Roboto", sans-serif; font-size: 16px; font-weight: normal; line-height: 20px; margin: 0; padding: 0; text-transform: uppercase; }
.panel-groupCont .todoschedulepanel-list .todoschedulepanel-list-head .heading strong span { color: #30AF9A; }
.panel-groupCont .todoschedulepanel-list .todoschedulepanel-list-head .toggleBtn { margin-top: -6px; background-color: rgba(0, 0, 0, 0); background-image: url("../images/toggleBtn-icon.png"); background-position: center center; background-repeat: no-repeat; display: inline-block; height: 30px; width: 30px; }
.panel-groupCont .todoschedulepanel-list .todoschedulepanel-list-body { width: 100%; float: left; margin: 0; padding: 0px 40px; }
.panel-groupCont .todoschedulepanel-list .todoschedulepanel-list-body .todocommActbtngroup .removeBtn { margin: 0; }
.panel-groupCont .norecordemsg { width: 96%; background: #f1f1f1; text-align: center; margin: 2%; padding: 15px; font-size: 14px; }

/* Organize Module BEGIN ORGANIZE MANAGE PEOPLE */
.manage-touchpoints-section { margin-top: 40px; }
.manage-touchpoints-section .title { color: #fff; font-size: 16px; margin: 0; padding: 26px 0 26px 40px; text-transform: uppercase; }
.manage-touchpoints-section .touchpoints_main_card { margin-bottom: 10px; }
.manage-touchpoints-section .reminder_field_block .stylishSel.hoursSel { width: 120px; }
.manage-touchpoints-section .reminder_field_block .stylishSel.hoursSel .selectric { background: #ffffff; }
.manage-touchpoints-section .touchpoints_main_card .touchpoints_inner_card { padding: 10px 25px 0; -moz-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.20); -webkit-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.20); box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.20); }
.manage-touchpoints-section .manage-touchpoints { width: 100%; float: left; margin: 0; padding: 0; }
.manage-touchpoints-section .manage-touchpoints  .touch_point_cont { font-size: 16px; background: #ffffff; border-radius: 5px; -moz-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.20); -webkit-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.20); box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.20); display: inline-block; line-height: 30px; margin: 18px 5px 20px 0; padding: 5px 10px; width: 100%; }
.manage-touchpoints-section .manage-touchpoints h1 { color: #205490; font-size: 16px; font-weight: 500; line-height: 24px; margin: 0; padding: 0; text-transform: uppercase; }
.manage-touchpoints-section .manage-touchpoints i { font-weight: 500; }
.manage-touchpoints-section .tools .btn { width: 35px; height: 35px; line-height: 32px; margin-left: 14px; border-radius: 999px !important; -moz-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.40); -webkit-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.40); box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.40); font-size: 14px; padding: 0; transition: box-shadow 0.15s ease-out 0s; }
.manage-touchpoints-section .tools .btn:hover { color: #ffffff; }
.manage-touchpoints-section .tools .btn.collBtn { font-size: 18px; }
.manage-touchpoints-section .tools .btn.doneBtn { background-color: #30ad9a; color: #ffffff; }
.manage-touchpoints-section .manage-touchpoints .tools { right: 12px; top: 0px; bottom: 10px; }
.manage-touchpoints-section .title-label { color: #205490; font-family: "Roboto", sans-serif; font-size: 16px; font-weight: normal; line-height: 20px; text-transform: uppercase; }
.manage-touchpoints-section .todoLeftblock { display: inline-block; float: left; padding: 0 0px; width: 378px; margin-top: 15px; }
.manage-touchpoints-section .todoRightblock { display: inline-block; float: left; padding: 0 40px; width: 378px; margin-top: 15px; }
.manage-touchpoints-section .create-todoblock { padding: 0; }
.manage-touchpoints-section .mutiselectBtn.multiselect.dropdown-toggle { line-height: 28px; }
.manage-touchpoints-section .form-field-block { padding: 0 !important; }
.manage-touchpoints-section .multiselect-container { top: 41px; }
.manage-touchpoints-section .mutiselect-field-block .mutiselectBtn::after { top: 12px; }
.manage-touchpoints-section .head-style-first { padding: 15px 25px 0; }
.manage-touchpoints-section .create-todoblock h1 { margin: 0; }
.manage-touchpoints-section .mddone { background-color: #30ad9a; color: #fff; font-size: 10px; }

/* Organize Module BEGIN ORGNNIZE YOUR CONTACTS (bucket game page css) */
.bucketmodule-section { width: 100%; height: 100%; float: left; margin: 0; padding: 0; }
.bucketmodule-section .bucket-top-btn-group { width: 46px; float: right; margin: 0; padding: 10px 0; position: relative; z-index: 2; }
.bucketmodule-section .bucket-top-btn-group .backtolistBtn { border: 0 none; border-radius: 50%; -moz-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.4); -webkit-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.4); box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.4); color: #527ea3; display: inline-block; font-size: 20px; height: 46px; line-height: normal; margin: 0 5px; padding: 0; text-align: center; width: 46px; position: absolute; right: 15px; }
.bucketmodule-section .bucket-top-btn-group .backtolistBtn i { margin: 0; }
.bucketmodule-section .bucketsliderCont { background: url(../images/bucketsliderbg.png) left top repeat; float: left; width: 100%; height: auto; position: relative; }
.bucketmodule-section .bucketsliderCont .bucketslider { width: 100%; height: 241px; float: left; margin: 0; padding: 0; position: relative; }
.bucketmodule-section .bucketsliderCont ul { width: 765px; height: 200px; margin: auto; position: absolute; padding: 0; left: 0; right: 0; top: 20px; margin: auto; }
.bucketmodule-section .bucketsliderCont .nextBtn { width: 30px; height: 50px; display: inline-block; position: absolute; left: 20px; top: 40%; overflow: hidden; }
.bucketmodule-section .bucketsliderCont .nextBtn a { text-indent: -100%; background: url(../images/buckerPrevBtn.png); width: 100%; height: 100%; display: inline-block; }
.bucketmodule-section .bucketsliderCont .prevBtn { width: 30px; height: 50px; display: inline-block; position: absolute; right: 20px; top: 40%; overflow: hidden; }
.bucketmodule-section .bucketsliderCont .prevBtn a { text-indent: 100%; background: url(../images/buckernextBtn.png); width: 100%; height: 100%; display: inline-block; }
.bucketcontactCard { background: #ffffff; width: 765px; height: 220px; float: left; margin: 0; padding: 25px; -moz-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.4); -webkit-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.4); box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.4); border-radius: 3px; position: relative; }
.bucketcontactCard .usrAvt { width: 83px; height: 83px; display: inline-block; margin: 0 0; padding: 0; float: left; border: 1px solid #e0e0e0; overflow: hidden; position: relative; }
.bucketcontactCard .usrAvt .dragithelpertxt { background: rgba(0, 0, 0, 0.5); position: absolute; left: 0; top: -100%; width: 100%; height: 100%; transition: all 500ms ease-in-out 500ms; z-index: 2; text-align: center; cursor: move; }
.bucketcontactCard .usrAvt .dragithelpertxt span { font-family: "Roboto", sans-serif; font-size: 14px; text-align: center; color: #ffffff; font-weight: bold; vertical-align: middle; width: 100%; display: inline-block; position: relative; top: 50%; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); }
.bucketcontactCard .usrAvt:hover .dragithelpertxt { top: 0; }
.mySlider1 .current_item .bucketcontactCard .usrAvt a { cursor: move; }
.bucketcontactCard .usrAvt img { width: 100%; height: 100%; border-radius: 0%; }
.bucketcontactCard .usrAvt .default-usr-pro-block { background: #ffffff; float: left; display: inline-block; height: 83px; position: relative; text-align: center; width: 83px; border-radius: 0%; }
.bucketcontactCard .usrAvt .default-usr-pro-block .fname-letter { color: #1b5586; display: inline-block; font-family: "Lobster1.4"; font-size: 45px; font-weight: normal; left: 0; margin: auto; position: absolute; right: 0; text-transform: uppercase; top: 50%; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); }
.bucketcontactCard .userinfoblock { width: -moz-calc(100% - 83px); width: -webkit-calc(100% - 83px); width: calc(100% - 83px); float: left; padding: 5px 0 0 18px; }
.bucketcontactCard .user-title { width: 100%; margin-bottom: 15px; text-align: left; }
.bucketcontactCard .user-title a { font-family: 'Roboto', sans-serif; font-size: 24px; color: #1b5586; text-decoration: none; line-height: 16px; }
.bucketcontactCard .user-connect { width: 100%; text-align: left; }
.bucketcontactCard .user-connect .userconnlist { width: auto; text-align: left; display: inline-block; padding-left: 35px; margin-right: 25px; margin-bottom: 10px; }
.bucketcontactCard .user-connect .userconnlist i { color: #1b5586; margin: 0 10px 0 0px; position: absolute; font-size: 20px; line-height: normal; height: auto; position: absolute; left: -35px; top: 4px; }
.bucketcontactCard .user-connect .custemail { background: url("../images/customeemail_icon.png") no-repeat left top; display: inline-block; height: 12px !important; top: 9px !important; left: 0px; width: 18px; }
.bucketcontactCard .user-connect .userconnlist a { color: #333333; font-family: "Roboto", sans-serif; font-size: 16px; font-weight: normal; line-height: 24px; margin: 0; padding: 5px 0 5px 0px; text-decoration: none; position: relative; }
.bucketcontactCard .bucket-notecard { width: 100%; float: left; margin: 15px 0 0; padding: 15px; border: 1px solid #e2e2e2; border-radius: 5px !important; -moz-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.40); -webkit-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.40); box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.40); }
.bucketcontactCard .bucket-notecard p { font-family: "Roboto", sans-serif; font-size: 16px; color: #616060; text-align: left; line-height: normal; font-weight: 100; margin: 0; padding: 0; }
.bucketmodule-section .bucketmiddleCont { width: 100%; float: left; margin: 0; padding: 0 40px; position: relative; }
.bucketmodule-section .card { -moz-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.40); -webkit-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.40); box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.40); border-radius: 0; }
.bucketmodule-section .mainCard { -moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none; border-radius: 0; min-height: 100%; }
.bucketmodule-section .head-style-first { width: 100%; float: left; margin: 0; padding: 0; }
.bucketmodule-section .head-style-first h2 { color: #1b5586; font-size: 26px; margin: 0; padding: 0 0 20px 0; text-align: center; font-family: "Roboto", sans-serif; font-weight: normal; }
.bucketmodule-section .card-head { width: 100%; float: left; background: #556370; min-height: 34px; float: left; }
.bucketmodule-section .card-head h3 { font-family: "Roboto", sans-serif; font-size: 23px; color: #ffffff; font-weight: normal; text-align: center; margin: 0; padding: 6px 0; }
.bucketmodule-section .bucketCardgrid { width: 100%; float: left; margin: 20px 0 50px; padding: 0; border-radius: 5px; background: transparent; -moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none; }
.bucketmodule-section .bucketCardgrid > .card-head { border-radius: 5px 5px 0 0; }
.bucketmodule-section .bucketCardgrid .card { border-radius: 5px; }
.bucketmodule-section .bucketCardgrid .card-body { float: left; padding: 8px; width: 100%; }
.bucketmodule-section .bucketCardgrid .innerbucketcard { width: 25%; float: left; margin: 0; padding: 8px; }
.bucketmodule-section .bucketCardgrid .mannual-added-bucket .innerbucketcard { width: 12.5%; }
.bucketmodule-section .bucketCardgrid .mannual-added-bucket .manualy_comman_class { width: 100%; float: left; }
.bucketmodule-section .bucketCardgrid .innerbucketcard .card { margin-bottom: 0; min-height: 137px; }
.bucketmodule-section .bucketCardgrid .innerbucketcard a { text-decoration: none; }
.bucketmodule-section .title-right { text-transform: uppercase; margin: 0; padding: 10px 20px 0px 0; text-align: right; font-size: 17px; color: #333333; font-family: "Roboto", sans-serif; font-weight: 400; }
.bucketmodule-section .bucketmanager { position: relative; }
.bucketmodule-section .bucketmanager .imgblock { position: absolute; left: 0; right: 0; margin: auto; top: 55%; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); }
.bucketmodule-section .bucketmanager.txtbucketmanager { padding: 13px 0; }
.bucketmodule-section .bucketmanager .pros_head_txt { width: 100%; float: left; text-align: center; font-size: 26px; color: #ffffff; font-weight: bold; line-height: 18px; margin: 0; padding: 0; }
.bucketmodule-section .bucketmanager .pros_body_txt { width: 100%; float: left; text-align: center; font-size: 15px; color: #ffffff; font-weight: 100; line-height: 24px; margin: 0; padding: 0; }
.bucketmodule-section .lead_bucketmanager { background: rgba(0, 0, 0, 0) url("../images/file-manager.png") center center no-repeat; float: left; position: relative; text-align: center; width: 100%; height: 55px; }
.bucketmodule-section .client_bucketmanager { background: rgba(0, 0, 0, 0) url("../images/file-manager-clients.png") center center no-repeat; float: left; position: relative; text-align: center; width: 100%; height: 55px; }
.bucketmodule-section .pt_client_bucketmanager { background: rgba(0, 0, 0, 0) url("../images/file-manager-pt-clients.png") center center no-repeat; float: left; position: relative; text-align: center; width: 100%; height: 55px; }
.bucketmodule-section .pros_bucketmanager { background: rgba(0, 0, 0, 0) url("../images/file-manager-prospects.png") center center no-repeat; float: left; position: relative; text-align: center; width: 100%; height: 55px; }
.bucketmodule-section .pros_bucketmanager1 { background: rgba(0, 0, 0, 0) url("../images/file-manager-prospects1.png") center center no-repeat; float: left; position: relative; text-align: center; width: 100%; height: 55px; }
.bucketmodule-section .bucketmanager-text { float: left; width: 100%; min-height: 54px; padding: 8px; margin: 0; text-align: center; }
.bucketmodule-section .bucketmanager-text span { color: #606060; font-size: 14px; font-family: "Roboto", sans-serif; font-weight: 100; text-transform: uppercase; line-height: normal; width: 100%; display: inline-block; }
.bucketmodule-section .bucketCardgrid .bucketCarousal { width: 100%; float: left; }
.bucketmodule-section .bucketCardgrid .bucketCarousal .innerbucketcard { width: 12.5%; }
.bucketmodule-section .bucketCardgrid .bucketCarousal .bucketmanager-text { height: 65px; display: table; float: none; }
.bucketmodule-section .bucketCardgrid .bucketCarousal .bucketmanager-text span { vertical-align: middle; display: table-cell; }
.bucketmodule-section .bucketCardgrid .bucketCarousal .slick-slide img { display: inline-block; }
.bucketmodule-section .bucketCardgrid .bucketCarousal .slick-prev { background: url(../images/slickarrow-Prev.png) left top no-repeat; width: 26px; height: 40px; display: inline-block; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); left: -45px; }
.bucketmodule-section .bucketCardgrid .bucketCarousal .slick-next { background: url(../images/slickarrow-next.png) left top no-repeat; width: 26px; height: 40px; display: inline-block; transform: -webkit-transform:translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); right: -45px; }
.bucketmodule-section .bucket-footer-section { width: 100%; float: left; margin: 0; padding: 20px 0 0; }
.bucketmodule-section .bucket-footer-section .btn { background: #f7f7f7; height: auto; text-align: center; border: 0; min-width: 130px; margin: 0 20px 20px; padding-bottom: 8px; -moz-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.4); -webkit-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.4); box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.4); border-radius: 3px; }
.bucketmodule-section .bucket-footer-section .icotxt { float: left; width: 100%; display: inline-block; font-size: 18px; color: #929191; line-height: 24px; }
.bucketmodule-section .bucket-footer-section .icotxt i { position: relative; top: 0px; margin-bottom: 0; margin-top: 0; }
.bucketmodule-section .bucket-footer-section .labeltxt { float: left; width: 100%; display: inline-block; font-size: 14px; color: #606060; line-height: 14px; text-transform: none; }
.bucketmodule-section .bucket-footer-section .delBtn { background: #84878a; }
.bucketmodule-section .bucket-footer-section .delBtn .icotxt { color: #ffffff; }
.bucketmodule-section .bucket-footer-section .delBtn .labeltxt { color: #ffffff; }
.bucketmodule-section .bucket-footer-section span { width: 100%; display: inline-block; }
.bucketmodule-section .bucket-footer-section p { font-family: "Roboto", sans-serif; font-size: 15px; line-height: 20px; color: #606060; font-weight: normal; text-align: center; margin: 0; padding: 0; }
.bucketmodule-section .bucketCardgrid .innerbucketcard .highlighted { transform: scale(1.1, 1.1); transition: all 500ms ease-in-out 500ms; background: #30AD9A; border: 1px solid #30AD9A; }
.bucketmodule-section .bucketCardgrid .innerbucketcard .highlighted .bucketmanager-text span { color: #ffffff; }
.bucketmodule-section .bucketCardgrid .innerbucketcard .highlighted .title-right { color: #ffffff; }
.bucketmodule-section .bucketCardgrid .innerbucketcard .ui-droppable.group_background { background: #30AD9A !important; }
.bucketmodule-section .bucketsliderCont .bucketslider .norecordemsg { background: rgba(241, 241, 241, 0.5) none repeat scroll 0 0; border: 1px solid rgb(255, 255, 255); border-radius: 5px; color: rgb(255, 255, 255); display: inline-block; font-size: 20px; left: 0; margin: auto; position: absolute; right: 0; text-align: center; top: 50%; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); width: 300px; }

/* bucket module add group popup css */
.addgroupmodal .modal-dialog { margin: auto; max-width: 95%; top: 50%; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%) !important; width: 475px; }
.addgroupmodal .modal-dialog .modal-header { padding: 20px; border-bottom: 1px solid #e2e2e2; }
.addgroupmodal .modal-dialog .modal-header h4 { font-family: "Roboto", sans-serif; font-size: 18px; color: #1b5585; margin: 0; padding: 0; text-align: left; }
.addgroupmodal .modal-content { border-radius: 5px; }
.addgroupmodal .modal-body { overflow: hidden; }
.addgroupmodal .modal-body .msgBox { width: 100%; float: left; padding: 0px; margin: 0; }
.addgroupmodal .modal-body .msgBox p { font-family: "Roboto", sans-serif; font-size: 16px; color: #909090; text-align: left; margin: 0; padding: 0; }
.addgroupmodal .form { width: 100%; float: left; margin: 0; padding: 0; }
.addgroupmodal .form .form-group { width: 100%; float: left; margin: 0; padding: 15px 15px 0; }
.addgroupmodal .form .form-control { border-bottom: 0; -moz-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.4); -webkit-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.4); box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.4); padding: 5px 15px; border-radius: 5px; }
.addgroupmodal .model-footer-section { width: 100%; float: left; margin: 0; padding: 15px 0 0; text-align: right; }
.addgroupmodal .model-footer-section .btn { display: inline-block; margin: 0 5px; width: auto; }
.addgroupmodal .model-footer-section .btn:hover { color: #0aa89e; }

/* modal Dialog box css */
.dockmodal .dockmodal-body { padding: 0; top: 0; overflow: hidden; }
.dockmodal .dockmodal-header .header-action { position: relative; top: 7px; }
.dockmodal .dockmodal-header .header-action:hover { background-color: transparent; }
.dockmodal .to-do-section { margin: 0; padding: 0; }
.dockmodal .default-tabbing-style .nav.grid33 li { width: auto; }
.dockmodal.popped-out .default-tabbing-style .nav.grid33 li { width: 33.33%; }
.dockmodal .todoLeftblock { width: 350px; }
.dockmodal .todoRightblock { width: 450px; }
.dockmodal.popped-out .todoLeftblock { width: 600px; }
.dockmodal.popped-out .todoRightblock { width: 600px; }
.dockmodal .dockmodal-header { background-color: transparent; height: 0; overflow: visible; }
.dockmodal.minimized { height: 36px !important; }
.dockmodal.minimized .dockmodal-header { height: 36px; background: #205490; }
.dockmodal.minimized .dockmodal-header .header-action { position: relative; top: 0px; }
.dockmodal #dialog1 { float: left; width: 100%; height: 100%; }
.dockmodal .to-do-section { height: 100%; }
.dockmodal .to-do-cardCont { height: 100%; }
.dockmodal .to-do-cardCont .card-body.tab-content { overflow: auto; width: 100%; height: 90%; margin-bottom: 20px; padding-bottom: 80px; position: absolute; top: 10%; }
.dockmodal .title-text { display: none; }
.dockmodal.minimized .title-text { display: inline-block; }

/* contact view page todo section css */
.contact_view_todo_section { float: left; margin: 0; padding: 25px 50px 0; width: 100%; }
.contact_view_todo_section .card-head { border-bottom: 1px solid #cdcccc; border-radius: 0; border-top: 1px solid #cdcccc; }
.contact_view_todo_section .card-head h1 { color: #616060; font-size: 26px; font-weight: normal; line-height: normal; margin: 0; padding: 20px 25px; }
.contact_view_todo_section .card-body { padding: 0; }
.contact_view_todo_section .to-do-section { padding-left: 0; padding-right: 0; }
.contact_view_todo_section .card-footer { border-bottom: 1px solid #cdcccc; border-top: 1px solid #cdcccc; float: left; margin: 0; padding: 10px; text-align: center; width: 100%; }
.contact_view_todo_section .card-footer .viewAllBtn { background: rgba(0, 0, 0, 0) none repeat scroll 0 0; border: 0 none; color: #13718d; display: inline-block; font-size: 20px; margin: 0; padding: 5px 25px; text-align: center; text-transform: uppercase; width: auto; }

/* property Details page css (BEGIN PROPERTY SECTION  LEFT )*/
.card.actproptab { background-color: #E5E5E5; -moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none; }
.contact-view-head { background: #ffffff; position: fixed; width: 1232px; z-index: 22; }
.actpropertytab { padding-bottom: 0; }
.actpropertytab .card-head { position: relative; width: 1232px; max-width: 100%; z-index: 22; }
.actpropertytab .card-body { padding-top: 0; padding-bottom: 0; }
.proptabcontainer { background: #e5e5e5; float: left; margin: 0; padding: 0; width: 100%; position: relative; height: 100%; }
.proptabcontainer .mapcoming-soon { background: rgba(51, 51, 51, 0.83) none repeat scroll 0 0; bottom: 0; position: absolute; text-align: center; top: 0; width: -moz-calc(100% - 320px); width: -webkit-calc(100% - 320px); width: -o-calc(100% - 320px); width: calc(100% - 320px); max-width: 100%; right: 0; }
.proptabcontainer .mapcoming-soonsection { display: inline-block; left: 0; position: absolute; right: 0; top: 50%; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); width: auto; }
.proptabcontainer .mapcoming-soonsection h1 { color: #ffffff; font-family: "Roboto", sans-serif; font-size: 78px; font-weight: normal; margin: 0 0 28px; padding: 0; }
.proptabcontainer .mapcoming-soonsection p { color: #62abdd; font-family: "mv_boliregular"; font-size: 31px; }
.proptabcontainer .separator { border-top: 2px solid #62abdd; margin: 0 auto 17px; width: 138px; }
.proptabcontainer .separator1 { border-top: 2px solid #62abdd; margin: 0 auto 50px; width: 215px; }
.proptabcontainer .separator2 { border-top: 2px solid #62abdd; margin: 0 auto 17px; width: 215px; }
.proptabcontainer .mapBox { height: 100%; position: absolute !important; width: -moz-calc(100% - 320px); width: -webkit-calc(100% - 320px); width: -o-calc(100% - 320px); width: calc(100% - 320px); max-width: 100%; right: 0; top: 0; }
.proptabcontainer .mapaside { width: 320px; float: left; margin: 0; padding: 0; background: #f3f0f0; -moz-box-shadow: 0 4px 10px 0 rgba(0, 0, 0, 0.14); -webkit-box-shadow: 0 4px 10px 0 rgba(0, 0, 0, 0.14); box-shadow: 0 4px 10px 0 rgba(0, 0, 0, 0.14); position: relative; }
.map-left-sidebar { width: 100%; float: left; margin: 0; padding: 0 0 15px; }
.map-left-sidebar .titlebox { background: #85adcf; text-align: center; padding: 8px; position: relative; }
.map-left-sidebar .titlebox h1 { text-align: center; text-transform: uppercase; font-size: 14px; color: #ffffff; line-height: normal; font-weight: normal; margin: 0; padding: 0; }
.map-left-sidebar .titlebox h1 span { width: 100%; display: inline-block; text-align: center; font-size: 14px; color: #ffffff; font-weight: 100; font-style: italic; text-transform: none; }
.map-left-sidebar .titlebox .editnameBtn { position: absolute; right: 15px; bottom: 3px; color: #ffffff; font-size: 16px; }
.map-left-sidebar .serch-box { width: 100%; float: left; margin: 0; padding: 15px 15px 0; position: relative; }
.map-left-sidebar .serch-box:after { content: "\f002"; font-family: 'FontAwesome'; position: absolute; right: 25px; bottom: 5px; color: #587a9b; font-size: 16px; }
.map-left-sidebar .serch-box input[type="text"] { background: #ffffff; width: 100%; padding: 5px 30px 5px 10px; margin: 0; border-radius: 4px; border: 1px solid #9ec0dd !important; font-size: 15px; color: #1d5687; font-weight: 300; text-align: left; }
.map-left-sidebar .serch-box input[type="text"]:-ms-input-placeholder,
.map-left-sidebar .serch-box input[type="text"]::-moz-placeholder,
.map-left-sidebar .serch-box input[type="text"]::-webkit-input-placeholder { font-size: 15px; color: #1d5687 !important; font-weight: 300; }
.map-left-sidebar .field-row { width: 100%; float: left; margin: 0; padding: 15px 15px 0; }
.map-left-sidebar .field-row .inner-field { width: 100%; float: left; margin: 0; padding: 0px 0 15px; }
.map-left-sidebar .field-row .inner-field input[type="text"] { background: #ffffff; width: 70%; padding: 5px 30px 5px 10px; margin: 0; border-radius: 4px; border: 1px solid #c9c7c7 !important; font-size: 15px; color: #1d5687; font-weight: 300; text-align: left; }
.map-left-sidebar .field-row .inner-field input[type="text"]:-ms-input-placeholder,
.map-left-sidebar .serch-box input[type="text"]::-moz-placeholder,
.map-left-sidebar .field-row .inner-field input[type="text"]::-webkit-input-placeholder { font-size: 15px; color: #1d5687 !important; font-weight: 300; }
.map-left-sidebar .field-row .inner-field .addnote_modual { width: 100%; float: left; margin: 0; padding: 0; position: relative; }
.map-left-sidebar .field-row .inner-field .addnote_modual .voice-note-controle { position: absolute; right: -10px; top: 0; }
.map-left-sidebar .field-row .inner-field .addnote_modual .help-block { width: 100%; float: left; margin: 0; padding: 0; position: relative; top: 0; bottom: inherit; }
.map-left-sidebar .field-row h3.title { font-size: 14px; color: #1b5586; text-transform: uppercase; text-align: left; width: 100%; display: inline-block; float: left; font-weight: 500; margin-bottom: 10px; }
.map-left-sidebar .field-label { font-size: 15px; color: #606060; text-align: left; width: 100%; display: inline-block; font-weight: 300; margin-bottom: 5px; }
.map-left-sidebar .checkbox-color-styled .checkbox-spece label { margin: 0 5px 10px 0; padding: 5px 10px; }
.map-left-sidebar .checkbox-styled:not(ie8) input ~ span::before { width: 15px; height: 15px; top: 1px; }
.map-left-sidebar .checkbox-styled:not(ie8) input:checked ~ span::before { height: 9px !important; transform: rotate(); top: 1px; }
.map-left-sidebar .checkbox-styled:not(ie8) input ~ span { font-size: 14px; padding-left: 20px; line-height: normal; }
.map-left-sidebar .mutiselect-field-block .checkbox { padding-bottom: 0; }
.map-left-sidebar .mutiselect-field-block .checkbox-styled:not(ie8) input ~ span { font-size: 14px; padding-left: 20px; line-height: 20px; }
.map-left-sidebar .custRadioCont2 .btn { padding: 5px 8px; text-transform: capitalize; }
.map-left-sidebar .stylishSel { z-index: inherit; margin: 0 0 10px; }
.proptabcontainer .mapasidefoot-panel { width: 310px; float: left; margin: 0; padding: 0; position: relative; bottom: 0; border-top: 1px solid #d8d8d8; }
.propertysection { padding-bottom: 0px; }
.propertysection .editnameBtn { }
.propertysection .innerscrollContent { width: 100%; float: left; position: relative; }
.propertysection .stylishSel.withpreImg.linktocycle { float: left; width: 148px; }
.propertysection .mapasidefoot-panel { background: #ecebeb; width: 320px; -moz-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.4); -webkit-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.4); box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.4); padding: 7px 0; border-bottom: 1px solid #d8d8d8; z-index: 999; }
.propertysection .mapasidefoot-panel .selectric { height: 35px !important; }
.propertysection .mapasidefoot-panel .Savebtn { color: #ffffff; font-size: 15px; text-transform: capitalize; line-height: 22px; border-radius: 4px; margin: 0 14px 0 14px; background: #1b5586; border: 1px solid #1b5586; height: 35px; width: 70px; -moz-box-shadow: 0 1px 6px 1px rgba(0, 0, 0, 0.33); -webkit-box-shadow: 0 1px 6px 1px rgba(0, 0, 0, 0.33); box-shadow: 0 1px 6px 1px rgba(0, 0, 0, 0.33); }
.propertysection .mapasidefoot-panel .label { line-height: 30px !important; }
.propertysection .mapasidefoot-panel .circleBtnstyle { color: #366994; margin: 0 10px; padding: 0 0 3px 0; border-radius: 50%; float: left; height: 35px; text-align: center; width: 35px; -moz-box-shadow: 0 1px 6px 1px rgba(0, 0, 0, 0.33); -webkit-box-shadow: 0 1px 6px 1px rgba(0, 0, 0, 0.33); box-shadow: 0 1px 6px 1px rgba(0, 0, 0, 0.33); border: 0; }
.propertysection .mapasidefoot-panel .stylishSel { margin: 0 8px 0 8px; }
.propertysection .mapasidefoot-panel .stylishSel .selectric::after { top: 50%; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); }
.propertysection .field-row h3.title { margin-top: 0px; margin-bottom: 14px; }
.propertysection .field-row .custpricerange { position: relative; }
.propertysection .field-row .custpricerange .btn-close { position: absolute; right: 0; bottom: 2px; background: transparent; color: #909090; }
.propertysection .field-row .any_max_custome_div { position: relative; }
.propertysection .field-row .inner-field input[type="text"] { width: 100%; }
.propertysection .multiselect-container .serachicon input[type="text"] { border-radius: 0; height: auto; padding-bottom: 15px; padding-top: 15px; border: 0 !important; padding-left: 40px; }
.propertysection .selectric { background: #fff; }
.propertysection .field-row h3.title.captl { margin: 0; text-transform: capitalize; font-weight: normal; font-size: 18px; }
.propertysection .field-row .inner-field { padding: 0; }
.propertysection .ftsection { display: inline-block; float: none !important; margin-left: 10px; }
.propertysection .ftsection .selectric { width: 55px; height: 30px; margin: 0; }
.propertysection .ftsection .label { font-size: 16px !important; color: #30ad9a !important; line-height: 20px !important; margin-left: 0 !important; margin-right: 0; height: 20px !important; }
.ftsection .selectric::after { color: #30ad9a !important; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); }
.ftsection .selectric-items li { padding: 4px 10px; }
.ftsection .selectric-items li.selected { background: #f0eeee; color: #7d7c7c; }
.propertysection .mapasidefoot-panel .selectric::before { content: ""; position: absolute; left: 10px; top: 50%; background: url("../images/link-icon.png") 0 0 no-repeat; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); width: 13px; height: 13px; }
.propertysection .form-control-textarea { background: #ffffff; border: 1px solid #c9c7c7 !important; border-radius: 4px; color: #1d5687; font-size: 15px; font-weight: 300; margin: 0; padding: 5px 60px 5px 10px; text-align: left; width: 100%; height: 40px; -moz-box-shadow: 0 1px 3px 1px rgba(0, 0, 0, 0.33); -webkit-box-shadow: 0 1px 3px 1px rgba(0, 0, 0, 0.33); box-shadow: 0 1px 3px 1px rgba(0, 0, 0, 0.33); }
.propertysection .recordbtn { background: transparent; border: medium none; font-size: 25px; font-weight: normal !important; height: 40px; position: absolute; right: 60px; width: 40px; padding: 0; top: 0%; }
.propertysection .recordbtn img { position: absolute; top: 29%; bottom: 0; }
.propertysection .rightbtn { background: #85adcf; border: medium none; border-top-right-radius: 5px; border-bottom-right-radius: 5px; height: 40px; position: absolute; right: 10px; top: 0%; width: 50px; padding: 0; }
.propertysection .closebtn { font-size: 17px; font-weight: normal !important; height: 40px; width: 40px; color: #909090; }
.propertysection .saverecbtn { background: #85adcf; border: medium none; border-top-right-radius: 5px; border-bottom-right-radius: 5px; height: 40px; width: 50px; }
.property-note-block { float: left; background: #ffffff; border: 1px solid #c9c7c7 !important; border-radius: 4px; color: #1d5687; font-size: 15px; font-weight: 300; margin: 0; padding: 14px 9px 9px 14px; text-align: left; width: 100%; -moz-box-shadow: 0 1px 3px 1px rgba(0, 0, 0, 0.33); -webkit-box-shadow: 0 1px 3px 1px rgba(0, 0, 0, 0.33); box-shadow: 0 1px 3px 1px rgba(0, 0, 0, 0.33); }
.property-note-block .note-desc { width: 100%; float: left; color: #616060; font-size: 16px; line-height: 20px; margin-bottom: 10px; }
.property-note-block .note-desc .editable-container { width: 100%; float: left; margin: 0; padding: 0; }
.property-note-block .note-desc .editable-container textarea { height: 100px; resize: none; }
.property-note-block .note-desc .editable-container .editable-input { width: 100%; display: inline-block; }
.property-note-block .note-desc .editable-container .editable-input textarea { width: 100%; }
.property-note-block .note-desc .editable-container .input-group-btn { width: 100%; display: inline-block; margin-top: 10px; padding: 0; }
.property-note-block .note-desc .editable-container .input-group-btn .btn { border: 0; height: 30px; line-height: 30px; width: 30px; }
.property-note-block .note-desc .editable-pre-wrapped { white-space: normal; }
.property-note-block .note-date { float: left; width: 65%; }
.property-note-block .view-note-footer { float: left; width: 35%; }
.property-note-block .note-date > span { color: #417e90; font-size: 14px; font-style: italic; }
.property-note-block .btn-icon-toggle:hover { background: transparent; padding: 0; margin: 0; height: 30px; line-height: 30px; }
.property-note-block .btn-icon-toggle.btn-lg { color: #7f797b; line-height: 30px; background: transparent; height: auto; margin: 0; padding: 0; width: 27px; }
.property-note-block .audio_cont { width: 100%; float: left; margin: 0; padding: 0; }
.property-note-block .audio_cont audio { width: 100%; }
.property-note-block .btn-icon-toggle.btn-lg .fa,
.property-note-block .btn-icon-toggle.btn-lg .md,
.property-note-block .btn-icon-toggle.btn-lg .glyphicon { line-height: 30px; }
.featuresbtn .token-input-token-facebook { background: #fff !important; border-radius: 0; color: #616060 !important; margin: 0 20px 10px 0; -moz-box-shadow: 0 3px 4px 0 rgba(0, 0, 0, 0.33); -webkit-box-shadow: 0 3px 4px 0 rgba(0, 0, 0, 0.33); box-shadow: 0 3px 4px 0 rgba(0, 0, 0, 0.33) !important; }
.field-scetion-row { width: 100%; float: left; margin-bottom: 7px; }
.field-scetion-row .field-label { font-weight: 600; width: 32%; float: left; }
.field-scetion-row .area_tag,
.field-scetion-row .city_tag,
.field-scetion-row .community_tag { width: auto; max-width: 100%; float: left; display: inline-block; margin: 0 2px; padding: 0; }
.field-scetion-row .area_tag .areabtns,
.field-scetion-row .city_tag .areabtns,
.field-scetion-row .community_tag .areabtns { background: rgba(0, 0, 0, 0) none repeat scroll 0 0; border: 1px solid #b9b7b7; border-radius: 4px; color: #606060; cursor: context-menu; font-size: 15px; padding: 5px 7px !important; margin: 0 3px 3px 0; text-transform: capitalize; display: inline-block; float: left; }
.field-scetion-row .areabtns { cursor: context-menu; text-transform: capitalize; background: transparent; border: 1px solid #b9b7b7; border-radius: 4px; color: #606060; padding: 0 7px !important; font-size: 15px; }
.propertysection .selectric .button,
.propertysection .selectric .button:after { font-size: 0; border: 0; }
.propertysection .selectric .button:after { content: ""; background: url(../images/selec-arrowIcon.png) right center no-repeat; width: 10px; height: 6px; display: inline-block; position: absolute; right: 0px; top: 2px; }
.propertysection .selectric .label { color: #333333; font-size: 16px; font-weight: 100; text-align: left; margin-left: 0; }
.propertysection .mutiselect-field-block .mutiselectBtn::after { content: ""; background: url(../images/selec-arrowIcon.png) right center no-repeat; width: 10px; height: 6px; display: inline-block; position: absolute; right: 14px; top: 23px; }

/* BEGIN ADD A NEWSSEARCHCRITERIA  page css for property module  */
.prop-srchcrit-section { width: 100%; float: left; margin: 0; padding: 0 15px; }
.contact_viewtemplate .prop-srchcrit-section { background: #E5E5E5; padding: 25px 50px; }
.actpropertytab .prop-srchcrit-section { float: left; margin-top: 55px; padding: 25px 30px; width: 100%; }
.prop-srchcrit-section .card-head { -moz-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.4); -webkit-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.4); box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.4); position: relative; }
.prop-srchcrit-section .title { color: #fff; font-size: 16px; margin: 0; padding: 18px 0 18px 35px; text-transform: uppercase; line-height: normal; display: inline-block; }
.prop-srchcrit-section .property-navCat { width: 100%; float: left; margin: 0; padding: 0; }
.prop-srchcrit-section .tabblock { position: relative; height: 132px; width: 205px; display: inline-block; }
.prop-srchcrit-section .tabblock .labeltxt { width: 100%; position: absolute; left: 0; right: 0; top: 50%; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); margin: auto; display: inline-block; }
.prop-srchcrit-section .tabblock .labeltxt span { width: 100%; display: inline-block; color: #8c8a8a; font-size: 30px; margin: 0; padding: 0; line-height: 30px; text-decoration: none; }
.prop-srchcrit-section .tabblock .labeltxt small { margin: 0; padding: 0; font-size: 25px; color: #8c8a8a; width: 100%; display: inline-block; text-align: center; }
.prop-srchcrit-section .tabblock input[type="radio"] { opacity: 0; position: absolute; left: 0; top: 0; }
.prop-srchcrit-section .card-body { padding: 15px; }
.prop-srchcrit-section .tabblock input[type="radio"]:checked ~ label span { color: #ffffff; }
.prop-srchcrit-section .tabblock input[type="radio"]:checked ~ label small { color: #ffffff; }

/* property listing page css for property module */
.prop-srchcrit-section .tabblock label { position: relative; }
.prop-srchcrit-section .buyapropertytab label { background: url("../images/bay-property.png") no-repeat scroll left top; margin: 30px 0; height: 132px; width: 205px; text-align: center; display: inline-block; }
.prop-srchcrit-section .buyapropertytab input[type="radio"]:checked ~ label { background: url("../images/bay-propertyhv.png") no-repeat scroll left top; color: #fff; }
.prop-srchcrit-section .sellapropertytab label { background: url("../images/sell-property.png") no-repeat scroll left top; margin: 30px 0; height: 132px; width: 205px; text-align: center; display: inline-block; }
.prop-srchcrit-section .sellapropertytab input[type="radio"]:checked ~ label { background: url("../images/sell-propertyhv.png") no-repeat scroll left top; color: #fff; }
.prop-srchcrit-section .rentlapropertytab label { background: url("../images/rentl-property.png") no-repeat scroll left top; margin: 30px 0; height: 132px; width: 205px; text-align: center; display: inline-block; }
.prop-srchcrit-section .rentlapropertytab input[type="radio"]:checked ~ label { background: url("../images/rentl-propertyhv.png") no-repeat scroll left top; color: #fff; }
.prop-srchcrit-section .leaselapropertytab label { background: url("../images/lease-laproperty.png") no-repeat scroll left top; margin: 30px 0; height: 132px; width: 205px; text-align: center; display: inline-block; }
.prop-srchcrit-section .leaselapropertytab input[type="radio"]:checked ~ label { background: url("../images/lease-lapropertyhv.png") no-repeat scroll left top; color: #fff; }
.prop-srchcrit-section .form-footer-section .btn { min-width: auto; }
.prop-srchcrit-section .prop-table-modualCont table { border: thin solid #e2e2e2; }
.prop-srchcrit-section .prop-table-modualCont table tr { border-bottom: thin solid #e2e2e2; }
.prop-srchcrit-section .prop-table-modualCont table tr.odd { background: #ffffff; }
.prop-srchcrit-section .prop-table-modualCont table tr.even { background: #f7f7f7; }
.prop-srchcrit-section .prop-table-modualCont table th { border-right: 0; border-left: 0; }
.prop-srchcrit-section .prop-table-modualCont table th:first-child { width: 50px; min-width: 50px; max-width: 50px; }
.prop-srchcrit-section .prop-table-modualCont table th:last-child { width: 80px; min-width: 80px; max-width: 80px; }
.prop-srchcrit-section .prop-table-modualCont table td { vertical-align: top; border-right: 0; border-left: 0; font-size: 18px; white-space: normal; }
.prop-srchcrit-section .prop-table-modualCont table span,
.prop-srchcrit-section .sheet-table-modualCont table strong { width: auto; display: inline-block; float: left; min-width: 150px; }
.prop-srchcrit-section .prop-table-modualCont table strong { font-weight: 500; color: #333333; }
.prop-srchcrit-section .prop-table-modualCont table span { font-weight: 100; }
.prop-srchcrit-section .action-btn-block { width: 120px; display: inline-block; }
.prop-srchcrit-section .action-btn-block .btn { display: inline-block; border: 0; }
.prop-srchcrit-section .action-btn-block .btn-view .view-icon { background: url(../images/viewBtn.png) center center no-repeat; width: 36px; height: 36px; display: inline-block; float: left; }
.prop-table-modualCont table .prop_searchtype_list { width: 100%; margin: 0; padding: 0; float: left; white-space: normal; }
.prop-table-modualCont table .prop_searchtype_list strong { word-wrap: break-word; max-width: 100%; }

/* property view page css for property module */
.sellpropDet-container { float: left; padding: 0px 30px 0; width: 100%; }
.sellpropDet-container .head-style-first h1 { padding-right: 50px; }
.sellpropDet-container .backtolistBtn { border: 0 none; border-radius: 50%; box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.4); color: #527ea3; display: inline-block; font-size: 20px; height: 46px; line-height: normal; margin: 0 5px; padding: 0; position: absolute; right: 15px; text-align: center; width: 46px; }
.sellpropDet-container .backtolistBtn i { margin: 0; }
.sellpropDet-container .list-field-group { float: left; list-style: outside none none; }
.sellpropDet-container .list-field-group .list-field { float: left; margin: 0; min-height: 50px; padding: 0 0 10px 35px; width: 100%; }
.sellpropDet-container .list-field-group .list-field .list-left-block,
.sellpropDet-container .list-field-group .list-field .list-right-block { display: inline-block; float: left; min-height: 50px; }
.sellpropDet-container .list-field-group .list-field .list-left-block { width: -moz-calc(150px); width: -webkit-calc(150px); width: -o-calc(150px); width: calc(150px); }
.sellpropDet-container .list-field-group .list-field .list-right-block { width: -moz-calc(100% - 150px); width: -webkit-calc(100% - 150px); width: -o-calc(100% - 150px); width: calc(100% - 150px); }
.sellpropDet-container .list-field-group .list-field .label { color: #262b33; display: inline-block; font-size: 16px; margin: 0; padding: 0 15px; position: relative; top: 15px; vertical-align: top; text-align: left; width: 158px; }
.sellpropDet-container .list-field-group .list-field .field-ico { background: #2e629f none repeat scroll 0 0; border-radius: 50%; color: #ffffff; display: inline-block; font-size: 16px; height: 38px; left: -35px; margin-right: 0; position: absolute; text-align: center; top: 50%; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); width: 38px; }
.sellpropDet-container .list-field-group .list-field .edittext { width: 100%; color: #273339; display: inline-block; font-size: 16px; margin: 0; padding: 0 15px; position: relative; top: 9px; vertical-align: top; }
.sellpropDet-container .bg-style h1 { font-size: 16px; color: #fff; text-transform: uppercase; margin: 10px 24px; font-family: 'Roboto', sans-serif; }
.sellpropDet-container .head-style-first .title-span { clear: both; font-size: 14px; font-weight: 300; text-transform: none; }
.sellpropDet-container .property_note_section { width: 100%; float: left; margin: 0; padding: 0; }
.last_created_notes { width: 100%; float: left; margin: 0; padding: 0 15px; }
.sellpropDet-container .property_note_section h3.title,
.last_created_notes h3.title { color: #1b5586; display: inline-block; float: left; font-size: 14px; margin: 10px 0 15px 0; font-weight: 500; text-align: left; text-transform: uppercase; width: 100%; }
.sellpropDet-container .property_note_section .all_notes_list { width: 100%; float: left; margin: 0; padding: 0; }
.sellpropDet-container .property_note_section .all_notes_list .last-note-grid { width: 320px; max-width: 100%; display: inline-block; margin: 0; padding: 5px 15px 5px 0; }
.sellpropDet-container .profilebtn { margin: 42px 0 30px 0; width: 100%; }
.sellpropDet-container .profilebtn .btn-primary { background: #30ad9b none repeat scroll 0 0; border-color: #30ad9b; border-radius: 5px; -moz-box-shadow: 0 1px 3px 1px rgba(0, 0, 0, 0.33); -webkit-box-shadow: 0 1px 3px 1px rgba(0, 0, 0, 0.33); box-shadow: 0 1px 3px 1px rgba(0, 0, 0, 0.33); color: #ffffff; font-family: "Roboto", sans-serif; font-weight: 700; }
.sellpropDet-container .profilebtn .btn { font-family: "Roboto", sans-serif; font-size: 17px; font-weight: 700; margin: 10px 13px 10px 0; min-width: 150px; text-align: center; text-transform: uppercase; }
.sellpropDet-container .profilebtn .btn-default { background: #84888b none repeat scroll 0 0; border-color: #84888b; border-radius: 5px; -moz-box-shadow: 0 1px 3px 1px rgba(0, 0, 0, 0.33); -webkit-box-shadow: 0 1px 3px 1px rgba(0, 0, 0, 0.33); box-shadow: 0 1px 3px 1px rgba(0, 0, 0, 0.33); color: #ffffff; }
.sellpropDet-container .sellpropDetViewCont { width: 100%; float: left; margin: 0; padding: 0; }
.contact_property_form_Cont { float: left; height: 100%; margin: 0; padding: 55px 0 0; position: relative; width: 100%; }

/* add title popup css for property module */
.addtitlepopup  .modal-dialog { margin: auto; max-width: 95%; top: 50%; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%) !important; width: 475px; }
.addtitlepopup  .modal-dialog .modal-header { padding: 20px; border-bottom: 1px solid #e2e2e2; }
.addtitlepopup  .modal-dialog .modal-header h4 { font-family: "Roboto", sans-serif; font-size: 18px; color: #1b5585; margin: 0; padding: 0; text-align: left; }
.addtitlepopup  .modal-content { border-radius: 5px; }
.addtitlepopup  .modal-body { overflow: hidden; }
.addtitlepopup  .modal-body .msgBox { width: 100%; float: left; padding: 0px; margin: 0; }
.addtitlepopup  .modal-body .msgBox p { font-family: "Roboto", sans-serif; font-size: 16px; color: #909090; text-align: left; margin: 0; padding: 0; }
.addtitlepopup  .form { width: 100%; float: left; margin: 0; padding: 0; }
.addtitlepopup  .form .form-group { width: 100%; float: left; margin: 0; padding: 15px 15px 0; }
.addtitlepopup  .form .form-control { border-bottom: 0; -moz-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.4); -webkit-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.4); box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.4); padding: 5px 15px; border-radius: 5px; }
.addtitlepopup  .model-footer-section { width: 100%; float: left; margin: 0; padding: 15px 0 0; text-align: right; }
.addtitlepopup  .model-footer-section .btn { display: inline-block; margin: 0 5px; width: auto; }
.addtitlepopup  .model-footer-section .btn:hover { color: #0aa89e; }