html
{
    height:100%;
    overflow:auto;
}
body
{
    height:100%;
    font-size:16px;
    font-family: 'Roboto' ,sans-serif !important;
    font-style: normal;
    font-weight: 400;
    padding:0px;
    margin:0px;
    position:relative;
    overflow:auto;
    color: #666;
}
/* video container */
svg > g > g:last-child { pointer-events: none }
div.google-visualization-tooltip { pointer-events: none }

.video-container {
        position: relative;
        padding-bottom: 56.25%;
        padding-top: 30px;
        height: 0;
        overflow: hidden;
}

.video-container iframe,
.video-container object,
.video-container embed {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        max-width:100%;
        height: 100%;
        max-height:100%
}
table
{
    border-collapse: collapse;
}
.table
{
    display:table;
}
.tr
{
    display:table-row;
}
.td
{
    padding:5px;
    display:table-cell;
}
td
{
    padding:5px;
    
    
    border-color:#aaa;
}
.noborder td,.noborder.td
{
    border:none;
}
.nopadding td,.nopadding.td
{
    padding:0px;
}
iframe
{
    border:0px;
}
p
{
    margin:0px;
}
strong
{
    font-weight:bold;
}
.page_heading
{
    font-size:1.5em;
}
.section_heading
{
    font-size:1.3em;
}
.heading
{
    font-size:1.2em;
}
.heavy
{
    font-weight:500;
}
.light
{
    font-weight:300;
}
::-webkit-input-placeholder { /* Chrome/Opera/Safari */
  color: #666;
}
::-moz-placeholder { /* Firefox 19+ */
  color: #666;
}
:-ms-input-placeholder { /* IE 10+ */
  color: #666;
}
:-moz-placeholder { /* Firefox 18- */
  color: #666;
}
 .ql-font-serif {
  font-family: Georgia, Times New Roman, serif;
}
 .ql-font-monospace {
  font-family: Monaco, Courier New, monospace;
}


 .ql-font-arial {
  font-family: Arial,Helvetica Neue,Helvetica,sans-serif; 
}
 .ql-font-calibri {
  font-family: Calibri,Candara,Segoe,Segoe UI,Optima,Arial,sans-serif; 
}
 .ql-font-arialblack {
  font-family: Arial Black,Arial Bold,Gadget,sans-serif; 
}
 .ql-font-cambria {
  font-family: Cambria,Georgia,serif;
}
 .ql-font-centurygothic {
  font-family: Century Gothic,CenturyGothic,AppleGothic,sans-serif; 
}
 .ql-font-constantia {
  font-family: Constantia,Cambria,Georgia,serif;
}
 .ql-font-couriernew {
  font-family: Courier New,Courier,Lucida Sans Typewriter,Lucida Typewriter,monospace; 
}
 .ql-font-georgia {
  font-family: Georgia,Times,Times New Roman,serif; 
}
 .ql-font-impact {
  font-family: Impact,Haettenschweiler,Franklin Gothic Bold,Charcoal,Helvetica Inserat,Bitstream Vera Sans Bold,Arial Black,sans serif; 
}
 .ql-font-monaco {
  font-family: Monaco,Consolas,Lucida Console,monospace; 
}
 .ql-font-tahoma {
  font-family: Tahoma,Verdana,Segoe,sans-serif; 
}
 .ql-font-verdana {
  font-family: Verdana,Geneva,sans-serif;
}
 .ql-font-timesnewroman {
  font-family: TimesNewRoman,Times New Roman,Times,Baskerville,Georgia,serif;
}


 .ql-size-small {
  font-size: 0.75em;
}
 .ql-size-large {
  font-size: 1.5em;
}
.ql-size-huge {
  font-size: 2.5em;
}

.ql-align-center {
  text-align: center;
}
.ql-align-justify {
  text-align: justify;
}
.ql-align-right {
  text-align: right;
}
.custom_submit_buttom
{
    border: none;
    padding: 6px 8px;


    box-shadow: 1px 1px 4px #DADADA;
    -moz-box-shadow: 1px 1px 4px #DADADA;
    -webkit-box-shadow: 1px 1px 4px #DADADA;
    border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    margin:2px 0px
}
.custom_submit_buttom:hover
{
     opacity: 0.9;
}
.type_select_list_change_link
{
    font-size:12px;
    cursor:pointer;
    color:#0178BC;
    font-weight:bold;
}
#mobiz_username,#mobiz_password
{
    border:1px solid #ccc;
    height:2.5em;
    background:transparent;
    border-radius:5px;
    
}
.login_label
{
    color:#333;
}
#login_button
{
    height:2.5em;
    font-weight:300;
}
.mobiz-grey
{
    color:#666666;
}
.mobiz-black
{
    color:#323232;
}

.mobiz-white
{
    color:#F0F0F0;
}
input[type='text'].placeholder_textbox, input[type='text'].placeholder_textbox:focus
{
    border: none;
    overflow: auto;
    outline: none;
    outline-width: 0;
    -webkit-box-shadow: none;
            box-shadow: none;
    text-align:center;
    cursor:pointer;
    color:#0178BC;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
}

.sms_text_display_div
{
    min-height:30px;
    width:100%;
    background:#eee;
    line-height:30px;
    vertical-align:middle;
    margin-bottom:10px;
}

.analytics_report_type
{
    padding:2px 5px;
    cursor:pointer;
}
.analytics_report_type.highlighted
{
    background-color : #FFFFFF;
    font-weight:500;
    border-radius:3px;
}

#analytics_statistics_box #performance_box
{
    background:#efefef;
    padding:10px 0px;
}
.align_left
{
    text-align:left;
}
a ,a:active,a:hover,a:visited
{
    text-decoration:none;
    color:#0178BC;
    cursor:pointer;
}


.std_button
{
    color: #ffffff;
    background-color: #0178bc;
    border-radius: 2px;
    
    cursor:pointer;
    display:inline-block;
    width:auto;
    font-size: 14px;
    height:24px;
    line-height:24px;
    font-family: Arial;
    -webkit-box-sizing:border-box;
            box-sizing:border-box;
    padding:0px 10px;
    border:0px;
    white-space: nowrap;
}
.no-select
{
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
}
.notification_item
{
    border-top:1px solid #DDD;
    padding: 6px 10px;
    -webkit-box-sizing:border-box;
            box-sizing:border-box;
    font-size:0.9em;
    color:#333;
    line-height:1.8em;
}
.notification_item_date
{
    font-weight:bold;
    color:#666;
    font-size:0.95em;
}
/** Switch
 -------------------------------------*/

.switch input {
  position: absolute;
  opacity: 0;
}

/**
 * 1. Adjust this to size
 */

.switch {
  display: inline-block;
  font-size: 25px; /* 1 */
  height: 26px;
  width: 52px;
  background: #aaa;
  border-radius: 26px;
  position:relative;
  vertical-align:top;
}
.switch.checked
{
    background: #0178bc;;
}
.switch div {
  height: 22px;
  width: 22px;
  border-radius: 22px;
  background: #FFF;
  
  -webkit-transition: all 300ms;
  -o-transition: all 300ms;
  transition: all 300ms;
  position:absolute;
  top:2px;
  left:2px;
}
.switch.checked div {
 right:2px;
}
.switch .switch_label 
{
 position:absolute;
 color:white;
 font-size:10px;
 display:none;
 line-height:26px;
 
}
.switch .no 
{
    display:inline;
    right:0.6em;
}
.switch .yes 
{
    left:0.6em;
}

.switch.checked .no 
{
 display:none;
}
.switch.checked .yes 
{
 display:inline;
}
.switch input:checked + div {
  -webkit-transform: translate3d(120%, 0, 0);
          transform: translate3d(120%, 0, 0);
  
}
tr.suspended td
{
    color:#999;
}
.inline_button
{
    font-size:12px;
}
.clickable,.clickable_no_anim
{
    color:#0178BC;
    cursor:pointer;
    display:inline-block
}

.clickable:after {
  display:block;
  content: '';
  border-bottom: solid 1px #0178BC;  
  transform: scaleX(0);  
  transition: transform 250ms ease-in-out;
}

.clickable:hover:after ,.clickable_wo_color:hover:after 
{ 
    transform: scaleX(1); 
}

.clickable_wo_color
{
    cursor:pointer;
    display:inline-block
}
.clickable_wo_color:hover
{
    color:#0178BC;
}
.clickable_wo_color:after {
  display:block;
  content: '';
  border-bottom: solid 1px #0178BC;  
  transform: scaleX(0);  
  transition: transform 250ms ease-in-out;
}
.std_button
{
    border: 0px;
    font-family: Arial;
    color: #ffffff;
    height: 22px;
    font-size:14px;
    line-height:18px;
    background-color: #0178bc;
    padding: 2px 10px 2px 10px;
    border-radius: 2px;
    cursor: pointer;
    min-width: 60px;
    vertical-align: middle;



}
.function_menu_container
{
    display:inline-block; 
    position:relative;
    z-index:2;
}

.function_menu_item_container
{
    opacity:0;
    display:none;
    position:absolute;
    top:200%;
    border: 1px solid #AAA;
    cursor:pointer;  
    width: auto;
}
.notification_icon
{
    margin-left:5px;
    display:inline-block;
    cursor:pointer;
    color:#ff0000;
}
.notification_icon:hover
{
    color:#aa0000;
}
.cog
{
    color:#909090;
}
.cog:hover
{
   color:#0178BC; 
   
   
}
.bottom_right
{
    right:0;
}
.bottom_left
{
    left:0;
}
.function_menu_item
{
    padding:5px 20px 5px 20px;
    background:white;
    font-size:14px;
    line-height:28px;
    white-space: nowrap;
    color:#666;
    font-family: 'Arial' ,sans-serif !important;
    font-weight:normal;
}
.function_menu_item.highlighted
{
    font-weight:bold;
}
.function_menu_item:hover
{
    background-color:#EEE;
}
.function_menu_button
{
    cursor:pointer;
    display:inline-block;
    width:auto;
    font-size: 14px;
    height:24px;
    line-height:24px;
    font-family: Arial;
    -webkit-box-sizing:border-box;
            box-sizing:border-box;
    padding:0px 7px 0px 5px;
    border:0px;
    white-space: nowrap;
}


.folder_menu_button
{
    
    color:#666;
}
.action_menu_button
{
    
    color: #ffffff;
    background-color: #0178bc;
    border-radius: 2px;
}
.action_menu_button:hover
{
  background-color: #0398e8;
  cursor:pointer;
}


hr
{
    width:100%;
    height:1px; 
    background: #323232;
    margin-top:5px;
    -webkit-box-sizing:border-box;
            box-sizing:border-box;
}
.formLabel
{
    color:#606060;
    white-space:nowrap;
    font-weight:bold;
}
input[type="text"],input[type="password"],select ,.input , textarea
{
   font-family: 'Roboto' ,sans-serif !important;
   height: 28px;
   font-size: 14px;
   line-height:18px;
   border: none;
   padding: 2px 5px;
   
   box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
   background-color: #F0F0F0;
   outline: none;
   vertical-align:middle;
   color:#333;
   border:1px solid #F0F0F0;
   
}
input[type="text"]:focus,input[type="password"]:focus,select:focus
{
   border: solid 1px #999999;
}
input[type="text"]:disabled {
    background: #ddd;
}
textarea
{
   height:auto;
}
textarea:focus  
{
    border: solid 1px #999999;
}

