html
{
    height:100%;
    overflow:auto;
}
iframe
{
    border:0px;
}
p
{
    margin:0px;
}
.fullwidth
{
    width:100%;
}
strong
{
    font-weight:bold;
}
::-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;
}

.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;
    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;
}
.analytics_report_type.highlighted
{
    text-decoration:underline;
}
.tester_cell .tester_hover_show
{
    display:none;
}
.tester_cell:hover .tester_hover_show
{
    display:block;
}
.tester_cell:hover .tester_hover_show .ui-icon
{
    background-image: url("../images/ui-icons_666666_256x240.png");
    display:block;
}
.tester_cell .tester_hover_show.checked .ui-icon
{
    background-image: url("../images/ui-icons_323232_256x240.png");
    display:block;
}
.tester_cell .tester_hover_show.checked 
{
    display:block;
    
}


.align_left
{
    text-align:left;
}
a ,a:active,a:hover,a:visited
{
    text-decoration:none;
    color:#0178BC;
    cursor:pointer;
}

body
{
    height:100%;
    line-height: 18px;
    font-size:16px;
    font-family: 'Lato' ,sans-serif !important;
    font-style: normal;
    font-weight: 300;
    padding:0px;
    margin:0px;
    position:relative;
    overflow:auto;
}
.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;
    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;
}
/** Switch
 -------------------------------------*/

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

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

.switch {
  display: inline-block;
  font-size: 20px; /* 1 */
  height: 1em;
  width: 2em;
  background: red;
  border-radius: 1em;
}
.switch.checked
{
    background: blue;
}
.switch div {
  height: 1em;
  width: 1em;
  border-radius: 1em;
  background: #FFF;
  box-shadow: 0 0.1em 0.3em rgba(0,0,0,0.3);
  transition: all 300ms;
}
  

.switch input:checked + div {
  -webkit-transform: translate3d(100%, 0, 0);
          transform: translate3d(100%, 0, 0);
  
}
tr.suspended td
{
    color:#999;
}
.clickable
{
    color:#0178BC;
    cursor:pointer;
}
.clickable_wo_color
{
    cursor:pointer;
}
.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;
}

.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;
    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;
}
.formLabel
{
    color:#606060;
    white-space:nowrap;
    font-weight:bold;
    line-height:2em;
}
input[type="text"],input[type="password"],select 
{
   height: 28px;
   font-size: 14px;
   line-height:18px;
   border: solid 1px #CFCFCF;
   padding: 2px 5px;
   border-radius: 5px;
   -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
   box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
   background-color: #FFFFFF;
   outline: none;
   vertical-align:middle;
   color:#333;
   box-shadow: 1px 1px 4px #EBEBEB;
    -moz-box-shadow: 1px 1px 4px #EBEBEB;
    -webkit-box-shadow: 1px 1px 4px #EBEBEB;
}
input[type="text"]:focus,input[type="password"]:focus,select:focus
{
   border: solid 1px #999999;
}
input[type="text"]:disabled {
    background: #dddddd;
}
textarea
{
   border: solid 1px #CFCFCF;
   border-radius: 5px;
   -webkit-border-radius: 5px;
   -moz-border-radius: 5px;
   box-sizing:border-box;
   background-color: #FFFFFF;
   box-shadow: 1px 1px 4px #EBEBEB;
    -moz-box-shadow: 1px 1px 4px #EBEBEB;
    -webkit-box-shadow: 1px 1px 4px #EBEBEB;
   outline: none;
   box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
   background-color: #FFFFFF;
   padding: 5px 7px;
   color:#333;
}
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;
   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;
    box-sizing:border-box;
}

