.skelholder .application_row .gs_col {
    height: 200px;
}
.skelholder .application_row .gs_col .applicationarea {
    height:100%;
}

.app {
    position: relative;
}

.empty_app_area {
    background-color:rgba(255,255,255, 0.1); 
    width: 100%;
    border: dashed 2px #CCC;
    height: 100%; 
    min-height: 200px;
    top:0px; 
    left: 0px; 
    -moz-box-sizing:    border-box;
    -webkit-box-sizing: border-box;
    box-sizing:        border-box;
}
.empty_app_area .content_box .appiconoption {
    background-image: url('images/application_box_background_empty_area.png');
    height: 40px;
    width: 47px;
    border: solid 1px #6b6a6b;
    cursor: pointer;
}

.empty_app_area .addcontent_menu { position:absolute; border: solid 1px #6b6a6b; display: none; padding: 5px; background-color:#666; z-index:1; width: 110px; }
.empty_app_area .addcontent_menu div { cursor:pointer; padding-bottom: 4px; text-align: left; }
.empty_app_area .addcontent_menu div:hover .text,.empty_app_area .addcontent_menu div:hover .fa { color:#52e5ac; }
.empty_app_area .addcontent_menu .text { padding-left: 20px; line-height: 14px; color:#FFF; }
.empty_app_area .addcontent_menu .fa { font-size: 14px; padding-top:0px; position:absolute; color:#FFF; }
.empty_app_area .content_box .row { height: 45px; }

.empty_app_area .content_box {
    position:absolute; 
    top: 50%;
    margin-top: -54px;
    text-align: center;
    width:100%;
    left: 50%;
    margin-left: -88px;
    width: 175px; 
    border-bottom: solid 0px;
}
.empty_app_area img {
    width:45px;
    height:45px;
    margin-top: 3px;
}
.empty_app_area .title {
    font-size:14px;
}

.empty_app_area.bottom {
    min-height: 60px;
    height: 60px;
}

.empty_app_area.bottom {
    padding: 10px;
    text-align: center;
}


.skeleton1 .gs_col { min-height: 300px; }

.gs_bottom {clear: both; }
.skeleton7 .gs_col.c1,.skeleton8 .gs_col.c1,.skeleton9 .gs_col.c1 {
    box-sizing: border-box;
    ms-box-sizing: border-box;
    webkit-box-sizing: border-box;
    moz-box-sizing: border-box;
    width: 70%; display:inline-block; float: left; }
.skeleton7 .gs_col.c2,.skeleton8 .gs_col.c2,.skeleton9 .gs_col.c2 { 
    box-sizing: border-box;
    ms-box-sizing: border-box;
    webkit-box-sizing: border-box;
    moz-box-sizing: border-box;
    width: 30%; display:inline-block;  }

.skeleton7 .applicationarea,
.skeleton8 .applicationarea, 
.skeleton9 .applicationarea  
{ min-height: 150px; }
.skeleton7 .applicationarea { min-height: 200px; }
.skeleton10 .top_row { clear: both; position:relative; }
.skeleton10 .top_row .applicationarea  {
    height: 100%;
}
.skeleton10 .gs_row.r3 .applicationarea, .skeleton10 .gs_row.r2 .applicationarea { min-height: 300px; }

.skeleton11 .midle_row { clear: both; position:relative; }.skeleton11 .main_col .applicationarea, .skeleton11 .apparea-main-1 { min-height: 300px; }

.skeleton14 .mainarea .applicationarea { min-height: 200px; }
.skeleton14 .gs_col { width: 48%; display:inline-block; }
.skeleton14 .gs_col.c2 { float: right; }

.skeleton16 .gs_col .applicationarea,.skeleton17 .gs_col .applicationarea { min-height: 200px; }

.skeletondisplayer {
    text-left: center;
    padding-bottom: 20px;
}

.skeletondisplayer .group {
    padding-left: 40px;
}

.skeletondisplayer h3 {
    text-align: center;
    margin: 0px;
    background-color: #eEE;
    margin-top: 20px;
}

.skeletondisplayer .skeletondisplay {
    width: 200px;
    height: 200px;
    border: solid 1px #BBB;
    border-radius: 5px;
    display: inline-block;
    cursor: pointer;
    background: linear-gradient( 0deg, #BBB, #DDD);
    margin-left: 10px;
    margin-right: 10px;
    margin-top: 10px;
    margin-bottom: 10px;
}
.skeletondisplayer .skeletondisplay:hover {
    background: linear-gradient( 0deg, #AAA, #DDD);
    box-shadow: 0px 0px 5px #888888;
}

.skeletondisplayer .skeletondisplay:active {
    box-shadow: inherit;
}

.skeletondisplayer .information { 
    border: solid 1px #DDD;
    font-size: 16px;
    background-position: 10px 10px;
    padding-left: 0px;
    background-image: url('none');
}
.skeletondisplayer .skeletondisplay .innerskeletondisplayer  { 
    width: 200px;
    height: 200px;
}

.skeleton5 .order_mask { display: none; }
.gs_showPageLayoutSelection { min-height: 300px; }
.gs_showPageLayoutSelection .predefined_layouts { border: solid 1px #3a3a3a; height:430px; overflow-y: auto; padding: 5px; padding-left: 20px; padding-top: 15px; margin: 20px; }
.gs_showPageLayoutSelection .layoutpreviewselection { border: solid 0px; position: relative; }
.gs_showPageLayoutSelection .layoutsuggestion { width: 314px; display:inline; position:absolute; right: 0px; top: 0px; }

.gs_showPageLayoutSelection .previewrow { border: solid 1px #4e4e4e; font-size:13px; height: 52px; margin-bottom: 10px; background-color:#8f8f8f; text-align: center; padding-top:28px; }
.gs_showPageLayoutSelection .headerpreview { border-top: solid 1px #4e4e4e; border-right: solid 1px #4e4e4e; border-left: solid 1px #4e4e4e; display:table-cell; vertical-align:middle; font-size:13px; background-color:#8f8f8f;position: absolute; top: 0px; left: 0px; width: 228px; height: 37px; text-align: center; padding-top: 13px; }
.gs_showPageLayoutSelection .footerpreview { border-bottom: solid 1px #4e4e4e; border-right: solid 1px #4e4e4e; border-left: solid 1px #4e4e4e; display:table-cell; vertical-align:middle; font-size:13px; background-color:#8f8f8f;position: absolute; left: 0px; width: 228px; height: 37px; text-align: center; bottom:0px; padding-top: 13px;}
.gs_showPageLayoutSelection .layoutconfiguration .headerpreview { border-top: solid 1px #4e4e4e; border-right: solid 1px #4e4e4e; border-left: solid 1px #4e4e4e; display:table-cell; vertical-align:middle; font-size:13px; background-color:#8f8f8f;position: absolute; top: 0px; left: 0px; width: 228px; height: 37px; text-align: center; padding-top: 13px; }
.gs_showPageLayoutSelection .layoutconfiguration .footerpreview,
.gs_showPageLayoutSelection .layoutconfiguration .headerpreview { width: 100%; border: 0px; }

.gs_showPageLayoutSelection .suggestion_layout {  background-color:#4e4e4e; float:left; margin:17px; width: 210px; position:relative; border: solid 12px #cccccc; padding: 10px; border-radius:5px; padding-top: 33px; margin-bottom: 20px; padding-bottom: 23px; display:inline-block; }
.gs_showPageLayoutSelection .suggestion_layout:hover { cursor: pointer; }
.gs_showPageLayoutSelection .suggestion_layout:hover .previewrow { background-color:#52e5ac; }
.gs_showPageLayoutSelection .suggestion_layout .footerpreview,.gs_showPageLayoutSelection .suggestion_layout .headerpreview { height: 25px; } 
.gs_showPageLayoutSelection .suggestion_layout .footerpreview,.gs_showPageLayoutSelection .suggestion_layout .headerpreview { height: 5px; } 
.gs_showPageLayoutSelection .row_option { position:absolute;left:7px;top: 23px; cursor:pointer;font-size:30px; }
.gs_showPageLayoutSelection .row_option_panel { display:none; z-index: 2; }
.gs_showPageLayoutSelection .right_panel  { padding: 10px; display:inline-block; width: 800px; }
.gs_showPageLayoutSelection .layoutpreviewbox { position:relative;padding-top:60px; padding-bottom: 60px; color:#CCC; background-color:#4e4e4e;border: solid 1px #2c2c2c; }
.gs_showPageLayoutSelection .layoutpreviewbox .outer-row-container { padding-right: 40px; padding-left: 40px; position:relative; }
.gs_showPageLayoutSelection .layoutpreviewbox .outer-row-container .fa-arrows-v { position:absolute; right: 11px; top: 22px; padding: 3px; cursor:pointer; font-size:30px; }
.gs_showPageLayoutSelection .sortable_layout_rows {
    list-style-type: none;
    padding:0px;
    margin:0px;
}
.no_page_layout {font-size: 16px; margin-left: 65px;}
.no_page_layout .click { font-weight: bold; color: #1c427b; cursor: pointer; }
.gs_showPageLayoutSelection .content_pages .options i { width: 15px; }
.gs_showPageLayoutSelection .content_pages .category_selection { width: 150px;display:inline-block;float:left;border-right:0px; padding-top: 20px; padding-bottom: 10px;}
.gs_showPageLayoutSelection .content_pages .category_selection .option_entry i { margin-right: 5px; }
.gs_showPageLayoutSelection .content_pages .category_selection .option_entry {
    -webkit-transition: background 0.5s linear;
    -moz-transition: background 0.5s linear;
    -ms-transition: background 0.5s linear;
    -o-transition: background 0.5s linear;
    transition: background 0.5s linear;
    margin-left: 10px;
    padding-left: 5px; padding-right: 10px; line-height: 20px; padding-top: 5px; padding-bottom: 5px; font-size: 14px;color:#CCC; }
.gs_showPageLayoutSelection .content_pages .category_selection .option_entry:hover { cursor:pointer; }
.gs_showPageLayoutSelection .content_pages .content_type_area { display:none; }
.gs_showPageLayoutSelection .content_pages .content_type_selected { display:block; }
.gs_showPageLayoutSelection .content_pages .option_selected { background-color:#555555; color:#FFF; }
.gs_showPageLayoutSelection .layoutpreview { width: 210px; float:left; margin: 17px; padding: 10px; cursor:pointer; border-radius: 5px; text-align:center; background-color: #cccccc; color:#cccccc;}
.gs_showPageLayoutSelection .layoutpreview .icon_container { font-size:40px; padding-top: 10px; height: 50px; display:inline-block; background-color:#4e4e4e; margin: 3px;  }
.gs_showPageLayoutSelection .layoutpreview[row_size="2"] .icon_container { width: 98px; }
.gs_showPageLayoutSelection .layoutpreview[row_size="3"] .icon_container { width: 98px; }
.gs_showPageLayoutSelection .layoutpreview[row_size="4"] .icon_container { width: 98px; }
.gs_showPageLayoutSelection .layoutpreview[row_size="5"] .icon_container { width: 98px; }
.gs_showPageLayoutSelection .layoutpreview[row_size="6"] .icon_container { width: 98px; }
.gs_showPageLayoutSelection .layoutpreview[row_size="1"] .icon_container { height: 84px; padding-top: 42px; }
.gs_showPageLayoutSelection .icon_container[rowsize="2"] { line-height: 120px;width: 95px; }
.gs_showPageLayoutSelection .layoutpreview .icon_container[rowsize="1"] { width: 204px; }
.gs_showPageLayoutSelection .layoutpreview .icon_container[rowsize="3"] { width: 64px; font-size: 39px; }
.gs_showPageLayoutSelection .layoutpreview:hover .icon_container { color: #52e5ac; }
.gs_showPageLayoutSelection .content_pages { background-color: #3f3f3f; }
.no_page_layout { background-color:#FFF; display:inline-block; margin:auto; margin: 10px; padding: 20px; border-radius: 5px;  }
.gs_showPageLayoutSelection .predefined_layouts .spacer { border-top: 1px #3f3f3f; border-bottom: 1px #3f3f3f; }
.gs_showPageLayoutSelection .predefined_layouts .spacer div { color: #CCC; border-radius: 3px; margin-right: 25px; left: 0px; font-size:14px; background-color:#3a3a3a; text-align:center; padding-top: 5pX; padding-bottom: 5px; }
.gs_showPageLayoutSelection .layout_builder .left_panel {display: inline-block;width: 150px;padding: 10px;float:left;}
.gs_showPageLayoutSelection .layout_builder .left_panel select { width: 150px;width: 150px; border: solid 1px #2e2e2e; background-color: #4f4f4f; color: #FFF; padding: 5px; }
.gs_showPageLayoutSelection .layout_builder .left_panel .gs_button { margin-top: 10px;
                                                                     width: 134px;
                                                                     border-radius: 0px;
                                                                     padding: 5px;
                                                                     padding-left: 10px; }
.gs_showPageLayoutSelection .layout_builder .left_panel .gs_button i { float:right; font-size: 16px; }
.gs_showPageLayoutSelection .gs_tab_area { background-color:#666666; }
.gs_showPageLayoutSelection .predefined_layouts { background-color:#555555; }
.gs_showPageLayoutSelection .gs_tab_area .options_content { display:inline-block; float:left; padding: 10px; width: 819px; margin-top: 20px; background-color:#555555; width: 810px; height: 400px; overflow-y: auto; }
.gs_web_button { font-size: 15px; background-color: #DDD; color: #333; padding: 5px; border-radius: 4px; box-shadow: 0px 0px 5px #333; display: inline-block; background: linear-gradient(to top, #555, #DDD); padding-left: 15px; padding-right: 15px; cursor: pointer; border: solid 1px #666;}
.gs_web_button:hover { background: linear-gradient(to top, #094930, #52e5ac); }
.gs_web_button:active { background: none; background-color: #34c88e; }
.gs_web_button.small { font-size: 11px; padding: 1px; padding-right: 10px; padding-left: 10px; font-weight: bold;}