input[type='button'],input[type='submit']
{
   height: 28px;
   font-size: 14px;
   line-height:18px;
   padding: 2px 5px;
   box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
   vertical-align:middle;
   -webkit-transition: opacity 0.3s ease 0s;
   -o-transition: opacity 0.3s ease 0s;
   transition: opacity 0.3s ease 0s;
}

input[type='button']:hover,input[type='submit']:hover
{
    opacity:0.75;
}
.swiper-button-prev
{
    left:0px;
}
.wrapper
{
    width:100%;
    min-width:100%;
    height:100%; /* IE6: treaded as min-height*/
    min-height:100%; /* real browsers */
    position:relative;
}

.footer_navi 
{
    
    width:100%;
    height:60px;   
    background-color:#aaaaaa;
    color:white;
    display:block;
}
.footer_text
{
    color:white;
    vertical-align:middle;
    line-height:60px;
    width:100%;
    height: 60px;
    text-align:right;
    margin:0px auto;
    font-size: 12px;
    padding-right:20px;
    -webkit-box-sizing:border-box;
            box-sizing:border-box;
}

#login_container
{
    position:absolute;
    background-color: #EEEEEE;
    background: url(/images/login.jpg) no-repeat center center;
    top:0px;
    bottom:0px;
    right:0px;
    left:0px;
    
   
    z-index:1;
    
    
    
}

#login_container .logo_container,#login_container .welcome_container
{
    font-size:25px;
    color:#333;
    font-weight:bold;
    font-weight:300;
    
}
#login_container .logo_container img
{
    max-width:200px;
}
#login_content_container
{
    width:100%;
    float:right;
    height:100%;
    display:flex;
    flex-direction:column;
    justify-content:center;
    align-items: center;
    
    
}
#login_content
{
    
    background-color:white;
    width:300px;
    
   
    -webkit-box-sizing:border-box;
            box-sizing:border-box;
    line-height:30px;
    
}
#login_content_heading
{
    width:100%;
    border-bottom:2px solid #ddd;
    line-height:60px;
    font-size:25px;
    text-align:center;
    font-weight:300;
}
#login_content_heading.domain
{
    font-size:20px;
}
#login_content_form_container
{
    padding:20px;
    box-sizing:border-box;
}

#login_content input[type="text"],#login_content input[type="password"]
{
    width:100%;
    margin-bottom:10px;
}

#login_button, .login_button
{
    border:none;
    vertical-align:middle;
    color: #ffffff;
    width:120px;
    background-color: #3A4EE4;
    border-radius: 5px;
    font-weight:700;
    cursor:pointer;
    -webkit-appearance:none;
    -moz-appearance:none;
    appearance:none;
}

#cf_container
{
    position:absolute;
    background-color: #f9f9f9;
    
    top:60px;
    bottom:0px;
    right:0px;
    overflow:auto;
    -webkit-box-sizing:border-box;
            box-sizing:border-box;
    z-index:1;
    
}

.fixed_pane_control
{
    position:absolute;
    overflow-y:hidden;
    overflow-x: hidden;
    top:0px;
    border-style: solid;
    border-color: #ccc;
    border-width: 1px 1px 1px 0px;
    width:20px;
    height:20px;
    text-align:center;
    cursor:pointer;
}
.layout_container
{
    position:absolute;
    width:auto;
    -webkit-transition: left 0.3s ease 0s;
    -o-transition: left 0.3s ease 0s;
    transition: left 0.3s ease 0s;
    -webkit-box-sizing:border-box;
            box-sizing:border-box;
    top:0px;
    right:0px;
    bottom:0px;
    overflow:auto;
    
}
.fixed_pane
{
    position:fixed;
    overflow-y:hidden;
    overflow-x: hidden;
    top:60px;
    bottom:0px;
    -webkit-transition: width 0.3s ease 0s;
    -o-transition: width 0.3s ease 0s;
    transition: width 0.3s ease 0s;
    
}





.customer_data_wrapper
{
    margin:0px auto -60px;
    overflow:hidden;
    height:auto;
    min-height:100%;
    -webkit-box-sizing:border-box;
            box-sizing:border-box;
    
}
.customer_data_selector_wrapper
{
    margin:0px auto;
    overflow:hidden;
    height:auto;
    min-height:100%;
    
}
.customer_data_selector_row_function:hover,.template_selector_card:hover , .type_selector_row:hover
{
    cursor:pointer;
    background:#f0f0f0;
}
/*
.type_selector_row
{
    display:table-row;
}
.type_selector_cell
{
    display:table-cell;
    border-bottom:1px solid #333;
    height:50px;
    vertical-align:middle;
}
*/
.customer_data_viewer_wrapper
{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-orient:vertical;
    -webkit-box-direction:normal;
        -ms-flex-direction:column;
            flex-direction:column;
    -webkit-box-pack:justify;
        -ms-flex-pack:justify;
            justify-content:space-between;
    margin:0px auto -64px;
    
    height:100%;
    
    
    
}/*
.customer_data_view_table th
{
    background:#ddd;
    position: -webkit-sticky;
    position: sticky;
    top: 0;
    z-index:1;
}

.customer_data_view_table th::before {
    content: '';
    position: absolute;
    left: 0;
    width: 100%;
    height: 100%;
    border-right: 1px solid #ccc;
    display: block;
    top : 1px;
}

.customer_data_view_table th::after {
    content: '';
    position: absolute;
    left: 0;
    width: 100%;
    height: 100%;
    border-bottom: 1px solid #ccc;
    border-top: 1px solid #ccc;
    display: block;
    top : -1px;
}
*/
.customer_data_view_table td,.customer_data_view_table th
{
    border:1px solid #ccc;
    padding:5px;
    line-height:24px;
    vertical-align:middle;
    white-space: nowrap;
}
.customer_data_view_table td.customer_data_view_table_brace
{
    background-color:#f9f9f9;
    border-top-width:0px;
    border-right-width:0px;
    border-bottom-width:0px;
}

.customer_data_view_table tr:nth-child(odd)
{
    background-color:transparent;
}


.dataset_viewer_icons ,.dynamic_dataset_viewer_page_nav
{
    padding-bottom:2px;
    cursor:pointer;
    color:#999;
    z-index:0;
}

.dataset_viewer_icons:hover,.dynamic_dataset_viewer_page_nav:hover
{
    color:#0178BC;
}
.mobiz_table_wrapper
{
    margin:0px auto;
    padding: 0px 0px;
    width:98%;
    overflow:auto;
    border: 1px solid #AAAAAA;
}


.mobiz_table
{
    display:table;
    border-collapse: collapse;
    width:100%;
    
    
}
.mobiz_table_row
{
    display:table-row;
    border-color:#AAAAAA;
    border-width:1px;
    border-bottom-style:solid;
    color:black;
    
}

.mobiz_table_row:nth-child(even)
{
    background-color:white;
}
.mobiz_table_row_heading
{
    font-weight:bold;
    background-color:#999999;
    height:30px;
    color:white;
}
.mobiz_table_cell
{
    padding: 0px 5px;
    display:table-cell;
    line-height:25px;
}
.mobiz_performance_table
{
    width:100%;
    margin:0px auto;
    text-align: center;
    display:-webkit-box;
    display:flex;      /* OLD - iOS 6-, Safari 3.1-6 */         /* OLD - Firefox 19- (buggy but mostly works) */
    display: -ms-flexbox;      /* TWEENER - IE 10 */
    display: -webkit-flex;     /* NEW - Chrome */
    -ms-flex-direction:row;
        -webkit-box-orient:horizontal;
        -webkit-box-direction:normal;
            flex-direction:row;
    -ms-flex-wrap:wrap;
        flex-wrap:wrap;
    -webkit-flex-wrap: wrap;
}
.mobiz_performance_table_row
{
    height:50%;
    width:100%;
    -webkit-box-sizing:border-box;
            box-sizing:border-box;
    display:-webkit-box;
    display:flex;      /* OLD - iOS 6-, Safari 3.1-6 */         /* OLD - Firefox 19- (buggy but mostly works) */
    display: -ms-flexbox;      /* TWEENER - IE 10 */
    display: -webkit-flex;     /* NEW - Chrome */
    flex-firection:row;
    -ms-flex-pack:distribute;
        justify-content:space-around;
    -webkit-justify-content:space-around;
    border:0px;
}

.mobiz_performance_table_row:only-child
{
    height:100%;
    
    
}
.mobiz_performance_table_row:nth-child(2)
{
    border-top: 2px solid #dddddd;;
    
    
}
.mobiz_performance_table_cell
{
    border-right:2px solid #dddddd;
    width:33%;
    height:100px;
    height:100%;
    flex-grow:1;
}
.mobiz_performance_table_cell:nth-child(2)
{
    width:34%;
}
.mobiz_performance_table_cell:last-child
{
    border:0px;
}
.mobiz_performance_cell_wrapper
{
    height:100%;      /* OLD - iOS 6-, Safari 3.1-6 */         /* OLD - Firefox 19- (buggy but mostly works) */
    display: -ms-flexbox;      /* TWEENER - IE 10 */     /* NEW - Chrome */
    display:-webkit-box;
    display:flex;
    -ms-flex-direction:column;
    -webkit-box-orient:vertical;
    -webkit-box-direction:normal;
            flex-direction:column;
    -ms-flex-pack:distribute;
    justify-content:space-around;
    
}
.mobiz_performance_table_number
{
    font-size: 2em;
    font-weight:300;
}
.mobiz_performance_table_text
{
    font-size:1em;
    color:#666;
}
.mobiz_simple_table_wrapper
{
    margin:0px;
    width:100%;
    overflow:visible;
    
    border:none;
}
.mobiz_simple_table
{
    display:table;
    border-collapse: collapse;
    width:100%;
    
}
.mobiz_simple_table_row.mobiz_simple_table_row_heading
{
    border-top:none;
    
}
.mobiz_simple_table_row:nth-last-child(1)
{
    border-bottom:none;
    
}

.mobiz_simple_table_row
{
    display:table-row;
    border-bottom:1px solid #ddd;
    font-size:14px;
    color:#666;
}
.mobiz_simple_table_sub_row
{
    display:table-row;
    font-size:14px;
    color:#666;
}
.hover_show
{
    visibility:hidden;
}
.mobiz_simple_table_row:hover .hover_show
{
    visibility:visible;
}
.hover_show.menu_open
{
    visibility:visible;
}

.mobiz_simple_table_cell
{
    white-space: nowrap;
    padding:20px 5px;
    display:table-cell;
    vertical-align:middle;
    line-height:1.4em;
    min-width:80px;
}
.mobiz_simple_table_row_heading .mobiz_simple_table_cell
{
    padding-bottom:10px;
}


.grabable:hover
{
    background-color: #D1DAE7;
    cursor: -webkit-grab;
    cursor: grab;
}

.author_section
{
    width:100%;
    
    display:-webkit-box;
    display:flex;      /* OLD - iOS 6-, Safari 3.1-6 */         /* OLD - Firefox 19- (buggy but mostly works) */
    display: -ms-flexbox;      /* TWEENER - IE 10 */
    display: -webkit-flex;     /* NEW - Chrome */
    -ms-flex-direction:row;
        -webkit-box-orient:horizontal;
        -webkit-box-direction:normal;
            flex-direction:row;
    
    background:#eee;
    
}