#login_container
{
    position:absolute;
    background-color: #EEEEEE;
    top:0px;
    bottom:0px;
    right:0px;
    left:0px;
    overflow:auto;
    box-sizing:border-box;
    z-index:1;
    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;
        flex-direction:column;
    -webkit-flex-direction:column;
    
    -ms-flex-pack:center;
    
        justify-content:center;
    -webkit-justify-content:center;
    
}
#login_container .logo_container
{
    width:100%;
    text-align:center;
}
#login_container .logo_container img
{
    max-width:120px;
}
#login_content
{
    background-color:white;
    width:350px;
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    margin: 0px auto;
    box-shadow: 0px 0px 20px #A0A0A0;
    border:1px solid #A0A0A0;
    padding:20px;
    box-sizing:border-box;
    line-height:30px;
}
#login_content input[type="text"],#login_content input[type="password"]
{
    width:100%;
    margin-bottom:10px;
}
.login_label
{
    font-family: Arial,Helvetica Neue,Helvetica,sans-serif; 
    font-weight:400;
    color:#303030;
}
#cf_container
{
    position:absolute;
    background-color: #EEEEEE;
    
    top:60px;
    bottom:0px;
    right:0px;
    overflow:auto;
    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;
    transition: left 0.3s ease 0s;
    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;
    border-right:1px solid #ccc;
    transition: width 0.3s ease 0s;
    
}


table
{
    border-collapse: collapse;
}
.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_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;
}

.customer_data_selector_wrapper
{
    margin:0px auto;
    overflow:hidden;
    height:auto;
    min-height:100%;
    
}
.customer_data_selector_row_function
{
    visibility: hidden;
}
.customer_data_selector_row:hover .customer_data_selector_row_function
{
    visibility:visible;
    cursor:pointer;
    
}

.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: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;
        flex-direction:row;
    -webkit-flex-direction:row;
    -ms-flex-wrap:wrap;
        flex-wrap:wrap;
    -webkit-flex-wrap: wrap;
}
.mobiz_performance_table_row
{
    height:50%;
    width:100%;
    box-sizing:border-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%;
}
.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 */
    display: -webkit-flex;     /* NEW - Chrome */
    display:flex;
    -webkit-flex-direction:column;
    -ms-flex-direction:column;
        flex-direction:column;
    
    -webkit-justify-content:space-around;
    -ms-flex-pack:distribute;
        justify-content:space-around;
    
}
.mobiz_performance_table_number
{
    font-size: 2em;
    color:#0178BC;
    cursor:pointer;
}
.mobiz_performance_table_text
{
    font-family: Arial;
    font-size:1em;
    font-weight:bold;
    color:#666;
}
.mobiz_simple_table_wrapper
{
    margin:0px;
    width:100%;
    overflow:show;
    border:none;
}
.mobiz_simple_table
{
    display:table;
    border-collapse: collapse;
    width:100%;
}


.mobiz_simple_table_row
{
    display:table-row;
    height:50px;
    border-top:1px solid #999999;
    font-size:14px;
    color:#666;
}
.mobiz_simple_table_row:first-child
{
    border-top:none;
}
.hover_show
{
    visibility:hidden;
}
.mobiz_simple_table_row:hover .hover_show
{
    visibility:visible;
}
.hover_show.menu_open
{
    visibility:visible;
}
.mobiz_simple_table_row_heading
{
    font-weight:400;
    border-bottom:2px solid #999999;
}
.mobiz_simple_table_cell
{
    padding: 0px 5px;
    display:table-cell;
    vertical-align:middle;
}
.mobiz_simple_table_cell .kpi
{
    padding: 0px 5px;
    display:table-cell;
    vertical-align:middle;
}
.grabable:hover
{
    background-color: #D1DAE7;
    cursor: -webkit-grab;
    cursor: grab;
}

.author_section
{
    width:100%;
    background:#EEEEEE;
    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;
        flex-direction:row;
    -webkit-flex-direction:row;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
    
    
}

.author_add_content
{
    font: normal 0.7em/1em arial, sans-serif;
    text-decoration: none;
    color:#0178BC;
}
.author_content_item
{
    background:#EEEEEE;
    padding:10px;
    position: relative;
    box-sizing:border-box;
    display:inline-block;
    vertical-align:top;
    min-height:60px;
    position:relative;
    width:100%;
    
}
.single_col
{
   width:100%;
   text-align:left;
}
.double_col
{
   width:50%;
   text-align:center;
   height:100%;
}

