/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/* 
    Created on : Jan 26, 2017, 5:10:47 PM
    Author     : Hannes
*/


.clearfix:before,
.clearfix:after { display: table; content: ''; }
.clearfix:after { clear: both; }
.clearfix { *zoom: 1; }

.hide { display: none;}
.login_msg { color: red;}
.form_wrap { max-width: 600px; width: 100%}

input[type="text"], input[type="password"] { border: #c1c1c1 1px solid; border-radius: 5px; padding: 3px 10px; width: 95%; margin: 0 0 10px;}

input[type="submit"] { font-size: 13px;
    background: steelblue; background-size: cover;
    border: none; border-radius: 5px; padding: 6px 10px; color: steelblue; 
    box-shadow: 3px 3px 3px #a1a1a1; text-transform: uppercase; font-weight: 400;
    text-decoration: none; color: #fff;
    
}

a { text-decoration: none; -webkit-box-shadow: none !important;
                    box-shadow: none !important;}
.form_submit_btn,
.button_shape {
    background: steelblue; background-size: cover !important;
    border: none; border-radius: 5px; padding: 6px 10px; color: #E6E6E6; display: inline-block;
    box-shadow: 3px 3px 3px lightsteelblue; text-transform: uppercase; font-weight: 400; text-align: center;
     font-size: 12px;
}
.form_submit_btn:hover { color: #fff; }
.button_shape:hover 
    {   color: #fff !important;  }
.button_shape.disabled { background: #c1c1c1; color: #434242;}
    
    .small_round_button {
        background: steelblue;  background-size: cover !important;
        border: none; border-radius: 40px;  height: 20px; width: 20px;  color: #E6E6E6; display: inline-block;
        text-transform: uppercase; font-weight: 400; text-align: center; display: block; padding: 10px 10px;
        font-size: 30px; line-height: 9px; float: left; margin: 0 10px 0 0; position: relative; top: 0px;
        text-decoration: none;
        
    }
    

.form_refresh_btn { margin: 17px 0 0 0;}

.icon-white {
    overflow: hidden;
    background-image: url("../images/glyphicons-halflings-white.png");
    min-height: 14px;
    min-width: 12px;
    display: block;
}


/* posts page */

.save_btn_wrap { width: 100%;  text-align: right;}
.save_btn_wrap a { display: inline-block !important; margin: 20px 50px;}

.post_type_wrap {  width: 100%; }
.post_type_title { width: 95%; height: 60px; background: steelblue; display: block; border: none; box-shadow: none !important;}

.post_type_small { width: 20px; text-align: center; line-height: 60px; height: 60px; color: #000; display: inline-block;border: none; 
                  box-shadow: none !important;
                  
}

.post_type_wrap .post_type_name { display: inline-block;  }
.post_wrap_wrap { display: block; float: left; width: 95%;  padding: 10px; margin:0 20px 20px 0;
                  border: 1px solid #c1c1c1; border-radius: 10px;
                  border-top-left-radius: 0; border-bottom-left-radius: 0 ;border-left: 2px #000 solid;
    }

.post_wrap_title { width: 95%;   display: block; border: none; box-shadow: none !important; margin: 0 0 0 30px; }
.post_wrap_title .post_wrap_name { display: inline-block; color: #000;}
.post_wrap_title .post_wrap_name h3 {display: inline-block; color: #000; font-size: 16px;}
.post_wrap_small  { width: 20px; text-align: center; line-height: 40px; height: 40px; color: #000; display: inline-block;border: none; 
                  box-shadow: none !important;
                  
}

.post_type_children { padding: 20px;}
.client_content_item {list-style: none; width: 90%; margin: 10px 2%;  }

.page_list_item {  width: 100%; }
.page_list_title { width: 95%; height: 60px; background: steelblue; display: block; border: none; box-shadow: none !important;}

.page_list_small { width: 20px; text-align: center; line-height: 60px; height: 60px; color: #000; display: inline-block;border: none; 
                  box-shadow: none !important; }
.page_list_item .page_list_name { display: inline-block;  }
.page_children { padding: 20px;}

.attachment_wrap { display: block; float: left; width: 300px;  padding: 10px; margin:0 20px 20px 0;
                  border: 1px solid #c1c1c1; border-radius: 10px; height: 550px; overflow-y: scroll; overflow-x: hidden;}
.attachment_wrap h3 {margin: 0 0px 5px 0; text-align: center;}
.image_wrap { width: 100%; height: 220px; display: block; margin-bottom: 10px; background-size: contain !important; }
.field_wrap { margin: 0 0 5px 0; display: block; width: 100%;}
.field_wrap  label { font-weight: 400; display: block; width: 100%; color: #000; margin: 0 0 5%;}
.field_wrap  .field_value {  display: inline-block;}
.field_wrap textarea { width: 100%;}
.field_wrap select { width: 100%;}

.post_child_meta_wrap {display: block; float: left; width: 95%;  padding: 10px; margin:0 20px 20px 30px;
                  border: 1px solid #c1c1c1; border-radius: 10px;
                  border-top-left-radius: 0; border-bottom-left-radius: 0 ;border-left: 2px #000 solid;}
.post_child_meta_wrap h3  { margin: 0 0 0 30px}
.post_field_wrap { margin: 0 0 5px 0; display: block; width: 95%;}
.post_field_wrap  label { font-weight: 400; display: block;  width: 100%; color: #000; margin: 0 0 5px; font-size: 16px;}
.post_field_wrap  input[type="text"] { }
.post_field_wrap textarea { width: 100%;}

#image_url { min-width: 500px;}
.image_url_text { width: 100%; margin-bottom: 10px; padding: 5px; min-height: 100px !important;}
.img_btn { float: left; margin: 0 10px 0 0 !important; display: inline-block;}
.add_attachement_wrap { width: 100%; text-align: center; }
.add_attachement_btn { display: inline-block !important;}

.post_fields_wrap { padding: 10px; border: 1px solid #c1c1c1; width: 80%; border-radius: 5px; margin: 0 0 20px 30px;
border-top-left-radius: 0; border-bottom-left-radius: 0 ;border-left: 2px #000 solid; 
}
.post_meta_wrap { padding: 10px; border: 1px solid #c1c1c1; width: 80%; border-radius: 5px;
border-top-left-radius: 0; border-bottom-left-radius: 0 ;border-left: 2px #000 solid; margin: 0 0 0 30px;
}


.map_txt { padding: 10px;}
.testchar { display:inline-block}
.post_child_meta_wrap,
.child_meta_row { margin: 10px 0 30px 30px; padding: 10px 10px 10px 20px; border: 1px solid #c1c1c1; width: 90%; border-radius: 5px;
border-top-left-radius: 0; border-bottom-left-radius: 0 ;border-left: 2px #000 solid;}

.add_row_btn { margin: 0 0 0 30px; width: 90% !important; padding: 10px 0; font-size: 16px;}
.image_field_wrap { width: 95%;}
.image_field_wrap .image_wrap {display: inline-block; width: 30%; 
}
.image_field_wrap a { display: inline-block; }
.image_field_wrap input[type="text"] { width: 30%; display: inline-block; }
.attachment_select_popup_wrap_in { width: 900px;}
.attachment_select_popup_wrap { width: 900px;  }


.popup_wrap { position: fixed; width: 100%; height: 100%; top: 0; left:  0; 
                    z-index: 10000; text-align: center;
background: url('../images/modal_back.png') repeat;
}
    .popup_wrap_in { position: absolute; left: 0; width: 100%; height: 100%; top: 0; text-align: center;}
    .popup_in { display: inline-block; position: relative;  min-height: 200px;  
               min-width: 300px;text-align: left; background: #fff; ; border-radius: 5px ; 
               top: 10%;
               padding: 20px 40px 20px 20px; 
               }
    .pop_up_close_btn { display: block; text-decoration: none; height: 30px; line-height: 30px;
                       text-align: center; width: 30px; border-radius: 30px; color: #FFF;
                        text-shadow: 0px -1px 0px rgba(0, 0, 0, 0.25);
                        background: lightsteelblue;     border: none;
                        border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
                        position: absolute; right: 5px; top: 5px;
    }
    
    .close_btn { display: block; text-decoration: none; height: 30px; line-height: 30px;
                       text-align: center; width: 30px; border-radius: 30px; color: #FFF;
                        text-shadow: 0px -1px 0px rgba(0, 0, 0, 0.25);
                        background: lightsteelblue;     border: none;
                        border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
                        position: absolute; right: 5px; top: 5px;
    }
    .popup_content { background: #fff;  }
    @media screen and (max-width: 350px) {
        .popup_in { min-width: 250px; }
        .field_wrap { max-width: 250px;}

}


.select_image_wrap { width: 100%; height: 150px; display: block; margin-bottom: 10px; background-size: contain !important; }
.select_attachment_wrap { display: block; float: left; width: 28%;  padding: 1%; margin:0 2% 20px 0;
                  border: 1px solid #c1c1c1; border-radius: 10px; height: 260px; }
.select_attachment_wrap h3 {margin: 0 0px 5px 0; text-align: center; font-size: 14px;}

.field_option_wrap { padding: 0 50px;}
.field_option_list_item { display: block; padding: 10px 5% 0 0; float: left; width: 20%;}
.email_filters { padding: 20px 0;}
.filter_list_filters { list-style: none; margin: 10px 10px 30px 10px !important;}
.filter_list_filters li { list-style: none; float: left; margin: 0 2px;}
.filter_list_filters li.current { font-weight: 900;}

.list_pagination { width: 100%; text-align: center;}
.list_pagination ul { display: inline-block; list-style: none; margin: 20px 0;}
.list_pagination ul li { display: block; list-style: none; margin: 0 10px; float: left;}
.list_pagination ul li a { display: block; list-style: none; padding: 5px 10px; background: steelblue; 
                          color: #fff; border-radius: 20px;}
.list_pagination ul li.current a { border: steelblue 1px solid; background: #fff; color: steelblue;}
/*.action_table tfoot tr:last-child { border-top: 1px solid #c1c1c1; border-bottom: 1px solid #c1c1c1; }*/


/*
.action_table tbody td { border-left: 1px solid #c1c1c1; padding: 3px 5px; }
.action_table tbody td:last-child { border-left: 1px solid #c1c1c1; border-right: 1px solid #c1c1c1;}
.action_table tbody th { border-left: 1px solid #c1c1c1; padding: 5px; }
.action_table tbody th:last-child { border-left: 1px solid #c1c1c1; border-right: 1px solid #c1c1c1;}
*/


/* tree stuff */
.debug_option { position: fixed; z-index: 1000000; width: 100%; height: 40px; bottom: 0; left: 0; background: #23282d;
               padding: 0 180px;
}
.debug_option .field_wrap { width: 200px; float: left; height: 40px; margin: 0 10px;}
.debug_option .field_wrap span { line-height: 40px; color: #fff;}
.tree_wrap { width: 99%;  min-height: 400px; }
.tree_table { width: 100%; min-height: 400px; background: white; }
.scroll_space {width: 100%; height: 480px; }

.node_top_line { border-right: 1px solid #043364; height: 30px; width: 0px; position: relative; top:0; left:0;}
.node_bottom_line { border-right: 1px solid #043364; height: 100px; width: 0px; position: relative; top:0; left:0;}
.node_middle_line { border-right: 1px solid #043364; height: 30px; width: 0px; position: relative; top:0; left:0;}
.btn_td { position: relative; top:0; left:0; width: 100px; padding-left: 10px;}
.btn_td a {}
.v_line { width: 10px;}
.v_line_div  { border-bottom: 1px solid #043364; display: block; height: 20px; width: 30px; position: relative; top:0; left:0; }
.v_dot_end {z-index: 10; width: 4px; height: 4px; border-radius: 4px; border: 1px solid #043364; background: #043364; position: absolute; bottom: -3px; right: -3px;}

.dot_end {z-index: 10; width: 4px; height: 4px; border-radius: 4px; border: 1px solid #043364; background: #043364; position: absolute; bottom: -2px; right: -3px;}
.dot_mid {z-index: 10; width: 4px; height: 4px; border-radius: 4px; border: 1px solid #043364; background: #043364; position: absolute; bottom: 50%px; right: -3px;}

.mid-row { vertical-align: top;}

.form_field label {text-transform: capitalize;margin: 0px 0px 10px 2px;}

.filter_field { margin: 5px 20px 10px 0; float: left;}
.filter_field label { display: block; width: 100%; padding: 0 0 3px 5px;
                     }
.filter_field select { display: block; width: 100%;  border: #c1c1c1 1px solid; 
                      border-radius: 5px; padding: 3px 10px; width: 95%; margin: 0 0 10px;}
.filter_field .refresh_btn { margin: 22px 0 0 0;}
.form_field { margin: 5px 20px 10px 0; }
.form_field input[type="text"],.form_field input[type="password"] { width: 100%; min-width: 250px; margin: 5px 0 0 0;}
.form_field textarea { width: 100%; height: 150px; padding: 10px;}
.form_field select { width: 100%; min-width: 250px; margin: 5px 0 0 0;}
.form_field label { }
.form_field multi_select { width: 100%; min-width: 250px; float: left;margin: 5px 0 0 0;}



.form_show  { margin: 5px 20px 10px 0; }
.form_show  label { display: inline-block; float: left; width: 150px; text-align: right; margin: 0 10px 0 0; }
.form_show  .form_value { display: inline-block; float: left; width: 200px; text-align: left; font-weight:  bolder; }
.form_show  .form_value a { font-weight: bolder; }

.display_field { margin: 2px 2%; width: 94%; float: left; }
.display_field label { font-weight: 400; float: left; width: 120px; text-align: right; margin: 0 10px 0 0; }
.display_field .field_value { font-weight: 900; float: left; text-align: left; margin: 0; }
.option_group { padding: 10px 0 20px 30px;}
.process_img { width: 20px; margin: 8px 10px 0 20px;}

.object_tree_node_form {
    min-height: 100px;  padding: 0;  background: #fff; margin: 10px; border: 1px solid #434242; border-radius: 10px;
    overflow: hidden;
/*    border: 1px solid #043364;
    border-radius: 20px;*/
}

.tree_node_form {
    min-height: 100px;  padding: 20px; border: 1px solid #043364; background: #fff; margin: 10px; border-radius: 20px;
}

a.object_tree_btn { min-width: 150px; position: relative; left: 0; top: 0;}  
.id_view { width: 40px; height: 20px; position: absolute; left:-62px; top: 6px;  text-align: center; 
            border-radius: 30px; border: black 1px solid; background: black; color: white; z-index: 2000;
                display: block;
            }
.oid_view { background-size: cover !important;
            width: 40px; height: 20px; position: absolute; right:0px; bottom: -24px;  text-align: center; 
            border-radius: 30px;  color: #E6E6E6; z-index: 20000;
            box-shadow: 3px 3px 3px #434242; 
                display: block; color: #000 !important;
            }
    
.add_filter { margin: 5px 0 0 20px;}
    
.filter_row.odd_0 { background: white; }
.filter_row.odd_1 { background: whitesmoke;}
input.orderno {
    width: 50px;
}

.object_tabs { margin: 0 0 0 30px; display: none;}
a.object_tab { padding: 10px 20px 9px; margin: -2 0 2px 5px; background: pink; border: 1px solid #434242;
             border-top-left-radius:  10px; border-top-right-radius:  10px; background: #434242; text-decoration: none;
            color: #fff;
            box-shadow: none;
}
a.object_tab.selected { background-size: cover !important;}
a.object_tab:hover, a.object_tab:active,
a.object_tab.selected:hover, a.object_tab.selected:active{ color: #fff;}
div.error_msg {
    color: red;
    font-weight: bold;
}

div.cgf_notice {
    width: 70%; margin: 20px auto; border: steelblue 1px solid; color: red !important;
}
.node_form_wrap { background: #fff; padding: 20px; 
/*                    border-top-left-radius: 10px; 
                    border-top-right-radius: 10px; */
}
.node_object_wrap { background: #434242; padding: 20px;
/*                    border-bottom-left-radius: 10px; 
                    border-bottom-right-radius: 10px; */
}

.filter_button { width: 100%; display: block;}
.object_filters_wrap { width: 100%;  display: block;}

#wpbody-content { padding-bottom: 205px !important; }

.filter_button_wrap { width: 100%; float: left; padding: 10px;}
.object_info_wrap {
    float: right; 
}
td.filter_letter { font-weight: 900; font-size: 15px;}
.object_info_wrap label { color: #fff; float: left; margin: 5px; font-weight: 400;}
.object_info_wrap input[type="text"] { width: 50px !important; margin: 0px; float: left; min-width: 10px;}
.filter_equation { margin: 5px 10px; float: left;}
.filter_equation label { color: #fff !important; float: left; margin: 5px; font-weight: 400;}
.filter_equation input[type="text"] { width: 300px !important; margin: 0px; float: left; min-width: 10px;}

.value_item { width: 100%; display: block; margin: 2px 0;}

.search_option { max-width: 300px; float: right;}
#search_str { width: 150px; float: left; margin: 0 5px 0 0 !important;}
.search_btn { width: 110px !important; float: left;  margin: 0 !important;}



.client_select_wrap { width: 100%;}
.pages_wrap { width: 100%; padding: 20px;}

.site_form_wrap { width: 800px; margin: 20px; padding: 20px; border: 1px solid #c1c1c1; border-radius: 5px;}
.admin_container { width: 800px; margin: 20px; padding: 20px; border-radius: 5px;  background: #fff;
                    box-shadow: 3px 3px 3px lightgray; min-height: 400px; 

}
.process_list { width: 25%; margin: 0px 2% 5px; float: left; min-height: 300px; padding: 10px 2%; 
               border: solid 1px #c1c1c1; border-radius: 5px; overflow-x: hidden; overflow-y: scroll;  }
.process_screen { width: 25%; margin: 0px 2% 5px; float: left; min-height: 300px; padding: 10px 2%; 
                 overflow-x: hidden; overflow-y: hidden;  }
.process_item { display: block; float: left; width: 90%; padding: 5px 4%; margin: 2px 0; background: lightblue; border-radius: 3px;
                color: black; text-align: center; font-weight: 900;

}
.cgf_tabs_nav { width: 96%; margin: 10px 1% 0;}
        .cgf_tab_nav { display: block; width: 150px; margin: 0 5px; float: left; text-align: center; padding: 5px 0;
                        border: 1px solid steelblue;
                        border-bottom: none;
                        border-top-left-radius: 5px;
                        border-top-right-radius: 5px;
                        background: steelblue; color: #fff; 
        }
        .cgf_tab_nav.active, .cgf_tab_nav:hover { background: #fff; color: steelblue;}
        .cgf_tab {  display: block; padding: 20px 2%; width: 80%;
                        border: 1px solid steelblue;
                        border-radius: 5px; }


.process_screen label { margin: 0; padding: 0; display: block; width: 90%; font-weight: 400;}
.process_field { color: black; margin: 0; display: block; width: 90%; font-weight: 900;}
.btn_list { text-align: center;}
.btn_list .form_submit_btn  { display: inline-block !important; }
.icon-glass { background-position: 0 0; }
.icon-music { background-position: -24px 0; }
.icon-search { background-position: -48px 0; }
.icon-envelope { background-position: -72px 0; }
.icon-heart { background-position: -96px 0; }
.icon-star { background-position: -120px 0; }
.icon-star-empty { background-position: -144px 0; }
.icon-user { background-position: -168px 0; }
.icon-film { background-position: -192px 0; }
.icon-th-large { background-position: -216px 0; }
.icon-th { background-position: -240px 0; }
.icon-th-list { background-position: -264px 0; }
.icon-ok { background-position: -288px 0; }
.icon-remove { background-position: -312px 0; }
.icon-zoom-in { background-position: -336px 0; }
.icon-zoom-out { background-position: -360px 0; }
.icon-off { background-position: -384px 0; }
.icon-signal { background-position: -408px 0; }
.icon-cog { background-position: -432px 0; }
.icon-trash { background-position: -456px 0; }
.icon-home { background-position: 0 -24px; }
.icon-file { background-position: -24px -24px; }
.icon-time { background-position: -48px -24px; }
.icon-road { background-position: -72px -24px; }
.icon-download-alt { background-position: -96px -24px; }
.icon-download { background-position: -120px -24px; }
.icon-upload { background-position: -144px -24px; }
.icon-inbox { background-position: -168px -24px; }
.icon-play-circle { background-position: -192px -24px; }
.icon-repeat { background-position: -216px -24px; }
.icon-refresh { background-position: -240px -24px; }
.icon-list-alt { background-position: -264px -24px; }
.icon-lock { background-position: -287px -24px; }
.icon-flag { background-position: -312px -24px; }
.icon-headphones { background-position: -336px -24px; }
.icon-volume-off { background-position: -360px -24px; }
.icon-volume-down { background-position: -384px -24px; }
.icon-volume-up { background-position: -408px -24px; }
.icon-qrcode { background-position: -432px -24px; }
.icon-barcode { background-position: -456px -24px; }
.icon-tag { background-position: 0 -48px; }
.icon-tags { background-position: -25px -48px; }
.icon-book { background-position: -48px -48px; }
.icon-bookmark { background-position: -72px -48px; }
.icon-print { background-position: -96px -48px; }
.icon-camera { background-position: -120px -48px; }
.icon-font { background-position: -144px -48px; }
.icon-bold { background-position: -167px -48px; }
.icon-italic { background-position: -192px -48px; }
.icon-text-height { background-position: -216px -48px; }
.icon-text-width { background-position: -240px -48px; }
.icon-align-left { background-position: -264px -48px; }
.icon-align-center { background-position: -288px -48px; }
.icon-align-right { background-position: -312px -48px; }
.icon-align-justify { background-position: -336px -48px; }
.icon-list { background-position: -360px -48px; }
.icon-indent-left { background-position: -384px -48px; }
.icon-indent-right { background-position: -408px -48px; }
.icon-facetime-video { background-position: -432px -48px; }
.icon-picture { background-position: -456px -48px; }
.icon-pencil { background-position: 0 -72px; }
.icon-map-marker { background-position: -24px -72px; }
.icon-adjust { background-position: -48px -72px; }
.icon-tint { background-position: -72px -72px; }
.icon-edit { background-position: -96px -72px; }
.icon-share { background-position: -120px -72px; }
.icon-check { background-position: -144px -72px; }
.icon-move { background-position: -168px -72px; }
.icon-step-backward { background-position: -192px -72px; }
.icon-fast-backward { background-position: -216px -72px; }
.icon-backward { background-position: -240px -72px; }
.icon-play { background-position: -264px -72px; }
.icon-pause { background-position: -288px -72px; }
.icon-stop { background-position: -312px -72px; }
.icon-forward { background-position: -336px -72px; }
.icon-fast-forward { background-position: -360px -72px; }
.icon-step-forward { background-position: -384px -72px; }
.icon-eject { background-position: -408px -72px; }
.icon-chevron-left { background-position: -432px -72px; }
.icon-chevron-right { background-position: -456px -72px; }
.icon-plus-sign { background-position: 0 -96px; }
.icon-minus-sign { background-position: -24px -96px; }
.icon-remove-sign { background-position: -48px -96px; }
.icon-ok-sign { background-position: -72px -96px; }
.icon-question-sign { background-position: -96px -96px; }
.icon-info-sign { background-position: -120px -96px; }
.icon-screenshot { background-position: -144px -96px; }
.icon-remove-circle { background-position: -168px -96px; }
.icon-ok-circle { background-position: -192px -96px; }
.icon-ban-circle { background-position: -216px -96px; }
.icon-arrow-left { background-position: -240px -96px; }
.icon-arrow-right { background-position: -264px -96px; }
.icon-arrow-up { background-position: -289px -96px; }
.icon-arrow-down { background-position: -312px -96px; }
.icon-share-alt { background-position: -336px -96px; }
.icon-resize-full { background-position: -360px -96px; }
.icon-resize-small { background-position: -384px -96px; }
.icon-plus { background-position: -408px -96px; }
.icon-minus { background-position: -433px -96px; }
.icon-asterisk { background-position: -456px -96px; }
.icon-exclamation-sign { background-position: 0 -120px; }
.icon-gift { background-position: -24px -120px; }
.icon-leaf { background-position: -48px -120px; }
.icon-fire { background-position: -72px -120px; }
.icon-eye-open { background-position: -96px -120px; }
.icon-eye-close { background-position: -120px -120px; }
.icon-warning-sign { background-position: -144px -120px; }
.icon-plane { background-position: -168px -120px; }
.icon-calendar { background-position: -192px -120px; }
.icon-random { width: 16px; background-position: -216px -120px; }
.icon-comment { background-position: -240px -120px; }
.icon-magnet { background-position: -264px -120px; }
.icon-chevron-up { background-position: -288px -120px; }
.icon-chevron-down { background-position: -313px -119px; }
.icon-retweet { background-position: -336px -120px; }
.icon-shopping-cart { background-position: -360px -120px; }
.icon-folder-close { background-position: -384px -120px; }
.icon-folder-open { width: 16px; background-position: -408px -120px; }
.icon-resize-vertical { background-position: -432px -119px; }
.icon-resize-horizontal { background-position: -456px -118px; }
.icon-hdd { background-position: 0 -144px; }
.icon-bullhorn { background-position: -24px -144px; }
.icon-bell { background-position: -48px -144px; }
.icon-certificate { background-position: -72px -144px; }
.icon-thumbs-up { background-position: -96px -144px; }
.icon-thumbs-down { background-position: -120px -144px; }
.icon-hand-right { background-position: -144px -144px; }
.icon-hand-left { background-position: -168px -144px; }
.icon-hand-up { background-position: -192px -144px; }
.icon-hand-down { background-position: -216px -144px; }
.icon-circle-arrow-right { background-position: -240px -144px; }
.icon-circle-arrow-left { background-position: -264px -144px; }
.icon-circle-arrow-up { background-position: -288px -144px; }
.icon-circle-arrow-down { background-position: -312px -144px; }
.icon-globe { background-position: -336px -144px; }
.icon-wrench { background-position: -360px -144px; }
.icon-tasks { background-position: -384px -144px; }
.icon-filter { background-position: -408px -144px; }
.icon-briefcase { background-position: -432px -144px; }
.icon-fullscreen { background-position: -456px -144px; }

.cgf_table { display: table;}
.cgf_row { display: table-row;}
.cgf_td { display: table-cell;}
.cgf_th { display: table-cell; font-weight: bolder;}
@-ms-viewport {
	width: device-width;
}

@viewport {
	width: device-width;
}



@media screen and (max-width:1150px) {
}

@media screen and (max-width:1024px) {
   .shell { width: 98%; margin: 0 1%; }
}

@media screen and (max-width:1020px) {
    
}



@media screen and (max-width: 850px) {
	
}

@media screen and (max-width: 790px) {
   
}
@media screen and (max-width: 750px) {
        
}
@media screen and (max-width: 650px) {
  
}
@media screen and (max-width: 570px) {
    .form_html { min-width: 200px; }
    .form_submit_btn, input[type="text"], input[type="password"] {
            width: 80%;
    }
  
}
@media screen and (max-width: 420px) {
.questionnaire_wrap { width: 280px; }
.clients_wrap { width: 280px; }
.form_html { min-width: 280px; }
}


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


}
/* iPad Styles */
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (-webkit-min-device-pixel-ratio: 2) {
	
}
/* iPhone 6 Styles */
@media only screen and (min-device-width : 375px) and (max-device-width : 667px) and (-webkit-min-device-pixel-ratio: 2) { 
	
}
/* iPhone 6+ Styles */
@media only screen and (min-device-width : 540px) and (max-device-width : 1140px) {
	
}
/* iPhone 5 & 5s Styles */
@media only screen and (min-device-width : 320px) and (max-device-width : 568px) {
}