.author_insert_content_container
{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-align:center;
        -ms-flex-align:center;
            align-items:center;
    -webkit-box-pack:center;
        -ms-flex-pack:center;
            justify-content:center;
    border:1px dotted #0178BC;
    -webkit-box-sizing:border-box;
            box-sizing:border-box;
    background:white;
    font-size:0.8em;
}
.author_insert_content_container.vertical
{
    height:30px;
    max-height:30px;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    margin:5px 0px;
}

.author_insert_content_container.horizontal
{
    width:21px;
}
.author_content_item
{
    padding:16px;
    position: relative;
    -webkit-box-sizing:border-box;
            box-sizing:border-box;
    display:inline-block;
    vertical-align:top;
    min-height:60px;
    position:relative;
    width:100%;
    
}
.author_content_container
{
    display:inline-block;
    width:320px;
    text-align:left;
    vertical-align:top;
    margin-bottom:0.5em;
    margin-right:5px;
}
.author_content_label_value
{
    font-weight:400;
}
.author_image
{
    max-height:240px;
    max-width:240px;
    height:auto;
    width:auto;
}
.author_param_table
{
    border-collapse:collapse;
    width:100%;
    
    vertical-align:top;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
}
/*
.author_param_table_row:nth-child(odd)
{
    background:white;
}
*/
.author_param_table_row.no-border
{
    background:transparent;
}
.author_param_table_cell
{
    -webkit-box-sizing:border-box;
            box-sizing:border-box;
    vertical-align:top;
    text-align:left;
    padding:2px 5px 2px;
    
    vertical-align:middle;
    word-break:break-all;
    white-space:normal;
    line-height:24px;
    font-size:0.8em;
}

.author_param_table_cell:nth-child(1)
{
    word-break:keep-all;
    width:120px;
    font-weight:700;
    vertical-align:top;
}
.table_preview
{
    padding:0px;
    margin-left: 15px;
    border-collapse: collapse;
    width: 320px;
    max-width: 320px;
    display:table;
    table-layout:fixed;
}

.rowCells
{
    height : 1.3em;
    width: 160px;
    vertical-align : middle;
    word-wrap : break-word;
    padding-left : 0.2em;
    padding-right : 0.2em;
    cursor: pointer;
    display:table-cell;
}
.single_col
{
   width:100%;
   
}
.double_col
{
   width:50%;
   text-align:left;
   height:100%;
}

.double_col:nth-child(1)
{
   border-right:2px dotted black;
}
.author_content_item_heading
{
    height:45px;
    font-weight:bold;
}
.author_content_item_spacer
{
    position:relative;
    background:white;
    -webkit-box-sizing:border-box;
            box-sizing:border-box;
    width:100%;
    text-align:center;
    min-height:40px;
    line-height:40px;
    vertical-align:middle;
}
.author_content_type_selector_group_heading
{
    width:100%; 
    line-height:20px;
    font-size:14px;
    font-weight:bold;
    padding-left:7px;
    -webkit-box-sizing:border-box;
            box-sizing:border-box;
    margin-bottom:6px;
    color:#666;
}
.author_content_type_selector_content_container
{
    display:inline-block;
    width:106px;
    height:106px;
    margin-left:7px;
    border-radius:10px;
    
    -webkit-box-sizing:border-box;
    
            box-sizing:border-box;
    text-align:center;
    cursor:pointer;
    -webkit-box-shadow: 0px 2px 11px 1px #999;
            box-shadow: 0px 2px 11px 1px #999;
}
.author_content_type_selector_content_container:hover
{
    -webkit-box-shadow: 0px 2px 11px 5px #999;
            box-shadow: 0px 2px 11px 5px #999;
    
}
.author_quick_pick_list_item_container
{
    display:inline-block;
    width:250px;
    height:150px;
    margin:10px;
    border-radius:5px;
    
    -webkit-box-sizing:border-box;
    
            box-sizing:border-box;
    text-align:center;
    cursor:pointer;
    border:1px solid #CCC;
    overflow:hidden;
    
}
.author_quick_pick_list_item_container:hover
{
    -webkit-box-shadow: 0px 0px 5px 2px #999;
            box-shadow: 0px 0px 5px 2px #999;
    
}
.author_content_type_selector_content_icon
{
    width:80px;
    max-width:80px;
    height:80px;
    max-height:80px;
}
.author_content_type_selector_content_label
{
    height:12px;
    line-height:12px; 
    font-size:11px;
    font-weight:bold;
    font-family:arial;
}
.single_content
{
    width:100%;
    border-right: none;
}
.manage_content
{
    position: absolute;
    width:35px;
    height:35px;
    top: 10px;
    z-index: 10;
    cursor: pointer;
    border: 1px solid black;
    border-radius: 50%;
    box-sizing: border-box;
    background: white;
    display: flex;
    justify-content: center;
    align-items: center;
    color: #0178bc;
}
.edit_content
{
    right: 10px;
    
}

.delete_content
{
    right: 60px;
    padding-left: 1px;
    
}
.copy_content
{
    right: 110px;
}

.nav_pane_control_container
{
    float:left;
    position:relative;
}
.nav_pane_admin
{
    position:absolute;
    right:90px;
    vertical-align:middle;
    color:white;
}
.nav_pane_control
{
    cursor:pointer;
    position:absolute;
    top:0px;
    left:15px;
    line-height:60px;
    
}
.nav_pane_item:hover
{
    background-color:#606060;
    cursor:pointer;
}
.nav_pane_item.highlighted
{
    background-color:#606060;
}
.nav_pane
{
    position:fixed;
    top:60px;
    bottom:0px;
    left:0px;
    background-color:#323232;
    z-index:10;
}
.nav_pane_notification
{
    position:absolute;
    top:-1px;
    right:10px;
    color:white; 
    font-weight:bold;
    border-radius:50%;
    -webkit-box-shadow:none;
            box-shadow:none;
    background-color:#323232;
    font-size:0.6em;
    padding:3px 4px 3px 3px;
    -webkit-box-sizing:border-box;
            box-sizing:border-box;
}

.channel_super_select_icon
{
    position:absolute;
    margin-left:-100px;
    background-size:contain;
    cursor:pointer;
    
}
.channel_super_select_icon_description
{
    position:absolute;
    width:200px;
    top:350px;
    margin-left:-100px;
    text-align:center;
    -webkit-transition : all 0.2s ease-out;
    -o-transition : all 0.2s ease-out;
    transition : all 0.2s ease-out;
    cursor:pointer;
}
.channel_super_select_icon:nth-child(5)
{
    left:25%;
    background-image:url('../images/channel/sms_main.png');
    
}
.channel_super_select_icon:nth-child(6)
{
    left:50%;
    background-image:url('../images/channel/wms_main.png');
}
.channel_super_select_icon:nth-child(7)
{
    left:75%;
    background-image:url('../images/channel/web_main.png');
}
.channel_super_select_icon_description:nth-child(8)
{
    left:25%;
    
    
}
.channel_super_select_icon_description:nth-child(9)
{
    left:50%;
    
}
.channel_super_select_icon_description:nth-child(10)
{
    left:75%;
}

.campaign_setup_status_icon
{
    display:inline-block;
    width: 25px;
    height: 25px;
    line-height: 25px;
    font-size: 10px;
    text-align: center;
    vertical-align: middle;
    border-radius: 50%;
    color: #f9f9f9;
    margin-right:10px;
}
.campaign_setup_status_icon.complete
{
    background: #5dc95d;
}
.campaign_setup_status_icon.incomplete
{
    background: #d26666;
}
.campaign_setup_content_box
{
    width:100%;
    box-sizing:border-box;
    border-top:1px solid #ededed;
}
.campaign_setup_content_box:nth-child(1)
{
    border-top:none;
}
.publish_sms_char_count
{
    line-height:30px;
    color:#666;
}

.campaign_card
{
    float:left;
    height:242px;
    width:322px;
    -webkit-box-sizing:border-box;
            box-sizing:border-box;
    position:relative;
    margin-right:18px;
    margin-top:15px;
}
.campaign_card.list
{
    float:none;
    height:180px;
    width:100%;
    -webkit-box-sizing:border-box;
            box-sizing:border-box;
    position:relative;
    border-bottom: 1px solid #ddd;
    padding:10px 10px;
    margin:0px;
}
.campaign_card:hover
{
    -webkit-box-shadow: 0px 0px 4px 2px rgba(191,0,0,1);
            box-shadow: 0px 0px 4px 2px rgba(191,0,0,1);
    cursor:-webkit-grab;
    cursor:grab;
    
}
.campaign_card.list:hover
{
    -webkit-box-shadow:none;
            box-shadow:none;
    cursor:-webkit-grab;
    cursor:grab;
}
.campaign_card_list_view_content
{
    display:none;
    height:160px;
    padding:10px 20px;
    vertical-align:top;
    -webkit-box-sizing:border-box;
            box-sizing:border-box;
}
.campaign_card_list_view_function
{
    display:none;
    
    vertical-align:middle;
    -webkit-box-sizing:border-box;
            box-sizing:border-box;
    float:right;
    padding-top:70px;
    padding-right:50px;
    position:relative;
}
.campaign_card.list .campaign_card_list_view_content
{
    display:inline-block;
    
}
.campaign_card.list .campaign_card_list_view_function
{
    display:inline-block;
    
}

.campaign_card_function_description
{
    color:white;
    height:30px;
    width:321px;
    position:absolute;
    top:55px;
    left:10px;
    font-weight:bold;
}
.campaign_card_title
{
    color:white;
    height:60px;
    width:321px;
    position:absolute;
    bottom:0px;
    background-color:rgba(0, 0, 0, 0.5);
    z-index:2;
    display:table;
    font-weight: bold;
}

.campaign_card_thumbnail
{
    position:absolute;
    left:0px;
    top:0px;
    display:block;

}
.campaign_card.list .campaign_card_thumbnail
{
    position:relative;
    height:160px;
    max-height:160px;
    display:inline-block;
    border:1px solid #ddd;
    -webkit-box-sizing:border-box;
            box-sizing:border-box;
}
.campaign_card_functions
{
    position:absolute;
    background-color:rgba(0, 0, 0, 0);
    height:241px;
    width:321px;
    left:0px;
    right:0px;
    z-index:1;
    
}
.campaign_card.list  .campaign_card_functions
{
    display:none;
    
}

.campaign_card_functions:hover
{
    background-color:rgba(0, 0, 0, 0.4);
}
.campaign_card_function_icons
{
    display:none;
}
.campaign_card.list .campaign_card_function_icons
{
    display:block;
}
.campaign_card_functions:hover .campaign_card_function_icons
{
    display:inline-block;
    text-align:center;
    border-radius:50%;
    -webkit-border-radius: 50%;
     -moz-border-radius: 50%;
    background-color:white;
    cursor:pointer;
    margin:10px 0px 0px 10px;
}
.campaign_card_functions:hover .campaign_card_function_icons:nth-child(6)
{
    position:absolute;
    top:10px;
    right:10px;
    margin:0px;
}
.campaign_card_function_icons span
{
    height:2.2em;
    width:2.2em;
    line-height:2.2em;
    vertical-align:middle;
}

.campaign_card_function_icons:hover span
{
    color:#323232;
    
}