.double_col:nth-child(1)
{
   border-right:2px dotted black;
}
.author_content_item_heading
{
    height:60px;
    font-weight:bold;
}
.author_content_type_selector_group_heading
{
    width:100%; 
    line-height:20px;
    font-size:14px;
    font-weight:bold;
    padding-left:7px;
    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;
    border:2px solid #666;
    box-sizing:border-box;
    text-align:center;
    cursor:pointer;
}
.author_content_type_selector_content_container:hover
{
    background-color:rgb(200, 230, 255);
}
.author_content_type_selector_content_icon
{
    
}
.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;
}
.edit_content
{
    position: absolute;
    width:40px;
    height:40px;
    right: 10px;
    top: 10px;
    background-image: url('/images/author_content_edit.png');
    z-index: 10;
    background-repeat: no-repeat;
    cursor: pointer;
}

.delete_content
{
    cursor: pointer;
    position: absolute;
    width:40px;
    height:40px;
    right: 60px;
    top: 10px;
    background-image: url('/images/author_content_delete.png');
    z-index: 10;
    background-repeat: no-repeat;
}


.nav_pane_control_container
{
    float:left;
    position:relative;
}
.nav_pane_admin
{
    position:absolute;
    right:40px;
    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;
}

.campaign_card
{
    float:left;
    height:242px;
    width:322px;
    box-sizing:border-box;
    position:relative;
    margin-right:18px;
    margin-bottom:20px;
    z-index: 0;
}
.campaign_card:hover
{
    box-shadow: 0px 0px 4px 2px rgba(191,0,0,1);
    cursor:-webkit-grab;
    cursor:grab;
    
}
.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;
    border:1px solid #999;

}
.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_functions:hover
{
    background-color:rgba(0, 0, 0, 0.4);
}
.campaign_card_function_icons
{
    display:none;
}

.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;
    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;
    box-sizing:border-box;
}
.mobiz_author_wrapper
{
    margin:0px auto -60px;
    overflow:hidden;
    height:auto;
    min-height:100%;
    display:block;
    box-sizing:border-box;
    padding-left:15px;
}
.campaign_type_container
{
    width:80%;
    background-color:white;
    margin:0px auto -60px;
    height:auto;
    min-height:100%;
}
.channel_select_container
{
    width:16vw;
    height:16vw;
    border-radius:10px;
    border:1px solid #999;
    margin-left:2.5vw;
    margin-top:30px;
    float:left;
    text-align:center;
    box-sizing:border-box;
    
}
.campaign_detail_container,.trigger_detail_container
{
    position:relative;
    margin:0px auto -60px;
    overflow:hidden;
    height:auto;
    min-height:100%;
    display:block;
    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;
    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; 
    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;
    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
{
    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;
    box-sizing: border-box;
    width:100%;
    font-family: 'Lato' ,sans-serif !important;
    font-style: normal;
}
.mobiz_page_heading
{
    position:relative;
    width:100%;
    height:70px;
    box-sizing:border-box;
    padding:15px 20px;
    text-align:left;
}
.nosub
{
    height:40px;
    padding:15px 10px;
}
.mobiz_page_main_heading
{
    line-height:26px;
    font-size:24px;
    color:#666;
    font-weight:400;
}
.mobiz_page_search_box_container
{
    position:absolute;
    right:10px;
    top:10px;
    height:30px;
    width:250px;
    box-sizing:border-box;
}
.mobiz_page_search_box_input
{
    position:absolute;
    border:1px solid #999;
    border-radius:5px;
    width:100%;
    height:100%;
    box-sizing:border-box;
    padding-left:30px;
    padding-right:50px;
}

.mobiz_page_sub_heading
{
    padding-top:2px;
    padding-left:1px;
    line-height:16px;
    font-size:14px;
    color:#666;
    font-weight:300;
    display:inline-block;
}
.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;
    box-sizing:border-box;
    padding:0px 10px;
    vertical-align:middle;
    border-radius: 2px;
    cursor:pointer;
}
.mobiz_page_main_function:hover {
  background-color: #0398e8;
  cursor:pointer;
}

