/* Start Left Sidebar */
.left_sidebar {background: #F5F5F5; position: fixed; width: 300px; height: 100vh; border-right: 3px solid #377A8E; padding: 24px 0 62px 0; overflow-x: auto;}
.left_logo{text-align: center; width: 100%; padding: 0 21px 0 24px;}
.left_logo img{max-width: 150px;}
.selectEdit{ padding: 16px 21px 0 24px; text-align: center;}
.selectEdit a span{background: url("../images/icon/edit.svg") 0 0 no-repeat; height: 24px; width: 24px; margin-left: 8px; display: inline-block; vertical-align: middle;}
.selectEdit .editable-input, .editableform .control-group, .selectEdit .editableform, .selectEdit .editableform .form-control{display: block !important; width: 100%;}
.left_menu_link{margin-top: 14px;}
.left_menu_link li{font-size: 21px; line-height: 30px; font-family: 'Poppins', sans-serif; margin-top: 2px; font-weight: 600;}
.left_menu_link li a{color: #2b2b2b; padding: 13px 44px 13px 64px; display: block; position: relative; font-weight: 600;}
.left_menu_link li a span{position: absolute; top: 16px; left: 24px;}
.left_menu_link li a:hover, .left_menu_link li.active a{color: #fff; background: #377A8E;}
.left_menu_link li.active a:after{content: ''; background: url("../images/icon/menu-arrow.svg") 0 -2px no-repeat; height: 24px; width: 24px; position: absolute; right: 16px; top: 17px;}
.left_menu_link li a:hover span svg path, .left_menu_link li.active span svg path{fill: #fff !important;}
.left_menu_link li.menu_text{padding: 13px 44px 0px 32px; position: relative; color: rgba(43, 43, 43, 0.8); font-size: 18px; line-height: 25px; font-weight: 700; margin-bottom: 10px;}
.menu_logout{position: fixed; left: 0; width: 295px; bottom: 0; background: #f5f5f5;}
/* End Left Sidebar */

/* Start Top Bar */
.top_bar{background: #fff; position: fixed; top: 0; left: 0; width: 100%; -moz-box-shadow: 0px 4px 8px 4px rgba(0, 0, 0, 0.05); -webkit-box-shadow: 0px 4px 8px 4px rgba(0, 0, 0, 0.05); box-shadow: 0px 4px 8px 4px rgba(0, 0, 0, 0.05); padding: 16px 0; z-index: 9998;}
.top_bar_left{float: left; padding-top: 12px;}
.top_bar_left li{float: left; margin-right: 12px; color: rgba(43, 43, 43, 0.6);}
.top_bar_left li a{color: rgba(43, 43, 43, 0.6);}
.top_bar_left li:after{content: '/'; display: inline-block; color: rgba(43, 43, 43, 0.6); margin-left: 12px; vertical-align: middle;}
.top_bar_left li:last-child::after{display: none;}
.top_bar_left li.active a, .top_bar_left li a:hover{color: rgba(43, 43, 43, 1);}
.top_bar_left .edit_icon{margin-left:10px;}
.top_bar_right{float: right; display: flex;}
.top_bar_right a.btn-primary, .top_bar_right button.btn-primary{min-width: 204px; margin-left: 20px;}
.top_bar_right a.btn, .top_bar_right button.btn{margin-left: 20px;}
.top_bar_right a.btn:first-child, .top_bar_right button.btn:first-child{margin-left: 0;}
.btn_top_do{-moz-border-radius: 8px; -webkit-border-radius: 8px; border-radius: 8px; border-color: #377A8E !important; display: flex; align-items: center; padding: 0; text-transform: uppercase;}
.btn_top_do a{padding: 10px 8px; color: #377A8E; text-shadow: 0px 1px 1px rgba(48, 129, 155, 0.3); position: relative;}
.btn_top_do a:after{content: ''; position: absolute; left: 0; top: 10px; bottom: 10px; width: 2px; background: #377A8E;}
.btn_top_do a:first-child::after{display: none;}
.btn_top_do a span{display: inline-block; height: 24px; width: 24px; background-position: 0 0; background-repeat: no-repeat;}
.btn_top_undo span{margin-left: 5px; background-image: url("../images/icon/undo.svg");}
.btn_top_redo span{margin-right: 5px; background-image: url("../images/icon/redo.svg");}
.btn_top_do a:hover{opacity: 0.8;}
.btn_top_do a:hover span{-webkit-transform:rotate(360deg); -moz-transform: rotate(360deg); -ms-transform: rotate(360deg); -o-transform: rotate(360deg); transform: rotate(360deg);}
.template_bar .wrap{padding: 0 16px;}
/* End Top Bar */

/* Start Component Page */
.event_component_video{padding:20px; max-width: 1044px; width: 100%; margin: 0 auto;}
.event_box_componet_right .custom-file-hover{height: 442px;}
/*.event_box_componet .event_box_componet_right{max-width: 660px;}*/
.event_component_table thead td, .event_component_table tbody td{padding: 8px; text-align: left;}
.event_component_table thead td:last-child, .event_component_table tbody td:last-child{text-align: right;}
.event_component_table tbody td{border-top: 1px solid #D3D3D3; border-bottom: 1px solid #D3D3D3; vertical-align: middle;}
.event_component_table div.pr span{position: absolute;}
.event_box_componet_left .checkBtn{margin: 0 -8px; width: calc(100% + 16px);}
.event_box_componet_left .checkBtn label{margin: 0 8px;}
.event_publish_popup{padding: 20px 0 27px;}
.event_publish_popup h4{margin-bottom: 20px;}
.event_publish_popup form h4{ margin-bottom: 18px;}
.event_publish_popup form .white_box{padding: 20px 18px 18px; margin-bottom: 12px;}
.event_publish_popup form .white_box.event_publish_project{padding: 9px 20px 9px 9px; margin-bottom: 12px;}
.event_publish_img{width: 54px;}
.event_publish_img img{width: 100%;}
.event_publish_text{padding: 0 30px 0 15px; width: calc(100% - 54px); position: relative;}
.event_publish_project .checkBox{position: absolute; right: -8px; top: 50%; margin-top: -10px; padding: 0;}
.event_publish_popup.event_publish_popup_new.sharePopup .white_box{min-height: 62px;}
.publish_popup_btn{text-align: center;}
.publish_popup_btn .btn{margin: 0 10px; min-width: 204px;}
.publish_popup_btn .btn-primary{color: #fff !important;}
.copy_code{text-align: center; font-size: 24px; line-height: 30px; margin-bottom: 16px;}
.event_publish_popup .customScroll{height: 210px;}
.difficulty_radio .radioBox{display: inline-block; margin-left: 28px;}
.difficulty_radio .radioBox:first-child{margin-left: 0;}
.time_input{padding: 16px;}
.time_input li{margin-bottom: 16px; padding-bottom: 16px; border-bottom: 1px solid #D3D3D3;}
.time_input li:last-child{margin-bottom: 0; padding-bottom: 0; border-bottom: none;}

.search_box.width-750{max-width: 100%;}
.componet_filter_width .search_box{width: calc(100% - 194px);}
.componet_filter{width: 182px; position: relative; z-index: 999;}
.componet_filter_link{border: 2px solid #D3D3D3; background: #fff; -moz-border-radius: 8px; -webkit-border-radius: 8px; border-radius: 8px; padding: 11px 26px 11px 16px; display: block; position: relative;}
.componet_filter_link:after, .filter_type_link:after{content: ''; background: url("../images/icon/select-icon.svg") 0 0 no-repeat; height: 24px; width: 24px; display: inline-block; position: absolute; top: 12px; right: 10px;}
.componet_filter.dropShow .componet_filter_link:after, .filter_type_show .filter_type_link:after{ -webkit-transform:rotate(180deg); -moz-transform: rotate(180deg); -ms-transform: rotate(180deg); -o-transform: rotate(180deg); transform: rotate(180deg);}
.filter_dropdown{display: none; background: #FFFFFF; -moz-box-shadow: 0px 2px 8px rgba(0, 0, 0, 0.15); -webkit-box-shadow: 0px 2px 8px rgba(0, 0, 0, 0.15); box-shadow: 0px 2px 8px rgba(0, 0, 0, 0.15); -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; position: absolute; top: 58px; left: 0; width: 100%;}
.filter_dropdown li{border-top: 1px solid #d3d3d3;}
.filter_dropdown li a{padding: 8px 12px 8px 40px; display: block; position: relative;}
.filter_dropdown li:first-child{border-top: none;}
.filter_dropdown li a:hover, .filter_dropdown li.active a, .componet_filter_link:hover, .componet_filter_link:focus, .filter_dropdown a:focus, .filter_dropdown li.active label, .filter_dropdown li label:hover{color: #377A8E;}
.filter_dropdown li.active a:before{content: ''; position: absolute; left: 8px; top: 8px; background: url("../images/icon/checkmark.svg") 0 0 no-repeat; height: 24px; width: 24px; background-size: cover; display: inline-block;}
.filter_type{position: relative;}
.filter_type_link:after{top: 10px;}
.filter_type ul{display: none; background: #EDEDEB; border-top: 1px solid #d3d3d3; padding: 0 8px; -moz-border-radius: 0 0 4px 4px; -webkit-border-radius: 0 0 4px 4px; border-radius: 0 0 4px 4px;}
.filter_type li{font-size: 12px; line-height: 16px; font-weight: 400; padding: 8px 0; border-top: 1px solid #2B2B2B; position: relative;}
.filter_type li label{padding-left: 28px;}
.filter_type li span.checkmark{top: 8px; background: transparent;}
.componet_filter.dropShow .filter_dropdown, .filter_type.filter_type_show ul{display: block;}
.filter_btn{text-align: center; background: #EDEDEB; position: sticky !important; bottom: 0; padding-top: 0 !important; border-top: none !important;}
.filter_btn .btn-sm{width: 100%;}
.checkFilter label, .filter_dropdown li a{font-size: 16px; line-height: 22px; color: #2b2b2b; font-weight: 600; padding: 8px 8px 8px 40px;}
.checkFilter.checkBox .checkmark{top: 9px; left: 10px; border: none; background: none; height: 24px; width: 24px;}
.checkFilter.checkBox input:checked ~ .checkmark {background-color: none; border: none; background: url("../images/icon/checkmark.svg") 0 0 no-repeat; background-size: cover; display: block;}
.filter_type .customScroll{height: 220px; overflow-x: auto; position: relative;}
/* End Component Page */

/* Start Login Page */
.login{height: 100vh;}
.loginLeft{width: 50%; text-align: center; position: fixed; left: 0; height: 100vh; /*background: url("../images/bg/login-desktop-bg.png") center top no-repeat;*/ background-size: cover;}
.login_bg{width: 100%; height: 100%; background: #eee; padding: 40px 25px; display: flex;}
.loginLeft .align-self-center{max-width: 288px; width: 100%;}
.loginLeft img{max-height: 100%; max-width: 518px; width: 96%;}
.loginRight{width: calc(100% - 50%); float: right; text-align: center; min-height: 100%; padding: 40px;}
.loginRight h2{margin-bottom: 4vh;}
.loginRight h1{margin-bottom: 30px;}
.loginRight form{max-width: 494px; margin: 0 auto; text-align: left;}
.loginRight .form-group.checkBox{margin-bottom: 24px;}
.loginRight a{color: #377A8E;}
.loginRight a:hover{color: #2b2b2b;}
/* End Login Page */

/* Start Live Event Page */
.border_top{border-top: 1px solid #D3D3D3; padding-top: 24px;}
.border_top.pt-16{padding-top: 16px;}
.live-show{padding: 2px 8px; margin-bottom: 16px; border: 2px solid #f5f5f5; display: inline-block;}
.live_event_box{padding: 20px 48px; max-width: 1200px; margin: 0 auto;}
.live_event_border{ border: 1px solid #2B2B2B; padding: 20px;}
.event-content-left{float: left; width: calc(100% - 283px); padding-right: 16px;}
.event-content-left h4{margin-bottom: 16px;}
.event-content-right{float: right; width: 283px;}
.event-btn{padding-top: 24px;}
.event-btn .dropdown-toggle::after{display: none;}
.event-btn li{margin-left: 12px; display: inline-block; position: relative;}
.event-btn li:first-child{margin-left: 0;}
.event-btn .drop-down-arrow{vertical-align: top; margin: -2px 0 0 5px;}
.event-dropdown{position: absolute; left: 0; top: 54px; background: #fff; -moz-box-shadow: 0px 8px 16px 1px rgba(0, 0, 0, 0.15); -webkit-box-shadow: 0px 8px 16px 1px rgba(0, 0, 0, 0.15); box-shadow: 0px 8px 16px 1px rgba(0, 0, 0, 0.15); -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; z-index: 2; min-width: 226px; display: none; padding: 0; margin: 0; border: 0;}
.event-dropdown li{display: block; font-size: 18px; line-height: 20px; font-weight: 700; margin: 0;}
.event-dropdown li span{display: inline-block; margin: 0 8px 0 0; vertical-align: middle;}
.event-dropdown a{padding: 8px 10px; color: #2b2b2b; display: block; text-align: left;}
.event-dropdown a:hover{background: #F2F2F2;}
.event-dropdown.showmenu{display: block;}
.overviewSchedule{margin-top: 24px;}
.overviewSchedule .caption{text-transform: uppercase; margin-bottom: 8px;}
.webLink{}
.webLink ul{margin-bottom: 20px;}
.webLink li{display: block; margin-top: 10px;}
.webLink li a{color: #1A1A1A; border-bottom: 1px solid #2B2B2B}
.webLink li a:hover{border-bottom: none;}
.eventSocial{margin-bottom: 20px;}
.eventSocial a{margin-right: 28px; display: inline-block;}
.eventSocial a:hover{opacity: 0.8;}
.live_event_box .event-time{margin-bottom: 42px; padding: 0 0 0 32px; color: #1A1A1A; position: relative;}
.live_event_box .event-time:before{content: ''; border-left: 12px solid #377A8E; position: absolute; left: 0; top: 0; bottom: 0; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; }
.live_event_box .event-time-count span{padding: 0; display: inline-block; text-align: center; vertical-align: top;}
.live_event_box .event-time-count span:first-child{padding-left: 0;}
.live_event_box .event-time-count .caption{text-transform: uppercase;}
.event-time-count h2{font-size: 28px; line-height: 36px;}
/* End Live Event Page */

.project-title{margin-bottom: 18px;}
.project-title .account-title-btn{ width: auto;}
.projectList{width: calc(100% + 24px); margin: 0 0px; display: flex; flex-wrap: wrap;}
.projectList li{max-width: 292px; width: 25%; min-width: 240px; padding: 12px; display: inline-block; text-align: left;}
.projectList .white_box{height: 180px; text-align: center; margin-bottom: 8px;}
.projectList .white_box img{max-width: 100%; max-height: 100%; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px;}
.projectList li h4{margin-bottom: 4px; position: relative; padding-left: 28px; padding-right: 20px;}
.projectList li h4 span{display: inline-block; position: absolute; left: 0; top: 0;}
.projectList li h4 span img{max-width: 24px;}
.projectList li .caption{padding-left: 28px;}
.projectList li a{display: block;}
.projectList li a:hover .white_box, .projectList li.active a .white_box, .projectList li a.white_box:hover{border: 2px solid #377A8E;}
.projectList.create_componet{text-align: center; margin: 0 auto; justify-content: center; flex-direction: row; flex-wrap: wrap;}
.tab-content>.tab-pane.active{display: flex;}
.projectList.create_componet li{float: none;}
.choose_template li a:hover .white_box, .choose_template li.active a .white_box, .choose_template li a.white_box:hover{border: 2px solid #B25F27;}
.comp_proj{margin-top: 8px; position: relative; padding-left: 18px !important;}
.comp_proj:before, .projectIcon:before{content: ''; background: url("../images/icon/project-small.svg") 0 0 no-repeat; height: 16px; width: 16px; background-size: cover; display: inline-block; position: absolute; left: 0; top: -1px;}
.opacity-8{opacity: 0.8;}
.project-title h3 {display: flex; align-items: center;}
.project-title h3 .component_list_img{margin: 0 16px 0 0;}
.projThum{width: 241px !important; height: 181px !important; border: 2px solid #D3D3D3;}
.projThum .uploadIcon{height: 42px; width: 42px; background-size: cover;}
.projThum, .projThum img{-moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px;}
.projThum .caption{font-size: 11px;}

.video_big_icon{width: 100%; height: 480px;}
.video_big_icon span{-moz-border-radius: 50%; -webkit-border-radius: 50%; border-radius: 50%; background: #377A8E; height: 158px; width: 158px; text-align: center; vertical-align: middle; display: inline-block; padding: 43px 0 0 15px}
.below_text{text-align: center; padding-top: 16px; border-top: 2px solid #D3D3D3;}
.timestamp_list{padding-left: 0;}
.timestamp_list li{list-style: none; margin-bottom: 20px;}
.timestamp_list span{display: inline-block; width: 72px; margin-right: 12px; border: 1px solid #D3D3D3; -moz-border-radius: 4px; -webkit-border-radius: 4px; padding: 3px 0 4px; text-align: center; border-radius: 4px;}
.download_bg{padding: 16px 12px; background: #F2F2F2; -moz-border-radius: 8px; -webkit-border-radius: 8px; border-radius: 8px;}
.download_bg .btn-sm{width: 200px;}
.download_bg:last-child{margin-bottom: 16px;}

.componet_collection .tooltip{margin-left: -5px; margin-top: 8px;}
.componet_collection .tooltip_box{margin-left: 10px;}
.componet_collection .tooltip_box .tooltip > .tooltip-inner{max-width: 430px; width: 100%; cursor: default;}
.componet_collection .tooltip_box .tooltip > .tooltip-inner p:last-child{padding-bottom: 0;}
.componet_upload_img{padding-top: 24px;}
.componet_upload_img .custom-file-hover{height: 354px;}
.componet_upload_img.pt-16{padding-top: 16px;}
.image_slider_upload.custom-file-hover{height: 252px;}
.image_slider_upload .uploadIcon{height: 43px; width: 43px; background-size: cover;}
.gc-standard-width .carousel_slider{max-width: 90%;}
.gc-full-width{padding-left: 0 !important; padding-right: 0 !important;}
.gc-full-width .carousel_slider{max-width: 100%; width: 100%;}
.componet_card_edit{}
.componet_card_edit ul{}
.componet_card_edit li{border-bottom: 1px solid #d3d3d3; margin-bottom: 24px; padding: 0 0 8px 0; position: relative;}
.componet_card_close{background: url("../images/icon/close.svg") 0 0 no-repeat; height: 24px; width: 24px; display: inline-block; position: absolute; top: 3px; right: 0; z-index: 2;}
.componet_card_edit_box{max-width: 1034px;}
.componet_card_edit_box h4, .banner_slider_box h4{margin-bottom: 16px; position: relative; padding-left: 30px;}
.componet_card_edit_box h4 span, .banner_slider_box h4 span{background: url("../images/icon/drag.svg") 0 0 no-repeat; height: 24px; width: 15px; display: inline-block; position: absolute; top: 3px; left: 0;  cursor: move;}
.componet_card_edit_left{float: left; max-width: calc(100% - 500px); width: 63.8%;}
.componet_card_edit_left textarea.form-control{height: 200px;}
.componet_card_edit_right{float: right; max-width: 481px; width: 100%;}
.componet_card_edit_right .custom-file-hover{height: 320px; margin-top: 24px;}
.componet_card_edit_right .custom-file-hover .uploadIcon{height: 35px; width: 35px; background-size: cover;}
.componet_card_edit_right .custom-file-hover .custom-file-input, .event_box_componet_right .componet_upload_img .custom-file-input{padding: 0;}
.add_card{ border-bottom: 1px solid #d3d3d3; padding: 8px 0 32px 0; margin-bottom: 16px; text-align: center;}
.add_card a{min-width: 200px;}
.add_card span{background: url("../images/icon/close-white.svg") 0 0 no-repeat; height: 16px; width: 16px; display: inline-block; -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); transform: rotate(45deg); margin-right: 8px; vertical-align: middle; margin-top: -3px;}
.image_text_component .event_box_componet_left{width: calc(100% - 800px);}
.image_text_component .event_box_componet_right{max-width: 800px; width: 100%;}
.image_text_component .event_box_componet_right .custom-file-input{padding: 0 !important;}
.image_text_component .event_box_componet_right .custom-file-hover{height: 561px;}
.componet_tag{position: absolute; top: 10px; right: 10px; background: #2b2b2b; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; font-size: 18px; font-weight: 700; color: #fff; padding: 3px 12px 4px;}

.menu_component_inner{}
.menu_component_inner span{background: url("../images/icon/vertical-menu.svg") 0 0 no-repeat; height: 24px; width: 24px; display: inline-block; position: absolute; left: auto !important; right: 0; top: 2px !important;}
.menu_component_inner .dropMenu a:hover{color: #377A8E;}
.menu_component_inner .dropdown-toggle::after{display: none; -moz-transform: none !important; -webkit-transform: none !important; transform: none !important;}
.dropMenu{left: auto !important; right: 5px; width: 202px;}
.dropdown-menu{-moz-box-shadow: 0px 2px 8px rgba(0, 0, 0, 0.15); -webkit-box-shadow: 0px 2px 8px rgba(0, 0, 0, 0.15); box-shadow: 0px 2px 8px rgba(0, 0, 0, 0.15); border: none; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px;}
.dropdown-menu.dropMenu{font-size: 16px; line-height: 20px; background: #f2f2f2;}
.image_card_collection_edit{}
.image_card_collection_edit li{float: left; width: 33.33%; padding: 0 12px; max-width: 458px;}
.image_card_collection_edit_title{position: relative; padding: 0 0 0 32px; margin-bottom: 8px; min-height: 24px;}
.image_card_collection_edit_title span{background: url("../images/icon/reorder.svg") 0 0 no-repeat; height: 24px; width: 24px; display: inline-block; position: absolute; top: -5px; left: 0;  cursor: move;}
.custom-file-hover{border: 1px dashed #2B2B2B; height: 242px;}
.workshop_preview_popup .image_card_collection ul{margin-bottom: 24px;}
.workshop_preview_popup .card_collection_3 h3{font-size: 18px;}
.workshop_preview_popup .ptb80{padding-top: 12px; padding-bottom: 12px;}
/* Start Text Block Edit Page */
textarea.form-control.height-140{height: 140px;}
.white_box .text-block-bg, .workshop_preview_popup .text-block-padding, .workshop_preview_popup .text-block{padding: 0;}
.main_box .text-block, .workshop_preview_popup .text-block{ padding-bottom: 24px !important;} 
.main_box .text-block-padding, .workshop_preview_popup .text-block-padding{padding-top: 16px !important;}
.text-block-bg .text-block{padding-top: 16px !important; margin-bottom: 24px;}
/* End Text Block Edit Page */

.top_bar .editable-container.editable-inline{margin-top: -10px;}
.top_bar .editable-buttons{margin-top: 6px;}
.top_bar .editable-buttons .btn{padding: 0; height: 36px; width: 36px;}
.top_bar .editable-buttons .editable-cancel{color: #b94a48;}
.editable-error-block {color: #FF0000;font-size: 16px;font-weight: 400;margin-left: 8px !important;}
.componentXEditable .editable-click, a.editable-click, a.editable-click:hover {border: none !important;}
.event_publish_popup form .white_box.componet_publish{padding: 4px 24px 8px;}
.componet_publish h4 span{margin-right: 4px; display: inline-block;}
.vertical-middle-table td{vertical-align: middle;}

.material_box{border: 2px solid #d3d3d3; padding: 16px;}
.material_box li{margin-top: 24px; border: 2px solid #d3d3d3; padding: 12px 16px 0; position: relative;}
.material_box li:first-child{margin-top: 16px;}
.material_box textarea.form-control{height: 102px;}
.material_title{padding-right: 56px;}
.material_btn{position: absolute; right: 16px; top: 8px;}
.material_btn a:hover, .material_btn span:hover{opacity: 0.7;}
.material_btn .deleteIcon{background: url("../images/icon/delete.svg") 0 0 no-repeat; height: 24px; width: 24px; background-size: cover; display: inline-block;}
.material_btn .reorderIcon, .text_video_edit span.reorderIcon, .banner_slider_edit span.reorderIcon, .dragIcon{background: url("../images/icon/reorder.svg") 0 0 no-repeat; height: 24px; width: 24px; background-size: cover; display: inline-block; cursor: move;}
.dragIcon_rotate{-webkit-transform: rotate(90deg); -moz-transform: rotate(90deg); transform: rotate(90deg); height: 16px; width: 16px;}

.ads_edit .custom-file-hover{border: 2px dashed #2b2b2b; height: 300px; margin-bottom: 24px;}
.ads_edit textarea.form-control{height: 122px;}
.ads_edit .col-md-12{max-width: 1634px !important; flex: 0 0 100%;}
.ads_edit .col-md-6{max-width: 830px !important; flex: 0 0 50%;}
.ads_block.dis-block{display: block !important;}
.radio_card_collection{margin-left: -12px; margin-right: -12px; display: flex;}
.radio_card_collection .radioBox{height: 100%;}
.radio_card_collection .radioBox label{border: 2px solid #D3D3D3; -moz-border-radius: 8px; -webkit-border-radius: 8px; border-radius: 8px; padding: 0; height: 100%;}
.style-title-bg{background: #D3D3D3; padding: 9px 9px 9px 46px; -moz-border-radius: 4px 4px 0 0; -webkit-border-radius: 4px 4px 0 0; border-radius: 4px 4px 0 0;  display: block;}
.radio_card_collection .radioBox img{max-width: 100%; padding: 16px;}
.radio_card_collection .radioBox .checkmark{left: 16px; top: 12px;}
hr{border-top: 1px solid #D3D3D3; margin: 8px 0 24px;}

.product_right_edit{width: 329px; float: left; padding-left: 24px;}
.product_right_edit .custom-file-hover{height: 282px;}

/* Start Text Video Edit Page */
.text_video_edit span.reorderIcon, .banner_slider_edit span.reorderIcon{-webkit-transform: rotate(90deg); -moz-transform: rotate(90deg); transform: rotate(90deg); height: 16px; width: 16px;}
.text_video_edit ul{padding-bottom: 8px;}
.text_video_edit .btnLink, .banner_slider_box .btnLink{border-bottom: 1px solid #d3d3d3; padding-bottom: 24px;}
.banner_slider.carousel_slider{padding: 40px 0;}
.main_box .text_video_slider .owl-carousel{margin: 0 -16px; width: calc(100% + 32px) !important; }
.workshop_preview_popup .text_video_left h2{margin-bottom: 16px;}
.workshop_preview_popup .text_video_left h2:after{margin-top: 10px;}
.workshop_preview_popup .text_video_slider .owl-stage-outer:after{background: linear-gradient(270deg, #fff 20%, rgba(196, 196, 196, 0) 100%); right: -1px;}
.workshop_preview_popup .text_video_slider .owl-stage-outer:before{background: linear-gradient(90deg, #fff 20%, rgba(196, 196, 196, 0) 90.72%); left: 0;}
.text_slider{max-width: 100%;}
.text_slider .componet_card_edit_left{width:50%;}
.text_slider .componet_card_edit_right{float: left; padding-left: 24px; max-width: 503px; width: 100%;}
.text_slider .select2-container{width: 100% !important;}
.workshop_preview_popup .text_video_slider .owl-carousel{margin: 0 -18px 0 -16px; width: calc(100% + 34px) !important;}
.workshop_preview_popup .video_sliderImg img{height: 223px; object-fit: cover;}
/* End Text Video Edit Page */

.slider-image-tr{cursor: pointer;}
.slider-image-tr.active,.slider-image-tr:hover,.slider-image-tr:focus{background-color:#EEE;}
.blog-hightlight-right .custom-file-hover{max-width: 662px; height: 496px;}
.pagination{justify-content: center; margin-top: 16px;}
.page-item.active .page-link{background-color: #377a8e; border-color: #377a8e;}
.page-link{color: #377a8e;}

.blog-collection-edit .image_card_collection_edit li{max-width: 531px;}
.blog-collection-edit .custom-file-hover{height: 212px;}

.banner_slider_box{}
.banner_slider_box li{position: relative; border-bottom: 1px solid #d3d3d3; margin-bottom: 24px; padding: 0 0 8px 0;}
.banner_slider_box .image_slider_upload.custom-file-hover {min-height:250px;}
.banner_slider_box .image_slider_upload img{object-fit: cover;}
.banner_slider_box .image_slider_upload.image_slider_upload_tablet{max-width: 445px; max-height: 205px;}
.banner_slider_box .image_slider_upload.image_slider_upload_mobile{max-width: 245px; max-height: 205px;}
.banner-slider-add-btn, .add-more-list{border-bottom: 1px solid #d3d3d3; padding-bottom: 24px; margin-bottom: 24px;}
.no-border{border: none;}

/* Start Left Short Sidebar */
.left_short_sidebar {background: #F5F5F5; z-index: 999; border-right: 1px solid #e5e5e5; position: fixed; width: 56px; height: 100vh; padding: 75px 0 32px 0; top: 0;}
.left_short_sidebar li{border-bottom: 1px solid #e5e5e5; text-align: center;  color: #377A8E; font-size: 12px; line-height: 16px; font-weight: 400;}
.left_short_sidebar li span{display: block; margin-bottom: 2px;}
.left_short_sidebar li a{padding: 7px 0; color: #377A8E; display: block;}
.left_short_sidebar li a:hover, .left_short_sidebar li a.active{color: #fff; background: #0A495D;}
.left_short_sidebar li a:hover svg path, .left_short_sidebar li a.active svg path{fill: #fff !important;}
.modal-open .left_short_sidebar{z-index: 999;}
.add_slide, .layer_slide, .history_slide{width: 734px; height: calc(100% - 80px); position: fixed; left: -100%; top: 75px; 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: 0px 0px 8px 0px; -webkit-border-radius: 0px 0px 8px 0px; border-radius: 0px 0px 8px 0px; z-index: 9996; }
.add_slide.showSlide{left: 56px;}
.slide_close{position: absolute; height: 24px; width: 24px; right: 8px; top: 15px; z-index: 10; background: url("../images/icon/close-blue.svg") 0 0 no-repeat; display: inline-block;} 
.slide_close:hover{opacity: 0.7;}
.tooltipC{position: absolute; right: -90px; top: 75px; z-index: 9; background:#9DA7AA; width:170px; margin:0 auto; color:#fff; padding:9px 12px 11px; font-size: 10px; line-height: 12px; text-align:center; display:none; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px;}
.tooltipC::before{content: ''; position: absolute; left: 48px; bottom: -8px; background: url("../images/icon/polygon.svg") 0 0 no-repeat; height: 9px; width: 13px; }
.add_slide_top{padding: 24px 16px 16px; border-bottom: 1px solid #e5e5e5;}
.add_slide_title{margin-bottom: 16px; padding-right: 24px;}
.add_slide_top .componet_filter_width .search_box{width: calc(100% - 206px); margin-bottom: 0;}
.slide_left_box{height: calc(100% - 135px); display: flex;}
.slide_left{width: 200px; background: #F5F5F5; border-right: 1px solid #E5E5E5; padding: 16px 16px 0; height: 100%; overflow: hidden; overflow-y: scroll;}
.slide_left ul{padding-bottom: 8px;}
.slide_left ul:last-child{padding-bottom: 0;}
.slide_left li{margin-bottom: 8px; position: relative;}
.slide_left li a{color: #2B2B2B; padding: 3px 24px 3px 8px; display: block;}
.slide_left li a:hover, .slide_left li.active a{color: #fff; background: #377A8E; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px;}
.slide_left li span{display: none; cursor: pointer; position:absolute; height: 16px; width: 16px; right: 6px; top: 5px; background: url("../images/icon/close-white.svg") 0 0 no-repeat; background-size: cover;}
.slide_left li.active span{display: block;}
.slide_left_box .projectList.create_componet{width: calc(100% - 200px); height: 100%; overflow: hidden; overflow-y: scroll;}
.slide_left_box .projectList li{width: 50%;}
.slide_left_box .projectList li a{cursor: move !important;}
.slide_left_box .projectList li img{-moz-border-radius: 8px; -webkit-border-radius: 8px; border-radius: 8px;}

.layer_slide{width: 250px; left: -100%; padding: 24px 0; color: #000; z-index: 9996;}
.layer_slide.showSlide{left: 56px;}
.layer_slide .add_slide_title, .history_slide .add_slide_title{padding: 0 32px 16px 16px; border-bottom: 1px solid #E5E5E5; margin-bottom: 0;}
.layer_slide ul{height: calc(100% - 40px); }
.layer_slide ul li{border-bottom: 1px solid #E5E5E5; padding: 5px 24px 5px 20px; position: relative; float: left; width: 100%;}
.layer_slide ul li span{background: url("../images/icon/reorder-blue.svg") 0 0 no-repeat; height: 24px; width: 24px; cursor: move; vertical-align: middle; margin-right: 4px; float: left; display: none;}
.layer_slide ul li .layer_menu{ position: absolute; right: 4px; top: 5px;}
.layer_slide ul li .layer_menu .dropToggle{background: url("../images/icon/vertical-dot.svg") 0 0 no-repeat; height: 24px; width: 24px; display: inline-block;}
.layer_slide ul li .layer_menu.show .dropdown-menu{left: 0; right: auto; width: 243px; font-size: 16px; margin: 0; padding: 0;}
.layer_slide ul li .layer_menu.show .dropdown-menu a{padding-left: 12px; border-top-color: #d3d3d3;}
.layer_slide .dropdown-toggle::after{display: none;}

.history_slide{width: 457px; left: -100%; padding: 24px 0; color: #000; z-index: 9996;}
.history_slide.showSlide{left: 56px;}
.no_history{background: #f8f8f8; border-bottom: 1px solid #E5E5E5; padding: 12px 38px; color: #7F8285;}
.history_slide{}
.left_history{background: #F5F5F5; max-height: 100%; overflow: hidden; overflow-y: auto;}
.master_component{padding: 16px 8px 16px 32px; border-bottom: 1px solid #E5E5E5;}
.left_history h5{font-size: 16px; line-height: 22px;}
.history_slide_preview{display: flex; padding: 7px 9px 7px 40px; justify-content: space-between; align-items: center; border-bottom: 1px solid #E5E5E5; min-height: 50px;}
.master_component_btn{display: flex; flex-wrap: nowrap;}
.master_component_btn .btn-sm{margin-left: 10px;}
.master_component_date, .history_last_update{position: relative; color: #000;}
.master_component_date span, .history_last_update span{display: block; color: inherit;}
.master_component_date:before, .history_last_update:before{content: ''; position: absolute; left: -28px; top: calc(50% - 8px); width: 16px; height: 16px;}
.master_component_date:before{background: url("../images/icon/key.svg") 0 0 no-repeat;}
.history_slide_preview .btn-sm, .master_component .btn-sm, .restoreComponent .btn-sm{padding: 0 16px; border: none !important;}
.btn_blue{color: #fff !important; background: #1B365D;}
.btn_blue:hover, .btn_blue:focus{background: #325381;}
.history_last_update{display: block; border-bottom: 1px solid #E5E5E5; min-height: 50px;}
.history_last_update:before{background: url("../images/icon/clock-blue.svg") 0 0 no-repeat; left: 12px;}
.history_last_update a{ padding: 7px 9px 7px 40px;}
.history_update_arrow{display: block; padding-right: 28px; background: url("../images/icon/arrow-right-gray.svg") right center no-repeat; background-position: calc(100% - 9px);}
.history_last_update a:hover, .history_last_update.select a{background-color: #DCF0EB;}
.history_update_date:before{background: url("../images/icon/clock.svg") 0 0 no-repeat; left: 12px;}
.restoreComponent{display: none; position: absolute; right: 9px; top: 13px;}
.history_last_update.select .restoreComponent{display: block;}

/* End Left Short Sidebar */

/* Start Template Builder */
.create_template{width: 924px; margin: 16px auto 0;}
.create_template ul{margin: 0 -16px; width: calc(100% + 32px); display: flex;}
.create_template ul li{width: 50%; padding: 0 16px; display: table;}
.create_template_box{border: 2px solid #2B2B2B; background: #fff; padding: 42px 16px; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; text-align: center; height: 100%; display: table-cell; vertical-align: middle;}
.create_template_box h3{margin-bottom: 16px;}
.tabMenu{}
.tabMenu ul{ display: flex; justify-content: center; margin: 24px auto;}
.tabMenu li{padding: 0 12px;}
.tabMenu li a{padding: 3px 9px 4px; background: #EDEDEB; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; color: #2b2b2b;}
.tabMenu li a:hover, .tabMenu li a:focus, .tabMenu li a.active{background: #B25F27; color: #fff;}
.template_content{padding: 0 0 32px 56px;}
.add_line{margin-top: 64px; position: relative;}
.add_line:after{ border-top: 2px dashed #B25F27; content: ''; position: absolute; left: 0; right: 0; top: 33px;}
.add_line a{text-align: center; height: 68px; padding-top: 18px; margin: 0 auto; position: relative; z-index: 2; display: block; }
.add_line a:after{content: ''; left: calc(50% - 16px); position: absolute; height: 32px; width: 32px; background: #B25F27 url("../images/icon/add-small.svg") center center no-repeat; -moz-border-radius: 50%; -webkit-border-radius: 50%; border-radius: 50%;}
.add_line a:hover::after{background-color: #2b2b2b;}
.template_popup{}
.template_popup h4{margin-bottom: 8px;}
.template_popup_title span{display: inline-block; vertical-align: sub; margin-left: 8px;}
.component_drag_box{position: relative; min-height: 100px; border-top: 2px dashed rgba(178, 95, 39, 0.25);}
.component_drag_box:first-child{border-top: none;}
.component_drag_box .template_component .grace-component .white_box{border: none;}
.iconReorder{background: rgba(178, 95, 39, 0.15) url("../images/icon/reorder-blue.svg") center center no-repeat; height: 36px; width: 36px; cursor: move; position: absolute; right: 0; top: 0; z-index: 9; -moz-border-radius: 0px 0px 0px 4px; -webkit-border-radius: 0px 0px 0px 4px; border-radius: 0px 0px 0px 4px;}
.template_content .template_component{max-width: 1366px; margin: 0 auto; padding: 48px 24px 24px !important; border: 2px solid transparent; position: relative;}
.template_content .template_component:hover{border: 2px solid #B25F27;}
.template_content .add_line{margin: 6px auto;}
.layer_name{background: #B25F27; padding: 3px 8px 4px; color: #fff; font-size: 12px; line-height: 16px; font-weight: 400; position: absolute; left: -1px; top: -1px; display: none;}
.project_filter{font-size: 14px; line-height: 22px; font-weight: 600;}
.tc_icon{ position: absolute; right: 0; top: -2px; z-index: 9; display: none;}
.tc_icon a{height: 36px; width: 34px; display: inline-block; cursor: pointer;}
.tc_icon a:first-child, .tc_icon div:first-child{-moz-border-radius: 0px 0px 0px 4px; -webkit-border-radius: 0px 0px 0px 4px; border-radius: 0px 0px 0px 4px; border-right: none;}
.tc_icon a:hover{opacity: 0.8;}
.iconDelete, .delete-btn-1{background: #B25F27 url("../images/icon/trash-white.svg") center center no-repeat; }
.iconEdit{background: #fff url("../images/icon/edit-brown.svg") center center no-repeat; border: 2px solid #B25F27;}
.iconDate{background: #fff url("../images/icon/clock-brown.svg") center center no-repeat; border: 2px solid #B25F27;}
.template-date{background: #fff; color: #B25F27; border: 2px solid #B25F27; padding-left: 12px;}
.template-date a{display: inline-block; vertical-align: middle; border: none; height: 32px; margin-left: 6px;}
.template_content .template_component:hover .layer_name, .template_content .template_component:hover .tc_icon{display: flex;}
.dateTime{max-width: 500px;}
.dateTime .modal-content{padding: 22px;}
.dateTime .modal-content .close{top: 22px;}
.dateTime .modal-content h4{padding-right: 28px;}
.inputIconDate span{position: absolute; right: 14px; top: 12px; background: url("../images/icon/calendar.svg") 0 0 no-repeat; height: 24px; width: 24px;}
.inputIconDate input{padding-right: 32px;}
.date-time-btn{margin: 0 -12px; width: calc(100% + 24px); display: flex;}
.date-time-btn li{padding: 12px 12px 0; width: 50%;}
.date-time-btn .btn{width: 100%;}
.custom-file-hover .delete-btn-1{display: none !important; text-indent: -9999px; position: absolute; z-index: 9999; top: 8px; right: 8px; height: 24px; width: 24px; display: block; background-size: 20px; background-position: center center; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px;}
.custom-file-hover.image-hover-bg  .delete-btn-1{display: block !important;}
/* End Template Builder */

.img_overlay{display: none;}
.image-hover-bg:hover .img_overlay{background: rgba(0, 0, 0, 0.6); position: relative; z-index: 2; height: 100%; width: 100%; display: flex; flex-direction: column; align-items: center; justify-content: center;}
.image-hover-bg .img_overlay .caption{color: #fff;}
.image-hover-bg .image-preview.custom-file-input.d-none{display: block !important;}
.image-hover-bg .align-self-center.width-100{height: 100%;}
.product_collection_edit .componet_card_edit_left{max-width: calc(100% - 315px); width: 68%;}
.product_collection_edit .componet_card_edit_right{max-width: 303px;}
.product_collection_edit .componet_card_edit_right .custom-file-hover{height: 280px;}
.workshop_preview_popup .wrap h2, .workshop_preview_popup .banner_text h1{font-size: 30px;}
.workshop_preview_popup h2, .workshop_preview_popup .product_collection li h2, .workshop_preview_popup .card_collection_text h3, .workshop_preview_popup .blog_collection_text h3, .testimonialTop h3, .workshop_preview_popup .provideHome h3, .workshop_preview_popup .testimonial_box .testimonial h2, .workshop_preview_popup .banner_text h3{font-size: 24px; font-weight: 600; letter-spacing: 0;}
.workshop_preview_popup .gc-heroTextChild h2{font-size: 28px;}
.workshop_preview_popup .gc-heroTextChild h3{font-size: 22px;}
.green_bg_box{background: rgba(39, 178, 145, 0.15); border: 2px solid #27B291; padding: 20px; -moz-border-radius:8px; -webkit-border-radius:8px; border-radius:8px;}
.event_publish_popup .green_bg_box h4{margin-bottom: 0;}
.event_publish_popup .green_bg_box h4 span{background: url("../images/icon/checkmark.svg") center center no-repeat; display: inline-block; height: 40px; width: 40px; margin-right: 6px; vertical-align: middle;}
.published_box .component_copy .btn-secondary{background: #377A8E; border-color: #377A8E; color: #fff !important;}
.published_box .component_copy .btn-secondary:hover, .published_box .component_copy .btn-secondary:focus{background: #12353F; border-color: #12353F; color: #fff !important;}
.publish_popup_bdr{margin-top: 8px; padding-top: 8px; border-top: 2px solid #d3d3d3;}
.published_box .event_publish_popup form .white_box{margin-bottom: 0; }
.published_box .project_container{position: relative;}
.btn_bottom{position: sticky; left: 0; width: 100%; bottom: -18px; background: #fff; padding-bottom: 12px;}
.workshop_preview_popup .wrap{padding: 0;}
.green_small_box{display: inline-block; padding: 10px 20px 9px;}
.popup_change{display: inline-block;}
.popup_change span{display: inline-block; margin-right: 8px;}
.green_small_box h5{display: inline-block; margin-left: 12px; vertical-align: bottom;}
.popup_save_proj{max-width: 518px; margin: 0 auto 24px; padding: 16px 36px;}
.popup_save_proj h5{text-align: center; padding-bottom: 16px; border-bottom: 2px solid #d3d3d3;}
.popup_save_proj h5 span{margin-right: 4px;}
.popup_save_list{padding: 8px 0 12px;}
.popup_save_list li{border-top: 2px solid #d3d3d3; padding: 8px 0; display: flex; justify-content: space-between; align-items: center;}
.popup_save_list li:first-child{border-top: none;}
.popup_save_list_name{display: flex; align-items: center; font-weight: 700;}
.popup_save_list_name .component_list_img{margin: 0 16px 0 0;}
.popup_save_list_name img{margin-right: 4px;}
.popup_save_middle_btn{display: flex; justify-content: center; margin-bottom: 28px;}
.popup_save_middle_btn .btn-sm{margin: 0 10px;}
.event_publish_popup_new .component_copy .white_box{padding: 8px 112px 8px 8px; position: relative;}
.event_publish_popup_new .component_copy .white_box textarea{font-size: 12px; line-height: 16px;}
.event_publish_popup_new .component_copy .publish_popup_btn{position: absolute; right: 20px; top: 50%; margin-top: -12px; border: none;}
.event_publish_popup_new .component_copy .publish_popup_btn button, .event_publish_popup_new .component_copy .publish_popup_btn button:hover, .event_publish_popup_new .component_copy .publish_popup_btn button:focus{padding: 0; background: transparent !important; border: none !important; outline: none !important;}
.event_publish_popup_new .component_copy .publish_popup_btn span{background: url("../images/icon/copy.svg") 0 -3px no-repeat; height: 24px; width: 24px; display: inline-block; margin-right: 4px;}
.event_publish_popup_new .component_copy .publish_popup_btn button:hover{opacity: 0.6;}
.event_publish_switch{display: flex;}
.event_publish_switch label{width: auto; padding-left: 50px; margin-right: 70px; cursor: pointer;}
.event_publish_switch label:last-child{margin-right: 0;}
.event_publish_switch .switch-toggle{width: 44px;}
.event_publish_popup_new .publish_popup_bdr{margin-top: 16px; padding-top: 16px;}
.event_publish_popup_new .customScroll{height: auto; max-height: 545px;}
.event_publish_popup_new .btn_bottom{padding-bottom: 0;}
.event_publish_popup_new .btn-sm, .publish_popup_btn .btn-sm{padding: 3px 16px 2px;}
.event_publish_popup_new .event_publish_project .checkBox{right: -8px; margin-top: -12px;}
.event_publish_popup_new .event_publish_project form .white_box{margin-bottom: 16px;}

.pl-15{padding-left: 15px;}
.width-104{width: 104px;}
.video_compontent_edit{}
.video_compontent_edit .custom-file-hover{height: 356px;}
.upload_file .custom-file-hover{height: 138px;}
.upload_file .custom-file-hover .btn{width: 282px;}
.video_detail_box{padding-top: 8px !important;}
.video_detail_title{border-top: 1px solid #000; padding-top: 24px;}
.video_timestamp .time_input li{margin-bottom: 0; border-bottom: 0;}
.video_stamps{padding-left: 48px;}
.video_timestamp .time_input li:last-child{padding-bottom: 16px;}
.video_timestamp .time_input .btn-sm{padding-left: 40px; padding-right:40px;}
.video_time_section{border-bottom: 1px solid #D3D3D3; margin-bottom: 24px; padding-bottom: 24px;}

.video_play_text{max-width: 50%; margin: 0 auto;}
.workshop_preview_popup .socialBtn a{margin-left: 8px; width: 160px;}
.workshop_preview_popup .joinCommunityRight{width: 55%;}
/* Start Signup */
.signup_edit textarea.form-control{height: 120px;}
.signup_edit hr{margin: 16px 0;}
.signup_edit .custom-file-hover{width: 379px; height: 423px;}
/* End Signup */
.interactive_card_box .whiteBg h4{margin-bottom: 0;}

.workshop_preview_popup .video_wrap{padding:0 !important;}
.workshop_preview_popup .grace_tab_content .white_card_2 h3{font-size: 18px;}
.jqte_editor img{float: none !important; margin: 0 auto !important;}
.margin-auto, .jqte_editor .image_card_collection .margin-auto{margin-left:  auto !important; margin-right: auto !important;}
.jqte_editor .owl-carousel{display: block !important; overflow: hidden; overflow-x: auto;}
.jqte_editor .grace_tab_content li.item{width: 18%;}
.jqte_editor .grace_tab_content li.item img{max-width: 100%;}
.main_box .card_collection_3 .card_collection_flex{flex: auto;}
.jqte_editor .collection_slider .item{width: 30%; display: inline-block; padding-top: 12px; padding-bottom: 6px;}
.jqte_editor .btn-light-blue{text-decoration: none !important}
.jqte_editor .btn-light-blue, .jqte_editor .btn-light-blue:link{background: #DEEFF5 !important; border: 2px solid #DEEFF5 !important; color: #1a1a1a;}
.jqte_editor .btn-light-blue:hover, .jqte_editor .btn-light-blue:focus, .jqte_editor a.btn-light-blue:link{background: #c8d8df !important; border: 2px solid #c8d8df !important; color: #1a1a1a;}
.jqte_editor .btn-dark-blue{background: #47A0C4; border: 4px solid #fff; color: #fff; padding: 10px 20px 9px; font-weight: 700; text-decoration: none !important; }
.jqte_editor .btn-dark-blue:hover, .jqte_editor  .btn-dark-blue:focus{color: #fff; background: #60C6C9;}
.jqte_editor .ptb80{padding: 24px 0;}
.jqte_editor div.find_input{margin: 32px auto 0 !important;}
.accessory_card{background: #30819B;}
.accessory_card h2{color: #fff; margin-bottom: 16px;}
.accessory_card h2:after{background: #fff; content: ''; width: 64px; height: 4px; margin: 16px auto 0; display: block;}
.jqte_editor div.accessory_card_top, .jqte_editor div.accessory_card_text, .jqte_editor div.accessory_card_img{margin-bottom: 12px !important;}
.jqte_editor div.accessory_card_box{margin: 0 auto !important;}
.jqte_editor ul, .jqte_editor ol, .componetText ul, .componetText ol{padding-left: 16px;}
.jqte_editor ul li, .componetText ul li{list-style: outside;}
.jqte_editor ol li, .componetText ol li{list-style: decimal;}
/* Start Media Builder */
.content_new{padding: 15px 0 48px 300px;}
.content_new .project-title{padding: 0 48px 24px; border-bottom: 2px solid #D3D3D3;}
.content_new .project-title .account-title-btn{right: 48px; top: 10px;}
.content_new .project-title h3{font-size: 40px; line-height: 60px; font-weight: 700; color: #000;}
.content_new .main_box{padding: 0 48px;}
.content_new .alert{margin: 25px 48px 1rem 40px;}
.sub_sidebar{float: left; width: 245px;}
.sidebar_by{margin: 16px 0; padding-bottom: 16px; border-bottom: 2px solid #D3D3D3}
.sidebar_by h5{margin-bottom: 16px;}
.sidebar_by li{margin-bottom: 8px;}
.sidebar_by:last-child{border-bottom: none; margin-bottom: 0;}
.fliter_more{min-height: 25px;}
.fliter_more a{position: relative; color: #377A8E; padding-left: 25px; display: block;}
.fliter_more a:before{content: ''; position: absolute; left: 0; top: 0; background: url("../images/icon/down-arrow.svg") 0 0 no-repeat; height: 16px; width: 16px; display: block;}
.fliter_more a:after{content: 'See more'; position: absolute; left: 0; top: 0; width: auto; padding-left: 25px; display: block;}
.dis_check{display: none;}
.fliter_by.fliter_by_show .dis_check{display: block;}
.fliter_by.fliter_by_show .fliter_more a:before{-webkit-transform:rotate(180deg); -moz-transform: rotate(180deg); -ms-transform: rotate(180deg); -o-transform: rotate(180deg); transform: rotate(180deg);}
.fliter_by.fliter_by_show .fliter_more a:after{content: 'Less more'; }
.list_sidebar{font-size: 18px; line-height: 25px; font-weight: 700;}
.list_sidebar li{margin-bottom: 8px;}
.list_sidebar a, .label_item{color: #D3D3D3;}
.list_sidebar span{display: inline-block; margin-right: 4px;}
.list_sidebar a:hover, .list_sidebar li.active a, .radio_item:checked+label, .label_item:hover{color: #377A8E;}
.list_sidebar a:hover svg rect, .list_sidebar li.active svg rect, .radio_item:checked+label svg rect, .label_item:hover svg rect{fill: #377A8E !important;}
.fliter_by ul.customScroll{max-height: 310px; overflow: hidden; overflow-y: auto;}

.label_item{cursor:pointer;}
.radio_item:checked+label{opacity:1}

.sub_main_box{float: left; width: calc(100% - 245px); padding-left: 24px;}
.sub_main_box .projectList li{width: 33.33%; max-width: 268px;}
.ccn li{padding: 6px;}
.ccn li a{padding: 6px; border: 2px solid #fff; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px;}
.no_border .white_box, .ccn li .white_box{border: none !important;}
.gray_border{border: 2px solid #D3D3D3; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px;}
.gray_border .menu_component_inner span{right: -12px;}
.projectList li .gray_border{height: 100%;}
.projectList li .gray_border h4{padding-right: 8px; display: inline-block; max-width: 100%;}
.projectList.no_border li{padding: 0 12px; margin-bottom: 20px;}
.projectList li .gray_border:hover, .ccn li a:hover{border-color: #377A8E;}
.projectIcon{position: relative;}
.projectIcon:before{left: -20px;}
.component_list_img{border: 2px solid #D3D3D3; max-width: 48px; max-height: 40px; object-fit: cover; margin-left: 10px; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px;}
.componentIcon{max-width: 24px; margin-left: 6px; margin-right: 4px; vertical-align: middle;}


.media_row{}
.media_row ul{border-bottom: 2px solid #d9d9d9; padding: 10px 6px; display: flex; align-items: center;}
.media_row li.checkBox{width: calc(100% - 400px) !important; padding-right: 8px !important; display: flex; align-items: center; max-width: inherit;}
.media_tag{width: 280px;}
.media_tag span{display: inline-block; background: rgba(55, 122, 142, 0.15); border: 1px solid #377A8E; -moz-border-radius: 8px; -webkit-border-radius: 8px; border-radius: 8px; padding: 4px 8px; margin: 2px 4px; font-size: 11px; line-height: 13px; font-weight: 500; color: #377A8E;}
.media_edit{width: 120px; padding-left: 8px;}
.media_row_title{padding-top: 0; position: relative; min-height: 56px;}
.media_row_title .checkBox .checkmark{}
.projectList .media_row_text li{margin: 0; padding: 0;}
.media_row_text .checkBox{font-size: 14px; line-height: 135%; font-weight: 700;}
.media_row_text .checkBox .checkmark{top: calc(50% - 10px); }
.media_row_text .media_tag {margin-left: -2px;}
.media_row_text .media_edit {position: relative; padding-right: 30px;}
.media_row_text .media_edit .caption{opacity: 0.8; display: block;}
.media_row_text .menu_component_inner{position: absolute; right: 0; top: -7px;}
.media_row_text .dropMenu{width: 180px; -moz-transform: translate3d(0, 28px, 0px) !important; -webkit-transform: translate3d(0, 28px, 0px) !important; transform: translate3d(0, 32px, 0px) !important; right: -8px !important;}
.media_row_text .editable-container.editable-inline{margin-top: -2px; min-height: 34px;}
.media_row_text .editableform .control-group{width: 250px;}
.media_row_text .editable-input{width: 100%}
.media_row_text .editableform .form-control{width: 100%; height: auto; padding: 5px; opacity: 1;}
.media_row_text .editable-clear-x{right: 4px; margin-top: 11px;}
.media_row_text .editable-buttons .btn-sm{padding: 0; margin-top: 5px; line-height: 9px; height: 24px; width: 24px; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px;}
.media_row_text .editable-buttons .btn-sm .glyphicon{font-size: 11px; top: -1px;}
.media_row_text .editable-buttons .editable-cancel{color: #b94a48}
.media_row_text .componentXEditable{line-height: normal; position: relative;padding-right: 45px; width: 100%}
.media_row_text .componentXEditable .media-list-icon,ul.media_row_text:hover .componentXEditable .editable-inline + .media-list-icon,.media_row_text .componentXEditable .editable-inline + .media-list-icon {display: none !important;}
ul.media_row_text:hover .media-list-icon{display: block !important;}
ul.media_row_text:hover .media-list-icon{position: absolute;right: 0;top: 0; font-weight: 400;}
.selectFile{justify-content: space-between; font-size: 12px;}
.selectFile .media_tag, .selectFile .media_edit{display: none;}
.media_row_title .btn-sm{display:none; padding-left: 12px; padding-right: 12px;}
.media_row_title.selectFile .btn-sm{display: block; position: absolute; right: 0; top: 8px;}
.modalDelete{max-width: 406px;}
.modalDelete.width-440{max-width: 440px; width: 100%;}
.modalDelete .modal-content{padding: 14px 16px 20px;}
.modalDeleteBtn{display: flex; justify-content: center;}
.modalDeleteBtn .btn-sm, .modalDeleteBtn .btn{margin: 0 12px; display: inline-block; min-width: 140px;}
.modalPopup .modalDelete .close, .modalPopup .UploadingFile .close{top: 7px; right: 8px;}
.media_upload_btm{position: relative; margin: 0 auto; display: inline-block;}
.UploadingFile{max-width: 650px;}
.UploadingFile .modal-content{padding: 14px 40px 20px;}
.upload_progressbar{width: calc(100% - 42px); position: relative; background: #EDEDEB;}
.upload_progressbar span{position: absolute; right: -42px; top: -8px;}
.upload_progressbar_fill{background: #377A8E; width: 40%;}
.upload_progressbar, .upload_progressbar_fill{height: 8px; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px;}
.upload_complete .upload_progressbar_fill{width: 100%;}
.upload_complete .upload_progressbar span{text-indent: -9999px; }
.upload_complete .upload_progressbar span, .input_shrink_copied span, .popup_change span{background: #27B291 url("../images/icon/checkmark-white.svg") center center no-repeat; height: 24px; width: 24px; -moz-border-radius: 100%; -webkit-border-radius: 100%; border-radius: 100%;}
.UploadingFile .form-group label{margin-bottom: 8px;}
.UploadingFileMultiple .form-group{border-bottom: 2px solid #D3D3D3; padding-bottom: 16px;}
.UploadingFileMultiple .form-group:last-child, .form-group.media-name-row:last-child {padding-bottom: 0; border-bottom: 0;}
.input_shrink_copy{position: relative;}
.input_shrink_padding input{padding-right: 84px;}
.input_shrink_copy, .input_shrink_copied{position: absolute; right: 16px !important; top: 15px; bottom: auto !important;}
.input_shrink_copy span{background: url("../images/icon/copy.svg") 0 -3px no-repeat; height: 24px; width: 24px; display: inline-block; margin-right: 4px;}
.input_shrink_copied{top: 12px;}
.input_shrink_copied span{display: inline-block; margin-right: 4px;}
/* End Media Builder */

.dropdownSelect .select2-container, .selectUser .select2-container{width: 100% !important; border: 2px solid #d3d3d3; -moz-border-radius: 8px; -webkit-border-radius: 8px; border-radius: 8px;}
.dropdownSelect .select2-container.select2-container--open, .selectUser .select2-container.select2-container--open{border-color: #2b2b2b !important;}
.dropdownSelect .select2-container--default.select2-container--focus .select2-selection--multiple, .select2-container--default.select2-container--focus .select2-selection--multiple:focus, .select2-container--default .select2-selection--multiple, .select2-container--default .select2-selection--multiple:focus{border: none !important;}
.dropdownSelect .select2-container--default .select2-selection--multiple .select2-selection__rendered{padding: 9px 32px 9px 0 !important;}
.dropdownSelect .select2-container .select2-selection--multiple{min-height: 44px !important; background: transparent !important; position: relative; z-index: 2;}
.dropdownSelect .select2-container .select2-search--inline .select2-search__field{margin-top: 0 !important;  padding: 0 0 0 48px !important;}
.dropdownSelect .select2-container.select2-container--below{padding-left: 48px !important;}
.dropdownSelect .select2-container.select2-container--below .select2-search__field{padding-left: 0 !important;}
.dropdown-wrapper{background: url("../images/icon/select-icon.svg") 0 0 no-repeat; height: 18px; width: 18px; display: inline-block; position: absolute; top: 12px; right: 10px; background-size: cover;}
.select2-container.select2-container--open .dropdown-wrapper{-webkit-transform:rotate(180deg); -moz-transform: rotate(180deg); -ms-transform: rotate(180deg); -o-transform: rotate(180deg); transform: rotate(180deg);}
.select2-dropdown{border: 2px solid #D3D3D3 !important; margin-top: 8px; -moz-border-radius: 8px !important; -webkit-border-radius: 8px !important; border-radius: 8px !important;}
.selectCheckRight .select2-results__options li{border-top: 2px solid #D3D3D3; padding: 12px 40px 12px 12px; position: relative; font-size: 16px; line-height: 22px; font-weight: 400;}
.select2-results__options li:hover, .select2-container--default .select2-results__option--highlighted[aria-selected]:hover{background: #e6e6e6 !important;}
.select2-results__options li:first-child{border-top: none; -moz-border-radius: 8px 8px 0 0; -webkit-border-radius: 8px 8px 0 0; border-radius: 8px 8px 0 0;}
.select2-results__options li:last-child{-moz-border-radius: 0 0 8px 8px; -webkit-border-radius: 0 0 8px 8px; border-radius: 0 0 8px 8px;}
.selectCheckRight .select2-results__options li .foo{font-size: 12px; line-height: 16px; margin-top: 4px; text-transform: uppercase;}
.selectCheckRight .select2-results__options::-webkit-scrollbar {width: 4px;}
.selectCheckRight .select2-results__options::-webkit-scrollbar-thumb {background: #377A8E; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px;}
.selectCheckRight .select2-results__options::-webkit-scrollbar-thumb:hover {background: #377A8E;}
.select2-container--default .select2-results__option--highlighted[aria-selected], .select2-results__options li.select2-results__option--highlighted[aria-selected=true], .select2-container--default .select2-results__option[aria-selected=true]{background: transparent !important; color: #2b2b2b !important;}
.selectCheckRight .select2-results__options li[aria-selected]:after{content: ''; position: absolute; right: 10px; top: 18px; display: inline-block; height: 20px; width: 20px; border: 2px solid #377A8E; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px;}
.selectCheckRight .select2-results__options li[aria-selected=true]:after{background:#377A8E url("../images/icon/checkmark-white.svg") center center no-repeat !important;}
.select2-container--default .select2-selection--multiple .select2-selection__choice{background: rgba(55, 122, 142, 0.15) !important; border: 2px solid #377A8E !important; padding: 4px 32px 4px 8px !important; margin: 0 3px 3px 0 !important; font-size: 12px; line-height: 16px; position: relative;}
.select2-container--default .select2-selection--multiple .select2-selection__choice__remove{position: absolute; right: 6px; left:auto; top: 5px; border: none; text-indent: -9999px; background: url("../images/icon/close.svg") 0 0 no-repeat; height: 16px; width: 16px; background-size: cover; margin: 0 !important;}
.linkIcon{position: relative;}
.linkIcon:before{content: ''; position: absolute; left: 14px; top: 10px; background: url("../images/icon/link.svg") 0 0 no-repeat; height: 24px; width: 24px;}
.ptb80{padding-top: 80px; padding-bottom: 80px;}


.selectUser .select2-container--default .select2-selection--multiple{padding: 7px 0 0 14px !important;}
.selectUser .select2-container--default .select2-selection--multiple .select2-selection__rendered{padding: 9px 0 !important;}
.selectUser .select2-container .select2-selection--multiple{min-height: 44px !important; background: transparent !important; position: relative; z-index: 2;}
.selectUser .select2-container .select2-search--inline .select2-search__field{margin: 0 !important;  padding: 0 !important; }
.selectUser .select2-container.select2-container--below .select2-search__field{padding-left: 0 !important;}
.selectUser .select2-container--default .select2-selection--multiple .select2-selection__choice__display{padding: 0;}

.component_row .media_row_text .dropMenu{width: 210px;}
.top_bar .wrap{position: relative;}
.top_edit_view{position: absolute; left: 48px; top: -12px;}
.top_edit_view li{display: inline-block; margin-right: 24px;}
.top_edit_view li span{display: inline-block; height: 16px; width: 16px; margin: 0 5px 0 0; vertical-align: top;}
.top_edit_view li span img{max-width: 100%;}
.top_edit_view li a{color: #2b2b2b;}
.top_edit_view li a:hover{opacity: 0.8;}
.top_bar_edit .top_bar_left{padding-top: 16px;}
.slide_right_sidebar{position: fixed; width: 500px; top: 0; bottom: 0; right: -100%; background: #fff; z-index: 99999;}
.right_sidebar_title{text-align: center; border-bottom: 2px solid #D3D3D3; padding: 11px 40px 14px 24px; background: #fff; position: sticky; top: 0;}
.right_sidebar_title .close{position: absolute; top: 12px; right: 8px; opacity: 1; background: url("../images/icon/close.svg") 0 0 no-repeat; height: 24px; width: 24px; display: inline-block; z-index: 9999;}
.right_sidebar_title .close:hover{opacity: 0.7;}
.right_sidebar_content{padding: 14px 0 30px; max-height: calc(100vh - 50px); overflow-y: auto;}
.right_sidebar_box{padding: 20px 0 0;}
.nav_tabs{border-bottom: 2px solid #D3D3D3; justify-content: center;}
.nav_tabs .nav-link:after{ position: absolute; left: 0; height: 2px; width: 0; bottom: 0; content: "";}
.nav_tabs .nav-link:hover::after, .nav_tabs .nav-item.active a:after, .nav_tabs .nav-link.active:after{left: 0; bottom: -2px; width: 100%; border-bottom: 2px solid #4093A4;}
.nav_tabs .nav{margin-bottom: 16px; border-bottom: 2px solid #DCE3E4; white-space: nowrap; flex-wrap: nowrap; position: relative;}
.nav_tabs .nav-link{padding: 0 16px 8px; margin:0 1px; position: relative; font-family: 'Open Sans', sans-serif; color: #2b2b2b; font-size: 18px; line-height: 25px; font-weight: 700; text-transform: uppercase; opacity: 0.4; border: none;}
.nav_tabs .nav-link span{vertical-align: top; display: inline-block;}
.nav_tabs .nav-link:hover, .nav_tabs .nav-link:focus, .nav_tabs .nav-link.active, .nav_tabs .nav-link a.active{ color: #2b2b2b; opacity: 1; background: none; border: none;}
.sidebar_box_tab{padding: 24px 12px 0;}
.sidebar_box_tab.tab-content>.tab-pane.active{display: block;}
.sidebar_box_tab ul{padding-bottom: 14px;}
.sidebar_box_tab li{display: flex; justify-content: space-between; align-items: center; padding-bottom: 8px; margin-bottom: 8px; border-bottom: 2px solid #D3D3D3;}
.sidebar_box_tab li h5{font-size: 16px; line-height: 30px; width: calc(100% - 182px); white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.sidebar_box_tab #templates li h5{width: calc(100% - 108px);}
.sidebar_box_tab li h5 span{vertical-align: middle;}
.sidebar_box_tab li .component_list_img{margin-left:0}
.sidebar_box_tab li .componentIcon{margin-left:12px; margin-right: 4px;}
.sidebar_box_tab li .caption{padding: 0 4px; white-space: nowrap;}
.sidebar_box_tab .btn-sm{padding: 3px 12px 2px;}
.right_sidebar_bg{position: fixed; left: 0; right: 0; top: 0; bottom: 0; background: #2b2b2b; opacity: 0.6; z-index: 9999; display: none;}
.slide_right_sidebar.show{right: 0;}
.right_sidebar_bg.show_bg{display: block;}
body.bodyFix{position: fixed;}
.workshop_preview_popup .gc_custom_text_two_box{padding: 0 16px;}
.workshop_preview_popup .gc_custom_text_two .row{width: 100%; margin: 0;}
.workshop_preview_popup .gc_custom_text_two_box .white_card_2{padding: 24px;}
.image_card_collection .text-center h2{margin-bottom: 24px;}
.top_link{display: flex; justify-content: flex-end;}
.top_link a{margin-left: 16px; padding-bottom: 6px; position: relative; border-bottom: 2px solid #fff;}
.top_link a:hover, .top_link a.active{padding-bottom: 6px; color: #377A8E; border-bottom: 2px solid #377A8E;}
.sharePopup{padding-top: 40px !important;}
.sharePopup .white_box.event_publish_project{padding: 20px 18px 0 !important;}
.sharePopup.event_publish_popup form .event_publish_project .white_box{padding: 9px 20px 9px 9px; margin-bottom: 12px;}
.share_success{max-width: 500px; margin: 0 auto;}
.share_success .modal-content{padding: 40px 16px 35px; text-align: center;}
.tooltip_restore{}
.tooltip_restore .tooltip-inner{background: #9DA7AA; max-width: 170px; -moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; font-size: 10px; line-height: 12px; color: #fff; padding: 9px 12px; text-align: center;}
.tooltip_restore .tooltip{transform: translate3d(356px, 76px, 0px) !important;}
.tooltip_restore .tooltip .arrow{top: auto !important; bottom: 0 !important;}
.tooltip_restore .tooltip .arrow::before{border-top-color: #9DA7AA; border-width: .6rem .6rem 0 !important;}
.linkIcon{position: relative;}

.redoUndoPopup{max-width: 500px;}
.redoUndoPopup .modalDeleteBtn .btn{min-width: 204px;}
.filter_collapsed {height: 300px;overflow: scroll;overflow-x: hidden;}
.filter_expanded {height: 700px;overflow: scroll;overflow-x: hidden;}
.filter_expanded_type {height: 380px;overflow: scroll;overflow-x: hidden;}
.toggle_collapsed { color: #377A8E;  background: url(../images/icon/down-arrow.svg) 0 center no-repeat; padding-left: 21px;}
.toggle_expanded {  color: #377A8E; background: url(../images/icon/down-arrow.svg) 0 center no-repeat; padding-left: 21px;}
.toggle_collapsed:before { content: "Show More"; }
.toggle_expanded:before { content: "Show Less"; }
.left_space_list_item{ margin-left: -5px; }
.checkbox_centered { padding-bottom: 20px; }
.checkbox-style-green,.radio-style-green{accent-color:#377A8E; width:20px; height:20px; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px;}
.radio_item{display:none!important}
.label_item{cursor:pointer;}
.radio_item:checked+label{opacity:1}

.main_div .media_row_title .btn-sm{display: block;}
.form-check-input{margin-top: 0;}
.media_row_title.selectFile .form-check.checkbox_bulk_alignment span{padding-left: 0.5rem;}
.media_row_text .checkBox{cursor: default;}
.media_row_text .checkBox label{cursor: pointer;}
.save-publish-popup.event_publish_popup form h4{ text-align: center;}
.save-publish-popup.event_publish_popup .btn_bottom{bottom: -12px;}
.save-publish-popup.event_publish_popup .customScroll{max-height: 450px; height: auto;}
.save-publish-popup.event_publish_popup form .white_box.event_publish_project{padding-right: 12px;}

#templateList.main_div .projectList {margin: 0 -12px;}
.termCheck{padding: 4px 0 0 58px; }
.font-14{font-size: 14px; line-height: normal;}
.video_compontent_edit .select2-container--default .select2-selection--single .select2-selection__arrow b{display: none;}
.white_box.radio_select{border: 6px solid #377A8E;}
.radio_group_flex{display: flex; align-items: flex-start;}
.radioBox .checkmark{top: 1px;}
.radioBox .checkmark:after{top: 3px;}

.hero-img-left-ulpoad{height: 202px; max-width: 506px;}
.height-img-200{height: 200px;}
.height-img-200 .uploadIcon, .hero-img-left-ulpoad .uploadIcon{height: 56px; width: 56px; background-size: cover;}
.workshop_preview_popup .gc-hero-img-text{padding: 4px;}
.main_box .gc-hero-img-text{-moz-border-radius: 8px; -webkit-border-radius: 8px; border-radius: 8px;}
.hero-img-right-ulpoad {max-width: 802px;}
.hero-img-right-ulpoad .custom-file-hover{height: 568px;}
.rating-dropdown{margin-left: 8px; max-width: 100px;}

.dropdownlist-edit .custom-file-hover{ height: 317px;}
.dropdownlist-edit .componet_card_edit_left{max-width: 788px; width: 100%;}
.dropdownlist-edit .uploadIcon{height: 48px; width: 48px; background-size: cover;}
.main_box .gc-drop-list h2{font-size: 24px; text-align: center;}

.image_text_component .event_box_componet_right .image_box_regular{ height: 559px;}
.image_text_component .event_box_componet_right .image_box_tall{ height: 754px; max-width: 754px;}
.image_text_component .event_box_componet_right .image_box_wide{ height: 627px;}
.image_text_component .event_box_componet_right .image_box_full_width{ height: 432px;}

.dis-block{display: block;}
.modal{z-index: 9999;}
.modalPopup .modal-dialog{ width: calc(100% - 64px); margin: 20px auto;}
.modalLarge{max-width: 1100px;}
.modal-content{background: #fcfcfc; border: none; padding: 0 16px; -moz-border-radius: 8px; -webkit-border-radius: 8px; border-radius: 8px; }
.modalPopup .close{background: url("../images/icon/modal-close.svg") 0 0 no-repeat; height: 24px; width: 24px; top: 16px; right: 16px; position: absolute; opacity: 1; outline: none; z-index: 9; background-size: cover !important;}

/* Start customize component popup */
.customize-component{padding: 0 0 24px 0;}
.customize-component .white_box{padding: 24px 20px 32px;}
.cus-com-popup-top{align-items: center; padding-bottom: 10px; border-bottom: 1px solid #D3D3D3;}
.cus-com-popup-top h4{font-size: 24px; line-height: 30px; font-weight: 400; }
.cus-com-popup-top .btn{width: 204px;}
.cus-com-popup-color-left{width: 366px;}
.cus-com-popup-color-left .radioBox{margin-top: 10px;}
.popup-color-strip{display: flex; justify-content: space-between; margin-top: 10px; padding-left: 0 !important;}
.popup-color-strip span{display: inline-block; width: 86px; height: 17px; background: #339FD8;}
.cus-com-popup-color-right{width: 254px; padding-left: 16px;}
.cus-com-popup-color-right .form-control{-moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px;}
.cus-com-popup-color-right .form-control:disabled{opacity: 0.6; background: #fff;}
.cus-com-popup-color-right .input-group-text{width: 48px; border: 2px solid #d3d3d3; -moz-border-radius: 0 2px 2px 0; -webkit-border-radius: 0 2px 2px 0; border-radius: 0 2px 2px 0;}
.input-group-btns {width: 100%; display: flex; border: 1px solid #D3D3D3; -moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px;}
.input-group-btns .btn-number{background-position: center center; background-repeat: no-repeat; width: 40px; height: 40px;}
.input-group-btns .btn-number, .input-group-btns .btn-number:hover, .input-group-btns .btn-number:focus{background-color: transparent !important; -moz-border-radius: 0 !important; -webkit-border-radius: 0 !important; border-radius: 0 !important;}
.input-group-btns input{width: calc(100% - 80px); padding: 9px 16px; font-size: 16px; line-height: 22px; text-align: center; height: 40px;}
.input-group-btns input, .input-group-btns input:focus, .input-group-btns input:hover{border: none !important; outline: none !important;}
.btn-minus{background-image: url("../images/icon/minus.png") !important; border-right: 1px solid #D3D3D3;}
.btn-plus{background-image: url("../images/icon/plus.png") !important; border-left: 1px solid #D3D3D3;}
.cus-com-popup-space {margin: 0 -12px; width: calc(100% + 24px);}
.cus-com-popup-color .width-180{width: 50%; padding: 0 12px; float: left;}
.cus-com-popup-btn{margin-top: 32px;}
.cus-com-popup-btn .btn{width: 204px; margin: 0 12px;}
/* End customize component popup */

.modal.modalPopup{z-index: 9999 !important;}

.title-details-box{position: absolute; z-index: 2; top: 0; padding: 16px 16px 24px; width: 505px; background: #fff; -moz-box-shadow: 0px 7px 8px 0px rgba(0, 0, 0, 0.25); -webkit-box-shadow: 0px 7px 8px 0px rgba(0, 0, 0, 0.25); box-shadow: 0px 7px 8px 0px rgba(0, 0, 0, 0.25); -moz-border-radius: 12px; -webkit-border-radius: 12px; border-radius: 12px;}
.title-details-box h4{font-size: 16px; line-height: 22px;}
.projectList li .title-details-box h4{padding-left: 34px; color: #2B2B2B; font-family: 'Open Sans', sans-serif; font-weight: 700;}
.popup-title-top h4, .popup-title-top .menu_component_inner .dropdown-toggle{opacity: 0.8;}