.campaign_card_functions .template_selector_main_function
{
    display:none;
    
}
.campaign_card_functions:hover .select_container
{
    position:absolute;
    width:150px;
    height:40px;
    border-radius:20px;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    border:2px solid #eeeeee;
    line-height:40px;
    font-size:20px;
    top:100px;
    left:85px;
    color:#eeeeee;
    display:block;
    -webkit-box-sizing:border-box;
            box-sizing:border-box;
    text-align:center;
    
}
.select_container
{
    display:none;
}
.template_selector_main_function:hover .select_container
{
    display:block;
    border:2px solid white;
    color:white;
    cursor:pointer;
}

.campaign_card_grid_wrapper
{
    margin:0px auto -60px;
    overflow:hidden;
    height:auto;
    min-height:100%;
    display:block;
    -webkit-box-sizing:border-box;
            box-sizing:border-box;
}

.campaign_type_container
{
    width:80%;
    background-color:white;
    margin:0px auto -60px;
    height:auto;
    min-height:100%;
}
#campaign_create_container
{
    -webkit-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
    
}
.campaign_detail_container,.trigger_detail_container
{
    position:relative;
    margin:0px auto -60px;
    overflow:hidden;
    height:auto;
    min-height:100%;
    display:block;
    -webkit-box-sizing:border-box;
            box-sizing:border-box;
}

.mobiz_flow_heading
{
    color:#323232;
    vertical-align:middle;
    line-height:50px;
    width:100%;
    height: 50px;
    text-align:left;
    margin:0px auto;
    font-size: 24px;
    padding-left:20px;
    -webkit-box-sizing:border-box;
            box-sizing:border-box;
}
.mobiz_flow.swiper-slide {
    text-align: center;
    font-size: 14px;
    line-height: 18px;
    background: #fff;
    width:480px;
    height:420px;
    border-radius: 25px 25px 25px 25px;
    -moz-border-radius: 25px 25px 25px 25px;
    -ms-border-radius: 25px 25px 25px 25px;
    border: 1px solid #AAAAAA;
    border-collapse: separate; 
    -webkit-box-sizing:border-box; 
            box-sizing:border-box;
    
}

.mobiz_flow.swiper_slide
{
    width:600px;
    height:600px;
}

.mobiz_flow .campaign_create_slide_content,.campaign_create_slide_description,.trigger_slide_content
{
    height:300px;
    width:100%;
    overflow-y:auto;
    padding:5px 5px;
    -webkit-box-sizing:border-box;
            box-sizing:border-box;
}
.mobiz_flow_slide_table
{
    display:table;
}
.mobiz_flow_slide_table_row
{
    display:table-row;
}
.mobiz_flow_slide_table_cell
{
    padding: 2px 5px;
    display:table-cell;
}
.mobiz_layout_style_box
{
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    padding-top:15px;
    padding-right:15px;
}
.campaign_detail_hover_menu
{
    display:none;
}
.mobiz_layout_content_box:hover .campaign_detail_hover_menu
{
    display:block;
}
.mobiz_layout_horizontal_spacer
{
    width:100%;
    height:15px;
        
}
.mobiz_layout_content_box
{
    position:relative;
    padding:15px;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    width:100%;
    font-style: normal;
}

.mobiz_page_heading
{
    position:relative;
    width:100%;
    min-height:70px;
    -webkit-box-sizing:border-box;
            box-sizing:border-box;
    padding:15px 20px;
    text-align:left;
}
.nosub
{
    height:40px;
    padding:15px 10px;
}
.content_box_item_title
{
    font-weight:400;
    line-height:30px;
}
.content_box_item
{
    line-height:20px;
    font-size:0.8em;
    color:#333;
    word-break:break-all;
}
.mobiz_page_main_heading
{
    line-height:26px;
    font-size:24px;
    
    vertical-align:middle;
}
.mobiz_page_main_heading_text
{
    position: absolute;
    left: 20px;
    right: 240px;
    overflow: hidden;
    -o-text-overflow: ellipsis;
       text-overflow: ellipsis;
    white-space: nowrap;
    top: 20px;
}
.mobiz_page_search_box_container
{
    position:relative;
    height:30px;
    width:250px;
    -webkit-box-sizing:border-box;
            box-sizing:border-box;
}
.mobiz_page_search_box_input
{
    position:absolute;
    border:1px solid #999;
    border-radius:5px;
    width:100%;
    height:100%;
    -webkit-box-sizing:border-box;
            box-sizing:border-box;
    padding-left:30px;
    padding-right:50px;
}


.mobiz_page_main_function
{
    position:absolute;
    border:0px;
    right:20px;
    top:20px;
    height:30px;
    font-family: Arial;
    font-weight:bold;
    color: #ffffff;
    font-size: 16px;
    line-height:30px;
    background-color: #0178bc;
    -webkit-box-sizing:border-box;
            box-sizing:border-box;
    padding:0px 10px;
    vertical-align:middle;
    border-radius: 2px;
    cursor:pointer;
    min-width: 210px;
    width:auto;
    text-align:center;
    white-space: nowrap;
}
.mobiz_page_main_function:hover {
  background-color: #0398e8;
  cursor:pointer;
}
.navi_bar_functons
{
    font-weight:bold;
}
.navi_bar_functons:hover
{
    color:#0178BC;
}

#foldersDiv
{
    padding-top:10px;
    padding-right:5px;
    background-color:#f0f0f0;
    font-family:Arial;
    font-size:14px;
    line-height:16px;
    -webkit-box-sizing:border-box;
            box-sizing:border-box;
    
}
#campaign_dashboard_fixed_pane
{
    background-color:#f0f0f0;
    padding:19px;
    -webkit-box-sizing:border-box;
            box-sizing:border-box;
    line-height:24px;
    
}
.mobiz_layout_content_box_header
{
    border-top: 1px solid #aaa;
    line-height: 42px;
    height:55px;
    position: relative;
}
.mobiz_layout_content_box_header_menu
{
    position:absolute;
    right:0px;
    top:0px;
}

.matching_data_source_container
{
    display:none;
    width:100%;
    align-item:stretch;
    -ms-flex-wrap:wrap;
        flex-wrap:wrap;
    -webkit-flex-wrap: wrap;
    -ms-flex-direction:row;
        -webkit-box-orient:horizontal;
        -webkit-box-direction:normal;
            flex-direction:row;
    -ms-flex-pack:distribute;
        justify-content:space-around;
    -webkit-justify-content:space-around;
}
.matching_data_source
{
    -webkit-box-sizing:border-box;
            box-sizing:border-box;
    text-align:center;
    cursor:pointer;
    width:31%;
    max-width:180px;
    margin-bottom:5px;
    line-height:2em;
    border-radius:5px;
    border:1px solid black;
    word-break:break-all;
    padding:0px 5px;
    position:relative;
    
}

.item_matching_table
{
    display: table;
    margin:0px auto;
}
.item_matching_table_heading_row
{
    display: table-row;
    font-weight:700;
}
.item_matching_table_heading_cell
{
    display: table-cell; 
    text-align:center;
}
.item_matching_table_row
{
    display: table-row;
    height:2em;
    line-height:2em;
    
}
.item_matching_table_row:hover
{
    display: table-row;
    height:2em;
    line-height:2em;
    cursor:pointer;
    background-color:#EEEEEE;
}

.item_matching_table_cell
{
    overflow: hidden; 
    -webkit-box-sizing:border-box; 
            box-sizing:border-box;
    word-break:break-all;
    display: table-cell;
    vertical-align:middle;
    padding:0px 5px;
    
}
.item_matching_table_cell.matched
{
    color:#3366CC;
}
.item_matching_table_cell.unmatched
{
    color:#c6c4c4;
}


.item_matching_table_cell:nth-child(1)
{
    text-align:right;
    width:50%;
}

.item_matching_table_cell:nth-child(3)
{
    text-align:left;
    width:50%;;
}
.tree_node_label
{
    position:relative;
    height:30px;
    overflow:hidden;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-align:center;
        -ms-flex-align:center;
            align-items:center;
    
}
.tree_node_label.drop_hover
{
    border:1px solid grey;
    box-sizing:border-box;
}

.tree_item .tree_node_label_text
{
    
    -webkit-box-flex:99;
    
        -ms-flex-positive:99;
    
            flex-grow:99;
    white-space: nowrap;
    overflow : hidden;
    -o-text-overflow:ellipsis;
       text-overflow:ellipsis;
    cursor : pointer;
    display:inline-block;
    line-height:30px;
    vertical-align:middle;
    padding-left:5px;
}
.tree_item[data-level="0"] .tree_node_label_icon
{
    margin-left:1px;
}
.tree_item[data-level="1"] .tree_node_label_icon
{
    margin-left:11px;
}
.tree_item[data-level="2"] .tree_node_label_icon
{
    margin-left:21px;
}
.tree_item[data-level="3"] .tree_node_label_icon
{
    margin-left:31px;
}
.tree_item[data-level="4"] .tree_node_label_icon
{
    margin-left:41px;
}
.tree_item .tree_node_label_highlighted .tree_node_label_text
{
    background-color : #FFFFFF;
    font-weight:700;
    border-radius:3px;
}

.tree_item .tree_node_label_icon
{
    
    display:inline-block;
    width:15px;
    height:15px;
    text-align:center;
    cursor : pointer;
    z-index:1;
    
    -webkit-transition: -webkit-transform 0.3s linear;
    -o-transition: -o-transform 0.3s linear;
    transition: -webkit-transform 0.3s linear;
    -o-transition: transform 0.3s linear;
    transition: transform 0.3s linear;
    transition: transform 0.3s linear, -webkit-transform 0.3s linear;
    
}
.tree_item.tree_open>div>.tree_node_label_icon
{
    /*background-position:0 4px;*/
    -webkit-transform: rotate(90deg);
        -ms-transform: rotate(90deg);
            transform: rotate(90deg);
    padding-left:1px;
}


.tree_closed.tree_item
{
    
    max-height:30px;
    overflow:hidden;
    
}


@media screen and (min-width: 1161px)
{
    .mobiz_layout_style_box.medium
    {
        width:50%;
    }
    .mobiz_layout_style_box.large
    {
        width:100%;
    }
    .mobiz_layout_style_box.small
    {
        width:50%;
    }
}
#content_create_selector
{
   margin:0px;
   padding:0px;
   height:600px;
   width:600px;
   max-width:600px;
   -webkit-box-sizing:border-box;
           box-sizing:border-box;
   overflow:hidden;
}
#content_create_selector_tab_space
{
  height:30px;
  width:100%;
  text-align: justify;
  -ms-text-justify: distribute-all-lines;
  text-justify: distribute-all-lines;
  padding:5px 5px 0px 5px;
  -webkit-box-sizing:border-box;
          box-sizing:border-box;
}
.content_create_selector_tab_butt
{
  padding:0px 10px;
  font-family:arial;
  height:24px;
  font-size:15px;
  line-height:25px;
  text-align:center;
  border:none;
  border-radius:5px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -webkit-box-sizing:border-box;
          box-sizing:border-box;
  background-color:#0178bc;
  font-weight:bold;
  color:white;
  cursor:pointer;
  display: inline-block;
}
.content_create_selector_tab_butt:focus
{
  border:none;
}
#content_create_selector_scroll_space
{
  width:100%;
  -webkit-box-sizing:border-box;
          box-sizing:border-box;
  height:570px;
  overflow:hidden;
  position:relative;
}
.content_create_selector_content
{
  position:relative;
  width:110px;
  height:110px;
  float:left;
  -webkit-box-sizing:border-box;
          box-sizing:border-box;
  border-radius:5px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  margin:5px;
  border: 1px solid #AAA;
  
}
.content_create_selector_content img
{
  width:70px;
  height:70px;
  position:absolute;
  top:10px;
  left:20px;
}