#foldersDiv
{
    padding-top:10px;
    background-color:#e0e0e0;
    font-family:Arial;
    font-size:14px;
    line-height:16px;
    box-sizing:border-box;
    
}
.mobiz_layout_content_box_header
{
    font-weight: bold;
    color: #666;
    font-size: 14px;
    line-height: 18px;
    position: relative;
    font-family:Arial;
}
.mobiz_layout_content_box_header_menu
{
    position:absolute;
    right:0px;
    top:0px;
}
.mobiz_flow .mobiz_layout_content_box_header
{
    font-weight: bold;
    font-size: 16px;
    line-height: 30px;
    position: relative;
    height:30px;
    color: #666;
    font-family:Arial;
    vertical-align:middle;
}
.mobiz_flow .mobiz_layout_style_box
{
    padding-right:0px;
}
.mobiz_flow_slide_nav
{
    position:relative;
    height:40px;
    width:100%;
    box-sizing:border-box;
    text-align:center;
    margin-top:10px;
}
.mobiz_flow_slide_nav_button
{
    border:0px;
    vertical-align:middle;
    font-family: Arial;
    color: #ffffff;
    font-size: 14px;
    line-height:18px;
    height:22px;
    background-color: #0178bc;
    box-sizing:border-box;
    padding: 2px 10px 2px 10px;
    border-radius: 2px;
    
    
}
.mobiz_flow_slide_nav_button:hover {
  background-color: #0398e8;
  cursor:pointer;
}
.mobiz_flow_main_button
{
    position:absolute;
    margin-left: auto;
    margin-right: auto;
    left: 0;
    right: 0;
    width:250px;
}
.mobiz_flow_next_button
{
    position:absolute;
    right: 5px;
    border-radius: 2px 22px 22px 2px / 2px 0px 26px 2px;
    padding: 2px 20px 2px 10px;
    
}
.mobiz_flow_slide_nav_button.active
{
    color: #ffffff;
    background-color: #0178bc;
    cursor:pointer;
}
.mobiz_flow_slide_nav_button.disabled
{
    color: #ffffff;
    background-color: #999;
    cursor:default;
}
.mobiz_flow_prev_button
{
    position:absolute;
    left: 5px;
    border-radius: 22px 2px 2px 22px / 0px 2px 2px 26px;
    padding: 2px 10px 2px 20px;
}

.mobiz_flow .mobiz_layout_content_box_header .campaign_create_tick
{
    position:absolute;
    right: 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;
        flex-direction:row;
    -webkit-flex-direction:row;
    -ms-flex-pack:distribute;
        justify-content:space-around;
    -webkit-justify-content:space-around;
}
.matching_data_source
{
    box-sizing:border-box;
    text-align:center;
    cursor:pointer;
    width:31%;
    margin-bottom:5px;
    line-height:2em;
    border-radius:5px;
    border:1px solid black;
    word-break:break-all;
    padding:0px 5px;
    
    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;
        flex-direction:column;
    -webkit-flex-direction:column;
    -ms-flex-pack:center;
        justify-content:center;
    -webkit-justify-content:space-around;
}
.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; 
    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.automatched
{
    color:red;
}

