22

✏️ Editing: basics.css

/************************************************
 * REVOLUTION 6.0.0 BASIC RS EDITOR CLASSES
 * @version: 1.2 (13.12.2017)
 * @author ThemePunch
************************************************/
@import url('https://fonts.googleapis.com/css?family=Roboto:300,400,500,700,900');

.rb-modal-wrapper,
#rbm_optimizer_infos_wrap,
#rbm_optimizer,
._TPRB_,
#objectlibrary { font-family: "Roboto" }

#rb_the_logo { /*display: inline-block; line-height: 50px;  color: #777c80; font-size: 16px; font-weight: 900; text-align: center*/ width: 50px;height: 50px; background:url(../images/wplogo.png); background-size:30px 30px; background-repeat: no-repeat; background-position: center; cursor: pointer }

.rs_fh_right * {-webkit-user-select: none;-khtml-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;}

._TPRB_ .div5 { display: block;height: 5px;width: 100%; }
._TPRB_ .div7 { display: block;height: 7px;width: 100%; }
._TPRB_ .div10 { display: block;height: 10px;width: 100%; }
._TPRB_ .div15 { display: block;height: 15px;width: 100%; }
._TPRB_ .div20 { display: block;height: 20px;width: 100%; }
._TPRB_ .div25 { display: block;height: 25px;width: 100%; }
._TPRB_ .div30 { display: block;height: 30px;width: 100%; }
._TPRB_ .div35 { display: block;height: 35px;width: 100%; }
._TPRB_ .div40 { display: block;height: 40px;width: 100%; }
._TPRB_ .div45 { display: block;height: 45px;width: 100%; }
._TPRB_ .div50 { display: block;height: 50px;width: 100%; }
._TPRB_ .div65 { display: block;height: 65px;width: 100%; }
._TPRB_ .div75 { display: block;height: 75px;width: 100%; }
._TPRB_ .div100 { display: block;height: 100px;width: 100%; }
._TPRB_ .div500 { display: block;height: 500px;width: 100%; }
._TPRB_ .div150 { display: block;height: 150px;width: 100%; }