@media screen and (max-width: 1160px)
{
    .mobiz_layout_style_box.medium
    {
        width:100%;
    }
    .mobiz_layout_style_box.large
    {
        width:100%;
    }
    .mobiz_layout_style_box.small
    {
        width:50%;
    }
    
    .double_col
    {
       width:100%;
       height:auto;
       
    }
    .double_col:nth-child(1)
    {
        border-right:0px;
        border-bottom:2px dotted black;
    }
    .author_param_table
    {
        margin: 0px auto;
    }
    
}
@media screen and (min-width: 801px)
{
    .layout_container.show_fixed_pane.fixed_pane_large
    {
        left:400px;
    }
    .layout_container.show_fixed_pane.fixed_pane_small
    {
        left:200px;
    }
    .layout_container.hide_fixed_pane
    {
        left:0px;
    }
    .wrapper.retracted .layout_container.show_fixed_pane.fixed_pane_small .fixed_pane
    {
        left:60px;
        width:200px;
        -webkit-box-sizing:border-box;
                box-sizing:border-box;
    }
    .wrapper.retracted .layout_container.show_fixed_pane.fixed_pane_large .fixed_pane
    {
        left:60px;
        width:400px;
        -webkit-box-sizing:border-box;
                box-sizing:border-box;
    }
    .wrapper.retracted .layout_container.hide_fixed_pane .fixed_pane
    {
        left:60px;
        width:0px;
    }
    .wrapper.extended .layout_container.show_fixed_pane.fixed_pane_small .fixed_pane
    {
        left:160px;
        width:200px;
    }
    .wrapper.extended .layout_container.show_fixed_pane.fixed_pane_large .fixed_pane
    {
        left:160px;
        width:400px;
    }
    .wrapper.extended .layout_container.hide_fixed_pane .fixed_pane
    {
        left:160px;
        width:0px;
    }
    
    .hide_fixed_pane #foldersDiv
    {
        padding-right:0px;
    }
    
    
    
    
    .wrapper.retracted #cf_container
    {
        left: 60px;
        
    }
    .wrapper.extended #cf_container
    {
        left: 160px;
        
    }
    .wrapper.extended .nav_pane
    {
        padding:15px 0px 15px 0px;
    }
    .wrapper.retracted .nav_pane
    {
        padding:10px 0px 15px 0px;
    }
    .nav_pane_spacer
    {
       background-color:#323232;
       float:left;
       height:100%;
       
    }
    .wrapper.extended .nav_pane_spacer
    {
        width:160px;
    }
    .wrapper.retracted .nav_pane_spacer
    {
        
        width:60px;
    }
    .wrapper.extended .nav_pane
    {
        width:160px;

    }
    .wrapper.retracted .nav_pane
    {
        width:60px;

    }
    .nav_pane_logo
    {
        -webkit-box-sizing: border-box;
                box-sizing: border-box;
        float:left;
        height:60px;
        background-color:white;
        display:table-cell;
        background-color:white;
    }
    .wrapper.extended .nav_pane_logo::before
    {
        background-image: url(../images/mobiz_logo_150_2021.jpg);
        background-size: 160px 60px;
        display: inline-block;
        width: 160px; 
        height: 60px;
        content:"";
    }
    .wrapper.retracted .nav_pane_logo::before
    {
        background-image: url(../images/mobiz_icon_50_2021.jpg);
        background-size: 60px 60px;
        display: inline-block;
        width: 60px; 
        height: 60px;
        content:"";
    }
    .wrapper.extended .nav_pane_content
    {
        -webkit-box-sizing: border-box;
                box-sizing: border-box;
        width:160px;
    }
    .wrapper.retracted .nav_pane_content
    {
        -webkit-box-sizing: border-box;
                box-sizing: border-box;
        width:60px;
    }

    .nav_pane_item
    {
        margin:0px auto;
        font-size:14px;
        text-align:center;
        float:left;
        color: white;
        -webkit-box-sizing:border-box;
                box-sizing:border-box;
        font-weight:400;
            
    }
    .wrapper.extended .nav_pane_item
    {
        width:160px;
        height: 70px;
        margin-bottom:15px;
        display:-webkit-box;
        display:flex;      /* OLD - iOS 6-, Safari 3.1-6 */         /* OLD - Firefox 19- (buggy but mostly works) */
        display: -ms-flexbox;      /* TWEENER - IE 10 */
        display: -webkit-flex;     /* NEW - Chrome */
        -ms-flex-direction:column;
            -webkit-box-orient:vertical;
            -webkit-box-direction:normal;
                flex-direction:column;
        -ms-flex-pack:center;
            -webkit-box-pack:center;
                justify-content:center;
        -webkit-justify-content:center;
        line-height:35px;
    }
    .wrapper.retracted .nav_pane_item
    {
        width:60px;
        height: 35px;
        line-height:35px;
    }
    
    

    .nav_pane_item_icon
    {
        display:block;
        height:auto;
        margin:0px auto
    }

    .wrapper.extended .nav_pane_item_icon
    {
        width:40px;
    }
    .wrapper.retracted .nav_pane_item_icon
    {
        width:30px;
    }
    
    .wrapper.extended .nav_pane_item_label
    {
        display:inline;
    }
    .wrapper.retracted .nav_pane_item_label
    {
        display:none;
    }
    .wrapper.extended .nav_pane_item_label_slider_container
    {
        width:0px;
        background-color:red;
        height:30px; 
    }
    .wrapper.retracted .nav_pane_item_label_slider_container
    {
        width:0px;
        height:30px;
        float:right;
        height:40px;
    }
    .nav_pane_item_label_slider
    {
        -webkit-box-sizing:border-box;
                box-sizing:border-box;
        width:140px;
        display:none;  
        font-size:14px;
        height:40px;
        vertical-align:middle;
        color: white;
        background-color:#323232;
        line-height:40px;
        white-space:nowrap;
        padding-left:7px;
    }
}
@media screen and (max-width: 800px)
{
    
    .layout_container.show_fixed_pane.fixed_pane_large
    {
        left:400px;
    }
    .layout_container.show_fixed_pane.fixed_pane_small
    {
        left:200px;
    }
    .layout_container.hide_fixed_pane
    {
        left:0px;
    }
    .wrapper.retracted .layout_container.show_fixed_pane.fixed_pane_small .fixed_pane
    {
        left:0px;
        width:200px;
    }
    .wrapper.retracted .layout_container.show_fixed_pane.fixed_pane_large .fixed_pane
    {
        left:0px;
        width:400px;
    }
    .wrapper.retracted .layout_container.hide_fixed_pane .fixed_pane
    {
        left:0px;
        width:0px;
    }
    .wrapper.extended .layout_container.show_fixed_pane.fixed_pane_small .fixed_pane
    {
        left:60px;
        width:200px;
    }
    .wrapper.extended .layout_container.show_fixed_pane.fixed_pane_large .fixed_pane
    {
        left:60px;
        width:400px;
    }
    .wrapper.extended .layout_container.hide_fixed_pane .fixed_pane
    {
        left:60px;
        width:0px;
    }
    
    
    
    
    .wrapper.retracted #cf_container
    {
        left: 0px;
        
    }
    .wrapper.extended #cf_container
    {
        left: 60px;
        
    }
    .wrapper.extended .nav_pane
    {
        padding:10px 0px 15px 0px;
    }
    .wrapper.retracted .nav_pane
    {
        padding:10px 0px 15px 0px;
    }
    .nav_pane_spacer
    {
       background-color:#323232;
       float:left;
       height:100%;
    }
    .wrapper.extended .nav_pane_spacer
    {
        width:60px;
    }
    .wrapper.retracted .nav_pane_spacer
    {
        width:0px;
    }
    .wrapper.extended .nav_pane
    {
        width:60px;

    }
    .wrapper.retracted .nav_pane
    {
        width:0px;

    }
    .nav_pane_logo
    {
        -webkit-box-sizing: border-box;
                box-sizing: border-box;
        float:left;
        height:60px;
        background-color:white;
        width:0px;
        content: none;
        padding: 0px;
    }
    
    .wrapper.extended .nav_pane_content
    {
        -webkit-box-sizing: border-box;
                box-sizing: border-box;
        width:60px;
    }
    .wrapper.retracted .nav_pane_content
    {
        -webkit-box-sizing: border-box;
                box-sizing: border-box;
        width:0px;
    }
    .nav_pane_item
    {
        margin:0px auto;
        font-size:14px;
        font-weight: 400; 
        text-align:center;
        padding:5px 0px;
        float:left;
        color: white;
            
    }
    .wrapper.extended .nav_pane_item
    {
        width:60px;
        height: 30px;
    }
    .wrapper.retracted .nav_pane_item
    {
        display:none;
    }
    

    .nav_pane_item_icon
    {
        display:block;
        height:auto;
        margin:0px auto
    }

    .wrapper.extended .nav_pane_item_icon
    {
        width:30px;
    }
    .wrapper.retracted .nav_pane_item_icon
    {
        width:0px;
    }
    
    
    .nav_pane_item_label
    {
        display:none;
    }
    
    .wrapper.extended .nav_pane_item_label_slider_container
    {
        width:0px;
        float:right;
        height:40px;
    }
    .wrapper.retracted .nav_pane_item_label_slider_container
    {
        width:0px;
        height:0px;
        float:right;
        
    }
    .nav_pane_item_label_slider
    {
        -webkit-box-sizing:border-box;
                box-sizing:border-box;
        width:100px;
        display:none;  
        font-size:14px;
        font-weight: 400;
        height:40px;
        vertical-align:middle;
        color: white;
        background-color:#323232;
        line-height:40px;
        white-space:nowrap;
        padding-left:7px;
    }
    
    
}




.formContainer
{
    -webkit-box-sizing:border-box;
            box-sizing:border-box;
    overflow:auto;
    width:100%;
    padding: 5px 10px;
    
}
.formContainer_flex
{
    
    -webkit-box-sizing:border-box;
    
            box-sizing:border-box;
    overflow:auto;
    width:100%;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    padding: 5px 10px;    
    height:auto;
}
.formContainer .config_container
{
    
}
.formContainer_flex .content_container
{
    position:relative;
}
.formContainer .removeIcon
{
    vertical-align: middle;
    cursor: pointer
}
.formContainer .normalTextbox{
   width: 50%;
   height: 25px;
   border: solid 1px #CFCFCF;
   padding: 2px 5px;
   border-radius: 5px;
   -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
   font-size: 14px;
   background-color: #FFFFFF;
   outline: none;
   position:relative;
   -webkit-box-sizing:border-box;
           box-sizing:border-box;
  }
  
.formContainer .normalTextbox:focus  {
   border: solid 1px #999999;
  }