.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:1.5em;
    overflow:hidden;
}
.tree_node_label.drop_hover
{
    border:1px solid black;
}
.tree_item .tree_node_label_text
{
    border: 0px;
    position : absolute;
    
    border-radius : 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    padding : 1px 5px;
    white-space: nowrap;
    overflow : hidden;
    text-overflow:ellipsis;
    cursor : pointer;
    right: 5px;
}
.tree_item[data-level="0"] .tree_node_label_text
{
    left : 16px;
}
.tree_item[data-level="1"] .tree_node_label_text
{
    left : 26px;
}
.tree_item[data-level="2"] .tree_node_label_text
{
    left : 36px;
}
.tree_item[data-level="3"] .tree_node_label_text
{
    left : 46px;
}
.tree_item[data-level="4"] .tree_node_label_text
{
    left : 56px;
}
.tree_item[data-level="0"] .tree_node_label_icon
{
    left:1px;
}
.tree_item[data-level="1"] .tree_node_label_icon
{
    left:11px;
}
.tree_item[data-level="2"] .tree_node_label_icon
{
    left:21px;
}
.tree_item[data-level="3"] .tree_node_label_icon
{
    left:31px;
}
.tree_item[data-level="4"] .tree_node_label_icon
{
    left:41px;
}
.tree_item .tree_node_label_highlighted .tree_node_label_text
{
    background-color : #FFFFFF;
    border: 1px solid #AAAAAA;
}

.tree_item .tree_node_label_icon
{
    background-image: url(../images/arrows-normal.png);
    background-repeat: no-repeat;
    background-position: 0 -21px;
    position : absolute;
    top : 50%;
    margin-top : -8px;
    width: 12px;
    height:14px;
    cursor : pointer;
    z-index:1;
    
}
.tree_item.tree_closed .tree_node_label_icon
{
    background-position:0 4px;
    
}
.tree_closed > .tree_item
{
    display:none;
    
}
.tree_open > .tree_item 
{
    display:block;
    
}

@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;
   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;
  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;
  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%;
  box-sizing:border-box;
  height:570px;
  overflow:hidden;
  position:relative;
}
.content_create_selector_content
{
  position:relative;
  width:110px;
  height:110px;
  float:left;
  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%;
    }
    .single_col
    {
       width:100%;
       text-align:center;
    }
    .double_col
    {
       width:100%;
       text-align:center;
       height:auto;
       
    }
    .double_col:nth-child(1)
    {
        border-right:0px;
        border-bottom:2px dotted black;
    }
    
    
}
@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;
        box-sizing:border-box;
    }
    .wrapper.retracted .layout_container.show_fixed_pane.fixed_pane_large .fixed_pane
    {
        left:60px;
        width:400px;
        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;
    }
    
    
    
    
    
    
    .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
    {
        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.png?ts=1);
        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.png?ts=e23);
        background-size: 60px 60px;
        display: inline-block;
        width: 60px; 
        height: 60px;
        content:"";
    }
    .wrapper.extended .nav_pane_content
    {
        box-sizing: border-box;
        width:160px;
    }
    .wrapper.retracted .nav_pane_content
    {
        box-sizing: border-box;
        width:60px;
    }

    .nav_pane_item
    {
        margin:0px auto;
        font-size:14px;
        text-align:center;
        float:left;
        color: white;
        box-sizing:border-box;
        font-weight:400;
            
    }
    .wrapper.extended .nav_pane_item
    {
        width:160px;
        height: 70px;
        margin-bottom:15px;
        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;
            flex-direction:column;
        -webkit-flex-direction:column;
        -ms-flex-pack:center;
            justify-content:center;
        -webkit-justify-content:space-around;
        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
    {
        box-sizing:border-box;
        width:100px;
        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
    {
        box-sizing: border-box;
        float:left;
        height:60px;
        background-color:white;
        width:0px;
        content: none;
        padding: 0px;
    }
    
    .wrapper.extended .nav_pane_content
    {
        box-sizing: border-box;
        width:60px;
    }
    .wrapper.retracted .nav_pane_content
    {
        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
    {
        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
{
    box-sizing:border-box;
    overflow:auto;
    width:100%;
    padding:5px 10px;
}

.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;
   box-sizing:border-box;
  }
  
.formContainer .normalTextbox:focus  {
   border: solid 1px #999999;
  }
  /*
.formSaveButtonContainer
{
    position:absolute;
    bottom:0px;
    left:10px;
    right:10px;
    box-sizing:border-box;
    height:35px;
    
}
.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;
}*/
  .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
{
    background-color: #0398e8;
    cursor:pointer;
}
.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;
        font-family:Arial;
        box-sizing:border-box;
        box-shadow: 0px 0px 7px 4px rgba(0,0,0,0.75);
}
.mobiz-dialog.ui-dialog .ui-widget-header {
    background: white;
    color: #666;
    font-weight: bold;
    border:0px;
}
.mobiz-dialog.ui-dialog .ui-dialog-titlebar 
{
    padding:6px 10px 2px 10px;
    
}
.mobiz-dialog.ui-dialog .ui-dialog-titlebar-close {
    position: absolute;
    right: 10px;
    top:15px;
    width: 20px;
    padding: 1px;
    height: 20px;
    font-size:0px;
    background-color:white;
}
.mobiz-dialog.ui-dialog .ui-dialog-content 
{
    border: 0;
    padding: 0px 10px;;
    background: none;
    overflow: auto;
}
.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: 1px solid #666;
    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;
    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: 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: 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;
}
/**
 * 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*/

.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;
}
.ani-spin
{
    -webkit-animation:ani-spin 1.5s linear infinite;
    animation:ani-spin 1.5s linear infinite
}
@-webkit-keyframes ani-spin
{
    0%
    {
        -webkit-transform:rotate(0deg);
        transform:rotate(0deg)
    }
    to
    {
        -webkit-transform:rotate(359deg);
        transform:rotate(359deg)
    }
}
@keyframes ani-spin
{
    0%
    {
        -webkit-transform:rotate(0deg);
        transform:rotate(0deg)
    }
    to
    {
        -webkit-transform:rotate(359deg);
        transform:rotate(359deg);
    }
}

