@charset "utf-8";
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; vertical-align: baseline; background: transparent; }
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section, article { display: block }
body { line-height: 1 }
ol, ul { list-style: none }
*,.search_box input.form-control {-moz-box-sizing: border-box; -wbkit-box-sizing: border-box; box-sizing: border-box;}
p {padding-bottom: 16px;}
sub, sup {font-size: 75% !important;}
a, a:hover, a:focus{outline: none;}
a{color: #2b2b2b;}
a:hover, a:focus{color: #12353F;text-decoration: none !important;}

#ie-toolbar {position:fixed; top:0; left:0; width:100%; height:100%; z-index:999999; background-color:#f3f3f3;}
#ie-toolbar div {position:absolute; top:50%; left:50%; width:700px; margin-left:-350px; text-align:center; height:120px; margin-top:-60px; color:#616161; font-size:30px;}
#ie-toolbar div a {color:#d65727; text-decoration:underline;}
#ie-toolbar div a:hover {color:#d65727; text-decoration:none;}

html.iphone-x-fix-left { margin: 0; padding: 0 0 0 32px; }
html.iphone-x-fix-left::before { content: ''; width: 32px; height: 100vh; position: fixed; left: 0; top: 0; background-color: #000; }
html.iphone-x-fix-right { margin: 0; padding: 0 32px 0 0; }
html.iphone-x-fix-right::before { content: ''; width: 32px; height: 100vh; position: fixed; right: 0; top: 0; background-color: #000; }

html{position: relative;}
html, body {min-height:100%; width:100%;}
body.body{padding-bottom: 228px;}
body {font-family: 'Open Sans', sans-serif; font-size: 16px; line-height: 22px; background-color:#fff; color: #2b2b2b; overflow-y: scroll;}
.al{float: left;}
.ar{float: right;}
.pr {position: relative;}
a,a:after, button {text-decoration: none; cursor: pointer!important;}
a:focus, a:hover{text-decoration: none;}
img { border: 0; vertical-align: top;}
img, a, .btn.active.focus, .btn.active:focus, .btn.focus, .btn:active.focus, .btn:active:focus, .btn:focus, .btn-sm.active.focus, .btn-sm.active:focus, .btn-sm.focus, .btn-sm:active.focus, .btn-sm:active:focus, .btn-sm:focus {outline: none;}
.imgW100p {width:100%;}
.pr{position: relative;}

/*
font-family: 'Open Sans', sans-serif;
font-family: 'Poppins', sans-serif;
*/

/* Start Transition Effect */
body{ -webkit-animation: fadein 2s; -moz-animation: fadein 2s; -o-animation: fadein 2s; animation: fadein 2s; }
a,a:after, button, .user-panel a:hover .sub-heading, .custom-file-input, .hunt-bg a svg, .slide_right_sidebar, .btn_top_do a span { -webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; -o-transition: all 0.2s linear; -ms-transition: all 0.2s linear; transition: all 0.2s linear;}

.btn, .btn-sm, .add_slide, .layer_slide, .history_slide, .interactive_card_box .whiteBg .card_bg{ -webkit-transition-timing-function: ease-in-out; -moz-transition-timing-function: ease-in-out; -o-transition-timing-function: ease-in-out; -ms-transition-timing-function: ease-in-out; transition-timing-function: ease-in-out; -webkit-transition-duration: 200ms; -moz-transition-duration: 200ms; -ms-transition-duration: 200ms; -o-transition-duration: 200ms; transition-duration: 200ms;}

.headerFix { -webkit-animation-duration: 0.5s; -moz-animation-duration: 0.5s; animation-duration: 0.5s;  -webkit-animation-fill-mode: both; -moz-animation-fill-mode: both; animation-fill-mode: both;}

 @-webkit-keyframes fadeIn {
	0% {opacity: 0;}
	100% {opacity: 1;}
}
 @keyframes fadeIn {
	0% {opacity: 0;}
	100% {opacity: 1;}
 }
.headerFix {-webkit-animation-name: fadeIn; -moz-animation-name: fadeIn; animation-name: fadeIn; }
/* End Transition Effect */

.wrap { margin: 0 auto; max-width: 2520px; width: 100%; padding: 0 48px; }
.label{font-size: 100%;}

.display{font-family: 'Poppins', sans-serif; font-size: 72px; line-height: 108px; color: #2b2b2b; font-weight: 700;}
h1{font-family: 'Poppins', sans-serif; font-size: 48px; line-height: 125%; color: #2b2b2b; font-weight: 700;}
h2{font-family: 'Poppins', sans-serif; font-size: 40px; line-height: 125%; color: #2b2b2b; font-weight: 700;}
h3{font-family: 'Poppins', sans-serif; font-size: 32px; line-height: 125%; color: #2b2b2b; font-weight: 600;}
h4{font-family: 'Poppins', sans-serif; font-size: 21px; line-height: 125%; color: #2b2b2b; font-weight: 600;}
h4.h4-font-18{font-family: 'Poppins', sans-serif; font-size: 16px; line-height: 125%; color: #2b2b2b; font-weight: 600;}
h5, .textLink{font-family: 'Open Sans', sans-serif; font-size: 18px; line-height: 25px; color: #2b2b2b; font-weight: 700;}
h6{font-family: 'Poppins', sans-serif; font-size: 16px; line-height: 150%; color: #2b2b2b; font-weight: 500;}
.caption{font-family: 'Open Sans', sans-serif; font-size: 12px; line-height: 16px; color: #2b2b2b;}
label{font-weight: inherit; }
.mt-16{margin-top: 16px;}
/* Start Background  & Color */

/* End Background  & Color */

/* Start Input, textarea, Select, Switch button */
.form-control{ border: 2px solid #d3d3d3; width: 100%; padding: 11px 9px 11px 14px; color: #2b2b2b; font-size: 16px; line-height: 22px; font-family: 'Open Sans', sans-serif; height: auto; -moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none; -moz-border-radius: 8px; -webkit-border-radius: 8px; border-radius: 8px; background-color: #fff; }
select.form-control{background-color: #fff; color: #2b2b2b; background-image: url(../images/icon/select-icon.svg); background-position: calc(100% - 12px) 12px; background-size: 18px 18px, 11px 11px; background-repeat: no-repeat; -webkit-appearance: none; -moz-appearance: none; padding: 11px 34px 11px 14px; height: auto !important;}
select.form-control:focus, input.form-control:focus, textarea.form-control:focus{border: 2px solid #2b2b2b; -moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none; background-color: #fff; color: #2b2b2b;}
textarea.form-control{resize: none; height: 200px;}
.form-group{margin-bottom: 16px;}
.form-group.mb-8{margin-bottom: 8px;}
.form-group.mb-0{margin-bottom: 0;}
.form-control:disabled, .form-control[readonly], select.form-control[readonly]:focus, input.form-control[readonly]:focus, textarea.form-control[readonly]:focus{cursor: not-allowed; background-color: #e9ecef; border: 2px solid #d3d3d3;}
.form-control:disabled{opacity: 0.5;}

.btn, .btn-sm{font-family: 'Open Sans', sans-serif; color: #377A8E; font-size: 18px; line-height: 25px; font-weight: 700; padding: 7px 15px; -moz-border-radius: 8px; -webkit-border-radius: 8px; border-radius: 8px; display: inline-block; -moz-box-shadow: none !important; -webkit-box-shadow: none !important; box-shadow: none !important; text-align: center;}
.btn-sm{padding: 4px 8px 3px;}
.btn-primary{border: 2px solid #377A8E; color: #fff; background: #377A8E;}
.btn-primary:hover, .btn-primary:focus, .btn-primary:active, .btn-primary:active:focus, .btn-primary:active:hover, .btn-primary.active, .btn-primary:not(:disabled):not(.disabled).active, .btn-primary:not(:disabled):not(.disabled):active, .show>.btn-primary.dropdown-toggle, .custom-file-hover:hover .btn-primary{border: 2px solid #12353F; color: #fff !important; background: #12353F; }
.btn-secondary {border: 2px solid #377A8E; color: #377A8E !important; background: #fff;}
.btn-secondary:hover, .btn-secondary:focus, .btn-secondary:active, .btn-secondary:active:focus, .btn-secondary:active:hover, .btn-secondary.active, .btn-secondary:not(:disabled):not(.disabled).active, .btn-secondary:not(:disabled):not(.disabled):active, .show>.btn-secondary.dropdown-toggle, .custom-file-hover:hover .btn-secondary{ border: 2px solid #12353F; color: #12353F !important; background: #fff;}
option:disabled{color: #e5e5e5;}
.btn-blue{border: 2px solid #60C6C9; color: #fff !important; background: #60C6C9;}
.btn-blue:hover, .btn-blue:focus, .btn-blue:active, .btn-blue:active:focus, .btn-blue:active:hover, .btn-blue.active{border: 2px solid #4AA7AA; color: #fff; background: #4AA7AA; }
.btn-confirm{border: 2px solid #53DDA3;; color: #fff !important; background: #53DDA3;;}
.btn-confirm:hover, .btn-confirm:focus, .btn-confirm:active, .btn-confirm:active:focus, .btn-confirm:active:hover, .btn-confirm.active{border: 2px solid #41cc91; color: #fff; background: #41cc91; }
.btn-grey{border: 2px solid #c4c4c4; color: #000 !important; background: #c4c4c4;}
.btn-grey:hover, .btn-grey:focus, .btn-grey:active, .btn-grey:active:focus, .btn-grey:active:hover, .btn-grey.active, .custom-file-hover:hover .btn-grey{border: 2px solid #377A8E; color: #fff !important; background: #377A8E; }
.btn-primary:disabled, .btn-primary:hover:disabled, .btn-primary.disabled{opacity: 0.6; border: 2px solid #377A8E; color: #fff; background: #377A8E;} 
.btn-secondary:disabled, .btn-secondary:hover:disabled, .btn-secondary.disabled{opacity: 0.6; border: 2px solid #377A8E; color: #377A8E; background: #fff;} 
.btn-secondary-blue{background: #30819B; border: 2px solid #30819B; color: #fff !important;}
.btn-secondary-blue:hover, .btn-secondary-blue:focus{background: #2B738B; border: 2px solid #2B738B; color: #fff !important;}
.btn-red{border: 2px solid #B22F27; color: #B22F27 !important; background: #fff;}
.btn-red:hover, .btn-red:focus, .btn-red:active, .btn-red:active:focus, .btn-red:active:hover, .btn-red.active{border: 2px solid #B22F27; color: #fff !important; background: #B22F27; }


/* Start Placeholder */
.input-search::placeholder, .form-control::placeholder, .select2-container--default .select2-search--inline .select2-search__field::placeholder, .input-search:-ms-input-placeholder, .form-control:-ms-input-placeholder, .select2-container--default .select2-search--inline .select2-search__field:-ms-input-placeholder, .input-search::-ms-input-placeholder, .form-control::-ms-input-placeholder, .select2-container--default .select2-search--inline .select2-search__field::-ms-input-placeholder {color: #2b2b2b !important; opacity: 0.8;}

/* Start checkbox */
.checkBox { display: block; position: relative; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; color: #2b2b2b;}
.checkBox label{cursor: pointer; padding-left: 28px;}
.checkBox input { position: absolute; opacity: 0; cursor: pointer; height: 0; width: 0;}
.checkBox .checkmark { position: absolute; top: 2px; left: 0; height: 20px; width: 20px; border: 2px solid #377A8E; background: #fff; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; }
.checkBox input:checked ~ .checkmark { background-color: #377A8E; border: 2px solid #377A8E;}
.checkBox .checkmark:after { content: ""; position: absolute; opacity: 0; left: 4px; top: 0px; width: 7px; height: 11px; border:solid #fff; border-width: 0 2px 2px 0; -webkit-transform: rotate(0deg) scale(0); -ms-transform: rotate(0deg) scale(0); transform: rotate(0deg) scale(0); }
.checkBox input:checked ~ .checkmark:after {-webkit-transform: rotate(45deg) scale(1); -ms-transform: rotate(45deg) scale(1); transform: rotate(45deg) scale(1); opacity: 1;}
.checkBox span.checkmark{padding: 0 !important;}
.checkBox .checkmark, .checkBox .checkmark:after{transition: all 0.3s ease-out; -webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -ms-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; }

.checkBtn label{position: relative; background: #EDEDEB; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; cursor: pointer; color: #2b2b2b;}
.checkBtn input{position: absolute; opacity: 0;}
.checkBtn label:hover, .checkBtn label.active{background: #377A8E; color: #fff;}
.checkBtn label.active::after{content: ''; background: url(../images/icon/close-white.svg) 0 0 no-repeat; height: 16px; width: 16px; display: inline-block; vertical-align: middle; margin-left: 5px;}

/* Start radiobox */
.radioBox{position: relative; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; cursor: pointer;}
.radioBox input{opacity: 0; cursor: pointer; position: absolute;}
.radioBox .checkmark { position: absolute; top: 3px; left: 0; height: 20px; width: 20px; background-color: #fff; border: 2px solid #377A8E; -moz-border-radius: 50%; -webkit-border-radius: 50%; border-radius: 50%;}
.radioBox:hover input ~ .checkmark { border: 2px solid #377A8E;}
.radioBox input:checked ~ .checkmark { border: 2px solid #377A8E; background-color: #fff;}
.radioBox .checkmark:after { content: ""; position: absolute; display: none;}
.radioBox input:checked ~ .checkmark:after { display: block;}
.radioBox .checkmark:after {top: 2px; left: 2px; width: 12px; height: 12px; -moz-border-radius: 50%; -webkit-border-radius: 50%; border-radius: 50%; background: #377A8E; }
.radioBox label{cursor: pointer; padding-left: 28px;}
.radio_group .radioBox{display: inline-block; margin-right: 30px;}
.radio_group .radioBox:last-child{margin-right: 0;}
.radioBox.caption{line-height: 20px;}
.radioBox.caption .checkmark{top: 1px;}

.custom-file-input, .file-loading  { position: absolute; height: 100%; width: 100%; left: 0; top: 0; opacity: 0; cursor: pointer; padding: 0 !important; z-index: 3;}
.custom-file-input { text-align: center; z-index: 2; padding: 18px; opacity: 1;}
.uploadIcon{background: url("../images/icon/upload.svg") 0 0 no-repeat; width: 101px; height: 101px; margin: 0 auto;}
.custom-file-hover{ border: 2px dashed #2B2B2B; position: relative; -moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px;}
.custom-file-hover .caption{font-size: 14px;}
.image-hover-bg .uploadIcon{background: url("../images/icon/upload-white.svg") 0 0 no-repeat;}

.custom-file-static .custom-file-input{position: static; padding: 28px 16px 20px;}
.form-group label.caption{display: block;}
.white_input{padding: 20px;}
.white_input ul{margin-left: 15px;}
.white_input li{list-style: disc; color: #606060; margin-bottom: 8px;}
.white_input li:last-child{margin-bottom: 0;}
.white_input li span{display: block; color: #2b2b2b;}
.white_input input{border: 0; border-bottom: 1px solid #606060; width: 100%; color: #2b2b2b;}
.white_input input:hover, .white_input input:focus{border-bottom: 1px solid #377A8E;}

.search_box{position: relative;}
.btn-search{position: absolute; top: 10px; left: 14px; border: none; background-color: transparent !important; background: url("../images/icon/search.svg") 0 0 no-repeat; height: 24px; width: 24px;}
.search_box input.form-control{padding-left: 46px;}
.search_box_small{max-width: 510px; margin: 0 auto;}

/* Switch Rounded slider */
.switch { position: relative; display: inline-block; width: 44px; height: 24px;}
.switch input { opacity: 0; width: 0; height: 0; margin: 0;}
.switch-toggle { position: absolute; cursor: pointer; top: 0; left: 0; right: 0; bottom: 0; -webkit-transition: .2s; -moz-transition: .2s; transition: .2s; -moz-border-radius: 16px; -webkit-border-radius: 16px; border-radius: 16px; background: #D3D3D3;}
.switch-toggle:before { position: absolute; content: ""; height: 14px; width: 14px; left: 4px; bottom: 5px; background: #fff; -webkit-transition: .2s; -moz-transition: .2s; transition: .2s; -moz-border-radius: 50%; -webkit-border-radius: 50%; border-radius: 50%;}
.switch input:checked + .switch-toggle{ background: #377A8E;}
.switch input:checked + .switch-toggle:before { -webkit-transform: translateX(21px); -ms-transform: translateX(21px); transform: translateX(21px);}
.switch_box{position: relative;}
.switch_box label{width: auto; display: inline-block; padding-left: 54px; cursor: pointer;}
.switch_box label .switch-toggle{width: 44px;}
/* End Input, textarea, button */

/* Start Border Radius */
.brd-rdu-2, .white_card{-moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px;}
.brd-rdu-4, .img_upload img, .event_publish_project img, .accordion_tab .card-header a, .btn-dark-blue{-moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px;}
.brd-rdu-8, .white_box, .video_left_list li img, .bootstrap-tagsinput, .material_box li, .material_box{-moz-border-radius: 8px; -webkit-border-radius: 8px; border-radius: 8px;}
.brd-rdu-100, .navTab li:before { -moz-border-radius: 100%; -webkit-border-radius: 100%; border-radius: 100%;}
/* End Border Radius */

/* Start Modal Box */
.modalPopup .close.close-white{background: url("../images/icon/modal-close-white.svg") 0 0 no-repeat;}
.modal-scroll{overflow: hidden; padding-right: 0 !important;}
.modal-scroll .modalPopup{overflow-y: scroll; padding: 0 !important;}
.modal-open .header{z-index: 999;}
.modalSmall{max-width: 392px; width: 100%;}
.modalSmall .modal-content{padding: 0 20px;}
.modalSmall .close{height: 16px; width: 16px; top: 19px; right: 20px; background-size: cover;}
/* End Modal Box */

/* Start Tooltip CSS */
.tooltip_box .tooltip{}
.tooltip_box .tooltip-inner{background: #fff; -moz-box-shadow: 0px 4px 8px 4px rgba(0, 0, 0, 0.15); -webkit-box-shadow: 0px 4px 8px 4px rgba(0, 0, 0, 0.15); box-shadow: 0px 4px 8px 4px rgba(0, 0, 0, 0.15); -moz-border-radius: 8px; -webkit-border-radius: 8px; border-radius: 8px; font-size: 14px; line-height: 18px; color: #2b2b2b; padding: 15px 16px; font-family: 'Open Sans', sans-serif; text-align: left;}
.tooltip_box .tooltip.show{opacity: 1;}
.tooltip_box .bs-tooltip-auto[x-placement^=bottom] .arrow::before, .tooltip_box .bs-tooltip-bottom .arrow::before{border-bottom-color: #fff; border-width: 0 .6rem .6rem;}
.tooltip_box .bs-tooltip-auto[x-placement^=top] .arrow::before, .tooltip_box .bs-tooltip-top .arrow::before{border-top-color: #fff; border-width: .6rem .6rem 0;}
.tooltip_box{cursor: pointer;}
/* End Tooltip CSS */

/* Start Custom Scroll CSS */
.customScroll{ overflow-x: scroll;}
.customScroll::-webkit-scrollbar {width: 4px;}
/*.customScroll::-webkit-scrollbar-track {box-shadow: inset 0 0 5px grey; border-radius: 5px;}*/
.customScroll::-webkit-scrollbar-thumb {background: #377A8E; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px;}
.customScroll::-webkit-scrollbar-thumb:hover {background: #377A8E; }
/* End Custom Scroll CSS */

/* Start Tab Menu CSS */
.navTab{background: #ebf2f4; border-bottom: 2px solid #D3D3D3; padding:14px 0 8px;}
.navTab li{position: relative; padding: 24px 20px 0; font-size: 18px; line-height: 25px;}
.navTab li:before{content: ''; height: 16px; width: 16px; position: absolute; top: 0; left: 50%; margin-left: -8px; background: rgba(55, 122, 142, 0.5); display: block; z-index: 1;}
.navTab li:after{content: ''; background: #ebf2f4; display: block; position: absolute; top: 7px; right: -70%; width: 120%; height: 3px;}
.navTab li.select{font-weight: 700;}
.navTab li.select::before, .navTab li.active::before{background: rgba(55, 122, 142, 1);}
.navTab li.active::after{background: rgba(55, 122, 142, 1); }
.navTab li.select::after{}
/* End Tab Menu CSS */

/* Start Common CSS */
.content{padding: 40px 48px 48px 340px; max-width: 2500px;}
.content_full{padding-left: 48px;}
textarea.form-control.height-290{height: 290px;}
textarea.form-control.height-458{height: 458px;}
.backArrow{ background: url("../images/icon/back-arrow.svg") 0 1px no-repeat; padding-left: 32px; color: #2b2b2b;}
.backArrow:hover{opacity: 0.8;  color: #2b2b2b;}
.account-title {margin-bottom: 32px; position: relative;}
.account-title h3{margin-bottom: 16px; padding-right: 175px;}
.account-subText{max-width: 777px;}
.account-title-btn{width: 167px; position: absolute; right: 0; top: 0;}
.white_box{background: #fff; border: 2px solid #D3D3D3;}
.white_card{background: #fff; -moz-box-shadow: 0px 2px 8px 1px rgba(43, 43, 43, 0.2); -webkit-box-shadow: 0px 2px 8px 1px rgba(43, 43, 43, 0.2); box-shadow: 0px 2px 8px 1px rgba(43, 43, 43, 0.2);}
.tag_img{background: #fff; border: 2px solid #377A8E;}
.tag_img img{width: auto;}

.edit_icon{background: url(../images/icon/edit.svg) 0 0 no-repeat; height: 22px; width: 20px; display: inline-block;}
.edit_icon_blue{background: url(../images/icon/edit-blue.svg) 0 0 no-repeat; height: 22px; width: 20px; display: inline-block;}
.account-title-btn .btn-secondary:hover .edit_icon_blue{background: url(../images/icon/edit-black.svg) 0 0 no-repeat; height: 22px; width: 20px; display: inline-block;}
.trash_icon{background: url(../images/icon/trash.svg) 0 0 no-repeat; height: 24px; width: 24px; display: inline-block;}
a.trash_icon:hover{opacity: 0.6;}
.inputIcon, .selectIcon{position: relative;}
.inputIcon input, .inputIcon select{padding-left: 46px;}
.inputIcon span, .selectLink{position: absolute; left: 14px; top: 12px; background: url("../images/icon/link.svg") 0 0 no-repeat; height: 24px; width: 24px;}
.inputDollar input{padding-left: 26px;}
.inputDollar span{top: 13px; background: none;}
.form-group div.pr .caption{position: absolute; right: 0; bottom: -20px;}
.listBullet{list-style: disc; padding-left: 20px; padding-bottom: 6px;}
.listBullet li{margin-bottom: 10px;}
.font-italic{font-style: italic;}
.selectIcon .select2-container--default .select2-selection--single .select2-selection__rendered{padding-left: 36px;}

.tags_bg .badge{-moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; color: #12353F; background: rgba(55, 122, 142, 0.15); border: 2px solid #377A8E; font-family: 'Open Sans', sans-serif; font-size: 12px; line-height: 16px; font-weight: 400; padding: 2px 4px 3px 6px !important;}
.tags_bg .badge [data-role="remove"]{background: url("../images/icon/close.svg") 0 0 no-repeat; display: inline-block; width: 16px; height: 16px; background-size: cover; vertical-align: bottom;}
.tags_bg .badge [data-role="remove"]:after{display: none;}
.account-title h3.width-100{width: 100%; padding-right: 0;}
.account-title.mb-0{margin-bottom: 0 !important;}
.bootstrap-tagsinput{border: 2px solid #d3d3d3 !important; -moz-box-shadow: none !important; -webkit-box-shadow: none !important; box-shadow: none !important; min-height: 48px;}
.bootstrap-tagsinput span.twitter-typeahead{padding: 7px 0;}
.bootstrap-tagsinput .badge{margin-bottom: 8px; vertical-align: middle;}
button:focus{ outline: none;}
.dropMenu a{display: block; padding: 8px; border-top: 1px solid #2b2b2b; color: #2b2b2b;}
.dropMenu a:hover{color: rgba(43, 43, 43, 0.8);}
.dropMenu a.text-red{color: #B22F27;}
.dropMenu a.text-red:hover{color: #B22F27!important; opacity: 0.8;}
.dropMenu a:first-child{border-top: none;}
.no_border{border: none; background: transparent;}
.delete_icon_color{color: #B22F27;}
.delete_icon_color:hover{color: #12353F;}
.caption.mt-4{margin-top: 4px !important;}
.modal-backdrop{z-index: 9998;}
/* End Common CSS */

/* Start Popup Edit Photo */
.editable-container.editable-inline{margin-top: 5px; display: block; width: 100%;}
.edit_photo{padding: 5px 16px 16px;}
.edit_photo_popup .edit_photo h3{text-align: center; margin-bottom: 16px;}
.text_color_coral{color: #EC6333;}
.text_color_blue{color: #1273D0;}
.text_color_teal{color: #1273D0;}
/* End Popup Edit Photo */

.jconfirm.jconfirm-white .jconfirm-bg, .jconfirm.jconfirm-light .jconfirm-bg{background: #000; opacity: 0.5;}
.jconfirm .jconfirm-box{padding-bottom: 13px; -moz-border-radius: 8px !important; -webkit-border-radius: 8px !important; border-radius: 8px !important;}
.jconfirm-box-container{text-align: center; max-width: 454px !important; width:100% !important; flex: auto;}
.jconfirm-title {font-size: 24px !important; line-height: 31px !important; font-weight: 700 !important;}
.jconfirm .jconfirm-box div.jconfirm-title-c{padding-bottom: 8px !important;}
.jconfirm .jconfirm-box div.jconfirm-content-pane{margin-bottom: 8px;}
.jconfirm-buttons{text-align: center; margin: 0 -16px; width: calc(100% + 32px);}
.jconfirm .jconfirm-box .jconfirm-buttons>button{margin: 8px 10px 0; border: none !important; min-width: 150px;}
.jconfirm .jconfirm-box .jconfirm-buttons .btn-secondary{border: 2px solid #377A8E !important; color: #377A8E !important; background: #fff !important;}
.jconfirm .jconfirm-box .jconfirm-buttons .btn-secondary:hover{border: 2px solid #12353F !important; color: #12353F !important;}