.formSaveButtonContainer
{
    position:absolute;
    bottom:0px;
    left:0px;
    right:0px;
    -webkit-box-sizing:border-box;
            box-sizing:border-box;
    height:50px;
    min-height:50px;
    padding-right:15px;
    padding-top:15px;
    border-top:1px solid #ddd;
}
.formSaveButton
{
    border:0px;
    vertical-align:middle;
    font-family: Arial;
    color: #ffffff;
    font-size: 14px;
    line-height:18px;
    height:22px;
    background-color: #0178bc;
    padding: 2px 10px 2px 10px;
    border-radius: 2px;
    float:right;
    margin-left:10px;
    cursor:pointer;
    min-width:60px;
}
.formSaveButton:hover ,.std_button:hover
{
    background-color: #0398e8;
    
}
.formSaveButton.cancel
{
    background: none;
    border:1px solid #999;
    color:#666;
}
.formSaveButton.cancel:hover
{
    background: #eee;
    
}
.formSaveButton.disabled
{
    cursor:initial;
    background-color: #aaa;
    
}
.full_screen_dialog
{
    position: fixed;
    top: 0px;
    bottom: 0px;
    left: 0px;
    right: 0px;
    background: rgba(0,0,0,0.5);
    z-index: 12;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-pack:center;
        -ms-flex-pack:center;
            justify-content:center;
    -webkit-box-align:center;
        -ms-flex-align:center;
            align-items:center;
}
.full_screen_dialog_content
{
    width: 130vmin;
    max-width: 90%;
    height: 90vmin;
    max-height:90vmin;
    background: white;
    -webkit-box-pack:center;
        -ms-flex-pack:center;
            justify-content:center;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-orient:vertical;
    -webkit-box-direction:normal;
        -ms-flex-direction:column;
            flex-direction:column;
    -webkit-transform: scale(0.8);
        -ms-transform: scale(0.8);
            transform: scale(0.8);
    opacity: 0;
    -webkit-transition: all 0.2s ease-in-out; 
    -o-transition: all 0.2s ease-in-out; 
    transition: all 0.2s ease-in-out;
}
.full_screen_dialog_title_bar
{
    height:50px;
    width:100%;
    border-bottom:1px solid #ddd;
    -webkit-box-sizing:border-box;
            box-sizing:border-box;
    font-weight:500;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-align:center;
        -ms-flex-align:center;
            align-items:center;
}

.full_screen_title_bar_button
{
    vertical-align:middle;
    text-align:center;
    cursor:pointer;
    overflow:hidden;
}

.full_screen_dialog_content .formContainer
{
    -webkit-box-flex:99;
        -ms-flex-positive:99;
            flex-grow:99;
    height:0px;        
    padding:0;
}
.full_screen_dialog_content .formSaveButtonContainer
{
    height:50px;
    width:100%;
    position:relative;
}
.mobiz-dialog.ui-dialog.ui-widget
{
    font-family:inherit;
}
.ui-widget-content
{
    color:#666;
}
.ui-widget-overlay 
{
    background:#555;
    opacity: .4;
}
.mobiz-dialog.ui-dialog {
	overflow: hidden;
	padding: 0px;
	outline: 0;
        font-size: 14px;
        line-height:16px;
        position: fixed;
        -webkit-box-sizing:border-box;
                box-sizing:border-box;
        /*box-shadow: 0px 0px 7px 4px rgba(0,0,0,0.75);*/
        border:0px;
}

.mobiz-dialog.ui-dialog .ui-widget-header {
    background: white;
    color: #666;
    font-weight: bold;
    border:0px;
}
.mobiz-dialog.ui-dialog .ui-dialog-titlebar 
{
    padding-left:15px;
    border-bottom:1px solid #ddd;
    height:50px;
    line-height:40px;
    font-size:16px;
    vertical-align:middle;
    -webkit-box-sizing:border-box;
            box-sizing:border-box;
}
.mobiz-dialog.ui-dialog.ui-corner-all,
.mobiz-dialog.ui-dialog .ui-dialog-titlebar.ui-corner-all,
.mobiz-dialog.ui-dialog .ui-dialog-titlebar .ui-corner-all
{
    border-radius:0px;
    
}
.mobiz-dialog.ui-dialog .ui-dialog-titlebar-close {
    position: absolute;
    right: 15px;
    top:25px;
    width: 20px;
    padding: 1px;
    height: 20px;
    font-size:0px;
    background-color:white;
}
.mobiz-dialog.ui-dialog .ui-dialog-content 
{
    border: 0;
    -webkit-box-sizing:border-box;
            box-sizing:border-box;
    background: none;
    overflow: auto;
    padding:0px;
}
.mobiz-dialog.ui-dialog hr
{
    display:none;
}
.mobiz-dialog.ui-dialog .ui-icon
{
    background-image: url("../images/ui-icons_666666_256x240.png");
}

.ui-icon.mobiz-black,.ui-icon.mobiz-icon-grey:hover,.ui-dialog .ui-icon:hover
{ 
    background-image: url("../images/ui-icons_323232_256x240.png");
    
} 

.ui-icon
{
    vertical-align:middle;
    display:inline-block;
}

.ui-widget-content a
{
    color:#0178BC;
    cursor:pointer;
    
}
.mobiz-dialog.ui-dialog .ui-button
{
    border: 0px;
    font-family:Arial;
    
    
}
.mobiz-dialog.ui-dialog button
{
    cursor:pointer;
    font-family:Arial;
}


.elfinder-button-search input {
    width: 160px;
    height: 22px;
    padding: 0 20px;
    line-height: 22px;
    border: 1px solid #aaa;
    border-radius: 12px;
    outline: 0 solid;
    -webkit-box-sizing:content-box;
            box-sizing:content-box;
}
#elFinderManagerDiv
{
    border:0px;
}
#elFinderManagerDiv .ui-widget-header
{
    border:1px solid #aaa;
    background:#ccc url("images/ui-bg_highlight-soft_75_cccccc_1x100.png") 50% 50% repeat-x;
    color:#222;
    font-weight:bold
}



/*
colpick Color Picker / colpick.com
*/

/*Main container*/
.colpick {
	position: absolute;
	width: 346px;
	height: 180px;
	overflow: hidden;
	display: none;
	font-family: Arial, Helvetica, sans-serif;
	background:#ebebeb;
	border: 1px solid #bbb;
	border-radius: 5px;
	
	/*Prevents selecting text when dragging the selectors*/
	-webkit-touch-callout: none;
        -webkit-user-select: none;
        -khtml-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
}
.colpick input:focus
{
    border: 0px;
}
/*Color selection box*/
.colpick_color {
	position: absolute;
	left: 7px;
	top: 7px;
	width: 156px;
	height: 156px;
	overflow: hidden;
	outline: 1px solid #aaa;
	cursor: crosshair;
}
.colpick_color_overlay1 {
	position: absolute;
	left:0;
	top:0;
	width: 156px;
	height: 156px;
	filter:  progid:DXImageTransform.Microsoft.gradient(GradientType=1,startColorstr='#ffffff', endColorstr='#00ffffff'); /* IE6 & IE7 */
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=1,startColorstr='#ffffff', endColorstr='#00ffffff')"; /* IE8 */
	background: -webkit-gradient(linear, left top, right top, from(rgba(255,255,255,1)), to(rgba(255,255,255,0)));
	background: -webkit-linear-gradient(left, rgba(255,255,255,1), rgba(255,255,255,0));
	background: -o-linear-gradient(left, rgba(255,255,255,1), rgba(255,255,255,0));
	background: linear-gradient(to right, rgba(255,255,255,1), rgba(255,255,255,0));
}
.colpick_color_overlay2 {
	position: absolute;
	left:0;
	top:0;
	width: 156px;
	height: 156px;
	filter:  progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#00000000', endColorstr='#000000'); /* IE6 & IE7 */
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#00000000', endColorstr='#000000')"; /* IE8 */
	background: -webkit-gradient(linear, left top, left bottom, from(rgba(0,0,0,0)), to(rgba(0,0,0,1)));
	background: -webkit-linear-gradient(top, rgba(0,0,0,0), rgba(0,0,0,1));
	background: -o-linear-gradient(top, rgba(0,0,0,0), rgba(0,0,0,1));
	background: linear-gradient(to bottom, rgba(0,0,0,0), rgba(0,0,0,1));
}
/*Circular color selector*/
.colpick_selector_outer {
	background:none;
	position: absolute;
	width: 11px;
	height: 11px;
	margin: -6px 0 0 -6px;
	border: 1px solid black;
	border-radius: 50%;
        -webkit-border-radius: 50%;
        -moz-border-radius: 50%;
}
.colpick_selector_inner{
	position: absolute;
	width: 9px;
	height: 9px;
	border: 1px solid white;
	border-radius: 50%;
        -webkit-border-radius: 50%;
        -moz-border-radius: 50%;
}
/*Vertical hue bar*/
.colpick_hue {
	position: absolute;
	top: 6px;
	left: 175px;
	width: 19px;
	height: 156px;
	border: 1px solid #aaa;
	cursor: n-resize;
}
/*Hue bar sliding indicator*/
.colpick_hue_arrs {
	position: absolute;
	left: -8px;
	width: 35px;
	height: 7px;
	margin: -7px 0 0 0;
}
.colpick_hue_larr {
	position:absolute;
	width: 0; 
	height: 0; 
	border-top: 6px solid transparent;
	border-bottom: 6px solid transparent;
	border-left: 7px solid #858585;
}
.colpick_hue_rarr {
	position:absolute;
	right:0;
	width: 0; 
	height: 0; 
	border-top: 6px solid transparent;
	border-bottom: 6px solid transparent; 
	border-right: 7px solid #858585; 
}
/*New color box*/
.colpick_new_color {
	position: absolute;
	left: 207px;
	top: 6px;
	width: 60px;
	height: 27px;
	background: #f00;
	border: 1px solid #8f8f8f;
}
/*Current color box*/
.colpick_current_color {
	position: absolute;
	left: 277px;
	top: 6px;
	width: 60px;
	height: 27px;
	background: #f00;
	border: 1px solid #8f8f8f;
}
/*Input field containers*/
.colpick_field, .colpick_hex_field  {
	position: absolute;
	height: 20px;
	width: 60px;
	overflow:hidden;
	background:#f3f3f3;
	color:#b8b8b8;
	font-size:12px;
	border:1px solid #bdbdbd;
	border-radius: 3px;
}
.colpick_rgb_r {
	top: 40px;
	left: 207px;
}
.colpick_rgb_g {
	top: 67px;
	left: 207px;
}
.colpick_rgb_b {
	top: 94px;
	left: 207px;
}
.colpick_hsb_h {
	top: 40px;
	left: 277px;
}
.colpick_hsb_s {
	top: 67px;
	left: 277px;
}
.colpick_hsb_b {
	top: 94px;
	left: 277px;
}
.colpick_hex_field {
	width: 68px;
	left: 207px;
	top: 121px;
}
/*Text field container on focus*/
.colpick_focus {
	border-color: #999;
}
/*Field label container*/
.colpick_field_letter {
	position: absolute;
	width: 12px;
	height: 20px;
	line-height: 20px;
	padding-left: 4px;
	background: #efefef;
	border-right: 1px solid #bdbdbd;
	font-weight: bold;
	color:#777;
}
/*Text inputs*/
.colpick_field input, .colpick_hex_field input {
	position: absolute;
	right: 11px;
	margin: 0;
	padding: 0;
	height: 20px;
	line-height: 20px;
	background: transparent;
	border: none;
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;
	color: #555;
	text-align: right;
	outline: none;
}
.colpick_hex_field input {
	right: 4px;
}
/*Field up/down arrows*/
.colpick_field_arrs {
	position: absolute;
	top: 0;
	right: 0;
	width: 9px;
	height: 21px;
	cursor: n-resize;
}
.colpick_field_uarr {
	position: absolute;
	top: 5px;
	width: 0; 
	height: 0; 
	border-left: 4px solid transparent;
	border-right: 4px solid transparent;
	border-bottom: 4px solid #959595;
}
.colpick_field_darr {
	position: absolute;
	bottom:5px;
	width: 0; 
	height: 0; 
	border-left: 4px solid transparent;
	border-right: 4px solid transparent;
	border-top: 4px solid #959595;
}
/*Submit/Select button*/
.colpick_submit {
	position: absolute;
	left: 207px;
	top: 149px;
	width: 130px;
	height: 22px;
	line-height:22px;
	background: #efefef;
	text-align: center;
	color: #555;
	font-size: 12px;
	font-weight:bold;
	border: 1px solid #bdbdbd;
	border-radius: 3px;
}
.colpick_submit:hover {
	background:#f3f3f3;
	border-color:#999;
	cursor: pointer;
}