/* ===== Admin Global Search ===== */
#admin_search_container {
    position: fixed;
    top: 12px;
    left: 160px;
    right: 220px;
    height: 36px;
    z-index: 1001;
}

#admin_search_input {
    width: 100%;
    max-width: 420px;
    height: 36px;
    border: none;
    border-radius: 4px;
    padding: 0 12px;
    font-size: 14px;
    box-sizing: border-box;
    outline: none;
    background: rgba(255,255,255,0.92);
    color: #333;
    margin: 0;
}

#admin_search_input::-webkit-input-placeholder { color: #999; }
#admin_search_input::-moz-placeholder { color: #999; }
#admin_search_input:-ms-input-placeholder { color: #999; }
#admin_search_input::placeholder { color: #999; }

#admin_search_results {
    display: none;
    position: absolute;
    top: 36px;
    left: 0;
    min-width: 360px;
    max-width: 480px;
    background: #fff;
    border-radius: 4px;
    box-shadow: 0 4px 20px rgba(0,0,0,0.25);
    z-index: 10000;
    max-height: 500px;
    overflow-y: auto;
}

.admin_search_group_heading {
    padding: 8px 14px 4px;
    font-size: 11px;
    font-weight: bold;
    text-transform: uppercase;
    letter-spacing: 0.05em;
    color: #888;
    border-top: 1px solid #eee;
}
.admin_search_group_heading:first-child { border-top: none; }

.admin_search_result {
    padding: 9px 14px;
    cursor: pointer;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 8px;
}
.admin_search_result:hover { background: #f5f5f5; }
.admin_search_result:focus { background: #eef; outline: none; }

.admin_search_type_badge {
    font-size: 10px;
    font-weight: bold;
    padding: 2px 6px;
    border-radius: 3px;
    color: #fff;
    white-space: nowrap;
    -ms-flex-negative: 0;
    flex-shrink: 0;
}
.badge_enterprise { background: #cc0033; }
.badge_user       { background: #2980b9; }
.badge_brand      { background: #27ae60; }
.badge_domain     { background: #8e44ad; }

.admin_search_result_main  { font-size: 14px; color: #222; }
.admin_search_result_sub   { font-size: 12px; color: #888; margin-left: auto; }

.admin_search_no_results {
    padding: 16px 14px;
    color: #999;
    font-size: 14px;
}