/* SEARCH TEXT */
.rs_overview input.flat_input,
#rb_tlw #addon_overviewheader_wrap input.flat_input
 { font-size: 20px; color:#fff; background: none; border: none; outline:none; box-shadow: none; font-weight: 500;  line-height:50px; padding: 0px; margin: 0px; vertical-align: top  }
 #rb_tlw #addon_overviewheader_wrap input.flat_input { height: 50px;}
.rs_overview  input.flat_input::-webkit-input-placeholder  { color: #fff;}
.rs_overview  input.flat_input::-moz-placeholder            { color: #fff;}
.rs_overview  input.flat_input:-ms-input-placeholder       { color: #fff;}
.rs_overview  input.flat_input:-moz-placeholder            { color: #fff;}
.rs_overview  input.flat_input:hover::-webkit-input-placeholder  { color: #fff !important;}
.rs_overview  input.flat_input:hover::-moz-placeholder            { color: #fff !important; }
.rs_overview  input.flat_input:hover:-ms-input-placeholder       { color: #fff !important;}
.rs_overview  input.flat_input:hover:-moz-placeholder            { color: #fff !important;}
.rs_overview  input.flat_input:focus::-webkit-input-placeholder  { color: transparent !important;}
.rs_overview  input.flat_input:focus::-moz-placeholder            { color: transparent !important; }
.rs_overview  input.flat_input:focus:-ms-input-placeholder       { color: transparent !important;}
.rs_overview  input.flat_input:focus:-moz-placeholder            { color: transparent !important;}

/* CODE INPUT */

.rs_overview input.codeinput { font-size: 17px; color:#fff; background: none; border: 1px solid #323438; outline:none; box-shadow: none; font-weight: 500;  line-height:50px; padding: 0px 20px;  width:100%;}
.rs_overview  input.codeinput::-webkit-input-placeholder  { color: #b7bbc0;}
.rs_overview  input.codeinput::-moz-placeholder            { color: #b7bbc0;}
.rs_overview  input.codeinput:-ms-input-placeholder       { color: #b7bbc0;}
.rs_overview  input.codeinput:-moz-placeholder            { color: #b7bbc0;}
.rs_overview  input.codeinput:hover::-webkit-input-placeholder  { color: #fff !important;}
.rs_overview  input.codeinput:hover::-moz-placeholder            { color: #fff !important; }
.rs_overview  input.codeinput:hover:-ms-input-placeholder       { color: #fff !important;}
.rs_overview  input.codeinput:hover:-moz-placeholder            { color: #fff !important;}
.rs_overview  input.codeinput:focus::-webkit-input-placeholder  { color: transparent !important;}
.rs_overview  input.codeinput:focus::-moz-placeholder            { color: transparent !important; }
.rs_overview  input.codeinput:focus:-ms-input-placeholder       { color: transparent !important;}
.rs_overview  input.codeinput:focus:-moz-placeholder            { color: transparent !important;}

/* AUTOWIDTH CHANGES */
.rs_fh_left { float: left; display: inline-block; line-height: 50px; vertical-align: top }
.rs_fh_right { float: right;  text-align: right; line-height: 50px; vertical-align: top}

/**********************************
  - REVOLUTION BUTTON BAISCS  -
***********************************/

._TPRB_ .basic_action_coloredbutton,
._TPRB_ .basic_action_button   { text-decoration:none; text-align:left;background: #3a3e44; width:160px; color: #b7bbc0;line-height: 30px; padding: 0px 15px; font-size: 13px; font-weight: 400; display: inline-block; box-sizing: border-box;  margin-bottom: 10px; cursor: pointer; vertical-align: top; border-radius: 3px}

._TPRB_ .basic_action_button:focus { outline: none; box-shadow: none; }
._TPRB_ .basic_action_button.disabled { pointer-events: none; background: #35383d; color: rgba(183,187,192,0.4); }
._TPRB_ .basic_action_button.disabled i {  color: rgba(183,187,192,0.4);}

._TPRB_ .basic_action_coloredbutton.longbutton,
._TPRB_ .basic_action_button.longbutton     {  width: 185px; text-align: center; }
._TPRB_ .basic_action_coloredbutton.fullbutton,
._TPRB_ .basic_action_button.fullbutton     {  width: 100%; text-align: center; }
._TPRB_ .basic_action_coloredbutton.autosize,
._TPRB_ .basic_action_button.autosize { width: auto; margin-right: 5px; }
._TPRB_ .basic_action_coloredbutton.rightbutton,
._TPRB_ .basic_action_button.rightbutton { float: right; margin-right: 0px }
._TPRB_ .basic_action_coloredbutton i,
._TPRB_ .basic_action_button i { color: #b7bbc0;font-size: 17px; margin-right: 10px;line-height: inherit }
._TPRB_ .basic_action_coloredbutton { color: #fff; background: #006dd2 }
._TPRB_ .basic_action_lilabutton:focus,
._TPRB_ .basic_action_lilabutton:visited,
._TPRB_ .basic_action_lilabutton { color: #fff; background: #5e35b1 }
._TPRB_ .basic_action_lilabutton i { color: #fff; }
._TPRB_ .dark_action_button { background: #2a2c2f; }
._TPRB_ .big_purple_linkbutton { line-height: 70px; width: 100%; background: #5d36ad; color: #fff; font-weight: 300;cursor: pointer; font-size: 20px; text-align: center }
._TPRB_ .big_purple_linkbutton b { font-weight: 500; }
._TPRB_ .big_purple_linkbutton:hover { filter: brightness(110%); }
._TPRB_ .basic_action_coloredbutton:hover,
._TPRB_ .basic_action_coloredbutton.selected { background: #0b5fab; }
._TPRB_ .basic_action_coloredbutton i { color: #fff; }
._TPRB_ .basic_action_button:hover,
._TPRB_ .basic_action_button.selected { color: #fff; background: #006dd2; }
._TPRB_ .basic_action_button.errorcopy { transition:0.4s all;  border-color: #f82c90 !important; color:#f82c90 !important;}
._TPRB_ .basic_action_button:hover i { color: #fff; }
._TPRB_ .basic_action_lilabutton:hover { background: #5e35b1;filter: brightness(110%) }
._TPRB_ .large_actionbutton.basic_action_coloredbutton {  line-height: 50px; font-size: 17px; font-weight: 500; padding:0px 45px; border:none; background:#006dd2; min-width: 160px; text-align: center}
._TPRB_ .large_actionbutton.basic_action_button  { line-height: 50px; font-size: 17px; font-weight: 500; padding:0px 45px; border:none; background:#2a2c2f; min-width: 160px; text-align: center}
._TPRB_ .basic_action_coloredbutton:hover { filter: brightness(110%);}

/**********************************
  - REVOLUTION BUILDER MODAL -
***********************************/

#rb_modal_underlay {position: fixed; background: rgb(50,52,56); opacity:0; width: 100%; height: 100%; top: 0px; left: 0px; z-index: 500000; display: none;  }
.rb-modal-wrapper {display: none;opacity: 0;position: fixed;left: 0;top: 0;width: 100%;height: 100%;z-index: 1000000;}
#rbm_optimizer_infos_wrap { z-index: 1000001;  }
#rbm_optimizer_infos { width: 500px; }
.rb-modal-wrapper .rb-modal-inner {  position: relative;width: 100%;height: 100%;}
.rb-modal-wrapper .rb-modal-content {position: absolute;top: 0;left: 0;width: 100%;height: 100%;}
.rb-modal-wrapper .rb_modal {position: relative; width: 900px;margin: 0 auto;background: #323438; box-shadow: 0px 10px 20px 0px rgba(0,0,0,0.5);}
.rb-modal-wrapper[data-modal="rbm_layer_metas"] { z-index:1000005 }
.rb_modal.form_inner { padding: 0px !important; }
._TPRB_ .rbm_header { background:#2a2c2f; line-height:50px; padding:0px 20px; color:#b7bbc0; position: relative; cursor:move; white-space: nowrap; overflow: hidden;}
._TPRB_ i.rbm_symbol.material-icons { line-height: 50px; font-size: 20px; margin-right: 15px;  }
._TPRB_ i.rbm_close.material-icons { line-height: 50px; width: 50px; position: absolute; right: 0px; top: 0px; text-align: center; display: block; font-size: 25px; color: #b7bbc0; cursor: pointer;}
._TPRB_ .rbm_title { line-height: 50px; font-size: 15px; font-weight: 500; vertical-align: top;}
._TPRB_ .rbm_darkbutton { display: inline-block; width:100%; line-height: 40px; text-align: center;  color:#b7bbc0; font-size:13px; background: #3a3e44; margin-top:1px; box-sizing: border-box; cursor:pointer;}
._TPRB_ .rbm_darkbutton i.material-icons { color: inherit; margin-right:10px; font-size: 20px }
._TPRB_ .rbm_darkbutton:hover { color: #fff; background: #006dd2; }
._TPRB_ .rbm_content_left,
._TPRB_ .rbm_content_right { min-width: 50%; max-width:50%; width:50%; box-sizing: border-box; display: block; height: 100%; display: table-cell; position: relative; vertical-align: top }
._TPRB_ .rbm_content_left { border-right: 1px solid #2a2c2f; }
#rbm_layer_action.inpickermode .rbm_content_left { pointer-events: none !important }
#rbm_preview { width: 1240px; height: 680px; }
._TPRB_ .rbm_preview_sizes,
._TPRB_ .rbm_subtitle { margin-left: 20px; border-left: 1px solid #323438; padding-left: 20px; display: inline-block; line-height: 50px; width: 140px; overflow: hidden; white-space: nowrap}

._TPRB_ .rbm_subtitle i.material-icons { color: #026dd2; font-size: 17px; margin-right: 10px; }
._TPRB_ .rbm_preview_sizes i.material-icons { color: #777c80; margin-right: 10px; cursor: pointer; font-size: 20px}
._TPRB_ .rbm_preview_sizes i.material-icons:hover,
._TPRB_ .rbm_preview_sizes i.material-icons.selected { color: #fff; } 
#rbm_preview .rbm_content { position: absolute;width: 100%;height: 100%;top:50px; left: 0px; }
#rbm_preview_live { overflow: hidden;position: absolute;width: 100%;height:100%;}
#rbm_quickguide,
#rbm_quickguide .rbm_content { width: 1200px;  }
#rbm_quickguide .rbm_content { position: relative;  height:750px; overflow: hidden}
#rbm_globalsettings{ width: 1000px; min-height: 900px; }
#rbm_globalfontsettings{ width: 860px;}
#rbm_decisionModal { width: 500px; min-height: 300px; }
#rbm_globalfontsettings .rbm_content,
#rbm_globalsettings .rbm_content,
#rbm_blocksettings .rbm_content,
#rbm_decisionModal .rbm_content { padding: 50px; }
.rbm_general_half { width: 50%;position: relative; display: inline-block; vertical-align: top; box-sizing: border-box }
#rbm_welcomeModal { width: 1200px; }
#rbm_welcomeModal .rbm_content{ background-image:url(../images/wc.jpg); background-position:top center; background-repeat:no-repeat; background-color:#212226;}
#welcome_logo { background: url(../images/wc_logo.png); background-size: contain; width:300px; height:100px; position: relative; margin:0px auto; display:block; margin-bottom:90px;}
#rbm_globalsettings .rbm_content label_a { min-width: 225px; width: 225px; }
.general_hr { width: 100%; height: 1px; border: none; margin-bottom: 20px; margin-top: 0px; background: #3f444a; }
.rbm_darkhalfbutton {  display: inline-block; width:195px; line-height: 32px; text-align: center;  color:#b7bbc0; font-size:13px; background: #3a3e44; margin-top:1px; box-sizing: border-box; cursor:pointer; box-sizing: border-box; border-radius: 4px}
.rbm_darkhalfbutton i.material-icons { color: inherit; margin-right:10px; font-size: 17px }
.rbm_darkhalfbutton:hover { color: #fff; background: #006dd2; }
.mcg_footer_content { z-index: 5; position: relative;width: 100%;height: 100%; padding: 20px 30px; box-sizing: border-box }
.mcg_fotter_text { font-size: 14px;color: #777c80;line-height: 21px;display: inline-block;margin-left: 40px;padding: 20px 0px;font-weight: 500; max-width: 505px;}
.mcg_fotter_text strong { color: #fff;  }
mcg_guide_image { width: 280px; height: 160px; background-position: top left; background-size: 280px 320px; display: block; position: relative; margin-bottom:35px;}

.mcg_guide_optionwrap { position: relative; }
.mcg_guide_optionwrap:hover mcg_guide_image,
.mcg_guide_optionwrap.selected mcg_guide_image{ background-position: bottom left; }

#rb_tlw .mcg_guide_optionwrap input[type=radio] { width: 100%;height: 100%; opacity: 0; border-radius: 0px; box-shadow: none; outline: none; position: absolute;top: 0px;left: 0px;  z-index:10;}

._TPRB_ .my-color-field { display: none; }
._TPRB_ .guide_slider { background-image: url(../images/guide/guide_slider.jpg);}
._TPRB_ .guide_scene { background-image: url(../images/guide/guide_scene.jpg);}
._TPRB_ .guide_carousel { background-image: url(../images/guide/guide_carousel.jpg);}
._TPRB_ .guide_auto { background-image: url(../images/guide/guide_auto.jpg);}
._TPRB_ .guide_fullwidth { background-image: url(../images/guide/guide_fullwidth.jpg);}
._TPRB_ .guide_fullscreen { background-image: url(../images/guide/guide_fullscreen.jpg);}
._TPRB_ .guide_autoresponsive { background-image: url(../images/guide/guide_autoresponsive.jpg);}
._TPRB_ .guide_intelligent { background-image: url(../images/guide/guide_intelligent.jpg);}
._TPRB_ .guide_manual { background-image: url(../images/guide/guide_manual.jpg);}

.rb-modal-wrapper[data-modal="rbm_layerimport"]    { z-index: 500005 }
.rb-modal-wrapper[data-modal="rbm_decisionModal"]  { z-index: 1500010 }

/*COPY RIGHT */
#rs_copyright { margin-left:260px; color:#7e8083; font-size:17px; cursor:pointer; display: inline-block}
#rs_extra_objlib_info { margin-left: 20px;color:#7e8083; font-size: 17px; display: inline-block}

#rs_extra_objlib_info i.material-icons { font-size: 13px }
#rs_extra_objlib_info a,
#rs_extra_objlib_info a:focus,
#rs_extra_objlib_info a:visited { color: #fff !important; text-decoration: underline}
#rs_extra_objlib_info a:hover 	{ color: #fff; text-decoration: none }
#rs_copyright:hover { color: #fff; }

#upload_custom_files {background:#006dd2; color:#fff; cursor:pointer; position:absolute; width:250px; text-align:center; line-height:50px; font-size:17px; font-weight:500; position:absolute; left:0px; bottom:0px; z-index: 200}
#upload_custom_files:hover { filter: brightness(110%); }
/*COPY RIGHT PANELS*/
#rbm_copyright { width: 1000px; }
#rbm_copyright .rbm_content_left { min-width: 250px;background: #323438;width: 250px;padding: 41px 40px;height: 600px; }
#rbm_copyright .rbm_content_right { min-width: 250px;background: #212226;padding: 39px 50px; width:100%;height: 600px;}
._TPRB_ .copyright_sel { line-height: 39px; font-size: 17px; color: #797b7e; cursor: pointer ; vertical-align: top; font-weight: 500}
._TPRB_ .copyright_sel i { margin-right: 15px; line-height: inherit !important }
._TPRB_ .copyright_sel:hover,
._TPRB_ .copyright_sel.selected { color: #fff; }
._TPRB_ .crm_content_wrap { display: none; }
._TPRB_ .crm_content_wrap.selected { display: block; }
._TPRB_ .crm_title { font-size: 20px; font-weight: 500; color: #fff;  line-height: 40px; margin-bottom:30px;}
._TPRB_ .crm_content { display: table; margin-bottom: 15px; }
._TPRB_ .crm_arrow { display: table-cell; width: 30px; max-width: 30px; line-height: 22px;vertical-align: top; color: #777c80; font-s ize: 20px; }
._TPRB_ .crm_text { display: table-cell; width: 100%; line-height: 22px; font-size: 14px; color: #777c80; font-weight: 400;}
._TPRB_ .crm_text b { color: #fff; font-weight: 500; }
._TPRB_ .crm_text a { color: #fff; font-weight: 400; text-decoration: underline; cursor: pointer; }
._TPRB_ .crm_text a:hover,
._TPRB_ .crm_text a:focus { text-decoration: none; color: #fff; outline:none; box-shadow: none; border:none;}
._TPRB_ .crm_info_text { line-height: 22px; color: #777c80; font-size: 12px; font-weight: 400; }
._TPRB_ .crm_infostar { line-height: 22px; vertical-align: top; display: inline-block; font-size: 12px }
._TPRB_ .crm_basic_button { color: #fff !important; margin-bottom: 20px;  }
._TPRB_ .crm_basic_button:hover,
._TPRB_ .crm_basic_button:focus { color: #fff; }

/* REST*/
._TPRB_ .overview_header_footer,
._TPRB_ .overview_header { opacity: 0; visibility: hidden }
._TPRB_ .tp-clearfix      {display: block;height: 0px;width: 100%;}
._TPRB_ .tp-clearfix {  clear:both;}
._TPRB_ .tos2 { visibility: hidden; }

/****************************
  - BEGIN OBJECT LIBRARY - 
****************************/

#objectlibrary .material-icons,
.RS_Q_E .material-icons,
._TPRB_ .material-icons {
  font-family: 'Material Icons';
  font-weight: normal;
  font-style: normal;  
  display: inline-block;  
  text-transform: none;
  letter-spacing: normal;
  word-wrap: normal;
  white-space: nowrap;
  direction: ltr;
  vertical-align: top;
  line-height: inherit;  
  -webkit-font-smoothing: antialiased;  
  text-rendering: optimizeLegibility;
  -moz-osx-font-smoothing: grayscale;
  font-feature-settings: 'liga';  
}

#objectlibrary { -webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;-webkit-touch-callout: none;text-rendering: optimizeLegibility;}
#objectlibrary .tponoffwrap.off .tponoff_inner { transform: translateX(0px); }
#objectlibrary i.material-icons.reset_select {    cursor: pointer; width: 25px;height: 25px;line-height: 25px !important;text-align: center;font-size: 17px !important; border-radius:3px; margin-top: 12px;color: #fff;background: #006dd2;display: inline-block;margin-right: 10px; display: none}
#objectlibrary { z-index: 100002; position: fixed; width: 100%; height: 100%; top: 0px;left: 0px; background: #202224; display:none;}
#ol_filters_wrap { width: 250px; height:100%; position: absolute; left: 0px; top: 0px; background: #323438; z-index: 45; }
#rs_q_close,
#ol_close { position: relative;  vertical-align: top; text-align: center; color: #b7bbc0; cursor: pointer; z-index: 100000; font-size:30px;margin-left: 20px}
#rs_q_close { position: absolute; top: 20px;right: 20px; }
#rs_q_close:hover,
#ol_close:hover { color: #fff; }
#ol_results_wrap { width: 100%; height: 100%; top: 0px;left: 0px; z-index:30; box-sizing: border-box; overflow:hidden;position: relative}
#ol_results { box-sizing: border-box; position: relative;}
#ol_right   { padding: 90px 0px 70px 300px; width:100%; height:100%; box-sizing: border-box; position: relative; overflow:hidden; z-index: 30}
#ol_right_underlay {  background: rgba(32,34,36,0.65); position: fixed; top: 0px; left: 0px; width: 100%; height: 100%; z-index: 50; display: none; cursor: pointer}
#ol_header  { position: fixed; line-height: 50px; width: 100%; display: block; top:0px; left:0px; z-index:40;  background:#202224; padding:10px 30px 10px 300px; box-sizing: border-box;}
#ol_footer  { position: fixed; line-height: 50px; width: 100%; display: block; bottom:0px; left:0px; z-index: 40; background:#202224; padding:10px 40px; box-sizing: border-box}
#objectlibrary .rb_the_logo,
.RS_Q_E .rb_the_logo { position:absolute; top:15px; left:15px; height:20px; line-height: 20px;  color: #2d2e32; background: #fff; border-radius:4px; font-size: 17px; font-weight: 900; text-align: center ; z-index: 50; padding: 0px 5px;letter-spacing: -1px }
.RS_Q_E .rb_the_logo { position:relative; top:0px; left:0px;  font-weight: 900;  padding: 0px 5px;  display: inline-block;margin-right: 15px; vertical-align: top}
#ol_filters { padding: 70px 20px 70px 40px; box-sizing: border-box; display: block;  position: relative; height: 100%; width: 100%; overflow: hidden; }
#searchobjects { font-size: 20px; color:#fff; background: none; border: none; outline:none; box-shadow: none; font-weight: 500;  line-height:50px; padding: 0px; width: 350px; }
#obj_fil_favorite,
#obj_updatefromserver,
#obj_addsliderasmodal { font-size: 17px; color: #797b7e; font-weight: 500; display: inline-block; margin-right: 25px; cursor: pointer; vertical-align: top }
#obj_fil_favorite i.material-icons,
#obj_updatefromserver i.material-icons { font-size: 17px; margin-right: 5px; }
#obj_updatefromserver { margin-left: 20px; margin-right: 0px}
#obj_fil_favorite:hover,
#obj_updatefromserver:hover,
#obj_fil_favorite.selected { color: #fff; }
#ol_pagination_wrap { display: inline-block; margin-right:20px;}

._TPRB_ .ol_filter_listelement{ font-size: 17px; color: #797b7e; line-height: 30px; cursor: pointer; vertical-align: top; position: relative; font-weight: 500}
._TPRB_ .ol_filter_listelement:hover,
._TPRB_ .ol_filter_listelement.selected { color: #fff; }
._TPRB_ .filter_type_name,
._TPRB_ .filter_tag_name { text-transform: capitalize }
._TPRB_ .ol_filter_listelement i.material-icons { margin-right: 10px; }
._TPRB_ .filter_type_name,.ol_filter_listelement i.material-icons { line-height: 30px; vertical-align: top; display: inline-block }
._TPRB_ .filtergroup_opener { position: absolute; right: 0px; top: 0px; width: 30px; height: 30px;  margin:0px; text-align: right; transform-origin: "50% 50%"}
._TPRB_ .ol_filter_group { margin: 0px; padding: 0px; display: none; }
._TPRB_ .ol_filter_type { margin-bottom: 10px; }
._TPRB_ .ol_filter_type.open .ol_filter_group { display: block; }
._TPRB_ .ol_filter_type.open .filtergroup_opener { transform: scaleY(-1); }
._TPRB_ li.ol_filter_listelement { padding-left: 40px; margin:5px 0px;}

#objectlibrary._TPRB_ .ol_filter_listelement i.material-icons.filter_tag_name_edit,
#objectlibrary._TPRB_ .ol_filter_listelement i.material-icons.filter_tag_name_delete,
#objectlibrary._TPRB_ .ol_filter_listelement i.material-icons.filter_tag_name_check,
#objectlibrary._TPRB_ .ol_filter_listelement i.material-icons.filter_tag_name_cancel { line-height:30px; font-size: 19px; margin-left: 0px;  margin-right:0px; cursor: pointer; opacity: 0.5;  display:none;position: absolute;right: -10px;z-index: 15; } 
#objectlibrary._TPRB_ .ol_filter_listelement i.material-icons.filter_tag_name_check,
#objectlibrary._TPRB_ .ol_filter_listelement i.material-icons.filter_tag_name_edit { right: 15px; }

#objectlibrary._TPRB_ .ol_filter_listelement:not(.inedit):hover i.material-icons.filter_tag_name_edit,
#objectlibrary._TPRB_ .ol_filter_listelement:not(.inedit):hover i.material-icons.filter_tag_name_delete { display: inline-block;}

#objectlibrary._TPRB_ .ol_filter_listelement.inedit:hover i.material-icons.filter_tag_name_check,
#objectlibrary._TPRB_ .ol_filter_listelement.inedit:hover i.material-icons.filter_tag_name_cancel { display: inline-block;}

#objectlibrary._TPRB_ .ol_filter_listelement i.material-icons.filter_tag_name_edit:hover,
#objectlibrary._TPRB_ .ol_filter_listelement i.material-icons.filter_tag_name_delete:hover,
#objectlibrary._TPRB_ .ol_filter_listelement i.material-icons.filter_tag_name_check:hover,
#objectlibrary._TPRB_ .ol_filter_listelement i.material-icons.filter_tag_name_cancel:hover { opacity: 1; }
#objectlibrary._TPRB_ .ol_filter_listelement span { max-width: 165px; white-space: nowrap}
#objectlibrary._TPRB_ .ol_filter_listelement .ol_gradientbg {	
	z-index: 10;
	position: absolute;
	background: linear-gradient(90deg, rgba(50,52,56,0) 0%, rgba(50,52,56,1) 40%);
	width: 60px;
	right: -25px;
	top: 0px;
	height: 30px;
	
}

#objectlibrary._TPRB_ .ol_filter_listelement:hover .ol_gradientbg {
	display: block;
	width: 120px;
}

#objectlibrary._TPRB_ .ol_filter_listelement input.filter_tag_name_input {
	z-index: 5;
	position: absolute;
    top: -2px;
    left: 29px;
    width: 165px;
    padding: 0px 10px;    
    font-size: 17px;
    color: #fff;
    background: #323438;
    border: none;
    border-radius: 0px;
    display: none;    
    outline: none;
    box-shadow: none;
    white-space: nowrap;
    max-width: 165px;
    overflow: hidden;
}

#objectlibrary._TPRB_ .ol_filter_listelement.inedit input.filter_tag_name_input {
	display: block;
}

.lilabuybutton,
.lilabuybutton:visited {
	background: #5d34af;
	padding: 0px 35px;
	line-height: 35px !important;
	color: #fff !important;
	font-size: 15px;
	font-weight: 500;
	cursor: pointer;	
	border-radius: 4px;  
	text-decoration: none !important;
	display: inline-block;    
}

.lilabuybutton:hover,
.lilabuybutton:focus {
	filter: brightness(110%);
	color: #fff !important;
}

#buynow_notregistered {
	position: absolute;
    right: 174px;
    top: 8px;
}

/* OBJECT LIBRARY ITEMS */
._TPRB_ .olibrary_custom_tagselector_wrap { width:120px; position: absolute; bottom:2px; right:0px; height:16px;  line-height: 16px; vertical-align: top; box-sizing: border-box; padding:0px 5px;}

._TPRB_ .olibrary_item { width:267px; height: 210px; display: inline-block; margin: 0px 20px 20px 0px; background: #2a2c2f;position: relative; z-index: 20 }
._TPRB_ .olibrary_media_wrap { width: 267px; height: 150px; position: absolute; left:0px; top:0px;z-index:100; background-size: cover;background-position: center}
._TPRB_ .olibrary_media_wrap.patternbg { background:url(../images/light_pattern_2x.png); background-size:16px 16px; background-repeat:repeat;  }
._TPRB_ .olibrary_media_wrap.obj_med_darkbg { background: #2a2c2f; }
._TPRB_ .ondarkpattern .olibrary_media_wrap,
._TPRB_ .olibrary_media_wrap.darkpattern { background:url(../images/dark_pattern_2x.png) !important; background-size:16px 16px; background-repeat:repeat; }
._TPRB_ .olibrary_media_wrap.lightpattern { background:url(../images/light_pattern_2x.png) !important; background-size:16px 16px; background-repeat:repeat; }
._TPRB_ .olibrary_media_style { width: 100%; height: 100%; position: absolute; top: 0px; left: 0px; display: block; background-size: cover}
._TPRB_ .olibrary_content_wrap { width: 267px; height: 60px; position: absolute;top: 150px; left:0px; background: #2a2c2f; box-sizing: border-box; padding: 5px 10px 0px;transition: all 0.3s; z-index: 101;}
._TPRB_ .olibrary_content_left { padding-right: 55px; box-sizing: border-box; display: block; position: relative}
._TPRB_ .olibrary_content_right { position: absolute; top:10px; right:10px;}
._TPRB_ .olibrary_media_overlay { width: 267px; height: 150px; position: absolute; top: 0px; left: 0px; background: rgba(0,109,210,0.75); z-index: 10;  opacity: 0; transition: all 0.3s; z-index: 101}
._TPRB_ .olibrary_content_title  { color:#b7bbc0; font-size: 15px; font-weight: 500;  display: block; line-height: 25px; vertical-align: top; margin-bottom: 7px;transition: all 0.3s; width:230px; height:22px; overflow: hidden; margin-top:1px; overflow:hidden;}
._TPRB_ .olibrary_content_title_input { display:none;color: #fff;font-size: 15px;font-weight: 500;line-height: 25px;vertical-align: top;transition: all 0.3s;width: 230px; max-width:230px; overflow:hidden; height: 22px;overflow: hidden;position: absolute;top: 1px;left: -1px;padding: 0px 0px;outline: none;border: none; background:transparent;}
._TPRB_ .olibrary_content_type,
._TPRB_ .olibrary_content_info   {  border:1px solid transparent;line-height: 14px; height: 16px; box-sizing: border-box; padding:0px 3px; display: inline-block;vertical-align: top; margin-right: 5px;  font-size:11px; text-transform: uppercase; font-weight: 500;transition: all 0.3s; pointer-events: none}
._TPRB_ .olibrary_edit_title_main {  cursor: text}
._TPRB_ i.olibrary_favorit.material-icons,
._TPRB_ i.olibrary_edit_title.material-icons { color:rgba(255,255,255,0.25); font-size: 20px; box-sizing: border-box;   text-align: center; cursor: pointer;transition: all 0.3s; z-index: 10}
._TPRB_ i.olibrary_favorit.material-icons:hover,
._TPRB_ i.olibrary_edit_title.material-icons:hover,
._TPRB_ i.olibrary_favorit.material-icons.selected { color: #fff; }
._TPRB_ .olibrary_item .olibrary_addimage_wrapper { display: block; text-align: center;top: 50%; position: absolute; left: 0px; width: 100%; height: 30px; transform: translateY(-50%); }
._TPRB_ .olibrary_item i.material-icons.ol_link_to_deeper,
._TPRB_ .olibrary_item .avtivationicon,
._TPRB_ .olibrary_item i.material-icons.ol_link_to_delete,
._TPRB_ .olibrary_item i.material-icons.ol_link_to_add,
._TPRB_ .olibrary_item i.material-icons.ol_link_to_view { cursor:pointer; text-align: center ; z-index: 20; width: 50px; height: 50px; line-height:50px !important; color:#006dd2; font-size:30px; position: absolute; top: 50px; left: 50%; margin-left: 5px; background: #fff; border-radius: 35px; display:none; box-shadow:0px 3px 10px 0px rgba(0,0,0,0.25); transition: all 0.3s; transform:translateX(30px);}
._TPRB_ .olibrary_item .avtivationicon { width: auto;  font-size:15px; display: inline-block; height: 40px;line-height: 40px !important;padding: 0px 15px 0px 10px; white-space: nowrap; font-weight:600; margin: 0px; }
._TPRB_ .olibrary_item .avtivationicon i { font-size: 25px; margin-right: 10px; }
._TPRB_ .olibrary_item .ol_link_to_add_image { cursor:pointer; text-align: center; text-transform: uppercase; z-index: 20; width: 30px; height: 30px; line-height:30px !important; color:#006dd2; font-size:14px; font-weight:800; margin-right:5px; position: relative;  background: #fff; border-radius: 15px; display:inline-block; opacity:0; box-shadow:0px 3px 10px 0px rgba(0,0,0,0.25); transition: all 0.3s; transform:translateY(20px);}
._TPRB_ .olibrary_item .ol_link_to_add_image:first-child { transition-delay: 0s; }
._TPRB_ .olibrary_item .ol_link_to_add_image:nth-child(2) { transition-delay: 0.05s; }
._TPRB_ .olibrary_item .ol_link_to_add_image:nth-child(3) { transition-delay: 0.1s; }
._TPRB_ .olibrary_item .ol_link_to_add_image:nth-child(4) { transition-delay: 0.15s; }
._TPRB_ .olibrary_item .ol_link_to_add_image:nth-child(5) { transition-delay: 0.2s; }
._TPRB_ .olibrary_item .ol_link_to_add_image:last-child { margin-right: 0px }
._TPRB_ .olibrary_item i.material-icons.ol_link_to_view,
._TPRB_ .olibrary_item i.material-icons.ol_link_to_delete { margin-left: -55px;transform:translateX(-30px); }
._TPRB_ .olibrary_item .threeicons i.material-icons.ol_link_to_view { margin-left: -85px; }
._TPRB_ .olibrary_item .threeicons i.material-icons.ol_link_to_add { margin-left: 35px; }
._TPRB_ .olibrary_item .threeicons i.material-icons.ol_link_to_deeper { margin-left: -25px; transform:translateY(30px) translateX(0px); }
._TPRB_ .olibrary_item .oneicon i.material-icons.ol_link_to_deeper,
._TPRB_ .olibrary_item .oneicon i.material-icons.ol_link_to_add { margin-left: -25px; transform:translateY(30px) translateX(0px);}
._TPRB_ .olibrary_item .avtivationicon {   transform:translateY(30px) translateX(-50%); }
._TPRB_ .ol_svg_preview { text-align: center; position: absolute; top: 50%; left: 50%; transform: translateX(-50%) translateY(-50%); }
._TPRB_ .ol_svg_preview svg { width: 100px; height: 100px; }
._TPRB_ .ol_svg_preview .olibrary_media_wrap:not(.nosvgcoloring) svg path {  fill:#000; }
._TPRB_  img.olib_png_obj { margin: auto; max-width: 100%;height: 150px;position: relative;display: block; }
._TPRB_ .oc_package { color: #2a2c2f;; background: #ffda00; }
._TPRB_ .oc_purple { color: #fff; background: #5e35b1; }
._TPRB_ .oc_pink { color: #fff; background: #f82c90; }
._TPRB_ .oc_blue { color: #fff; background: #006dd2; }
._TPRB_ .oc_orange { color: #fff; background: #ff7700; }
._TPRB_ .oc_red { color: #fff; background: #ff5858; }
._TPRB_ .oc_green { color: #fff; background: #1f9939; }
._TPRB_ .oc_cyan { color: #fff; background: #00c1d2; }
._TPRB_ .oc_gray { color: #62666a; background: transparent; border: 1px solid #414448; }
._TPRB_ .olti_green { color: #00ff00; }
._TPRB_ .olti_red { color: #ff0000; }
._TPRB_ .olti_icon.material-icons { font-size: 14px; line-height: 20px; margin-right: 5px; display: inline-block }
#objectlibrary .olibrary_media_wrap i.fonticonobj,
._TPRB_ .olibrary_media_wrap i.fonticonobj {     display: block; font-size:75px;line-height: 150px;  vertical-align: top; text-align:center; color:#000;}
._TPRB_ .olibrary_media_wrap i.fonticonobj.material-icons { width: 100%;height: 100%;line-height: 150px !important;}
._TPRB_ .olibrary_item:hover { z-index: 40; }
._TPRB_ .olibrary_item.selected { z-index: 60 }
._TPRB_ .olibrary_item.selected i.material-icons.ol_link_to_deeper,
._TPRB_ .olibrary_item.selected i.material-icons.ol_link_to_add,
._TPRB_ .olibrary_item.selected i.material-icons.ol_link_to_view,
._TPRB_ .olibrary_item.selected i.material-icons.ol_link_to_delete,
._TPRB_ .olibrary_item:hover i.material-icons.ol_link_to_delete,
._TPRB_ .olibrary_item.selected .ol_link_to_add_image,
._TPRB_ .olibrary_item:hover i.material-icons.ol_link_to_deeper,
._TPRB_ .olibrary_item:hover i.material-icons.ol_link_to_add,
._TPRB_ .olibrary_item:hover .ol_link_to_add_image,
._TPRB_ .olibrary_item:hover i.material-icons.ol_link_to_view {  opacity: 1; transform:translateX(0px) translateY(0px);}
._TPRB_ .olibrary_item:hover .avtivationicon {  opacity: 1; transform:translateX(-50%) translateY(0px);}
._TPRB_ .olibrary_item.selected .olibrary_content_title,
._TPRB_ .olibrary_item.selected .olibrary_content_info,
._TPRB_ .olibrary_item:hover .olibrary_content_title,
._TPRB_ .olibrary_item:hover .olibrary_content_info { color: #fff; border-color: rgba(255,255,255,0.25); }
._TPRB_ .olibrary_item.selected .olibrary_content_type,
._TPRB_ .olibrary_item:hover .olibrary_content_type { background: #fff !important; color: rgba(0,109,210,1);}
._TPRB_ .olibrary_item.selected .olibrary_content_wrap ,
._TPRB_ .olibrary_item:hover .olibrary_content_wrap { background: rgb(0,109,210); }
._TPRB_ .olibrary_item.selected .olibrary_media_overlay,
._TPRB_ .olibrary_item:hover .olibrary_media_overlay { opacity: 1 }
._TPRB_ .ol_template_info_wrap {background: #323438;  padding:0px; position: absolute; overflow:hidden; top:0px; left:100%; z-index: 95; box-sizing: border-box; transform-origin: 0% 0%; width:0px;height:0px; color:#777c80; font-size: 14px; line-height: 20px;  box-shadow:20px 0px 80px rgba(0,0,0,0.75); opacity:0;transform:translateX(20px);transition:opacity 0.6s, transform 0.3s, width 0s; overflow:hidden;}
._TPRB_ .to_the_left .ol_template_info_wrap { left: auto; right: 100%;transform:translateX(-20px); transform-origin: 100% 0%}
._TPRB_ .ol_template_info_wrap a,
._TPRB_ .ol_template_info_wrap a:focus,
._TPRB_ .ol_template_info_wrap a:visited { color: #b7bbc0;  outline:none;}
._TPRB_ .ol_template_info_wrap a:hover { color: #006dd2;outline: none; }
._TPRB_ .ol_template_info_wrap.left_tiw { left: auto; right: 100%;transform:translateX(-20px); }
._TPRB_ .olti_title { color: #fff; font-size: 15px; line-height: 20px; margin-bottom: 10px; font-weight: 500 }
._TPRB_ .olti_title.nmb { margin-bottom: 0px }
._TPRB_ .olibrary_item.selected .ol_template_info_wrap { display:block; opacity: 1; transform: translateX(0px); width:340px; height:auto; padding:25px; }
._TPRB_ .olibrary_item.selected .ol_template_info_wrap.videopreview { padding: 0px !important; vertical-align: top; margin: 0px; width: 374px !important;  }
#obj_library_mediapreview { width: 100%; height: auto; pointer-events: none; vertical-align: top; display: block;}
._TPRB_ .olti_btn { background: #006dd2; color: #fff; font-size: 13px; line-height: 32px; font-weight: 400; padding: 0px 20px; border-radius: 4px; display: inline-block; box-sizing: border-box; vertical-align: top; cursor: pointer;}
._TPRB_ .olti_btn i.material-icons { line-height: 32px;margin-right: 10px; font-size: 17px; vertical-align: top}
._TPRB_ .olti_btn.notinstallable { pointer-events: none; background:#3a3e44; color:#777c80;}

#ol_results .rsl_breadcrumb_wrap { display: block; width: 100%; margin-bottom: 0px; border-top: 1px solid #323438; padding-top:15px; margin-bottom: 45px }
#ol_results .rsl_breadcrumb { display:inline-block; line-height:25px; vertical-align: top; color: #797b7e; font-size: 15px; margin-right:10px; cursor: pointer; font-weight: 500}
#ol_results .rsl_breadcrumb i.material-icons { display:inline-block; line-height:25px; vertical-align: top;  font-size: 25px; margin-right: 10px;  }
#ol_results .rsl_breadcrumb_div { display: inline-block; color: #797b7e; /*#323438;*/ margin-right: 10px; font-size: 25px; line-height: 25px; vertical-align: top }

#ol_results .rsl_breadcrumb:hover { color: #fff; }
#ol_modulessorting { display: inline-block;vertical-align: top; }

._TPRB_ .olti_content .tponoffwrap  { margin-top: 0px; margin-bottom: 10px; margin-right: 10px; }

/*************************************/
/* OVERVIEW LIST OF ELEMENTS WRAPPER */
/*************************************/

#slider_folders_wrap .rs_library_element { margin-right: 0px; }

.rs_library_element { width: 267px; height: 190px; display: inline-block; margin-right: 20px;margin-bottom: 20px; cursor: pointer; box-sizing: border-box; position: relative; background:#2a2c2f; z-index:50; vertical-align: top}
.rs_library_element .rsle_footer {  position: absolute; bottom: 0px; left: 0px;  width:100%;height:40px; background:#2a2c2f;z-index: 5}
.rs_library_element.selected,
.rs_library_element:hover{ z-index: 100; }

.rs_library_element.ui-draggable-dragging { z-index: 200000 !important; position: absolute; pointer-events: none; opacity:0.80 !important;}

.rs_library_element.ui-draggable-dragging .rsle_tbar  {display: none !important;  }
.rs_library_element .link_to_slideadmin, 
.rs_library_element .image_container { width: 100%; height: 150px; position: absolute; top: 0px;left: 0px; display: block; z-index: 10; background-size:cover; background-position: center center; background-repeat: no-repeat}
.rs_library_element .image_container_underlay {  z-index: 9; background: #2a2c2f; top: 0px;left: 0px; width: 100%;height: 150px; position: absolute }
.rs_library_element .image_container_underlay .rootfolder {  background: #2a2c2f; top: 0px;left: 0px; width: 100%;height: 150px; position: absolute }
.rs_library_element .image_container_underlay .rootfolder i.material-icons { font-size: 50px;
    text-align: center;
    color: #62666a;
    display: block;
    line-height: 50px !important;
    margin-bottom: 10px; 
    width: 100%;
    margin-top: 45px;
  }

.folder_library_element .image_container_underlay { background: #2a2c2f; }

.folder_library_element:hover,
.folder_library_element.selected,
.folder_library_element.menuopen {background:#006dd2; }

.folder_library_element:hover .image_container_underlay,
.folder_library_element.selected .image_container_underlay,
.folder_library_element.menuopen .image_container_underlay {background:#006dd2; }
.folder_img_placeholder { display: inline-block; width: 126px; height: 68px; background: #323438; vertical-align: top; background-size: cover; background-position: center center; background-repeat: no-repeat }

.folder_library_element.menuopen .folder_img_placeholder,
.folder_library_element.selected .folder_img_placeholder,
.folder_library_element:hover .folder_img_placeholder { background-color: #00529d; }

.rs_library_element.folder_library_element .link_to_slideadmin { background: transparent !important; opacity: 0; width: 100%;height: 150px;top: 0px;left: 0px; margin: 0px; }
.folder_img_1,
.folder_img_3 { margin-right: 5px; margin-left: 5px; }
.folder_img_1,
.folder_img_2 { margin-bottom: 5px; margin-top:5px;}

.folder_library_element .show_rsle { opacity: 0 !important }

.rs_library_element .link_to_slides_overview,
.rs_library_element .link_to_slideadmin {text-align: center ; z-index: 20; width: 50px; height: 50px; position: absolute; top: 50px; left: 50%; margin-left: -25px; background: #fff; border-radius: 35px; display:none; box-shadow:0px 3px 10px 0px rgba(0,0,0,0.25);}

.rs_library_element:hover .link_to_slides_overview,
.rs_library_element:hover .link_to_slideadmin,
.rs_library_element.selected .link_to_slideadmin,
.rs_library_element.menuopen .link_to_slideadmin { display: block; }
.rs_library_element .link_to_slides_overview i.material-icons,
.rs_library_element .link_to_slideadmin i.material-icons{ font-size: 30px; color: #006dd2; line-height: 50px !important;  }

.rs_library_element .title_container {  width: 245px; height: 40px; font-weight:500; line-height: 40px; position: absolute; bottom: 0px; left: 0px; font-size: 15px; color: #b7bbc0; padding: 0px 10px; background: transparent;box-sizing: border-box; border:none; outline:none; box-shadow: none; z-index: 2; margin:0px;}
.rs_library_element .title_container_overlay { width: 100%; height: 40px; line-height: 40px; position: absolute; bottom: 0px; left: 0px; background: transparent; z-index: 5; }

.rs_library_element.selected .title_container,
.rs_library_element.selected .rsle_folder,
.rs_library_element.menuopen .title_container,
.rs_library_element.menuopen .rsle_folder,
.rs_library_element:hover .title_container,
.rs_library_element:hover .rsle_folder { color: #fff; }

.rs_library_element .rsle_move_and_edit { position: absolute; top: 0px; left: 0px; width: 100%; height: 165px;  z-index: 15; background:transparent; cursor:move;}
.rs_library_element:hover .rsle_move_and_edit,
.rs_library_element.selected .rsle_move_and_edit,
.rs_library_element.menuopen .rsle_move_and_edit { background: #006dd2; opacity: 0.65; }

.rs_library_element.selected .rsle_footer,
.rs_library_element.menuopen .rsle_footer,
.rs_library_element:hover .rsle_footer {  position: absolute; bottom: 0px; left: 0px;  width:100%;height:40px; background:#006dd2; z-index: 5}

.show_rsle { position:absolute; color:#fff; font-size:20px; text-align: right; padding-right: 10px;  box-sizing: border-box;line-height:40px !important; width: 100%; background: transparent; height: 40px; bottom: 0px; right: 0px; z-index: 20; display: none !important; }

.rsle_folder {     position: absolute;bottom: 0px;right: 0px;width: 100%;height: 40px;color: #b7bbc0;z-index: 20;font-size: 20px;line-height: 40px;text-align: right; padding-right:10px;}

.rs_library_element.menuopen .show_rsle,
.rs_library_element:hover .show_rsle { display: block !important; }

.rs_library_element.selected .show_rsle { transform: scaleY(-1); transform-origin: "50% 50%"; width: 40px; }
.rs_library_element.selected .rsle_folder { width: 40px; }

.folder_library_element .rsle_tool.copyclipboard,
.folder_library_element .rsle_tool.exportslider, 
.folder_library_element .rsle_tool.duplicateslider, 
.folder_library_element .rsle_tool.previewslider { display: none; }

._TPRB_ .ov-pagination { display: inline-block; margin-right: 20px; }
._TPRB_ .page_button { font-size: 17px;color: #797b7e; font-weight: 500; display: inline-block; line-height: 30px; width: 30px; height: 30px; margin-top: 10px; margin-right: 5px; text-align: center; cursor: pointer}
._TPRB_ .page_button.selected,
._TPRB_ .page_button:hover { background:#006dd2; color: #fff; }

/****************************
   - END OBJECT LIBRARY - 
****************************/

.rs_close_advert { position: absolute; top:-30px;right:0px;line-height: 30px; padding: 0px 10px; color: #62666a; font-size: 14px; font-weight: 600; cursor: pointer; background:#2a2c2f; }
.rs_close_advert:hover { color: #fff;background: #006dd2; }

/*****************************
          - SELECT 2 
*****************************/

/*
	TOOLBAR WRAPS AND BUTTONS
*/
.outicon_dd_rwap,
.tool_dd_wrap { display: none; position: absolute; z-index: 10000; background: #2a2c2f; left:0px;top:50px; text-align: left; box-shadow: 0px 10px 20px 0px rgba(0,0,0,0.5); max-width:250px;}
.toolbar_btn { color:#b7bbc0;  font-size: 14px; line-height: 50px; padding:0px 10px; text-align: left; display: inline-block; cursor: pointer; position: relative; font-weight: 500; height: 50px; vertical-align: top} 
.toolbar_btn>i.material-icons,
.toolbar_btn.justicon { width: 30px; padding: 0px; box-sizing: border-box;text-align: center; }
.toolbar_btn .material-icons { font-size: 16px; margin-right: 10px; }
.toolbar_btn.justicon .icon_switcher .material-icons { margin-right: 0px }
.toolbar_btn .selected_placeholder .material-icons { font-size: 17px; margin-right: 0px; }
.toolbar_btn i.toptoolbaricon.material-icons { margin-right: 0px; width:30px; text-align: center; font-size: 20px}
.toolbar_btn:hover { color: #fff;}
#_layer_settings .tool_dd_wrap .add_layer,
.tool_dd_wrap .add_slide,
.tool_dd_wrap .rc-menu-item { padding-left: 20px; }
.visiblestep_main:hover,
.lockstep_main:hover,
.outicon_dd_rwap .lockstep:hover,
.outicon_dd_rwap .visiblestep:hover,
.toolbar_dd_subdrop_wrap:hover >.add_layer,
.toolbar_dd_subdrop_wrap:hover >.add_slide,
.toolbar_dd_subdrop_wrap:not(.disabled):hover >.rc-menu-item,
.tool_dd_wrap .add_layer:hover,
.tool_dd_wrap .rc-menu-item:hover { background: #3F444D; }
.tool_dd_wrap .add_layer .material-icons,
.tool_dd_wrap .rc-menu-item .material-icons,
.tool_dd_wrap .add_slide .material-icons { font-size: 17px; margin-right:10px;}
.toolbar_btn:hover .tool_dd_wrap { display: block; min-width: 100%;}
.toolbar_btn.tool_drop:hover { border-radius: 4px 4px 0px 0px }
.toolbar_dd_subdrop_wrap:hover >.add_layer,
.toolbar_dd_subdrop_wrap:not(.disabled):hover >.rc-menu-item,
.tool_dd_wrap .add_layer:hover,
.tool_dd_wrap .rc-menu-item:hover { color: #fff; opacity: 1}
.toolbar_dd_subdrop_wrap:hover >.add_slide,
.tool_dd_wrap .add_slide:hover { color: #fff; opacity: 1; background:#3f444a;}
.outicon_dd_rwap { left: -15px; background: #323438; }
.tool_dd_wrap.fittoright { left: auto; right: 0px;padding-top: 10px; }
.outicon_dd_rwap .lockstep,
.outicon_dd_rwap .visiblestep,
.tool_dd_wrap .add_layer,
.tool_dd_wrap .rc-menu-item,
.outicon_dd_rwap .visiblestep_main,
.outicon_dd_rwap .lockstep_main,
.add_slide { color:#b7bbc0; cursor: pointer; padding:0px 20px; white-space: nowrap; line-height: 30px; font-size: 13px}
.toolbar_dd_subdrop { display: none; position: absolute; left: 100%; top: 0px;background: #2a2c2f;  box-shadow: 0px 3px 10px 0px rgba(0,0,0,0.25); white-space: nowrap}
.toolbar_dd_subdrop_wrap { position: relative}
.toolbar_dd_subdrop_wrap:not(.disabled):hover .toolbar_dd_subdrop { display: block; }
.toolbar_listelement.disabled,
.rc-menu-item.disabled { opacity:0.5;  cursor: default !important; pointer-events: none}
.rc-menu-wrap {position: absolute; z-index: 999999}
.rc-align-right .toolbar_dd_subdrop {left: auto; right: 100%;}
.rc-align-right .toolbar_dd_subdrop {left: auto; right: 100%;}
.rc-align-bottom .toolbar_dd_subdrop {top: auto; bottom: 0;}

.wp-block[data-type="themepunch/revslider"] .editor-block-toolbar > .components-toolbar svg {color: white; margin-right: 0}

/* hide visual composer block */
li[data-element='rev_slider_vc'] {display: none !important}

input[data-setting="revslidertitle"] {
  pointer-events: none;
  user-select: none;          
}

/*********************
    ON OFF BUTTON
**********************/
.tponoffwrap *, .tponoffwrap {user-select:none}

.tponoffwrap,
.fake_on_button  { cursor:pointer;display:inline-block; vertical-align:top; position:relative; width: 50px;height: 20px;line-height: 20px; border-radius: 10px;  overflow: hidden; background: #006dd2; box-sizing: border-box;margin-bottom: 15px; margin-top:5px; transform:translateZ(0.001px);}

.tponoff_inner,
.fake_on_button_inner { cursor:pointer;width: 120px;height: 20px;top: 0px;left: 0px; line-height: 25px; vertical-align: top; transform: translateX(-50px); transition:0.3s;}

.fake_onff_on,
.tponoff_on   { position:absolute;top: 0px;left: 51px;width: 50px;height: 20px;background: #006dd2;padding: 0px 11px;color: #fff;font-weight: 400; box-sizing: border-box; font-size: 11px;line-height:20px; text-align: right;text-transform: uppercase}

.fake_onff_off,
.tponoff_off  { position:absolute;top: 0px;left: 0px;width: 50px;height: 20px;background: #2a2c2f; padding: 0px 8px;color: #777c80;font-weight: 400; box-sizing: border-box; font-size: 11px;line-height: 20px;text-transform: uppercase; text-align: left}

.fake_onff_on:after,
.tponoff_on:after { content:" ";width: 12px;height: 12px; position: absolute;left: 4px;top: 4px; border-radius: 50%;background: #fff; box-sizing: border-box; }

.fake_onff_off:after,
.tponoff_off:after { content:" ";width: 12px;height: 12px; position: absolute;left: 32px;top: 4px; border-radius: 50%;background: #6a6f72; box-sizing: border-box; }

.tponoffwrap input { display: none; }
.tponoffwrap.off { background: #2a2c2f; }
#rbm_addon_details  .tponoffwrap.off .tponoff_inner,
#rb_tlw  .tponoffwrap.off .tponoff_inner,
#rbm_blocksettings .tponoffwrap.off .tponoff_inner,
._TPRB_ .tponoffwrap.off .tponoff_inner,
#rs_overview  .tponoffwrap.off .tponoff_inner { transform: translateX(0px); }

.onoff_showonlystatus .tponoff_on,
.fake_on_button,
.fake_onff_on { background: #3f444a; }

.onoff_showonlystatus .tponoffwrap { background: transparent; }

.on_off_navig_wrap { position: absolute; top: 5px;right: 0px; background: transparent; width: 60px;height: 30px;  z-index: 1015;  }

.onoff_showonlystatus { pointer-events: none; display: inline-block}

#obj_addsliderasmodal {display: none; margin-left: 19px; margin-right: 0}
#obj_addsliderasmodal .tponoffwrap {margin: 0 0 0 10px; position: relative; top: 15px}
.revslider_block > span i {display: none; position: relative; top: 5px; margin-right: 7px}
.revslider_block[data-modal="true"] > span i {display: inline-block}

@media only screen and (max-width : 820px) {

#ol_footer { padding-left: 300px; }

}

/******************+
- OPTIMIZER MODAL -
********************/

.div40 { display: block;height: 40px;width: 100%; }

.rb-modal-wrapper { display: none; }

#rbm_optimizer,
#rbm_optimizer_infos_wrap,
#rbm_optimizer_infos_wrap *,
#rbm_optimizer * {
	-webkit-font-smoothing: antialiased;  
  text-rendering: optimizeLegibility;
  -moz-osx-font-smoothing: grayscale;
}

#rbm_optimizer_infos_wrap {background:rgba(50,52,56,0.5);}

#rbm_optimizer { width: 1040px; min-width: 1040px; max-height: 660px; }
#rbm_optimizer .rbm_content { max-height: 460px; width: 100%; position: relative; overflow: hidden; position: relative; padding:0px 25px 0px; box-sizing: border-box;  background:#212226;}
#rbm_optimizer .rbm_header_content { width: 100%; position: relative; position: relative; padding:20px 25px 2px; box-sizing: border-box;  background:#212226;}

#rbm_optpanel_savebtn { background: #22a46e; border-radius: 0px;  white-space: nowrap; width: 240px; position: absolute; bottom:0px; right:0px; vertical-align: top; margin:0px; font-size:15px;}
#rbm_optimizer .rbm_footer { background: #166b48;  border-top:20px solid #212226; height:50px; width:100%; position: absolute; bottom:-70px; left:0px; vertical-align: top;box-sizing: content-box;}
#opt_summary { width: 500px; height: 50px; padding: 0px 20px; box-sizing: border-box; line-height: 50px; color: #fff; vertical-align: top; position: absolute; right:240px; bottom:0px; border-left:1px solid rgba(255,255,255,0.15);}
#optimizer_compression {width: 300px; height: 50px; padding: 10px 20px; box-sizing: border-box; line-height: 50px; color: #fff; vertical-align: top; position: absolute; left:0px; bottom:0px; border-left:1px solid rgba(255,255,255,0.15);}
#optimizer_compression a { color: #fff !important; text-decoration: none }
#optimizer_compression a i.material-icons {  color:#fff; font-size: 17px; margin-left:10px; opacity: 0.5;}
#optimizer_compression a:hover i.material-icons { opacity: 1 }
#optimizer_compression .opt_loaded_subtitle a { color: rgba(255,255,255,0.65) !important;}
#optimizer_compression .opt_loaded_subtitle a:hover { text-decoration: underline; color: #fff !important;  }

#optimizer_fullsize { display: inline-block; font-size: 20px; font-weight: 700; line-height: 30px; vertical-align: top; width: 80px; }
#optimizer_cachedsize { display: inline-block; font-size: 13px;font-weight: 400;line-height: 15px;color: rgba(255,255,255,0.65); position: absolute; left: 20px; text-align: left; top:26px;}
.optimier_footerinfo { display: inline-block; padding: 10px 0px 10px 20px; vertical-align: top;}
.opt_loaded_title { font-size: 14px; font-weight: 700; line-height: 15px; text-transform: uppercase }
.opt_loaded_subtitle { font-size: 13px; font-weight: 400; line-height: 15px; color: rgba(255,255,255,0.65); }

._TPRB_ .optim_row { display: block; border-bottom: 1px solid #323438; line-height: 40px}
._TPRB_ .optim_row.noborder { border-bottom: none; }
._TPRB_ .optim_cell { display: inline-block; line-height: 40px; vertical-align: top; box-sizing: border-box; color:#b7bbc1; font-size:13px; font-weight: 500; position: relative}
._TPRB_ .optim_title { font-size: 14px; font-weight: 700; color: #b7bbc0;text-transform: uppercase;  }
._TPRB_ .optim_subtitles { display: block; line-height: 12px; font-size: 11px; font-weight: 900; color: #797b7e;  vertical-align: top; position: absolute; top:30px; left:0px; width:410px;}
._TPRB_ .optim_subtitle { display: inline-block; vertical-align: top; }
._TPRB_ .op_c_a { width: 276px; border-right: 1px solid #323438; }
._TPRB_ .op_c_a i.material-icons { color: #777c80; font-size: 20px !important; margin-right: 38px;margin-left: 15px; line-height: 50px; }
#rbm_optpanel_savebtn i.material-icons { line-height: 50px !important}
._TPRB_ .optim_cell i.material-icons { line-height: 40px !important}
._TPRB_ .noborder .op_c_a { border-right: none; }
._TPRB_ .op_c_b { width: 120px; padding-left: 20px; }
._TPRB_ .op_c_c { width: 375px; margin-right: 40px }
._TPRB_ .op_c_d { width: 155px; }
._TPRB_ .op_c_e { width: 20px; height:40px;position: relative; }
._TPRB_ .op_c_e i.material-icons { font-size: 17px }

._TPRB_ .optim_checkbox {  cursor:pointer; color: #fff; border-radius: 50%; width: 17px; height: 17px; text-align: center; vertical-align: top; border: 2px solid #777c80;  box-sizing: border-box; display: inline-block}
._TPRB_ .optim_checkbox i.material-icons { font-size: 13px !important; line-height: 14px !important; display:none !important;}

._TPRB_ .optim_checkbox.checked { background-color: #22a46e; border-color: #22a46e; }
._TPRB_ .optim_checkbox:hover i.material-icons,
._TPRB_ .optim_checkbox.checked i.material-icons { display: block !important; }

._TPRB_ .opt_img { margin-top:4px; width: 53px; height: 32px; background-size: cover; background-repeat: no-repeat; background-position: center center; display: inline-block; margin-right: 20px; background-color: #2a2c2f; vertical-align: top; }

._TPRB_ .opt_aufruf { display: inline-block; vertical-align: top; font-size: 17px; font-weight: 700; line-height: 40px; position: absolute; right:35px; top:0px;}
._TPRB_ .opt_well { color: #22a46e; }
._TPRB_ .opt_warn { color: #ffb818; }

._TPRB_ opt_fs_grd { width:375px; height:2px; position: absolute; top:19px; left:0px; z-index: 4;
					 background: linear-gradient(to right, rgba(201,1,17,1) 0%, rgba(255,180,22,1) 31%, rgba(50,167,97,1) 34%, rgba(50,167,97,1) 43%, rgba(255,180,22,1) 51%, rgba(50,167,97,1) 59%, rgba(50,167,97,1) 68%, rgba(255,180,22,1) 70%, rgba(255,180,22,1) 82%, rgba(201,1,17,1) 100%);}
._TPRB_ ofs_mark { position: absolute; display: block; background: #797b7e; width: 2px; height: 16px; top: 12px; z-index: 2}
/*.ofs_markpoints { width: 375px; height: 16px; position: absolute;top: 12px;left: 0px; z-index: 7;}*/
._TPRB_ .ofs_markpoint { position: absolute; top: 15px; left: 0px; width: 10px; height: 10px; border: 2px solid #797b7e; background: #212226; border-radius: 50%; box-sizing: border-box; margin-left: -4px;  cursor: pointer; z-index:7;}
._TPRB_ .ofs_markpoint.original { background: #797b7e; border-color:#797b7e  }
._TPRB_ .ofs_markpoint:hover { width: 16px; height: 16px; margin-left: -7px; top: 12px; border-color:#fff;   z-index: 9;}
._TPRB_ .ofs_markpoint.selected { width: 16px; height: 16px; margin-left: -7px; top: 12px; background:#fff; border-color:#fff; z-index: 9;}

._TPRB_ .ofsmark_a { left: 0px; }
._TPRB_ .ofsmark_b { left: 125px; z-index: 6}
._TPRB_ .ofsmark_c { left: 250px; z-index: 6}
._TPRB_ .ofsmark_d { left: 375px; }

._TPRB_ .ofsmark_b:hover,
._TPRB_ .ofsmark_c:hover { background: #fff; }

._TPRB_ .ofsinfo { position: absolute; top: 0px;left: -5px;width: 12px;height: 100%; background: transparent; cursor: pointer }

#more_about_optimizer { font-size: 17px !important;  line-height: 40px; margin-left: 6px; margin-top:-1px; cursor: pointer; opacity: 0.5;}
#more_about_optimizer:hover { opacity: 1 }

._TPRB_ .decmod_maintxt { color: #fff; font-size: 15px; font-weight: 600; line-height: 35px;  }

#decmod_maintxt { line-height: 22px; margin-bottom: 10px; }

._TPRB_ .decmod_subtxt { color: #b7bbc0; line-height: 20px; font-weight: 400; font-size: 14px; }

/* 
SHORTCODE GENERATOR STYLES
*/
.rb-basicforms .basic_action_button.onlyicon { width: 30px; padding: 0px; text-align: center }
.rb-basicforms .basic_action_button.onlyicon i { margin-right: 0px }

._TPRB_ .ale_i_title { color: #fff; font-size: 15px; font-weight: 600; line-height: 35px; }
._TPRB_ .ale_i_content { color: #777c80; line-height: 20px; font-weight: 400; font-size: 14px; }

.rb-basicforms .miniprevimage_wrap { width: 85px;height: 85px; position: relative; display: inline-block; box-sizing: border-box; background:#3a3e44; line-height: 85px; text-align: center; }
.rb-basicforms .miniprevimage_wrap i.material-icons { color: #777c80; font-size: 45px }
.rb-basicforms .resettodefault.onlyicon { position: absolute; top: 0px;right: 0px; width: 20px;height: 20px; background:#2a2c2f; border-radius: 0px 0px 0px 5px !important }
.rb-basicforms .miniprevimage_wrap .resettodefault.onlyicon i.material-icons { font-size: 15px; line-height: 20px !important; width: 20px;    }
.rb-basicforms .miniprevimage_wrap .resettodefault.onlyicon:hover  i.material-icons { color: #fff !important; background: #006dd2; border-radius: 0px 0px 0px 5px !important}

.rb-basicforms leftbutton {float:left;margin-right: 15px}
.rb-basicforms .thumbnail_title {float:left;width: 325px}
.rb-basicforms .resettodefault.onlyicon i.material-icons { font-size: 15px;line-height: 20px !important;width: 20px }
.rb-basicforms .basic_action_button.off { display: none; }
.rb-basicforms .basic_action_button:hover, .rb-basicforms .basic_action_button.selected { color: #fff; background: #006dd2; }
.rb-basicforms .rbm_general_half { width: 49%}

.rb-basicforms input[type=text], .rb-basicforms input[type=number], .rb-basicforms textarea { box-shadow: none; outline: none; border: none; border-radius: 3px; width: 185px; padding: 0px; margin: 0px 0px 10px; }
.rb-basicforms input[type=text]:hover, .rb-basicforms input[type=number]:hover, .rb-basicforms textarea:hover {color: #fff; }

.rb-basicforms .miniprevimage_wrap.withimage i.material-icons { display: none; }
.rb-basicforms #admin_purpose_thumbnail,
.rb-basicforms #admin_purpose_thumbnail_slider { width: 85px;height: 85px;display: block; box-sizing: border-box; position: absolute; top:0px; left:0px;}

.rb-basicforms i.material-icons { line-height: inherit }

.rb-basicforms row             { line-height: 30px;display: table; margin-bottom:10px; width:100%;box-sizing: border-box; position: relative}
.rb-basicforms row.direktrow,
.rb-basicforms row.directrow { margin-bottom: 0px; }

.rb-basicforms onethird { display: table-cell; vertical-align: top; width: 33.33%; padding-right: 0px; box-sizing: border-box; line-height: inherit; margin-bottom:-10px;}
.rb-basicforms onefourth { display: table-cell; vertical-align: top; width: 25%; padding-right: 20px; box-sizing: border-box; line-height: inherit; margin-bottom:-10px}
.rb-basicforms onefifth { display: table-cell; vertical-align: top; width: 20%; padding-right: 9px; box-sizing: border-box; line-height: inherit; margin-bottom:-10px}
.rb-basicforms onehalf { display: table-cell; vertical-align: top; width: 50%; padding-right: 30px; box-sizing: border-box; line-height: inherit; margin-bottom:-10px}

.rb-basicforms labelhalf   { display: table-cell; vertical-align: top; width: 100px; padding-right: 15px; box-sizing: border-box; line-height: inherit; margin-bottom:-10px; text-align: right}
.rb-basicforms contenthalf { display: table-cell; vertical-align: top; width: 180px; box-sizing: border-box; line-height: inherit; margin-bottom:-10px; text-align: left}

.rb-basicforms onelabel { display: table-cell; vertical-align: top; width: 97px; box-sizing: border-box; line-height: inherit; margin-bottom:-10px}
.rb-basicforms oneshort { display: table-cell; vertical-align: top; width: 115px; box-sizing: border-box; line-height: inherit; margin-bottom:-10px;}
.rb-basicforms onelong { display: table-cell; vertical-align: top; width: 175px; min-width: 175px; box-sizing: border-box;line-height: inherit; margin-bottom:-10px;padding-right:10px;}
.rb-basicforms onefull { display: table-cell; vertical-align: top; width: 200px; line-height: inherit; box-sizing: border-box;  }

.rb-basicforms onehalf { padding-right: 10px;min-width: 50%; }

.rb-basicforms onehalf:last-child,
.rb-basicforms onefourth:last-child,
.rb-basicforms onefifth:last-child,
.rb-basicforms onethird:last-child { padding-right: 0px; }

.rb-basicforms label_icon,
.rb-basicforms label_bigicon {background: url(../images/UI-ICONS.png);  width: 30px;height: 30px; vertical-align: top; display: inline-block; color: transparent; background-size: 390px 420px; margin-right: 5px; }
.rb-basicforms label_bigicon {background: url(../images/UI-ICONS-BIG.png); width: 45px; height: 45px; background-size: 495px 225px; }
.rb-basicforms label_icon.singlerow,
.rb-basicforms onelong .label_mi.material-icons:first-child,
.rb-basicforms onelong label_icon:first-child { margin-left: 60px; }

.rb-basicforms oneshort .label_mi.material-icons { margin-left: 0px; }

.rb-basicforms longoption label_icon:first-child { margin-left: 5px; margin-top:3px;}

.rb-basicforms  i.label_icon.material-icons { margin-left: 60px; color: #fff; line-height: 30px !important; margin-right: 5px; font-size: 20px; text-align: center; width:30px; color:#b7bbc0;}

.rb-basicforms oneshort input[type=text],
.rb-basicforms oneshort input[type=number],
.rb-basicforms oneshort textarea,
.rb-basicforms input[type=text].shortfield,
.rb-basicforms input[type=number].shortfield,
.rb-basicforms onelong input[type=text],
.rb-basicforms onelong input[type=number],
.rb-basicforms onelong textarea {width:68px !important; min-width: 68px !important}

.rb-basicforms  input[type=text].miniinput,
.rb-basicforms  input[type=number].miniinput { width: 50px;margin-right: 15px; }

.rb-basicforms  input[type=text].smallinput,
.rb-basicforms  input[type=number].smallinput { width: 90px;}

.rb-basicforms  input[type=text].longinput,
.rb-basicforms  input[type=number].longinput { width: 270px;}

.rb-basicforms .fake_input,
.rb-basicforms input[type=text],
.rb-basicforms input[type=number] {line-height: 30px;height:30px; box-sizing:border-box; font-size: 13px;color: #b7bbc0;font-weight: 500;vertical-align: top; background: #2a2c2f; padding:0px 10px;}

.near_me_addon { position: absolute; top:5px; left: 30px; color: inherit; font-size: 12px !important; }
.toolkit_selector .near_me_addon { left: 28px; }

.label_mi.material-icons { width:30px; height:30px; text-align:center; color: #b7bbc0; font-size: 20px; margin-left: 15px; vertical-align: top; line-height:30px; margin-right: 5px;}

#rbm_blocksettings.rb-basicforms label_icon { margin-right: 10px; }

.rb-basicforms input[type=text].badvalue,
.rb-basicforms input[type=number].badvalue { color:#f82c90;  }

.rb-basicforms input[type=radio]:before { width:10px; height:10px; margin: 5px; }
.rb-basicforms input[type=radio]:before { background-color: #006dd2; width: 10px;height:10px; }
.rb-basicforms input[type=radio],
.rb-basicforms input[type=radio]:hover,
.rb-basicforms input[type=radio]:focus,
.rb-basicforms input[type=radio]:checked {  border:none;background: #2a2c2f;}

.rb-basicforms .radiooption { position: relative; box-sizing: border-box;display: inline-block; line-height: 25px }
.rb-basicforms .radiooption input[type=radio] { line-height: 25px; margin:5px 10px 0px -2px; vertical-align: top; z-index: 2; position: absolute; border-radius: 0px; width:100%; height:20px; opacity: 0 !important}

.rb-basicforms label_sub, .rb-basicforms .label_sub,
.rb-basicforms label_a, .rb-basicforms .label_a {
    line-height: 17px;
    padding: 7px 0px;
    vertical-align: top;
    display: inline-block;
    cursor: default;
    color: #222;
    font-weight: 500;
    margin-bottom: 0px;
    font-size: 12px;
    color: #777c80;
    width: 85px;
    text-align: right;
    margin-right: 15px;
    overflow: hidden;
    white-space: nowrap; 
}

.rb-basicforms label_sub, .rb-basicforms .label_sub { text-align: left; margin-right: 0px; width: auto;  }

.rb-basicforms .radiooption label_sub,
.rb-basicforms .radiooption .label_sub { line-height: 25px; vertical-align: top; padding: 2px 0px 0px; z-index:0; padding-left: 30px; position: relative; cursor: pointer;}

.rb-basicforms .radiooption label_sub:before, 
.rb-basicforms .radiooption .label_sub:before { content: " "; width:20px;height:20px; background:#2a2c2f; position: absolute;left:0px;top:5px; border-radius: 100%; box-sizing: border-box; border:5px solid #2a2c2f;}

.rb-basicforms input[type=radio]:checked + label_sub { color: #fff !important; }
.rb-basicforms input[type=radio]:checked + label_sub:before { background: #006dd2;  }

.rb-basicforms .ale_i_title.thumbnail_title { position: relative; width: 100%; }
.rb-basicforms .ale_i_title.thumbnail_title .tponoffwrap { position: absolute; right: 0px; top: 0px; margin-top: 10px }

.rb-basicforms .description,
.rb-basicforms label_info,
.rb-basicforms .label_info,
.rb-basicforms .function_info { color: #777c80;  font-size:14px; font-weight: 400; line-height: 20px; display:inline-block;}

.rb-basicforms .function_info a { color: inherit !important; }
.rb-basicforms .function_info a:hover { color: #fff !important; }

.rb-basicforms labelhalf .material-icons {
    font-size: 20px;
    color: #777c80;
}

.revslider_settings .revbuilder-colorpicker,
.rb-basicforms .revbuilder-colorpicker { vertical-align: top;margin-bottom: 5px;line-height: 30px;background: #2a2c2f;box-sizing: border-box;padding: 7px;height: 30px;border-radius: 3px;border: none;}

.revslider_settings .revbuilder-colorpicker .revbuilder-colorbox,
.rb-basicforms .revbuilder-colorpicker .revbuilder-colorbox
 {
    width: 16px;
    height: 16px;
    border: 1px solid rgba(255,255,255,0.15);
    border-radius: 0px;
    vertical-align: top;
}

.revslider_settings .revbuilder-colorpicker input,
.rb-basicforms .revbuilder-colorpicker input { width: 90px; margin: -7px 0px;line-height: 30px;height: 30px;box-sizing: border-box;font-size: 13px;color: #b7bbc0;font-weight: 500;vertical-align: top;background: #2a2c2f;padding: 0px 10px; border: none; box-shadow: none; outline:none;}

#slide_template_row .revbuilder-colorpicker,
#slide_template_row .revbuilder-colorpicker input { background: #edeff0; color: rgb(85, 93, 102); }

.revslider_settings .revbuilder-colorpicker .revbuilder-colorbtn,
.rb-basicforms .revbuilder-colorpicker .revbuilder-colorbtn { display: none }

.rb-basicforms .function_info_small {
						padding-left: 100px;
						font-style: italic;
						font-size: 11px;
						color: #777c80;
						line-height: 20px;
						display: inline-block;
					}

.global_custom_font_row { position: relative }
.global_custom_font_row .deletecustomglobalfont { display: inline-block;  position: absolute; right: -20px;top: 0px; opacity:0;}
.global_custom_font_row:hover .deletecustomglobalfont { opacity: 1; }

/*******************
LABEL ICONS GLOBAL
*******************/

._TPRB_ label_icon.ui_desktop   { background-position: -30px -150px; }
._TPRB_ label_icon.ui_notebook  { background-position: -60px -150px; }
._TPRB_ label_icon.ui_tablet  { background-position: -90px -150px; }
._TPRB_ label_icon.ui_mobile  { background-position: -120px -150px; }
._TPRB_ label_icon.ui_width     { background-position: -90px -60px; }
._TPRB_ label_icon.ui_height    { background-position: -120px -60px; }

._TPRB_ label_icon.ui_minwidth  { background-position: -150px -60px; }
._TPRB_ label_icon.ui_maxwidth  { background-position: -180px -60px; }
._TPRB_ label_icon.ui_minheight { background-position: -210px -60px; }
._TPRB_ label_icon.ui_maxheight { background-position: -240px -60px; }

._TPRB_ label_icon.ui_gap       { background-position: -180px -30px; }
._TPRB_ label_icon.ui_padding   { background-position: -240px -30px; }

._TPRB_ label_icon.ui_margin          { background-position: -180px -210px; }
._TPRB_ label_icon.ui_margin_top      { background-position: -210px -210px; }
._TPRB_ label_icon.ui_margin_right     { background-position: -240px -210px; }
._TPRB_ label_icon.ui_margin_bottom   { background-position: -270px -210px; }
._TPRB_ label_icon.ui_margin_left     { background-position: -300px -210px; }

._TPRB_ label_icon.ui_padding          { background-position: -30px -210px; }
._TPRB_ label_icon.ui_padding_top      { background-position: -60px -210px; }
._TPRB_ label_icon.ui_padding_right     { background-position: -90px -210px; }
._TPRB_ label_icon.ui_padding_bottom   { background-position: -120px -210px; }
._TPRB_ label_icon.ui_padding_left     { background-position: -150px -210px; }

/**************************
GUTENBERG BLOCK EXTENSION 
***************************/

.showHideButtons span, 
.rs_optimizer_button_wrapper span,
.rs_wp_plg_act_wrapper span {
  line-height: 28px;
}

.rs_wp_plg_act_wrapper span { font-size: 13px; text-align: center; font-weight: 400; display: block; }

.rs_optimizer_button_wrapper,
.rs_wp_plg_act_wrapper {
	border-color: #5e35b1;
    background: #5e35b1;
    color: #fff;
    border-radius: 2px;
    cursor: pointer;
    margin-top: 20px;
}

.rs_optimizer_button,
.rs_wp_plg_act_button,
.rs_optimizer_button.components-button.is-default,
.rs_optimizer_button.components-button.is-secondary,
body:not(.wpb-js-composer) span:not(.vc_btn-content) i.revslider_vc_material-icons,
span:not(.vc_btn-content) .revslider_vc_material-icons.material-icons {
    margin-right: 0px;
    margin-bottom: 0px;    
    font-family: 'Material Icons';
    font-weight: normal;
    font-style: normal;
    display: inline-block;
    text-transform: none;
    letter-spacing: normal;
    word-wrap: normal;
    white-space: nowrap;
    direction: ltr;
    vertical-align: top;
    line-height: 27px;    
    -webkit-font-smoothing: antialiased;
    text-rendering: optimizeLegibility;
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-feature-settings: 'liga';
    font-feature-settings: 'liga';
    font-feature-settings: 'liga';
    outline: none;
    border-radius: 0px;
    border: none;
    background-color: transparent;
    color: #fff;
    vertical-align: top;
    height: 28px;    
    box-shadow: none !important;
    padding:2px 10px;
}

.rs_optimizer_button.components-button.is-secondary:not(:disabled):not([aria-disabled=true]):hover,
.rs_optimizer_button:hover,
.rs_wp_plg_act_button:hover,
.rs_optimizer_button.components-button.is-default:hover,
.rs_optimizer_button.components-button.is-secondary:hover,
body:not(.wpb-js-composer) span:not(.vc_btn-content) i.revslider_vc_material-icons:hover,
span:not(.vc_btn-content) .revslider_vc_material-icons.material-icons:hover {
	border-color: #5e35b1;
    background: #5e35b1;
    color: #fff;
    box-shadow: none;    
    border-radius: 2px;    
}

/* 6.4.4 */
#visual_composer_content .revslider_vc_material-icons.material-icons,
.wpb-js-composer .revslider_vc_material-icons.material-icons {
  font-size: 18px;
  color: #fff;
}

.rs_optimizer_button_wrapper:hover {
	filter:brightness(110%);	
}

/* WP 5.4 Changes */
.rs_optimizer_button_wrapper, .rs_wp_plg_act_wrapper { margin: 20px auto; max-width: 247px; }
.revslider_vc_material-icons.material-icons { line-height: 16px !important; font-size: 18px; }

.rs_wp_plg_act_button:focus:enabled,
.rs_optimizer_button.components-button.is-default:focus:enabled,
.revslider_block .slider_editor_button.components-button.is-default:focus:enabled {  border-color: #5e35b1;background: #5e35b1;color: #fff; outline:none; box-shadow:none;}

.rs_optimizerButtons button.rs_optimizerOpen { margin-bottom: 0px; }

.rs_component_panel .components-panel__body-toggle.components-button:focus:not(:disabled):not([aria-disabled=true]),
.rs_optimizer_panel .components-panel__body-toggle.components-button { outline: none !important; }

.rs_wp_plg_act_wrapper:hover,
.rs_optimizer_button_wrapper:hover,
 {
 	-webkit-filter: brightness(120%);
    filter: brightness(120%);
 }

.rs_component_panel .block-editor-block-card__title { font-size: 16px; font-weight: 600; }
 .rs_component_panel .editor-block-icon.block-editor-block-icon { height: 28px; }

div.revslider_block .slider_edit_button { font-size: 13px; line-height: 26px; }

.rb_not_on_notactive.disabled { pointer-events: none; opacity: 0.5 }

/*********************+*************
 - VISUAL COMPOSER STYLE CHANGE - 
*************************************/
.wpb_rev_slider .vc_general.vc_element-icon.icon-wpb-revslider,
.vc_general.vc_element-icon.icon-wpb-revslider { background: url(../images/rs6_number_2x.png); background-size: contain; }

.wpb_element_rev_slider_admin_wrap {     background: #e3e5e8;text-align: center;line-height: 0;margin-top: 20px; }
.wpb_element_rev_slider_admin_wrap  div {
	width: 267px;
    height: 150px;
    background-repeat: no-repeat;
    background-position: 50% 50%;
    background-size: cover;
    margin: 0 auto;
  }

/*********************+*************
 - ELEMNTOR STYLE CHANGES - 
*************************************/

.rs-elementor-component-tab .elementor-control-edit_slider .elementor-control-input-wrapper,
.rs-elementor-component-tab .elementor-control-settings_slider .elementor-control-input-wrapper,
.rs-elementor-component-tab .elementor-control-optimize_slider .elementor-control-input-wrapper,
.rs-elementor-component-tab .elementor-control-select_slider .elementor-control-input-wrapper { width: 100% !important; text-align: center;}
.rs-elementor-component-tab .elementor-control-select_slider .elementor-control-input-wrapper { margin-top: 15px; }
.rs-elementor-component-tab .elementor-button { background-color:#5e35b1 !important; color: #fff !important; font-size: 11px; font-weight: 400; line-height: 29px; vertical-align: top;padding: 0px 20px; height: 29px; width: 200px; }
.rs-elementor-component-tab .elementor-button i.material-icons { margin-right: 5px; font-size:16px; line-height: 28px; vertical-align: top; }

.rs-elementor-component-tab .elementor-button:hover {
 	-webkit-filter: brightness(120%);
    filter: brightness(120%);
 }

/******************+
- BLOCK MODAL -
********************/

#rbm_blocksettings { min-height: 580px; }
#rbm_blocksettings .offset_list { padding-left: 50px; margin-bottom: 10px; }
#rbm_blocksettings .offset_list label_icon { margin-right: 35px;  }

._TPRB_ .origlayout { display: inline-block; line-height: 28px; color: #777c80;font-size: 12px; margin-left: 5px; margin-top: -2px; vertical-align: top; }

/******************+
- POST OPTIONS -
********************/

#slide_template_row .slide_template_column { width: 50%; float: left; }
#slide_template_row .setting_text { margin-bottom: 4px;}

/******************+
- MEMBERS AREA -
********************/
._TPRB_ #rs_welcome_header_area {position: relative;width: auto;}

/*._TPRB_ #rs_memarea,
._TPRB_ #rs_memarea:hover,
._TPRB_ #rs_memarea:focus,*/
._TPRB_ #rs_memarea_registered i { width: 17px; overflow: hidden; }
._TPRB_ #rs_memarea_registered,
._TPRB_ #rs_memarea_registered:hover,
._TPRB_ #rs_memarea_registered:focus  {box-shadow: 0px 11px 30px 0px rgba(0,0,0,0.5);border-radius: 4px;position: absolute;cursor: pointer;outline: none !important;right: 0px;top: 15px;line-height: 40px !important;font-size: 15px; width:180px;}

/*._TPRB_ #rs_memarea,
._TPRB_ #rs_memarea:hover,
._TPRB_ #rs_memarea:focus { width: 480px;height: 70px;background: url(../images/membersarea.jpg);background-size: cover;right: 0px;top: 0px;}*/

/*._TPRB_ #rs_memarea:hover,*/
._TPRB_ #rs_memarea_registered:hover {filter: brightness(110%);}

/******************************
  - ToolBox -
********************************/
#rb_maininfo_wrap           { position: fixed;top:0px;right:0px;z-index: 1900002; }
#eg-toolbox-wrapper         { position: fixed;top: 40px;right: 15px;z-index:1900002;}
.eg-toolbox                 { padding: 15px 20px 15px 60px;background: #3f444a;color: #fff;max-width:400px;cursor: pointer;position:relative; font-weight: 400; font-size: 14px; box-shadow:0px 3px 10px 0px rgba(0,0,0,0.25); font-family: "Roboto"; }
.eg-toolbox>.material-icons { font-size: 20px; position:absolute;top:50%;left:15px;transform:translateY(-50%); color:#fff; width:30px; height:30px; text-align: center; line-height: 30px !important; border-radius: 15px;}
.eg-toolbox .material-icons.goodtoknow { background-color:#5e35b1; font-size: 16px}
.eg-toolbox .material-icons.info { background-color:#3498db;}
.eg-toolbox .material-icons.cancel { background-color:#ba0000}
.eg-toolbox .material-icons.ok   { background-color:#00b900}
#rbm_activate_slider.eg-toolbox { position:relative;cursor:default; max-width:480px; width: 480px; min-height: 480px;  background: url(../images/modal_bg.jpg); background-size: cover; box-sizing: border-box; padding:45px 45px 150px;}
#rbm_activate_slider_deco { cursor:default; width: 480px; height: 150px;  background: url(../images/modal_asset2x.jpg); background-size: cover; box-sizing: border-box; position:absolute; bottom:0px;left:0px;}
.rbmas_title  { font-size: 25px; color: #fff; line-height: 30px; font-weight: 600; text-align: center; margin-bottom: 20px;  }
.rbmas_benef { font-size: 14px; color: rgba(255,255,255,0.5); font-weight: 400; line-height: 20px; padding-left:100px;}
.rbmas_benef i.material-icons { margin-right: 20px; font-size: 17px; line-height: inherit !important}
.rbmas_close { position: absolute; right: 10px; top: 10px; font-size: 17px; color: #b7bbc0; cursor: pointer }
.rbmas_close:hover { color: #fff; }
.rbmas_def_page      {display: block;}
.rbmas_activate_page {display:none;}
.rbmas_solidtitle { font-weight: 600; font-size: 17px; }
.rbmas_solidtext { color: rgba(255,255,255,0.5); font-size: 14px; font-weight: 400; line-height: 20px }

.rbmas_show_activate .rbmas_def_page { display: none; }
.rbmas_show_activate .rbmas_activate_page { display: block; }

#rbmas_purchasekey  {    font-size: 17px;font-weight: 600;color:rgba(255,255,255,0.25); display: block;width: 100%;background: #2a2c2e;line-height: 50px;border: none;outline: none;box-shadow: none;padding: 0px 20px;border-radius: 4px;text-align: center;margin-bottom: 10px; }
#rbmas_purchasekey::-webkit-input-placeholder  { color:rgba(255,255,255,0.25);}
#rbmas_purchasekey::-moz-placeholder           { color:rgba(255,255,255,0.25);}
#rbmas_purchasekey:-ms-input-placeholder       { color:rgba(255,255,255,0.25);}
#rbmas_purchasekey:-moz-placeholder            { color:rgba(255,255,255,0.25);}

#rbmas_activateplugin i.material-icons { margin-right: 10px; }

.iblocktop { vertical-align: top; display: inline-block }
.dcenter { display: block; text-align: center; margin: 0px auto; list-style: none; padding:0px;}

#rb_maininfo_wrap bluebutton { display:block; background:#006dd2; width: 100%; text-align: center; line-height: 50px; color: #fff; font-weight: 400;  font-size:17px;  cursor: pointer}
#rb_maininfo_wrap purplebutton { display:block; background:#642fb4; width: 100%; text-align: center; line-height: 50px; color: #fff; font-weight: 400;  font-size:17px;  cursor: pointer; border-radius: 4px}

#rb_maininfo_wrap bluebutton,
#rb_maininfo_wrap purplebutton,
#rb_maininfo_wrap graybutton { display:block; background:#393e45; width: 100%; text-align: center; line-height: 50px; color: #fff; font-weight: 400;  font-size:17px;  cursor: pointer; border-radius: 4px}

#rb_maininfo_wrap bluebutton { background:#006dd2;}
#rb_maininfo_wrap purplebutton,
._TPRB_ .basic_action_coloredpurplebutton { background:#642fb4;}
._TPRB_ .basic_action_coloredpurplebutton:hover { background:#642fb4 !important; filter: brightness(110%); }

#rb_maininfo_wrap purplebutton i.material-icons,
#rb_maininfo_wrap bluebutton i.material-icons { line-height: inherit }

._TPRB_ solidiconbox { margin-bottom:15px;width: 25px; height: 30px; display: inline-block; background:transparent; color:#5e35b1; text-align: center; line-height: 30px; font-size: 18px; margin-right:20px; vertical-align: top;}
._TPRB_ .pli_twoline_wp { display: inline-block; line-height: 15px;  }

._TPRB_ .pli_twoline_wp .dynamicval.pli_subtitle { font-weight: 600; color: #000; }
._TPRB_ label.rs_wp_ppset { line-height: 30px; margin-right: 20px; width: 100px;  display: inline-block}

._TPRB_ #slide_template_row .fake_onff_on, 
#slide_template_row .tponoff_on { background: #5e35b1; }
#slide_template_row .tponoffwrap.off, 
#slide_template_row .tponoff_off { background: #edeff0; }

.edit-post-meta-boxes-area #poststuff #slider_revolution_metabox h2.hndle {  border-bottom:none; font-size: 13px; font-weight: 600;color:#191e23;}
.edit-post-meta-boxes-area #poststuff #slider_revolution_metabox.closed h2.hndle,
.interface-interface-skeleton__sidebar #slider_revolution_metabox.closed h2.hndle { border-bottom: none !important; }

.interface-interface-skeleton__sidebar #slider_revolution_metabox .postbox-header {
	border-bottom: none !important;
}

.interface-interface-skeleton__sidebar #poststuff #slider_revolution_metabox h2.hndle {
	border-bottom: none;
	font-size: 13px;
	color: #1e1e1e;
	font-weight: 500;
}

.edit-post-meta-boxes-area #poststuff #slider_revolution_metabox:hover h2.hndle,
.interface-interface-skeleton__sidebar #poststuff #slider_revolution_metabox:hover .postbox-header
{
	background-color: #f3f4f5!important;
}

.edit-post-meta-boxes-area #poststuff #slider_revolution_metabox {
	margin-top: -2px;
    border-top: 1px solid #e2e4e7;
    border-bottom: 1px solid #e2e4e7;
     margin-bottom: -2px;
}
.interface-interface-skeleton__sidebar .edit-post-meta-boxes-area #poststuff #slider_revolution_metabox {
	margin-top: -2px;
    border-top: 1px solid #f0f0f0;
    border-bottom: 1px solid #f0f0f0;
     margin-bottom: -2px;
}

.edit-post-meta-boxes-area #poststuff #slider_revolution_metabox >button span { opacity: 0; }
.interface-interface-skeleton__sidebar #slider_revolution_metabox button.handlediv,
.edit-post-meta-boxes-area #poststuff #slider_revolution_metabox >button  {
	background-position: center center !important;
	background-repeat: no-repeat  !important;
	background-size: 18px 18px  !important;
	background-image:url(data:image/svg+xml;charset=US-ASCII,%3Csvg%20width%3D%2220%22%20height%3D%2220%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M5%206l5%205%205-5%202%201-7%207-7-7%202-1z%22%20fill%3D%22%23555%22%2F%3E%3C%2Fsvg%3E)  !important;
	transform: rotateZ(180deg)  !important;
	box-shadow: none !important;
	position: relative;
    z-index: 10;
    
}

.interface-interface-skeleton__sidebar #slider_revolution_metabox button.handlediv {
	width: 57px;
}

.edit-post-meta-boxes-area #poststuff #slider_revolution_metabox.closed >button,
.interface-interface-skeleton__sidebar #slider_revolution_metabox.closed button.handlediv {
	transform: rotateZ(0deg)  !important;
}

.interface-interface-skeleton__sidebar #slider_revolution_metabox button.handlediv .toggle-indicator,
.block-editor-editor-skeleton__sidebar #slider_revolution_metabox >button .toggle-indicator 
{
	display: none;
}

.interface-interface-skeleton__sidebar #slider_revolution_metabox .handle-order-higher,
.interface-interface-skeleton__sidebar #slider_revolution_metabox .handle-order-lower {
	display: none !important;
}

MR SKB