/*full layout with no submit button*/
.colpick_full_ns  .colpick_submit, .colpick_full_ns .colpick_current_color{
	display:none;
}
.colpick_full_ns .colpick_new_color {
	width: 130px;
	height: 25px;
}
.colpick_full_ns .colpick_rgb_r, .colpick_full_ns .colpick_hsb_h {
	top: 42px;
}
.colpick_full_ns .colpick_rgb_g, .colpick_full_ns .colpick_hsb_s {
	top: 73px;
}
.colpick_full_ns .colpick_rgb_b, .colpick_full_ns .colpick_hsb_b {
	top: 104px;
}
.colpick_full_ns .colpick_hex_field {
	top: 135px;
}

/*rgbhex layout*/
.colpick_rgbhex .colpick_hsb_h, .colpick_rgbhex .colpick_hsb_s, .colpick_rgbhex .colpick_hsb_b {
	display:none;
}
.colpick_rgbhex {
	width:282px;
}
.colpick_rgbhex .colpick_field, .colpick_rgbhex .colpick_submit {
	width:68px;
}
.colpick_rgbhex .colpick_new_color {
	width:34px;
	border-right:none;
}
.colpick_rgbhex .colpick_current_color {
	width:34px;
	left:240px;
	border-left:none;
}

/*rgbhex layout, no submit button*/
.colpick_rgbhex_ns  .colpick_submit, .colpick_rgbhex_ns .colpick_current_color{
	display:none;
}
.colpick_rgbhex_ns .colpick_new_color{
	width:68px;
	border: 1px solid #8f8f8f;
}
.colpick_rgbhex_ns .colpick_rgb_r {
	top: 42px;
}
.colpick_rgbhex_ns .colpick_rgb_g {
	top: 73px;
}
.colpick_rgbhex_ns .colpick_rgb_b {
	top: 104px;
}
.colpick_rgbhex_ns .colpick_hex_field {
	top: 135px;
}

/*hex layout*/
.colpick_hex .colpick_hsb_h, .colpick_hex .colpick_hsb_s, .colpick_hex .colpick_hsb_b, .colpick_hex .colpick_rgb_r, .colpick_hex .colpick_rgb_g, .colpick_hex .colpick_rgb_b {
	display:none;
}
.colpick_hex {
	width:206px;
	height:201px;
}
.colpick_hex .colpick_hex_field {
	width:72px;
	height:25px;
	top:168px;
	left:80px;
}
.colpick_hex .colpick_hex_field div, .colpick_hex .colpick_hex_field input {
	height: 25px;
	line-height: 25px;
}
.colpick_hex .colpick_new_color {
	left:9px;
	top:168px;
	width:30px;
	border-right:none;
}
.colpick_hex .colpick_current_color {
	left:39px;
	top:168px;
	width:30px;
	border-left:none;
}
.colpick_hex .colpick_submit {
	left:164px;
	top: 168px;
	width:30px;
	height:25px;
	line-height: 25px;
}

/*hex layout, no submit button*/
.colpick_hex_ns  .colpick_submit, .colpick_hex_ns .colpick_current_color {
	display:none;
}
.colpick_hex_ns .colpick_hex_field {
	width:80px;
}
.colpick_hex_ns .colpick_new_color{
	width:60px;
	border: 1px solid #8f8f8f;
}

/*Dark color scheme*/
.colpick_dark {
	background: #161616;
	border-color: #2a2a2a;
}
.colpick_dark .colpick_color {
	outline-color: #333;
}
.colpick_dark .colpick_hue {
	border-color: #555;
}
.colpick_dark .colpick_field, .colpick_dark .colpick_hex_field {
	background: #101010;
	border-color: #2d2d2d;
}
.colpick_dark .colpick_field_letter {
	background: #131313;
	border-color: #2d2d2d;
	color: #696969;
}
.colpick_dark .colpick_field input, .colpick_dark .colpick_hex_field input {
	color: #7a7a7a;
}
.colpick_dark .colpick_field_uarr {
	border-bottom-color:#696969;
}
.colpick_dark .colpick_field_darr {
	border-top-color:#696969;
}
.colpick_dark .colpick_focus {
	border-color:#444;
}
.colpick_dark .colpick_submit {
	background: #131313;
	border-color:#2d2d2d;
	color:#7a7a7a;
}
.colpick_dark .colpick_submit:hover {
	background-color:#101010;
	border-color:#444;
}

/* jquery.Jcrop.css v0.9.12 - MIT License */
/*
  The outer-most container in a typical Jcrop instance
  If you are having difficulty with formatting related to styles
  on a parent element, place any fixes here or in a like selector

  You can also style this element if you want to add a border, etc
  A better method for styling can be seen below with .jcrop-light
  (Add a class to the holder and style elements for that extended class)
*/
.jcrop-holder {
  direction: ltr;
  text-align: left;
}
/* Selection Border */
.jcrop-vline,
.jcrop-hline {
  background: #ffffff url("Jcrop.gif");
  font-size: 0;
  position: absolute;
}
.jcrop-vline {
  height: 100%;
  width: 1px !important;
}
.jcrop-vline.right {
  right: 0;
}
.jcrop-hline {
  height: 1px !important;
  width: 100%;
}
.jcrop-hline.bottom {
  bottom: 0;
}
/* Invisible click targets */
.jcrop-tracker {
  height: 100%;
  width: 100%;
  /* "turn off" link highlight */
  -webkit-tap-highlight-color: transparent;
  /* disable callout, image save panel */
  -webkit-touch-callout: none;
  /* disable cut copy paste */
  -webkit-user-select: none;
}
/* Selection Handles */
.jcrop-handle {
  background-color: #333333;
  border: 1px #eeeeee solid;
  width: 7px;
  height: 7px;
  font-size: 1px;
}
.jcrop-handle.ord-n {
  left: 50%;
  margin-left: -4px;
  margin-top: -4px;
  top: 0;
}
.jcrop-handle.ord-s {
  bottom: 0;
  left: 50%;
  margin-bottom: -4px;
  margin-left: -4px;
}
.jcrop-handle.ord-e {
  margin-right: -4px;
  margin-top: -4px;
  right: 0;
  top: 50%;
}
.jcrop-handle.ord-w {
  left: 0;
  margin-left: -4px;
  margin-top: -4px;
  top: 50%;
}
.jcrop-handle.ord-nw {
  left: 0;
  margin-left: -4px;
  margin-top: -4px;
  top: 0;
}
.jcrop-handle.ord-ne {
  margin-right: -4px;
  margin-top: -4px;
  right: 0;
  top: 0;
}
.jcrop-handle.ord-se {
  bottom: 0;
  margin-bottom: -4px;
  margin-right: -4px;
  right: 0;
}
.jcrop-handle.ord-sw {
  bottom: 0;
  left: 0;
  margin-bottom: -4px;
  margin-left: -4px;
}
/* Dragbars */
.jcrop-dragbar.ord-n,
.jcrop-dragbar.ord-s {
  height: 7px;
  width: 100%;
}
.jcrop-dragbar.ord-e,
.jcrop-dragbar.ord-w {
  height: 100%;
  width: 7px;
}
.jcrop-dragbar.ord-n {
  margin-top: -4px;
}
.jcrop-dragbar.ord-s {
  bottom: 0;
  margin-bottom: -4px;
}
.jcrop-dragbar.ord-e {
  margin-right: -4px;
  right: 0;
}
.jcrop-dragbar.ord-w {
  margin-left: -4px;
}
/* The "jcrop-light" class/extension */
.jcrop-light .jcrop-vline,
.jcrop-light .jcrop-hline {
  background: #ffffff;
  filter: alpha(opacity=70) !important;
  opacity: .70!important;
}
.jcrop-light .jcrop-handle {
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  background-color: #000000;
  border-color: #ffffff;
  border-radius: 3px;
}
/* The "jcrop-dark" class/extension */
.jcrop-dark .jcrop-vline,
.jcrop-dark .jcrop-hline {
  background: #000000;
  filter: alpha(opacity=70) !important;
  opacity: 0.7 !important;
}
.jcrop-dark .jcrop-handle {
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  background-color: #ffffff;
  border-color: #000000;
  border-radius: 3px;
}
/* Simple macro to turn off the antlines */
.solid-line .jcrop-vline,
.solid-line .jcrop-hline {
  background: #ffffff;
}
/* Fix for twitter bootstrap et al. */
.jcrop-holder img,
img.jcrop-preview {
  max-width: none;
}


/* Accordion */
.mobiz-accordion
{
  width:100%;
}
.mobiz-accordion-section
{
    
    -webkit-box-sizing:border-box;
    
            box-sizing:border-box;
    
    margin-bottom:3px;
}


.mobiz-accordion-heading
{
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    border-radius: 3px; 
    width:100%;
    background-color:#0178BC;
    color:white;
    height:2em;
    line-height:2em;
    vertical-align:middle;
    padding:0px 5px;
}
.mobiz-accordion-content
{
  overflow:hidden;
  height:0px;
  
  -webkit-box-sizing: border-box;
  
          box-sizing: border-box;
}
.mobiz-accordion-section.expanded .mobiz-accordion-heading
{
    border-bottom-left-radius: 0px; 
    border-bottom-right-radius: 0px; 
}
.mobiz-accordion-section.expanded .mobiz-accordion-content
{
  height:auto;
  padding:5px;
  border-color: #999;
  border-style: solid;
  border-width: 0px 1px 1px 1px;
  border-bottom-left-radius:3px;
  border-bottom-right-radius:3px;
}
.mobiz-accordion-section:only-child .mobiz-accordion-heading
{
    display:none;
  
}
.mobiz-accordion-section:only-child .mobiz-accordion-content
{
    border:none;
}

.popupdropdown_display
{
    width:100%;
    word-break:break-all;
}
.popupSelectorOption
{
    width:100%;
    cursor:pointer;
    padding:10px;
    -webkit-box-sizing:border-box;
            box-sizing:border-box;
    border-bottom:1px solid #999;
    word-break:break-all;
        
}
.popupSelectorOption:hover
{
    background-color:#eee;
    
}
/**
 * Hevyweb datepicker css -START
 * 
 * Default theme for the datepicker
  @link https://github.com/hevyweb/hw.datepicker
  @author Dmytro Dzyuba <1932@bk.ru>
  @licence MIT
  @version 1.3.0
 */

.hw_datepicker{
    font-size: 10px;
    font-family: Verdana;
    border: .1rem solid silver;
    border-radius: .5em;
    padding: .5em;
    position: absolute;
    color: #005C9D;
    -webkit-box-shadow: 0 .3em .5em rgba(0, 0, 0, 0.5);
            box-shadow: 0 .3em .5em rgba(0, 0, 0, 0.5);
    background: #F5F5F5;
    width: 25.6em;
    z-index:200;
}

.hw_datepicker button{
    background: white;
    border: .1em solid #005C9D;
    border-radius: .2em;
    margin: .2em;
    padding: 0;
    width: 2.21em;
    height: 2.21em;
    text-align: center;
    vertical-align: middle;        
    cursor: pointer;
}

.hw_datepicker button.hw_inactive {
    display: none;
}
.hw_datepicker button.hw_unavailable {
    border: .1em solid silver;
    color: silver;
    cursor: initial;
    background: white
}

.hw_datepicker button.hw_currentDate{
    font-weight: bold;
    color: #ED3125;
    border: .1em solid #ED3125;
}

.hw_datepicker button.hw_selectedDate{
    background: #62a4b4;
    border: .1em solid #62a4b4;
    color: #fff;
    text-shadow: 0 0 0 rgba(0, 0, 0, 0.5);
    font-weight: bold;
}

.hw_datepicker button.hw_activeDay{
    background: #005C9D;
    border: .1em solid #005C9D;
    color: white;
}

.hw_monthLeft:before{
    content: '<';
}

.hw_monthRight:before{
    content: '>';
}

.hw_monthContainer{
    display: table;
}

.hw_monthContainer div{
    display: table-cell;
}

.hw_pickerBody {
    display: table;
    width: 100%;
}

.hw_pickerBodyHeader{
    display: table-header-group;
}

.hw_pickerBodyHeader div{
    display: table-cell;
    font-weight: bold;
    text-align: center;
    line-height: 2.4em;
    font-size: 1.2em;
}

.hw_week{
    display: table-row;
}

.hw_day{
    display: table-cell;
}

.hw_currentMonth{
    width: 100%;
    text-align: center;
    font-size: 1.4em;
}

.hw_closed{
    display: none;
}

.hw_close{
    float: right;
}

.hw_close:before{
    content: '\D7';
}

.hw_selectCurrentDate:before{
    background: #000;
    border-radius: 100%;
    height: 1em;
    width: 1em;
    margin: 0 auto;
    content: ' ';
    display: block;
}

.hw_footer{
    border-top: .1em solid silver;
    display: block;
    margin-top: .3em;
    padding-top: .3em;
}

@media screen and (max-width: 256px) {
    .hw_datepicker{
        width: 100%;
        left: 0;
    }
    
    .hw_day {
        border: .1em solid transparent;
    }
    
    .hw_datepicker button{
        width: 100%;
    }
}

/* Hevyweb datepicker css -END*/

/* table scaling */
.pad
{
    width:99%;
}
.shrink
{
    display:inline-block;
    white-space: nowrap;
    overflow: hidden;
    -o-text-overflow: ellipsis;
       text-overflow: ellipsis;
    max-width:400px;
}
.wrap
{
    white-space:inherit;
    word-break:break-all;
}
.function_lock
{
    width:80px;
}
.hide_1300,.hide_1080,.hide_1000,.hide_920
{
    display:none;
}

@media screen and (min-width: 920px)
{
    .hide_920
    {
        display:table-cell;
    }
}
@media screen and (min-width: 1000px)
{
    .hide_1000
    {
        display:table-cell;
    }
}
@media screen and (min-width: 1080px)
{
    .hide_1080
    {
        display:table-cell;
    }
    #login_content_container
    {
        width:40%;
        background:white;
    }
}
@media screen and (min-width: 1300px)
{
    .hide_1300
    {
        display:table-cell;
    }
}

@media screen and (min-width: 1920px) 
{
    .shrink
    {
        max-width:715px;
    }
    
}
/* mobiz flow */
.mobiz_flow_container
{
    width:100%;
    height:100%;
    background:transparent;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-orient:vertical;
    -webkit-box-direction:normal;
        -ms-flex-direction:column;
            flex-direction:column;
}
.mobiz_flow_content_wrapper
{
    overflow:hidden;
    -webkit-box-flex:99;
        -ms-flex-positive:99;
            flex-grow:99;
    position:relative
}
.mobiz_flow_content
{
    width:1550px;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-pack:justify;
        -ms-flex-pack:justify;
            justify-content:space-between;
    position:absolute;
    left:50%;
    margin-left:-225px;
    top:50%;
    margin-top:-225px;
    -webkit-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
    line-height:2em;
}
.mobiz_flow_content_slide
{
    width:450px;
    height:450px;
    border: 1px solid #aaa;
    border-radius:2px;
    background:white;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-orient:vertical;
    -webkit-box-direction:normal;
        -ms-flex-direction:column;
            flex-direction:column;
    -webkit-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
}

.first .second_slide,.first .third_slide,.second .third_slide
{
    opacity:0;
}

.second
{
    margin-left:-775px;
}
.third
{
    margin-left:-1325px;
}
.mobiz_flow_content_slide_heading
{
    font-weight:500;
    text-align:center;
    
    font-size:1.1em;
    line-height:40px;
    padding:10px 15px;
    -webkit-box-sizing:border-box;
            box-sizing:border-box;
}
.mobiz_flow_content_slide_sub_heading
{
    border-top: 1px solid #aaa;
    border-bottom:1px solid #aaa;
    text-align:center;
    font-size:0.9em;
    padding: 5px 15px;
    
}
.mobiz_flow_content_slide_main_content
{
    -webkit-box-flex:99;
        -ms-flex-positive:99;
            flex-grow:99;
    width:100%;
    padding:15px;
    -webkit-box-sizing:border-box;
            box-sizing:border-box;
    overflow:auto;
    font-size:0.9em;
}
.mobiz_flow_slide_nav
{
    width:100%;
    padding:0px 15px 15px;
    position:relative;
    height:37px;
    -webkit-box-sizing:border-box;
            box-sizing:border-box;
    vertical-align:middle;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-pack:justify;
        -ms-flex-pack:justify;
            justify-content:space-between;
    -webkit-box-align:center;
        -ms-flex-align:center;
            align-items:center;
}

.mobiz_flow_slide_nav_button
{
    border:0px;
    vertical-align:middle;
    font-family: Arial;
    color: #ffffff;
    font-size: 14px;
    background-color: #0178bc;
    -webkit-box-sizing:border-box;
            box-sizing:border-box;
    padding: 2px 10px 2px 10px;
    border-radius: 2px;
    text-align: center;
    line-height:22px;
}

.mobiz_flow_main_button
{
    width:250px;
}
.mobiz_flow_next_button,.mobiz_flow_prev_button
{
   min-width:55px;
    
    
}
.mobiz_flow_slide_nav_button:hover {
  background-color: #0398e8;
  cursor:pointer;
}

@media screen and (min-height: 900px) 
{
    .mobiz_flow_content
    {
        width:2000px;
        margin-left:-300px;
        margin-top:-300px;
    }
    .mobiz_flow_content_slide
    {
        width:600px;
        height:600px;
    }
    .second
    {
        margin-left:-1000px;
    }
    .third
    {
        margin-left:-1700px;
    }
}

@-webkit-keyframes rotating /* Safari and Chrome */ {
  from {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  to {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@keyframes rotating {
  from {
    -ms-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  to {
    -ms-transform: rotate(360deg);
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
.rotating {
  -webkit-animation: rotating 2s linear infinite;
  animation: rotating 2s linear infinite;
}

#elFinderSelectorDiv .ui-dialog-titlebar-close .ui-icon
{
    position: absolute;
    top: 50%;
    left: 50%;
    margin-top: -8px;
    margin-left: -8px;
}

.file_list_file.ds-selected
{
   border:5px solid red;
}
.mobiz_layout_content_grid_box
{
    position:relative;
    padding:15px;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    width:100%;
    font-style: normal;
    height:100%;
    display:grid;
 
    grid-gap: 40px;
    grid-template-columns: repeat(auto-fill, minmax(180px, 1fr) );
}
.file_list_file
{
    position:relative;
    border:5px solid #f9f9f9;
    width:100%;
    max-width:240px;
    height:240px;
    display:flex;
    align-items:center;
    background:#ede5e1;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    justify-content:center;
}
.file_list_file_function
{
    position:absolute;
    background-color:rgba(0, 0, 0, 0.1);
    
    left:0px;
    right:0px;
    top:0px;
    bottom:0px;
    z-index:1;
    display:none;
}
.file_list_file_function_icons
{
    position:absolute;
    height:40px;
    width:100%;
    left:0px;
    right:0px;
    z-index:1;
    display:none;
    display:flex;
    justify-content:space-around;
    padding-top:5px;
    padding-bottom:5px;
    box-sizing:border-box;
    
}
.file_list_file_function_filename
{
    color:white;
    height:40px;
    width:100%;;
    position:absolute;
    bottom:0px;
    background-color:rgba(0, 0, 0, 0.5);
    z-index:2;
    text-align:center;
    font-size:0.8em;
    word-break: break-all;
    line-height:20px;
    
    
}
.file_list_file_function_icon
{
    text-align:center;
    border-radius:50%;
    -webkit-border-radius: 50%;
     -moz-border-radius: 50%;
    background-color:white;
    cursor:pointer;
    width:30px;
    height:30px;
    text-align:center;
    line-height:30px;
    vertical-align:middle;
}

.bulksend_progressbar {
  counter-reset: step;
  font-size:11px;
}
.bulksend_progressbar li {
  list-style: none;
  display: inline-block;
  width: 20%;
  position: relative;
  text-align: center;
}
.bulksend_progressbar li:before {
  content: counter(step);
  counter-increment: step;
  width: 20px;
  height: 20px;
  line-height : 20px;
  border: 1px solid #ddd;
  border-radius: 100%;
  display: block;
  text-align: center;
  margin: 0 auto 10px auto;
  background-color: #fff;
}
.bulksend_progressbar li:after {
  content: "";
  position: absolute;
  width: 100%;
  height: 1px;
  background-color: #ddd;
  top: 11px;
  left: -50%;
  z-index : -1;
}
.bulksend_progressbar li:first-child:after {
  content: none;
}
.bulksend_progressbar li.active {
  color: green;
}
.bulksend_progressbar li.active:before {
  border-color: green;
} 
.bulksend_progressbar li.active + li:after {
  background-color: green;
}

.ellipsis
{
    width:300px;
}
.ellipsis:after {
  
  overflow: hidden;
  display: inline-block;
  vertical-align: bottom;
  -webkit-animation: ellipsis steps(4,end) 900ms infinite;      
  animation: ellipsis steps(4,end) 900ms infinite;
  content: "\2026"; /* ascii code for the ellipsis character */
  width: 0px;
}

@keyframes ellipsis {
  to {
    width: 1.25em;    
  }
}

@-webkit-keyframes ellipsis {
  to {
    width: 1.25em;    
  }
}