/* Common css */
h1 {
    display: inline-block;
    width: 100%;
}
a[href^=tel] { color: inherit; }
.ui-datepicker { z-index: 1000 !important; }
.gscell .gscellsettings,.gscontainercell .gscellsettings { z-index:5; position:absolute; color:#000; right: 0px; top: 0px; display:none;background-color:#FFF;cursor:pointer; font-size:9px; padding-left: 2px; padding-bottom: 2px; border: solid 1px rgba(0,0,0,0.1); }
.jstree-default-contextmenu { z-index: 111113 !important;  }
.gscarouselnumber { position: absolute; left: 2px; color:#fff; }
.gscolselector { display:inline-block; width: 20px; height: 15px; border: solid 1px #bbb;padding: 1px;text-align: center; }
.gsprefixbox {  display: inline-block;
  width: 20px;
  text-align: left;
  padding-left: 7px; }
.gscontainercell .gsdepth_0.gsrow { padding: 0px !important; margin: 0px !important; }
.gsselectedcarouselrow { opacity: 1 !important; z-index: 1 !important; }
.gsvisualizeedit { border-color:red; }
.ui-tooltip { z-index: 111113; }
.gsaddcontent i {
    -webkit-transition: opacity .15s ease-in-out;
    -moz-transition: opacity .15s ease-in-out;
    -ms-transition: opacity .15s ease-in-out;
    -o-transition: opacity .15s ease-in-out;
    transition: opacity .15s ease-in-out;
    filter: alpha(opacity=50);
    opacity:0.5; box-shadow: 0px 0px 2px #bbb; cursor:pointer; background-color:#fff; padding: 2px; padding-left: 5px; padding-right: 5px; border-radius:5px; color:#000; }
.gseditrow {  box-sizing: border-box; }
.gseditrowheading .fa { float:right; padding-left: 10px; cursor:pointer; }
.gsresizetable { position: absolute; height: 0px !important; }
.gseditrowouter:hover .gsaddcontent { border: solid 1px rgba(0,0,0,0);}
.gsrotating .gsrotatingrow { opacity:0; position:absolute !important; width:100%; z-index:0; }
.gstabrow { display:none;   }
.gstabrow.gstabrowselected { display:block;   }
.gstabbtn { border: solid 1px #BBB; margin-right: 10px;  padding: 3px; cursor:pointer;  bottom: 0px; cursor:pointer; display:inline-block;  }
.gsemptyarea {width:100%; text-align:center; display:inline-block; padding-top: 50px; padding-bottom: 50px; }
.gstabname { width: 100%; }
.gs_closecarouselsettings, .gsclosetabsettings,.gs_closecelledit { position:absolute; right: 4px; color:#fff; top: 1px; margin:0px !important; }
.gstab.gscount_0 { display:block; }
.gscellboxinner {z-index: 5; text-align: center; background-color:rgba(0,0,0,0.2); position:absolute;width:100%; bottom: -1px; top:0px;left: 0px; right:0px; border: solid 1px rgba(255,255,255,0.2); cursor:pointer; display:none; }
.gscellboxinner i { color:#fff; margin-top: 10px; font-size: 16px; }
.gsrotatearrow {
    z-index: 5;
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
    position: absolute; font-size: 30px; top: 50%; color: #fff; cursor:pointer; }
.gsrotatearrow:hover { color: rgba(255,255,255,0.8); }
.gsrotateleft { left: 30px; }
.gsrotateright { right: 30px; }
.gsresizingpanel { position:absolute; z-index: 15; background-color:#FFF; box-shadow:0px 0px 5px #000; display:none; border-radius: 3px; width: 500px; }
.gsresizingpanel .sizetxt { width: 30px; }
.gsresizingpanel .gspage { display:none; }
.gsresizingpanel .modifybutton { margin: 5px; }
.gsresizingpanel .gsbgcolorselection { float:left; padding-left: 4px; padding-right: 4px; border: solid 1px;  }
.gsresizingpanel .gscolorselectionpanel .fa { cursor: pointer; }
.gsresizingpanel .gsheading { border-bottom: solid 1px rgba(0,0,0,0.1); margin-bottom: 10px;  }
.gseasymode { left:0px; right: 0px; top:0px; bottom: 0px; color:#fff; position:absolute; z-index: 2;box-sizing: border-box; padding: 1px; }
.gseasymode .gseasymodeinner { 
    background-color:rgba(0,0,0, 0.5);
    position:absolute; 
    left:0px; right: 0px; top:0px; bottom: 0px; 
    padding: 8px;
    box-sizing: border-box; 
    text-align:center; 
    border: solid 1px #666666;
}
.gsrightwidgetpanel { position:fixed; right:0px; height: 100%; width: 0%; z-index: 5; background-color:#f5f8fa; top: 0px;display:none; 
 -webkit-animation: slide 0.5s forwards;
 -webkit-animation-delay: 2s;
 animation: slide 0.5s forwards;
}
.gsrightwidgetpanel.gsactiverightwidget { width: 20%;transition: 0.2s;border-left: solid 1px #000; display:block; }
#gsbody.gsactiverightwidget { width: 80%;transition: 0.2s;}
.gs_modalouter .gs_modalinner.gsactiverightwidget { margin-right: 450px;}
.gsrightwidgetpanelheader .fa-close { color:#fff; font-size: 50px; right: 20px; top: 10px; position: absolute; cursor:pointer; }
.gsrightwidgetpanelheader {
    border-bottom: solid 1px;
    height: 75px;
    background-color: #23314e;
}

.gseasymode i { color: #555555; cursor:pointer; font-size:12px; border-radius:3px; padding: 3px; background-color:#fff; margin: 1px; border: solid 1px #bbb; }
.gsdoneeditbutton { position:absolute; right: 3px; top: 3px; }
.gseasyrowmode { display: inline-block;
                 border: solid 1px #dcdcdc;
                 background-color:#e5e5e5 ;
                 padding: 10px;
                 width: 15px;
                 position: absolute;
                 border-top: solid 0px;
                 border-right: solid 0px;
                 right: 0px; z-index: 21; }
.gseasyrowmode i { margin: 3px; cursor:pointer; }
.gseasymode i:hover,.gseasyrowmode i:hover { color:#000; cursor:pointer; }
.inputWrapper {
    height: 32px;
    width: 64px;
    overflow: hidden;
    position: relative;
    cursor: pointer;
    /*Using a background color, but you can use a background image to represent a button*/
}
.fileInput {
    cursor: pointer;
    height: 100%;
    position:absolute;
    top: 0;
    right: 0;
    z-index: 99;
    /*This makes the button huge. If you want a bigger button, increase the font size*/
    font-size:50px;
    /*Opacity settings for all browsers*/
    opacity: 0;
    -moz-opacity: 0;
    filter:progid:DXImageTransform.Microsoft.Alpha(opacity=0)
}


/* sizing css */
.gscelllayouts { position: absolute; top: 20px; left: 0px; background-color:#fff; padding: 10px; z-index: 15; border: solid 1px #bbb; width: 296px; display:none; }
.gsaddcontenttext { font-size: 10px; margin-top: 10px; margin-bottom: 3px; }
.gsaddcontent { width: 100%; display: inline-block; height: 100%; text-align: center; border: solid 1px rgba(0,0,0,0); }
.gsaddcontent i {  font-size: 20px; margin-bottom: 10px; }
.gsaddcontent i:hover { opacity: 1; }
.gs_close_cell_layoutbutton { position:absolute; right: 2px; top: 2px; cursor: pointer; }
.gscelllayoutbox { display:inline-block; width: 70px; float:left; padding: 2px; cursor: pointer; }
.gscelllayouts  .fa-caret-up { position: absolute; left: 50%;font-size: 30px; top:-23px; color: #bbb;}
.gscelllayouts, .gscelllayouts .fa-caret-up { }

.gscelllayoutbox:hover .gscelllayout { background:linear-gradient(to bottom, #71c8ff, #4d98c8); }
.gscelllayout { background:linear-gradient(to bottom, #71c8ff, #56b2ed); border: solid 1px #fff; display:inline-block; height: 30px; width: 30px; box-sizing: border-box; }
.gscelllayoutrow { clear: both; width: 100%; }
.gswidth_50 { width: 50%; float:left; }
.gswidth_33 { width: 33.3%; float:left; }
.gswidth_25 { width: 25%; float:left; }
.gswidth_20 { width: 20%; float:left; }
.gswidth_75 { width: 75%; float:left; }
.gscelllayoutheight_3,.gscelllayoutheight_3 .gswidth_50 { height: 20px; }

.header .applicationinner .logged_on_menu a {
    padding-right:4px;
    font-size:12px;
    font-weight: bold;
}

.cke_skin_office2003 { border: solid 1px; }

.upload_information_panel { display:none; position: fixed; bottom: 10px; left: 10px; border: 1px solid; padding: 2px; z-index: 10000000; background-color: rgb(255, 255, 255); border-top-left-radius: 5px; border-top-right-radius: 5px; border-bottom-right-radius: 5px; border-bottom-left-radius: 5px; }
.upload_information_panel .uploading { padding-left: 30px; padding-right: 10px; }
.upload_information_panel .uploading img { position:absolute; left: 5px; }
.header .Login .applicationinner { margin-right: 0px; }
.header .Login { position: absolute; right: 0px; text-align: right; top: 0px;  z-index: 6;}
.header .Login form { margin: 0px; padding: 0px; }
.header .Login .form { text-align: left; height: 80px; width: 250px ; position: relative; display: none; font-size: 11px; } 
.header .Login .form .username { position:absolute; left: 5px; top: 5px;} 
.header .Login .form .password { position:absolute; right: 5px; top: 5px; } 
.header .Login .form .tstextfield { height: 18px; font-size: 13px; width: 100px;} 
.header .Login .form .recoverpassword { position:absolute;left:5px;bottom:5px;cursor:pointer; } 
.Login .heading { font-size:16px; font-weight: bold; }
.header .Login .form .button { position:absolute; right: 5px; top: 48px; } 
.header .Login .form .button ins { width: 50px;} 
.header .Login .inner .entry { 
    display: inline-block;
    height: 20px; 
    background-repeat: no-repeat; 
    min-width:100px;
    font-weight: bold;
    text-align: center; 
    cursor: pointer; 
    right: 0px;
}
.header .Login .form {
    background-color: #FFF;
    border: solid 1px #BBB;
}
.header .Login .form .loginbutton {
    position: absolute;
    right: 10px; 
    bottom: 5px;
}
.informationbox .unpayedappheader { font-size:16px; padding-left: 10px; border: solid 1px #BBBBBB; padding-top:10px; padding-bottom: 10px; }
.informationbox .unpayedapptable { margin-left: 10px; margin-right: 10px; }
.informationbox .unpayedapptable tr:hover td { background-color: #EFEFEF; }
.informationbox .unpayedapptable th,
.informationbox .unpayedapptable td { font-size: 14px; }
.inline {
    min-height: 10px;
    display: -moz-inline-stack;
    display: inline-block;
    vertical-align: top;
    zoom: 1;
    *display: inline;
}


.menuapplication {
    cursor: default;
    z-index: 1000;
    background-image: url('/skin/default/images/applicationareasettings.png');
    background-repeat: no-repeat;
    width: 20px;
    height: 17px;
}

.menuapplication .menuelements .firstelement {
    background-image: url('/skin/default/images/leftMenuOver-back.png');
    height: 21px;
    padding-left: 33px;
    padding-top: 5px;
}

.menuapplication .menuelements .entry img {
    float:left;
    margin: 5px;
}

.gs_rowpicker_box.shadowsadded {
    box-shadow: 0px 0px 10px #2f8dc9;
}
.gs_rowpicker_box {
    display: none;
    position: absolute;
    left: 50px;
    top: 50px;
    background-color: #2f8dc9;
    width: 800px;
    color: #FFF;
    font-family: ubuntu;
    font-size: 15px;
    
    border-radius: 5px;
    z-index: 12;
    padding-top: 5px;
    z-index: 991;
    position: absolute;
}
.gs_rowpicker_box .gs_rowpicker_box_content {
    position: relative;
}

.gs_rowpicker_box .select_row_picker_direction {
    padding: 20px;
}

.gs_rowpicker_box .select_row_picker_direction .select_row_picker_direction_button {
    border: solid 1px;
    padding: 10px;
    margin-top: 10px;
    background: rgb(164,179,87); /* Old browsers */
    background: -moz-linear-gradient(top,  rgba(164,179,87,1) 0%, rgba(117,137,12,1) 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(164,179,87,1)), color-stop(100%,rgba(117,137,12,1))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  rgba(164,179,87,1) 0%,rgba(117,137,12,1) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  rgba(164,179,87,1) 0%,rgba(117,137,12,1) 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  rgba(164,179,87,1) 0%,rgba(117,137,12,1) 100%); /* IE10+ */
    background: linear-gradient(to bottom,  rgba(164,179,87,1) 0%,rgba(117,137,12,1) 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a4b357', endColorstr='#75890c',GradientType=0 ); /* IE6-9 */
    cursor: pointer;
}

.gs_rowpicker_box .close_gs_row_picker {
    border: solid 1px #FFF;
    border-radius: 10px;
    padding: 3px;
    padding-left: 5px;
    padding-right: 5px;
    position: absolute;
    right: -11px;
    top: -16px;
    background-color: #2f8dc9;
    cursor: pointer;
}

.gs_rowpicker_box .gs_select_row_mode_information {
    margin-top: 10px;
    margin-bottom: 10px;
    background-color: #43a3e0;
    padding: 20px;
}

.gs_rowpicker_box .gs_row_box_to_select {
    margin: 10px;
    width: 177px;
    height: 50px;
    border: dashed 2px #555;
    display: inline-block;
    vertical-align: top;
    box-sizing: border-box;
    cursor: pointer;
}
.gs_rowpicker_box .gs_row_box_to_select:hover {
    background-color: #0f6da9;
}

.gs_rowpicker_box .gs_row_modeselection {
    padding: 5px;
    text-align: center;
    cursor: pointer;
}

.gs_rowpicker_box .gs_illustration_row_1 {
    height: 100%;
}

.gs_rowpicker_box .gs_illustration_row_2 {
    border-bottom: solid 1px #60baf3;
    height: 50%;
}

.gs_rowpicker_box .gs_illustration_row .gs_illustration_column {
    display: inline-block;
    height: 100%;
    box-sizing: border-box;
    padding: 5px;
}

.gs_rowpicker_box .gs_illustration_row .gs_illustration_column .gs_illustratration_inner {
    width: 100%;
    height: 100%;
    background: linear-gradient(to bottom, #71c8ff, #56b2ed);
}


.gs_rowpicker_box .gs_illustration_row .gs_illustration_column_size_1 { width: 172px; }
.gs_rowpicker_box .gs_illustration_row .gs_illustration_column_size_2 { width: 84px; }
.gs_rowpicker_box .gs_illustration_row .gs_illustration_column_size_3 { width: 55px; }
.gs_rowpicker_box .gs_illustration_row .gs_illustration_column_size_4 { width: 39px; }



.gs_rowpicker_box .gs_row_mode_select {
    display: inline-block;
    vertical-align: bottom;
    padding-top: 15px;
    padding-left: 30px;
    padding-right: 30px;
    background-image: url('images/greydot.png');
    background-repeat: no-repeat;
    background-position: top center;
    cursor: pointer;
}

.gs_rowpicker_box .gs_row_mode_select.gs_row_mode_select_active {
    background-image: url('images/greendot.png');
}

.menuapplication .menuelements .entry {
    clear: both;
    padding-left: 7px;
    padding-top: 5px;
    margin-left: 1px;
    border-bottom: solid 1px #BBBBBB;
    border-top: solid 1px #FFFFFF;
    height: 110px;
    width: 575px;
}
.menuapplication .menuelements .entry:hover {
    border-bottom: solid 1px #42a92e;
    border-top: solid 1px #42a92e;
    cursor:pointer;
    background-color: #d4edcf;
}

.menuapplication .menuelements .entry .title {
    font-weight: bold;
}

.menuelements {
    display:block;
    z-index: 20001;
    width: 580px;
}


.menubox .entry {
    padding: 2px;
    border: solid 1px; 
    background-color: #FAFAFA;
    margin-bottom: 2px;
    margin-top: 2px;
    cursor: pointer;
    font-size: 11px;
}

.applicationarea .add_application_menu {
    position: absolute;
    left: 0px;
    right: 0px;
    bottom: 0px;
    top: 0px;
    z-index: 15;
    display: none;
    background-image: url('/skin/default/images/carbon-glare.png');
}

.applicationarea {
    position: relative;
}

.applicationarea .add_application_menu .infotext {
    color: #FFF;
    width: 165px;
}
.applicationarea .add_application_menu .importtext {
    color:#a090e8;
    cursor:pointer;
}

.applicationarea .add_application_menu .button-large .filler {
    background-color: #009b00;
}

.applicationareahover {
}

.loading {
    background-image: url('/skin/default/images/ajaxloader.gif');
    background-repeat: no-repeat;
    padding-left: 20px;
}

.informationbox-outer {
    position:fixed;top:0; left:0; width:100%; height:100%; 
    display:none;
    overflow-y: scroll;
    width:100%;
    margin:auto;
    z-index: 305;
    background-color: #000;
    text-align:center;
}

#informationbox-holder {
    top: 50px;
    margin: 0 auto;
    display:none;
    width: 990px;
    text-align:left;
    position:relative;
    z-index: 99999999;
    position: relative;
    -moz-border-radius: 0px;
    -webkit-border-radius: 20px 20px 10px 10px;
    border-radius: 20px 20px 10px 10px; 
    background-color: #3f3f3f;
}

#informationboxtitle {
    height: 50px;
    text-align: left;
    font-size: 30px;
    color: #FFF;
    padding-left: 20px;
    background-color: #3f3f3f;
    z-index: 1;
    top: 17px;
    font-family: Baskerville, "Baskerville Old Face", "Hoefler Text", Garamond, "Times New Roman", serif;
}

#infomrationboxclosebutton {
    width: 29px;
    height: 29px; 
    right: 20px;
    top: 20px;
    position: absolute;
    background-repeat: no-repeat;
    z-index: 2;
    cursor: pointer;
    color: #FFF;
    font-size:29px;
}

#informationboxmiddle {
    width: 100%;
    margin-top: 20px;
    margin-left: 0px;
    margin-right: 0px;
}

#informationboxtop {
    width: 1000px;
    margin-top: 7px;
    height: 7px;
    background-image: url('/skin/default/images/informationbox-top.png');
}

#informationboxbottom {
    width: 1000px;
    height: 5px;
    background-image: url('/skin/default/images/informationbox-bottom.png');
}


.normalinformationbox {
    width: 990px;
}

.closeinformationbox {
    display:hidden;
}

.informationboxbackground {
    min-height: 500px;
}

.gray {
    color: #BBBBBB;
    border: solid 1px;
}

a {
    text-decoration: none;
    color:#000000;
}

a img {
    border: 0px;
}

#errorbox {
    position: fixed;
    width: 800px;
    top: 10px;
    left: 50%;
    margin-left: -380px;
    z-index: 1010000000000000000000000000;
    display: none;
    /*
    color:#FF0000;
    font-weight: bold;
    border:solid 2px;
    padding: 10px;
    background-color: #EFEFEF;
    text-align: center;
    font-size: 16px;    */
}

.gs_overlay_row_highlighter_bottom {
    border-top: solid 1px #DDD;
}
.gs_overlay_row_highlighter_top {
    border-bottom: solid 1px #DDD;
}
.gs_overlay_row_highlighter {
    position: absolute;
    background-color: rgba(255,255,255,0.97);
    z-index: 20;
    background-image: url('hatched.png');
}

.errorform .description,
.errorform .title {
    width: 600px;
    font-weight: bold;
    margin-bottom: 4px;
}

.errorform .wrapper {
    margin: 10px;
}

.errorform .close {
    width: 25px;
    height: 25px;
    background-image: url('/skin/default/images/close.png');
    position: absolute;
    right: -11px;
    top: -11px;
    cursor: pointer;
}

.errorform {
    border-radius: 3px;
     box-shadow: 0px 0px 2px red;
    position: relative;
    background-color: #efefef;
    padding: 10px;
}

.errorform .image {
    background-image: url('/skin/default/images/error.png');
    height: 66px;
    width: 80px;
    margin: 10px;
}

.display_menu_application_button {
    position:fixed;
    left:0px;
    cursor:pointer;
    top:0px;
    background-color: #FFFFFF;
    padding: 3px;
    width: 100px;
    text-align: center;
    border-right: solid 1px #333333;
    border-bottom: solid 1px #333333;
}

.spacingtop {
    height: 55px;
}

.helpbox .step {
    position: relitive;
}
.helpbox .steps {
    position:absolute; 
    color : #FFFFFF;
    top: 160px;
    font-size: 16px;
}

.helpbox .helpboxarrow {
    position:absolute;
    width: 16px;
    top: 0px;
    left: 60px;
    height: 10px;
    background-image: url("/skin/default/images/helpbox_arrow.png");
}

.helpbox .step2, .helpbox .step3, .helpbox .step4 {
    display:none;
}

.helpbox .title {
    font-size: 16px;
    padding-bottom: 5px;
    font-weight: bold;
}

.helpbox .number {
    padding-left: 10px;
}

.helpbox {
    position:absolute;
    background-image: url("/skin/default/images/helpbox.png");
    width: 395px;
    display: none;
    height: 166px;
    padding-top: 18px;
    z-index: 1001;
    padding-left: 10px;
    font-size: 14px;
    color: #FFFFFF;
    padding-right: 10px;
    top: 55px;
}

.helpbox .next, .helpbox .close, .helpbox .prev, .helpbox .send_feedback, .helpbox .close_feedback {
    left: 355px;
    position:absolute;
    top: 160px;
    width: 50px;
    cursor:pointer;
    font-size: 16px;
    color: #FFFFFF;
    background-image: url("/skin/default/images/helpbox_arrow_right.png");
    background-repeat: no-repeat;
    background-position: right;
    padding-left: 5px;
}

body { overflow: hidden !important; }
.helpbox .close_feedback {
    display:none;
    padding-left: 5px;
    left: 0px;
    background-image: none;
}
.helpbox .send_feedback {
    display:none;
    width: 160px;
    left: 250px;
}

.helpbox .feedback {
    display:none;
}

.helpbox .feedbacktext {
    width: 390px;
    height: 90px;
}

.helpbox .prev {
    left: 295px;
    width: 43px;
    padding-left: 15px;
    background-image: url("/skin/default/images/helpbox_arrow_left.png");
    background-repeat: no-repeat;
    background-position: left;
    border-right: solid 1px #4f6bce;
    height: 23px;
}
.helpbox .close {
    display:none;
}

.mainmenu .content {
    position: fixed;
    width: 100%;
    z-index: 15;
    top: 0px;
    background-image: url('/skin/default/images/maintopmenubackground.png');
    height: 60px;
}

.mainmenu .hide div {
    width: 180px;
    background-color: #fff;
    padding-left: 3px;
    padding-bottom: 2px; 
    padding-right: 3px;
    cursor: pointer;
    border-left: solid 1px #000;
    border-right: solid 1px #000;
    border-bottom: solid 1px #000;
}

.mainmenu .hide {
    position: fixed;
    width: 100%;
    z-index: 16;
    top:0px;
}

.mainmenu .group {
    margin-right: 3px;
    border-right: solid 2px #FFF;
    padding-right: 7px;
}

.mainmenu .group .title {
    text-align: center;
    height: 14px;
    font-size: 11px;
}

.mainmenu .group .entry .skeltype1 {
    background-image: url('/skin/default/images/three-column-icon.png');
}

.mainmenu .group .entry .skeltype2 {
    background-image: url('/skin/default/images/two-column-rigth-icon.png');
}

.mainmenu .group .entry .skeltype3 {
    background-image: url('/skin/default/images/two-column-left-icon.png');
}

.mainmenu .group .entry .skeltype4 {
    background-image: url('/skin/default/images/one-column-icon.png');
}

.mainmenu .group .entry .add {
    background-image: url('/skin/default/images/add_plus.png');
}

.mainmenu .group .entry .appmanagement {
    background-image: url('/skin/default/images/appmanagement.png');
}

.mainmenu .group .entry .security {
    background-image: url('/skin/default/images/lock.png');
}

.mainmenu .dropdown .selected {
    background-color:#BBBBBB;
}
.mainmenu .dropdown .selection {
    display:inline-block;
    width: 12px;
    height: 12px;
    border: solid 1px #BBBBBB;
    position:absolute;
    left: 0px;
}
.mainmenu .dropdown .allow_access_entry {
    cursor:pointer;
    padding-left: 18px;
    position: relative;
}

.mainmenu .dropdown {
    position:absolute;
    display:none;
    padding: 5px;
    border: solid 1px;
    width: 270px;
    background-color: #FFFFFF;
}

.mainmenu .group .entry .trashbutton {
    background-image: url('/skin/default/images/trash-can.png');
}

.mainmenu .group .entry .appotionsbutton {
    background-image: url('/skin/default/images/arrowdown.png');
}

.mainmenu .group .entry .reorderbutton {
    background-image: url('/skin/default/images/reorder.png');
}

.mainmenu .appoptionsdropdown .appoptionsentry {
    font-size:16px;
    cursor:pointer;
}

.mainmenu .appoptionsdropdown .dropdown_entry_text, .mainmenu .appoptionsdropdown .save_dropdown_entry_text {
    padding-top: 5px;
    display:inline-block;
}

.mainmenu .appoptionsdropdown .save_dropdown_entry_text {
    display:none;
}

.mainmenu .appoptionsdropdown .appoptionsentry:hover {
    background-color:#EFEFEF;
}

.mainmenu .group .entry .settings {
    background-image: url('/skin/default/images/settings.png');
}

.mainmenu .group .entry .themes {
    background-image: url('/skin/default/images/color-palette.png');
}

.mainmenu .group .entry .domain {
    background-image: url('/skin/default/images/domain-names.png');
}
.mainmenu .group .entry .page {
    background-image: url('/skin/default/images/page.png');
    height: 23px;
}
.mainmenu .group .entry .intromovie {
    background-image: url('/skin/default/images/movie.png');
}
.mainmenu .group .entry .envelope {
    background-image: url('/skin/default/images/env.png');
}
.mainmenu .group .entry .supportcenter {
    background-image: url('/skin/default/images/question.png');
}

.mainmenu .group .entry .themes,
.mainmenu .group .entry .settings,
.mainmenu .group .entry .trashbutton,
.mainmenu .group .entry .domain,
.mainmenu .group .entry .security,
.mainmenu .group .entry .appmanagement,
.mainmenu .group .entry .add
{
    margin-left: 5px;
    margin-top: 4px;
    height: 28px;
}

.mainmenu .group .entry div {
    height: 20px;
    width: 26px;
    margin-left: 6px;
    margin-top: 8px;
}

.mainmenu .group .entry {
    background-image: url('/skin/default/images/buttongroup-blue.png');
    width: 38px;
    height: 37px;
    margin: 1px;
    text-indent: -3000px;
    cursor: pointer;
}

.mainmenu .appsright {
    position:absolute; 
    right: 10px;
    border-left: solid 2px #FFFFFF;
    padding-left: 7px;
    top: 0px;
}

.mainmenu .group .entry:hover {
    background-image: url('/skin/default/images/buttongroup-blue-hover.png');
}

.mainmenu .group .entry.disabled {
    background-image: url('/skin/default/images/buttongroup-disabled.png');
}

.mainmenu .group .entry.active {
    background-image: url('/skin/default/images/buttongroup-green.png');
}

.app.indicateapp { 
    border:solid 1px;
}

.mask {
    border: dotted 1px;
    cursor: pointer;
    display: none;
    left:0px;
    position: absolute;
    width: 99.9%;
    height: 100%;
    z-index: 99;
    background-image: url('/skin/default/images/black-transparent.png');
}

.mask .inner,.order_mask .inner, .appinfo_mask .inner {
    display: table-cell;
    vertical-align: middle;
}


.order_mask .inner .reorder_up, .order_mask .inner .reorder_down, .appinfo_mask {
    display:inline-block;
    width: 15px;
    cursor:pointer;
    height: 20px;
}
.order_mask .inner .reorder_up { float:left; margin-left: 5px; background-image: url('/skin/default/images/arrow_green_up.png'); }
.order_mask .inner .reorder_down { float:right; margin-right: 10px; background-image: url('/skin/default/images/arrow_green_down.png'); }

.applicationarea .mask, .applicationarea .order_mask, .applicationarea .appinfo_mask {
    z-index: 10;
    position: absolute;
    display: none;
    opacity : 0.6;
    background-color : #2b42b8;
    color : #FFFFFF;
    border-radius: 5px;
    border: solid 1px #000000;
    text-align: center;
    font-size: 16px;
    vertical-align: middle;
    height: 0px;
}
.applicationarea .order_mask .inner { opacity: 1.0 } 
.applicationarea .redmask {
    background-image: url('/skin/default/images/red-transparent.png');
}

.configable {
    position: relative;
}

.configable .configuration {
    background-repeat: no-repeat;
    background-image: url("/skin/default/images/editsettings.png");
    cursor:pointer;
    position:absolute;
    display:none;
    width:20px;
    height:20px;
    right: 5px;
    top: 5px;
}   

.configable .configuration .entries {
    z-index: 1000000000000000000000000000;
    right: 10px;
    position: absolute;    
    background-color: #FFFFFF;
    padding: 5px;
    display:none;
    top: 10px;
    border: solid 1px;
    width: 80px;
}

.configable .configuration .entries .entry {
    color: #333;
}

.information {
    border: dotted 1px; 
    padding-bottom: 10px; 
    margin-bottom: 10px;
    background-image: url('/skin/default/images/information.png');
    background-repeat: no-repeat;
    padding-left: 75px;
    min-height: 70px;
    background-position: 5 5;
    padding-top: 5px;
    font-size: 14px;
    padding-right: 5px;
    margin-top: 10px;
}

.gsapptypesheading {
    font-size: 14px;
    padding-left: 10px;
    border-bottom: solid 1px #efefef;
    padding-top: 4px;
    padding-bottom: 2px;
}

.gsresizingpanel,
.gs_add_applicationlist {
    padding-top: 34px;
    display: none;
    position: absolute;
    background-color: #FFF;
    z-index: 15;
    width: 500px;
    box-shadow: 0px 0px 3px rgba(0,0,0,0.5);
    border-radius: 5px;
}

.gsclosetabsettings,
.gs_closecarouselsettings,
.gsclosecsseditor,
.closeaddappbox { 
    position:absolute; 
    right: 0px; 
    top: 0px; 
    color: #FFF;
    font-size: 16px;
    padding: 10px; 
    border-left: solid 1px #00aad5;
    z-index: 1;
    cursor: pointer;
}

.gs_add_applicationlist::-webkit-scrollbar {  
    width: 10px;
}  
.gs_add_applicationlist::-webkit-scrollbar-track {  
    background-color: #eaeaea;  
    border-left: 1px solid #ccc;  
    border-radius: 5px;
}  
.gs_add_applicationlist::-webkit-scrollbar-thumb {  
    background-color: #ccc;  
    border-radius: 5px;
}  
.gs_add_applicationlist::-webkit-scrollbar-thumb:hover {  
    background-color: #aaa;  
}  
.gs_add_applicationlist .gsappstoaddinmodule { display:none; }


.gsresizingpanel .gstabmenu, 
.gs_add_applicationlist .gsselectappmodule { 
    font-size: 0px;
    border-bottom: solid 1px #bbb; 
    background-color:#EFEFEF; 
    background: #ffffff; /* Old browsers */
    background: -moz-linear-gradient(top,  #ffffff 0%, #e5e5e5 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#e5e5e5)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #ffffff 0%,#e5e5e5 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #ffffff 0%,#e5e5e5 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #ffffff 0%,#e5e5e5 100%); /* IE10+ */
    background: linear-gradient(to bottom,  #ffffff 0%,#e5e5e5 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e5e5e5',GradientType=0 ); /* IE6-9 */


}

.gsresizingpanel .tabbtn, 
.gs_add_applicationlist .gsselectappmodule .gsselectmoduletab { 
    cursor:pointer; 
    border: solid 1px #BBB; 
    border-bottom: solid 0px;  
    display:inline-block; 
    padding: 3px; 
    padding-left: 10px;
    padding-right: 10px;
    font-size: 14px;
    height: 30px;
    line-height: 30px;
    
   

}
.gsresizingpanel .tabbtn.gstabselected,
.gs_add_applicationlist .gsselectappmodule .gsselectmoduletab.gsselectedmoduletab { 
    background: #e5e5e5 !important;
}

.gs_add_applicationlist .gs_add_app_entry {
    padding-top: 5px;
    padding-bottom: 5px;
    color: #333;
    display: inline-block;
    width:100%;
    vertical-align: top;
    transition: background-color 0.5s ease;
    border-bottom: solid 1px #efefef;
background: #ffffff; /* Old browsers */
background: -moz-linear-gradient(top,  #ffffff 0%, #fcfcfc 4%, #f9f9f9 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(4%,#fcfcfc), color-stop(100%,#f9f9f9)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #ffffff 0%,#fcfcfc 4%,#f9f9f9 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #ffffff 0%,#fcfcfc 4%,#f9f9f9 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #ffffff 0%,#fcfcfc 4%,#f9f9f9 100%); /* IE10+ */
background: linear-gradient(to bottom,  #ffffff 0%,#fcfcfc 4%,#f9f9f9 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f9f9f9',GradientType=0 ); /* IE6-9 */

}
.gs_add_applicationlist .gs_add_app_entry:last-child {
    border-bottom: solid 0px #efefef;
    
}

.gs_add_applicationlist .gs_add_app_entry:hover .gs_app_title {
    font-weight: bold;
}

.gs_add_applicationlist .gsaddappbutton { 
    position: absolute;
    right: 2px;
    color: #a1a1a1;
    border: solid 1px #efefef;
    cursor: pointer;
    padding: 2px;
    font-size: 15px;
    padding-left: 10px;
    padding-right: 10px;
    border-right: solid 0px;
    transition: background-color 0.5s ease;
}

.gs_add_applicationlist .gs_add_app_entry .gsaddappbutton:hover {
    color:#efefef !important;
}

.gs_add_applicationlist .gs_add_app_entry:hover .gsaddappbutton {
    box-shadow: 0px 0px 2px #bbb;
    
    background: #00b7ea;
background: -moz-linear-gradient(top, #00b7ea 0%, #009ec3 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#00b7ea), color-stop(100%,#009ec3));
background: -webkit-linear-gradient(top, #00b7ea 0%,#009ec3 100%);
background: -o-linear-gradient(top, #00b7ea 0%,#009ec3 100%);
background: -ms-linear-gradient(top, #00b7ea 0%,#009ec3 100%);
background: linear-gradient(to bottom, #00b7ea 0%,#009ec3 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00b7ea', endColorstr='#009ec3',GradientType=0 );
    
    color:#fff; border: solid 0px; }
.gs_add_applicationlist .gs_add_app_entry .gs_app_image,
.gs_add_applicationlist .gs_add_app_entry .gs_app_image img {
    margin-top: 5px;
    padding-left: 5px;
    padding-right: 10px;
    width: 50px;
    display: inline-block;
}

.gs_add_applicationlist .gs_add_app_entry .infobox,
.gs_add_applicationlist .gs_add_app_entry .gs_app_desc,
.gs_add_applicationlist .gs_add_app_entry .gs_app_title {
    display: inline-block; 
    width: 420px;
    vertical-align: top;
    box-sizing: border-box;
    padding-left: 5px;
    padding-bottom: 5px;

}

.gs_add_applicationlist .gs_add_app_entry .gs_app_title {
    padding: 5px;
    font-weight: bold;
}

.gs_add_applicationlist .gs_add_app_entry .gs_app_desc {
    overflow: hidden;
    padding-right: 15px;
    color:#333;
}

.theeme_selection {
    cursor:pointer;
}
.theeme_selection_design {
    padding-top: 10px;
    margin-bottom: 10px;
    border-top: 1px dotted;
    width: 100%;
}

.theeme_selection_design img {
    margin-right: 10px;
    padding-bottom:5px;
}
.theeme_selection_design .title {
    width:400px;
}

.upload_image_text {
    cursor: pointer;
    width: 190px;
    overflow:hidden;
}

.entries #fileupload {
    height: 20px;
}

#pagelayout {
    position: relative;
}

.submenu .entry {
    width: 130px;
}

.submenu {
    position: absolute;
    right: -128px;
    top: 0px;
    display: none;
    background-color: #cee2f0;
    border: solid 1px #8ebfdd;
}

.submenu .active {
    color: green;
    font-weight: bold;
}

.create_product {
    cursor: pointer;
}

.deleteable {
    position: relative;
}

.trash {
    background-image: url('/skin/default/images/trash.png');
    height: 20px;
    width:20px;
    top: 5px;
    left: 5px;
    position:absolute;
    z-index: 100000000;
    display: none;
}

#informationbox .settings .entry {
    position: relative;
    border-bottom: dotted 1;
    padding: 3px;
    margin-bottom: 5px;
    line-height: 20px;
    cursor: pointer;
}

#informationbox .settings .entry .extrainfo {
    padding-left: 20px; padding-right: 60px;
}

#informationbox .settings .onoff {
    position: absolute;
    right: 0px;
    width: 50px;
    height: 20px;
}

#informationbox .settings .onoff.on { 
    background-image: url('/skin/default/images/onbutton.png');
}

#informationbox .settings .onoff.off { 
    background-image: url('/skin/default/images/offbutton.png');
}

.wizard {
    position:absolute;
    top: 20px;
    left: 30%;
    border: solid 1px #FFFFFF;
    padding: 20px;
    z-index: 1001;
    border-radius: 15px;
    background-color:#FFFFFF;
}

.wizard .title {
    font-size:16px;
    font-weight: bold;
    margin-bottom: 10px;
}

.wizard .thankyou {
    font-size: 14px;
    margin-bottom: 10px;
}

.wizard .setuppoint {
    margin-top: 10px;
    font-weight: bold;
    font-size: 16px;
}

.wizard input {
    padding: 10px;
    width: 500px;
}

.wizard .information_text {
    font-size:16px;
    font-weight: bold;
    padding-top: 10px;
}

.wizard .information_text_url {
    font-size:20px;
}

.wizard .backbutton {
    float:right;
}

.wizard-overlay {
    position:absolute;
    width:100%;
    border: solid 1px;
    top: 0px;
    z-index:1000;
    left:0px;
    opacity: 0.8;
    height: 100%;
    background-color: #000000;
}

.wizard .continue {
    float:right;
    margin-top: 3px;
    margin-right: 15px;
}

.administration_menu_wizard {
    position:absolute;
    left: 120px;
    top: -5px;
    border: solid 1px;
    padding: 10px;
    background-color: #FFFFFF;
    z-index: 3;
    border-radius: 5px;
    display:none;
    background-color:#5e5e76;
    color:#FFFFFF;
}

.administration_menu_wizard .option {
    font-weight: bold;
    font-size:12px;
}

.emptytext { font-size: 16px; padding-left: 15px; padding-right: 15px; }
.empty_footer { padding-top: 30px; padding-bottom: 30px; }
.empty_left { padding-top: 60px; padding-left: 10px; padding-right: 10px; padding-bottom: 60px; }
.empty_middle { padding-top: 60px; padding-bottom: 60px; }
.empty_right { padding-top: 60px; padding-bottom: 60px; }

.tabs .tabset { width: 200px; padding-top:10px; overflow : auto; max-height: 500px;}
.tabs .tabset .tab {  border-top: solid 1px transparent;  border-bottom: solid 1px transparent; border-right: solid 1px transparent;  cursor: pointer; font-size: 15px; line-height: 20px; padding-left: 10px; padding-right: 10px; }
.tabs .tabset .tab:hover { background-color: #EFEFEF; }
.tabs .tabset .tab.active { background-color: #DDD; border-top: solid 1px #BBB;  border-bottom: solid 1px #BBB; border-right: solid 1px #BBB; }

.tabs .tab_content .content_holder { display: none; }
.tabs .tab_content .active { display: block; }

.tabs .tab_content .application { padding-left: 10px; }
.tabs .tab_content .application .title { margin-top: 10px; line-height: 43px; font-size: 15px; font-weight: bold; padding-left: 10px; }
.tabs .tab_content .application .descriptionholder { font-size: 14px; background-color:#EFEFEF; padding: 5px; border: solid 1px #DDD; padding:10px; padding-right: 0px; width: 750px}
.tabs .tab_content .application .description { width: 218px; padding-right: 10px; }
#informationbox .application .allFieldsNeedToBeFilled { font-size: 16px; float:left; padding-top: 10px; display:none; font-weight: bold; color:#FF0000; }
.tabs .tab_content .application .image { width: 515px; height: 320px; text-align:center; }

.commonleftmenu { margin-left: 8px; width: 150px; border-left: solid 1px #a4a4a4; border-right: solid 1px #a4a4a4; border-top: solid 1px #a4a4a4; }
.commonleftmenu .entry { width: 150px; background-image: url('/skin/default/images/standardleftmenuitembackground.png'); height: 34px; line-height: 34px; text-align: center; border-bottom: solid 1px #a4a4a4; border-top: solid 1px #efefef; }
.commonleftmenu .active { background-color: #d9d9d9; background-image: none; }

#messagebox { 
    width: 613px; 
    height: 186px; 
    position: fixed;
    margin: 0 auto;
    z-index: 100000000;
    left: 50%; margin: 0 0 0 -306px; 
    top: 50px;
}
#messagebox.ok { 
    background-image: url('/skin/default/images/messageboxbackground.png'); 
}

#messagebox.error { 
    background-image: url('/skin/default/images/messageboxbackground-error.png'); 
}

#messagebox {
    display: none;
}

#messagebox .inner {
    position: relative;
    width: 613px;
    height: 186px;
}

#messagebox .icon { 
    background-image: url('/skin/default/images/checkicon.png'); 
    width: 120px;
    height: 120px;
    margin-left: 30px;
    margin-top: 0px;
}

#messagebox.error .icon { 
    background-image: url('/skin/default/images/warning.png'); 
}

#messagebox.ok .okbutton { 
    display: none;
}

#messagebox.error .okbutton { 
    display: block;    
    position: absolute;
    right: 22px;
    bottom: 44px;
    background-image: url('/skin/default/images/grey-ok-button.png'); 
    width: 106px;
    height: 35px;
    cursor: pointer;
}

#messagebox .description { 
    width: 420px;
    margin-left: 10px;
    margin-top: 6px;
    font-size: 14px;
}

#messagebox .title {
    margin-top: 23px;
    margin-left: 22px;
    width: 565px;
    font-size: 15px;
    font-weight: bold;
    text-align: center;
}

.ApplicationDisplayer .applications .even { margin-left: 50px; margin-right: 50px;}

.applications_shortcuts .contentbox:hover { 
    background-image: url('/skin/default/images/shortcutapplication-background-hover.png'); 
}

.applications_shortcuts .contentbox { 
    cursor: pointer;    
    width: 138px; 
    height: 146px; 
    background-image: url('/skin/default/images/shortcutapplication-background.png'); 
    position: relative;
    margin-left: 15px;
    margin-right: 15px;
    padding-left: 6px;
}

.applications_shortcuts .contentbox .image { 
    position: absolute;
    top: 40px;
    left: 40px;
}

.applications_shortcuts .contentbox .arrow { 
    width: 30px;
    height: 30px; 
    background-image: url('/skin/default/images/greenarrowdown.png');
    position: absolute;
    left: 58px;
    top: 8px;
}

.applications_shortcuts .contentbox .title { 
    position: absolute;
    bottom: 10px;
    width: 133px;
    font-size: 14px;
    padding-top: 3px;
    color: #FFF;
    border-top: solid 1px #BBB;
}

.applciations_shortcut_other:hover {
    background-image: url('/skin/default/images/addotherapplicationsbackground-hover.png');
}

.applciations_shortcut_other {
    cursor: pointer;
    background-image: url('/skin/default/images/addotherapplicationsbackground.png');
    width: 500px;
    height: 50px;
    color: #FFF;
    font-size: 14px;
    line-height: 50px;
    margin-top: 30px;
}

.applciations_shortcut_other_column {
    width: 170px;
    background-image: url('/skin/default/images/addotherapplicationsbackground_small.png');
}
.applciations_shortcut_other_column:hover {
    background-image: url('/skin/default/images/addotherapplicationsbackground_small_hover.png');
}

.navigation span.breadcrumbentry.link  {
    background-image: url('/skin/default/images/breadcrumbseperator.png');
    background-position:right center;
    background-repeat: no-repeat;
}

.navigation span.breadcrumbentry  {
    display: inline-block;
    padding-left: 3px;    
    padding-right: 10px;    
}

.cke_dialog_body {
    z-index: 10000000000000000000000000000;
}

.middle .accessdenied {
    text-align: center;
    font-size: 16px;
}

#informationbox {
    background-color: #666666;
    -moz-border-radius: 0px;
    -webkit-border-radius: 0px 0px 3px 3px;
    border-radius: 0px 0px 3px 3px; 
    box-sizing: border-box;
}
#informationbox .GetShopColorPicker {
    text-align:center;
    position:relative;
}

#informationbox .GetShopColorPicker .colorbox input { width: 80px; }

#informationbox .GetShopColorPicker .colorbox div { border-bottom: solid 1px; background-color:#EFEFEF; }

#informationbox .GetShopColorPicker .colorbox { 
    font-size: 12px;
    color: #000000;
    display:inline-block;
    margin-right: 10px;
    border: solid 1px #BBBBBB;
}

.mainmenu-outer .content {
    z-index: 500;
    display:none;
}

#informationbox .applicationamanagement .title { font-size: 20px; color:#0A0A0A;margin-top: 5px; border-top: solid 1px #DDDDDD;padding-top: 5px; }
#informationbox .applicationamanagement .appname { border-radius: 3px; bordeR: solid 1px #BBBBBB; position:absolute; right: 35px; font-size: 20px; width: 300px; }
#informationbox .applicationamanagement #buildapplication { position:absolute; right: 30px; }
#informationbox .applicationamanagement .description { height: 60px; border-radius: 3px; border: solid 1px #DDDDDD; padding: 5px; padding-left: 80px;background-image: url('skin/default/startappcreate.png');background-repeat: no-repeat; background-position-x: 5px;background-position-y: 5px; }
#informationbox .applicationamanagement .inner_content { padding:10px; width: 758px; }
#informationbox .applicationamanagement .overviewbox { border: solid 1px; padding: 5px; display:inline-block; width: 350px; height: 150px; float:left; margin-right: 10px; margin-bottom: 10px; border-radius: 3px; border: solid 1px #DDDDDD; }
#informationbox .applicationamanagement .additonaltext {font-size:12px;padding-left: 10px; color:#A0A0A0; }

.selectablegroup .selectable {
    border: solid 2px transparent;
    cursor: pointer;
}


.colors .color.red { background-color: red; }
.colors .color.yellow { background-color: yellow; }
.colors .color.white { background-color: white; border:solid 1px; }
.colors .color.green { background-color: green; }
.colors .color.blue { background-color: blue; }
.colors .color.orange { background-color: orange; }

.selectablegroup .selectable.selected {
    border: solid 2px #000;
}


.colors .color {
    width: 50px;
    height: 50px;
    margin: 10px;
}


.ui-timepicker-div .ui-widget-header { margin-bottom: 8px; }
.ui-timepicker-div dl { text-align: left; }
.ui-timepicker-div dl dt { height: 25px; margin-bottom: -25px; }
.ui-timepicker-div dl dd { margin: 0 10px 10px 65px; }
.ui-timepicker-div td { font-size: 90%; }
.ui-tpicker-grid-label { background: none; border: none; margin: 0; padding: 0; }

.ui-timepicker-rtl{ direction: rtl; }
.ui-timepicker-rtl dl { text-align: right; }
.ui-timepicker-rtl dl dd { margin: 0 65px 10px 10px; }
.OrderManager .odd, tr.odd td.sorting_1 { background-color:#EFEFEF; cursor:pointer; }
.OrderManager tr.even td.sorting_1 { background-color:#FFFFFF; cursor:pointer; }
.designselectionbox {
    -moz-box-shadow: 0px 0px 10px #000000;
    -webkit-box-shadow: 0px 0px 10px #000000;
    box-shadow: 0px 0px 10px #000000;
    background-color: #EFEFEF; z-index: 2000; position:fixed; left:0px; bottom:0px;width: 100%; display:none; height: 150px; }
.designselectionbox .design {
    position:relative;
    border: solid 1px #876200;
    background-color:#FFF;
    display:inline-block; width: 150px; height: 130px; margin:5px; 
    -moz-box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.4);
    -webkit-box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.4);
    box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.4);
    border-radius: 3px;
    padding: 5px;

    font-family: "11px/1.55 Tahoma", "Arial", "Helvetica", "sans-serif"

}


.designselectionbox .selecteddesign {
    -moz-box-shadow: 0px 0px 5px rgba(22, 52, 239, 0.9);
    -webkit-box-shadow: 0px 0px 5px rgba(22, 52, 239, 0.9);
    box-shadow: 0px 0px 5px rgba(22, 52, 239, 0.9);
}

.designselectionbox .design:hover {
    cursor:pointer; 
    -moz-box-shadow: 0px 0px 3px rgba(255, 255, 255, 0.4);
    -webkit-box-shadow: 0px 0px 3px rgba(255, 255, 255, 0.4);
    box-shadow: 0px 0px 3px rgba(255, 255, 255, 0.4);
}

.designselectionbox .selecteddesign:hover {
    -moz-box-shadow: 0px 0px 3px rgba(22, 52, 239, 0.9);
    -webkit-box-shadow: 0px 0px 3px rgba(22, 52, 239, 0.9);
    box-shadow: 0px 0px 3px rgba(22, 52, 239, 0.9);
}

.GetShopToolbox {
    border-bottom: solid 1px #CCC;
    z-index: 20;
}   

.GetShopToolbox .toolboxgroup .toolboxgroup {
    border: solid 1px;
    width: 100px;
    position: absolute;
    left: 30px;
    top: 30px;
    z-index: 501;
    display: none;
}

.GetShopToolbox .seperator,
.GetShopToolbox .title {
    height: 18px;
    padding-top: 2px;
    padding-left: 5px;
    text-align:center;
    color:#FFF;
    border-top-left-radius:8px;
    border-top-right-radius:8px;
    font-size: 12px;
    background-color: #3f3f3f;
    cursor: move;
    border-left: solid 1px #CCC;
    border-right: solid 1px #CCC;
    border-top: solid 1px #CCC;
}

.GetShopToolbox .item {
    width: 48px;
    height: 45px;
    text-align: center;
    position: relative;
    padding-top: 5px;
}

.GetShopToolbox .item:hover .fa { color:#52e5ac; }
.GetShopToolbox .item:hover {
    cursor: pointer;
}

.GetShopToolbox .row {
    border-left: solid 1px #CCC;
    border-right: solid 1px #CCC;
    background-color:#4e4e4e;
    border-top: solid 1px #cccccc;
}

.GetShopToolbox .item:first-child { 
    border-right: solid 1px #cccccc;
}

.GetShopToolbox .item.active {
    background-color: green;
}

.GetShopToolbox .close {
    cursor: pointer;
    width: 20px;
    height: 20px;
    position: absolute;
    top: 1px;
    color:#FFF;
    right: -3px;
}

.GetShopToolbox .item img {
    width: 40px;
    height: 40px;
}

.GetShopToolbox .item div {
    color: #333;
    font-size: 10px;
    line-height: 40px;
    font-size:11px;
    color:#FFF;
}

.GetShopToolbox i { padding-top: 5px;  }

.designselectionbox .design .price { opacity:0.8; position:absolute; border: solid 1px #BBB; bottom: 4px; right:4px; background-color:#FFF; padding:1px;border-radius: 5px; }
.designselectionbox .close { cursor:pointer; position:absolute; top: 0px; right:0px; background-color:#FFF; padding: 3px; border: solid 1px #DDD;border-bottom-left-radius: 10px; }
.designselectionbox .colorselection { position:absolute; width: 300; height: 150px; right: 0px; border-left:solid 1px #BBB; bottom: 0px; background-color:#EFEFEF; }
.designselectionbox .colorselection .innerbox{ display:inline-block; width: 140px; padding: 5px; float:right;  z-index:2;height: 150px; background-color:#EFEFEF; }
.designselectionbox .colorselection .innerbox .title {  color: #767676; }
.designselectionbox .colorselection .advanced_options { position:absolute; left:0px; top:0px; border-right:solid 1px #BBB; height: 100%; display:none; z-index:1; }
.designselectionbox .colorselection .advanced_options .advanced_options_inner { overflow-y: auto; height:125px; }
.designselectionbox .colorselection .colorselectbox { border-right:solid 1px #BBB; height: 100%; width: 80px; }
.designselectionbox .colorselection .colorselectbox .color { height: 15px; }
.designselectionbox .advanced-color { cursor: pointer; }
.designselectionbox .advanced_color_selection {cursor:pointer; float:right; background-image: url('skin/default/images/colorselect.jpg'); height: 20px; width: 20px; display:block; }
.designselectionbox .colorpicker_selection { display:none; width: 100%; position:absolute; top:-28px; padding: 3px; border: solid 1px #BBB; border-top-left-radius: 3px; height: 20px; background-color:#EFEFEF; }
.designselectionbox .colorpicker_selection .colorpickerinput { position:absolute; right: 12px; }
.designselectionbox .colorpicker_selection .colorpickerinput input { width: 70px; font-size:10px; border: solid 1px #000; }
.designselectionbox .close_advanced_options { position:absolute; right: 5px; top: 0px; cursor:pointer; }
.designselectionbox .advanced-color.selected { font-weight: bold; }
.designselectionbox .colorselection .colorselectbox .preview { margin: 3px; border:solid 1px #BBB; height:7px; width: 7px; float:left; display:inline-block; }
.designselectionbox .colorselection .colorselectbox .colortext { cursor:pointer; line-height: 14px; display:inline-block; height: 15px; color: #4d4d4d; }
.designselectionbox .colorselection .background { display: inline-block; width: 30px; height: 25px; margin: 1px; float: left; border:solid 1px #BBB; cursor:pointer; }
.designselectionbox .colorselection .designattributes_color { display: none; }
.designselectionbox .colorselection .active { display: block; }
.designselectionbox .designpreviews { overflow:hidden; position:absolute; width: 100000px; }
.designselectionbox .designpreviews .slider { position:fixed;
                                              bottom: 0px;
                                              height: 150px;
                                              width: 25px;
                                              display:none;
                                              cursor:pointer;
}
.designselectionbox .designpreviews .next { right: 240px; background-image:url('skin/default/bgs/designright.png'); }
.designselectionbox .designpreviews .prev { left: 0px; background-image:url('skin/default/bgs/designleft.png'); }

.sepbox {
    padding: 5px; 
    margin: 5px;
    border: dashed 1px #DDD;
}

.application_settings {
    position: absolute;
    right: 0px;
    top: 0px;
    padding: 2px;
    cursor: pointer;
    z-index: 1;
    border-radius: 2px;
    display:none;
    background-color:#3a99d7;
    box-shadow: 0px 0px 2px #bbb;
}

#loadingProgressG{
    width:256px;
    height:20px;
    overflow:hidden;
    background-color:#000000;
    -moz-border-radius:10px;
    -webkit-border-radius:10px;
    -ms-border-radius:10px;
    -o-border-radius:10px;
    border-radius:10px;
}

.loadingProgressG{
    background-color:#FFFFFF;
    margin-top:0;
    margin-left:-256px;
    -moz-animation-name:bounce_loadingProgressG;
    -moz-animation-duration:1.3s;
    -moz-animation-iteration-count:infinite;
    -moz-animation-timing-function:linear;
    -webkit-animation-name:bounce_loadingProgressG;
    -webkit-animation-duration:1.3s;
    -webkit-animation-iteration-count:infinite;
    -webkit-animation-timing-function:linear;
    -ms-animation-name:bounce_loadingProgressG;
    -ms-animation-duration:1.3s;
    -ms-animation-iteration-count:infinite;
    -ms-animation-timing-function:linear;
    -o-animation-name:bounce_loadingProgressG;
    -o-animation-duration:1.3s;
    -o-animation-iteration-count:infinite;
    -o-animation-timing-function:linear;
    animation-name:bounce_loadingProgressG;
    animation-duration:1.3s;
    animation-iteration-count:infinite;
    animation-timing-function:linear;
    width:256px;
    height:20px;
}

@-moz-keyframes bounce_loadingProgressG{
    0%{
        margin-left:-256px;
    }

    100%{
        margin-left:256px;
    }

}

@-webkit-keyframes bounce_loadingProgressG{
    0%{
        margin-left:-256px;
    }

    100%{
        margin-left:256px;
    }

}

@-ms-keyframes bounce_loadingProgressG{
    0%{
        margin-left:-256px;
    }

    100%{
        margin-left:256px;
    }

}

@-o-keyframes bounce_loadingProgressG{
    0%{
        margin-left:-256px;
    }

    100%{
        margin-left:256px;
    }

}

@keyframes bounce_loadingProgressG{
    0%{
        margin-left:-256px;
    }

    100%{
        margin-left:256px;
    }

}

.deepfreezedActivated {
    width: 100%;
    height: 30px;
    background-color: red;
    text-align: center;
    font-size: 15px;
    font-weight: bold;
    line-height: 30px;
    color: #FFF;
    border-bottom: solid 1px #000;
    display:none;
}

.deepfreezeinformation {
    background-image: url('skin/default/images/deepfreeze.png');
    height: 256px;
    padding-left: 256px;
    background-repeat: no-repeat;
    padding-top: 20px;
    padding-right: 20px;
    font-size: 16px;
}

#cookiewarning_overlay { position:fixed; width: 100%; min-height: 50px; background-color:rgba(0,0,0,0.6); z-index: 200;  left:0; bottom: 0; padding-top: 10px; padding-left: 30px; padding-right: 30px; box-sizing: border-box; padding-bottom: 10px;}
#cookiewarning_overlay .textbox { width: 100%; color: #FFF; text-align: center; }
#cookiewarning_overlay .textbox .title { text-align: center; font-size: 20px; margin-bottom: 5px; }
#cookiewarning_overlay .textbox .continue { cursor: pointer; position:absolute; right: 5px; top: 5px; border-radius: 100px; padding: 5px; color: #000; background-color: #FFF; padding-left: 10px; padding-right: 10px; }

.gs_tabs {
    height: 35px;
    border-bottom: solid 1px  #4e4e4e;
    padding-left: 5px;
    padding-top: 10px;
    background-color:#3f3f3f;
    border-bottom: solid 1px #3a3a3a;
}
.gs_tabs .gs_tab_selected {
    background-color: #666666;
    height: 26px;
    color:#CCC;
    border-bottom: solid 0px;
}

.gs_tab {
    border-top-left-radius:5px;
    border-top-right-radius:5px;
    margin-left: 10px;
    -webkit-transition: background 0.5s linear;
    -moz-transition: background 0.5s linear;
    -ms-transition: background 0.5s linear;
    -o-transition: background 0.5s linear;
    background-color:#FFF;
    padding: 5px;
    font-size: 16px;
    display:inline-block;
    cursor:pointer;
    margin-right: 10px; 
    margin: 0px;
    display:inline-block;
    height: 25px;
    text-align:center;
    background-color:#333333;
    color:#8a8a8a;
    padding-left: 15px;
    padding-right: 15px;
    margin-right: 5px;
}

.gs_tab_area { display:none !important; }
.gs_tab_area_active { display:block !important; }

.colorpicker { z-index: 1000; }
.empty_app_area .fa { font-size: 25px; padding-top: 8px; }
.gs_icon { color: #FFFFFF; }
.cke_dialog_contents .pagepickerwindow { z-index:1; }
.applicationarea .order_mask.ui-droppable { background-color:#037b1a; }
.applicationarea .app .order_mask.drop-hover { background-color:#0f4d1b; }
.gs_reorder_row { position:absolute; right: 10px; border: solid 1px; padding: 2px; font-size: 20px; }
.gs_reorder_row i { cursor:pointer; }
.gs_onoff { cursor:pointer; border: solid 1px #BBB; border-radius:2px; width: 30px; height: 15px; display:inline-block; }
.gs_onoff .toggle { display:block; width: 100%; height: 100%; overflow:hidden;}
.gs_off .toggle { background-color:#ff1717; width: 14px;border-right: solid 1px #BBB; }
.gs_on .toggle { border-left: solid 1px #BBB; background-color:#26bc38; margin-left: 14px; width: 15px; }

.gs_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_button:hover { background: linear-gradient(to top, #094930, #52e5ac); }
.gs_button:active { background: none; background-color: #34c88e; }

.gs_button {
    background-color: pink;
    background: linear-gradient(to bottom, #FFF, #CCC);
    line-height: 30px;
}

.gs_button:hover {
    background: linear-gradient(to bottom, #FFF, #BBB);
}

.gs_toggle_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_toggle_button:hover { background: linear-gradient(to top, #094930, #52e5ac); }
.gs_toggle_button:active { background: none; background-color: #34c88e; }

.gs_toggle_button.pressed { background: #CCC; } 

.gs_button.small { font-size: 11px; padding: 1px; padding-right: 10px; padding-left: 10px; font-weight: bold;}

.gs_margin_operations { color:#000000; border-radius: 3px; position:absolute; right: 0px; border: solid 1px #BBB; display:inline-block; font-size:30px; cursor:pointer; background-color:#EFEFEF; padding: 2px; z-index: 12; }
.gs_row_seperator { width:100%;border-top:dashed 1px #FFFFFF;position:absolute; height: 1px; display:inline-block; left:0px;background-color:#4d4d4d; z-index:11; }
.gs_margin_inner { width: 100px; font-size: 12px; position:relative; padding-bottom: 15px; display:inline-block; }
.gs_margin_inner select { width: 100px; }
.gs_margin_inner input { width: 95px; }
.gs_margin_inner .patterns { height: 100px; border: solid 1px #BBB; overflow-x:none; overflow-y: auto; display:inline-block; }
.gs_margin_inner .patterns .pattern { height: 40px; width: 40px; display:inline-block; overflow: hidden; border-right:solid 1px #BBB; border-bottom:solid 1px #BBB; }


.applicationselector { background-color: #FFF; }

#informationboxmiddle .setting {
    font-size: 16px;
    color: #FFF;
    padding: 10px;
    padding-left: 20px;
    padding-right: 20px;
    border-bottom: dashed 1px #CCC;
    margin-left: 2px;
    margin-right: 2px;
}

#informationboxmiddle .bottom_menu_settings {
    height: 56px;
}

#informationboxmiddle .gs_button.savebutton {
    position: absolute;
    bottom: 10px;
    right: 20px;
}

#informationboxmiddle .setting:last-child {
    border-bottom: solid 0px;
}


#informationboxmiddle .setting {
    position: relative;
}

#informationboxmiddle .setting .onoff {
    right: 0px; 
    width: 50px;
    height: 20px;
    position: absolute; 
    right: 20px;
    top: 10px;
    cursor:pointer;
}

#informationboxmiddle .setting input.config {
    position: absolute;
    right: 20px;
    top: 10px;
}
#informationboxmiddle .setting .onoff.on { 
    background-image: url('/skin/default/images/onbutton.png');
}

#informationboxmiddle .setting .onoff.off { 
    background-image: url('/skin/default/images/offbutton.png');
}

.impersonatingActivated {
    height: 30px;
    background-color: red;
    color: #FFF;
    text-align: center;
    font-size: 15px;
    line-height: 30px;
}
.gsoperatecell { cursor:pointer; }
.gsoperatecell:hover { font-weight:bold; }
.carouselsettingspanel,.tabsettingspanel { width: 175px; position:absolute; padding: 10px; background-color:#FFF; z-index: 20; display:none; padding-top: 45px; box-shadow: 0px 0px 4px #a9a9a9; border-radius: 5px; }
.carouselsettingspanel input { width: 40px; }
.carouselsettingspanel .fa,.tabsettingspanel .fa { cursor: pointer; }

.gsresizingheading, .carouselsettingsheading,.tabsettingspanelheading,.gscellsettingspanelheading, .gsappaddheading { padding:0px !important; top:0px; left:0px; position:absolute; padding-top: 3px !important; padding-bottom: 3px !important; width: 100%; cursor:pointer; color:#fff; text-align:center; background-color:#1c6ea2; border-top-left-radius: 3px; border-top-right-radius: 3px; height: 30px; font-size: 16px; line-height: 30px;
    background: #00b7ea; /* Old browsers */
    background: -moz-linear-gradient(top,  #00b7ea 0%, #009ec3 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#00b7ea), color-stop(100%,#009ec3)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #00b7ea 0%,#009ec3 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #00b7ea 0%,#009ec3 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #00b7ea 0%,#009ec3 100%); /* IE10+ */
    background: linear-gradient(to bottom,  #00b7ea 0%,#009ec3 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00b7ea', endColorstr='#009ec3',GradientType=0 ); /* IE6-9 */


}
.gsactivetab { font-weight: bold; }
.gsframeworkstandard { color:#000; font-size: 14px !important; font-weight: normal !important; font-family: 'Times New Roman' !important;z-index:25; }

.gseasymode.gsframeworkstandard { z-index: 3; }
.gscarouseldots { cursor:pointer; position:absolute; text-align: center; z-index: 2; bottom: 10px; left: 50%; }
.gscarouseldots .fa { margin: 3px; font-size: 10px; text-shadow: 0px 0px 1px #fff; color:#bbb; }
.gscarouseldots .fa.activecarousel { color:#000;  }
.gsactivetab {background-color:#BBB; }
.gsiseditingprepend { height: 30px; display:block;  }
.gseditrowseperator { position:relative; }
.gseditrowseperatorinnertop {
    padding-top: 5px; position: absolute; top:-31px;  height: 25px; width:100%; background-color:#bbb;z-index:5; text-align: center; color:#000; }
.gseditrowseperatorinnerbottom { position: absolute; top:1px; height: 5px; width:100%; background-color:#bbb;z-index:5; }

.gseditrowseperatorinnerbottom, .gseditrowseperatorinnertop {
    background: -moz-linear-gradient(top,  #ffffff 0%, #e5e5e5 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#e5e5e5)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #ffffff 0%,#e5e5e5 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #ffffff 0%,#e5e5e5 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #ffffff 0%,#e5e5e5 100%); /* IE10+ */
    background: linear-gradient(to bottom,  #ffffff 0%,#e5e5e5 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e5e5e5',GradientType=0 ); /* IE6-9 */
    border: solid 1px #dcdcdc;
}

.gscellbox { 
    -webkit-transition: opacity .3s ease-in-out;
        -moz-transition: opacity .3s ease-in-out;
        -ms-transition: opacity .3s ease-in-out;
        -o-transition: opacity .3s ease-in-out;
        transition: opacity .3s ease-in-out;
    border: solid 1px rgba(0,0,0,0.2); display:inline-block; opacity:0; 
    left: -1px;
    right: -1px;
    top: -1px;
    bottom: -1px;
}
.gscellbox.gsactivebox {
    opacity: 1 !important;
}

.gscellbox .gscellboxheader i { cursor:pointer; }
.gscellbox .gscellboxheader i:hover,.gscaraouselmenu i:hover { font-weight: bold; }
.gscellbox .gscellboxheader {
    display:none;
    -webkit-transition: opacity .3s ease-in-out;
        -moz-transition: opacity .3s ease-in-out;
        -ms-transition: opacity .3s ease-in-out;
        -o-transition: opacity .3s ease-in-out;
        transition: opacity .3s ease-in-out;
    left: 0px;
    height: 23px; font-size: 18px;
    opacity: 0; text-align: center; background-color:#000; color:#FFF; position:absolute; z-index: 10; width: 100%; top: -23px; border-top-left-radius: 3px; border-top-right-radius: 3px; }
.gscellbox .ui-resizable-handle { display:none !important; }

.gseditrowbuttons { color:#000; display:none; position:absolute; right: 10px; width: 20px; text-align: center; padding: 2px; border-bottom-left-radius: 3px; border-top-left-radius: 3px; font-size: 16px; z-index: 3;}
.gseditrowbuttons i { cursor:pointer; }
.gseditrowbuttons .fa-stack { height: 27px; }
.gseditrowbuttons .fa-stack-1x { color:#fff; }
.gseditrowbuttons .fa-stack-2x { color:#2f8dc9; }
.gscellbox.gsactivebox .gscellboxheader { display: none; }
.gsleftheading { position:absolute; left: 3px; top: 1px; }
.gsrightheading { position:absolute; right: 3px; top: 1px; }

.gsinitrow { text-align: center; }
.gsmodeselectbox i {display:block; }
.gsmodeselectbox { color:#000; border: solid 1px #3a99d7; padding: 10px; display:inline-block; border-radius: 3px; margin: 10px; cursor:pointer; background-color:#fff; }
.gscellbox .gscellboxheader:hover { opacity:1; }


.gsfloatingbox { border: solid 1px rgba(0,0,0,0); display:inline-block;  }
.gsfloatingheader {
    display: none;
}
.gsfloatingbox .gsfloatingheader { 
    display: inherit;
    height: 20px; font-size: 16px;
    -webkit-transition: opacity .3s ease-in-out;
        -moz-transition: opacity .3s ease-in-out;
        -ms-transition: opacity .3s ease-in-out;
        -o-transition: opacity .3s ease-in-out;
        transition: opacity .3s ease-in-out;
        left: -1px;
        right: -1px;
    opacity: 0; text-align: center; background-color:#000; color:#FFF; cursor:pointer; position:absolute; z-index: 10; top: -19px; border-top-left-radius: 3px; border-top-right-radius: 3px; }
.gsfloatingbox .ui-resizable-handle { display:none !important; }
.gsfloatingbox:hover { border: solid 1px rgba(0,0,0,0.2); }
.gsfloatingbox:hover .gsfloatingheader { opacity: 0.2; }
.gsfloatingbox:hover .ui-resizable-handle { display:block !important; }
.gsfloatingbox .gsfloatingheader:hover { opacity: 1; }

.gscarouseldotseditmode {
    -webkit-transition: opacity .3s ease-in-out;
        -moz-transition: opacity .3s ease-in-out;
        -ms-transition: opacity .3s ease-in-out;
        -o-transition: opacity .3s ease-in-out;
        transition: opacity .3s ease-in-out;
     border-radius: 2px; padding: 4px; background-color:#FFF; opacity:0.6;  }
.gscarouseldotseditmode:hover { opacity: 1; }
.gscarouseldotseditmode i { font-size: 16px !important; }
.gsdoneresizing { position:absolute; top: 40px; left: 40px; font-size: 16px; border: solid 1px; border-radius: 3px; padding: 10px; background-color:#FFF; cursor:pointer; }


.gscellbox .gscellheadermin i {
    padding: 2px;
    color: #FFF;
    cursor:pointer;
}

.gscellbox .gscellheadermin {
    position: absolute;
    right: -1px;
    top: -21px;
    height: 20px;
    width: 20px;
    border-top: solid 1px #bbb;
    border-right: solid 1px #bbb;
    border-left: solid 1px #bbb;
    box-sizing: border-box;
    z-index: 20;
    background-color: #BBB;
    text-align: center;
}

.gscellbox.gsactivebox .gscellboxheader.gsactiveboxheader { 
    display: block; 
    opacity: 1 !important;
    display: block !important;
    
background: #00b7ea; /* Old browsers */
    background: -moz-linear-gradient(top,  #00b7ea 0%, #009ec3 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#00b7ea), color-stop(100%,#009ec3)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #00b7ea 0%,#009ec3 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #00b7ea 0%,#009ec3 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #00b7ea 0%,#009ec3 100%); /* IE10+ */
    background: linear-gradient(to bottom,  #00b7ea 0%,#009ec3 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00b7ea', endColorstr='#009ec3',GradientType=0 ); /* IE6-9 */    
}
.gscaraouselmenu { 
    -webkit-transition: opacity .3s ease-in-out;
        -moz-transition: opacity .3s ease-in-out;
        -ms-transition: opacity .3s ease-in-out;
        -o-transition: opacity .3s ease-in-out;
        transition: opacity .3s ease-in-out;
        left: 10px;
        color:#333;
    border: solid 1px #bbb; top: 25px; padding: 5px; border-radius: 3px; opacity: 0.7; position: absolute; background-color:#FFF; font-size: 16px; border-top-left-radius: 0px;z-index: 5; }
.gscaraouselmenu:hover { opacity: 1; }
.gscaraouselmenu i { cursor:pointer; }
.gscaraouselmenuheader { position: absolute;
                         cursor:pointer;
top: -20px;
background-color:#efefef;
border: solid 1px #bbb;
left: -1px;
border-bottom: solid 0px;
font-size:12px;
height: 14px;
border-top-right-radius: 3px;
padding: 2px; }
.gscssattributes input { width: 30px; }
.gscssinput { float: right; }
.gscssrow { height: 25px; }

.gs_start_template_button {
    height: 30px;
    margin-top: 10px;
    line-height: 30px;
    padding: 10px;
    border: solid 1px #FFF;
    width: 300px;
    margin: 0px auto;
    
    background: #627d4d; /* Old browsers */
    background: -moz-linear-gradient(top,  #627d4d 0%, #1f3b08 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#627d4d), color-stop(100%,#1f3b08)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #627d4d 0%,#1f3b08 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #627d4d 0%,#1f3b08 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #627d4d 0%,#1f3b08 100%); /* IE10+ */
    background: linear-gradient(to bottom,  #627d4d 0%,#1f3b08 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#627d4d', endColorstr='#1f3b08',GradientType=0 ); /* IE6-9 */
    color: #FFF;
    border-radius: 5px;
    cursor: pointer;
}

.gs_start_template_button:hover {
   background: #a4b357; /* Old browsers */
    background: -moz-linear-gradient(top,  #a4b357 0%, #75890c 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#a4b357), color-stop(100%,#75890c)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #a4b357 0%,#75890c 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #a4b357 0%,#75890c 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #a4b357 0%,#75890c 100%); /* IE10+ */
    background: linear-gradient(to bottom,  #a4b357 0%,#75890c 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a4b357', endColorstr='#75890c',GradientType=0 ); /* IE6-9 */

    border: solid 1px #CCC;
    color: #FFF;
}

.gs_templatehaeaderfunctions .selectcolors {
    position: absolute;
    left: 0px;
    top: 0px;
}

.gs_templatehaeaderfunctions .selectcolors .colors_menu {
    background-color: #FFF;
    border-right: solid 1px #DDD;
    display: none;
    cursor: pointer;
    position: absolute;
    z-index: 2;
    width: 162px;
}

.gs_templatehaeaderfunctions .selectcolors .colors_menu .color_select {
    line-height: 25px;
    border-bottom: solid 1px #DDD;
}
.gs_templatehaeaderfunctions .selectcolors .select_arrow_down_indicator {
    position: absolute;
    top: 55px;
    left: 50%;
    margin-left: -7px;
    color: #CCC;
}
.gs_templatehaeaderfunctions .selectcolors .select_color_header i {
    padding-left: 10px; padding-right: 10px; 
}
.gs_templatehaeaderfunctions .selectcolors .select_color_header {
    line-height: 72px;
    border-right: solid 1px #DDD;
    padding-right: 10px;
    background-color: #FFF;
}
.gs_templatehaeaderfunctionspadding { height: 80px; }
.gs_templatehaeaderfunctions {
    position: fixed;
    width: 100%;
    top: 0px;
    z-index: 100000;
    min-height: 50px;
    text-align: center;
    padding-top: 10px;
    background: #ffffff; /* Old browsers */
    background: -moz-linear-gradient(top,  #ffffff 0%, #e5e5e5 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#e5e5e5)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #ffffff 0%,#e5e5e5 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #ffffff 0%,#e5e5e5 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #ffffff 0%,#e5e5e5 100%); /* IE10+ */
    background: linear-gradient(to bottom,  #ffffff 0%,#e5e5e5 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e5e5e5',GradientType=0 ); /* IE6-9 */
    border-bottom: solid 1px #DDD;
    font-size: 18px !important;
    padding-bottom: 10px;
}

.gs_site_main_buttons_view {
    background-color: #2885c0;
    position: fixed;
    height: 100%;
    width: 60px;
    z-index: 3;
    border-right: solid 1px #005387;
}

.gs_advanced_mode_activated i {
    color: #7bff5c !important;
}

.gs_site_main_buttons_view .gs_site_main_button {
    text-align: center;
    height: 50px;
    border-bottom: solid 1px;
    background: linear-gradient(to bottom, #2f8dc9, #146da6);
    cursor: pointer;
}

.gs_site_main_buttons_view .gs_site_main_button:last-child {
    border-bottom: solid 0px;
}

.gs_site_main_buttons_view .gs_site_main_button i {
    color: #FFF;
    width: 100%;
    font-size: 25px;
    padding-top: 10px;
}

.gs_start_template_text_form input {
    width: 300px;
    padding: 10px;
    border-radius: 5px;
    margin-bottom: 10px;
    border: Solid 1px #DDD;
    font-size: 18px;
}
.gs_start_template_text_form {
    display: none;
    width: 330px;
    margin: 0px auto;
}

.gs_paymentwarning {
    text-align: center;
    font-size: 16px;
    line-height: 55px;
    color: #FFF;
    
    background: #ff3019; /* Old browsers */
    background: -moz-linear-gradient(top,  #ff3019 0%, #cf0404 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ff3019), color-stop(100%,#cf0404)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #ff3019 0%,#cf0404 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #ff3019 0%,#cf0404 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #ff3019 0%,#cf0404 100%); /* IE10+ */
    background: linear-gradient(to bottom,  #ff3019 0%,#cf0404 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff3019', endColorstr='#cf0404',GradientType=0 ); /* IE6-9 */

}

.gsfloating { margin: 0px !important; }
.gsfloating .gsinner { padding: 0px !important; margin: 0px !important; }

.shop_button {
    height: 50px;
    text-align: center;
    line-height: 50px;
    font-size: 16px;
    cursor: pointer;
    border-radius: 7px;
    padding-left: 10px;
    padding-right: 10px;
    display: inline-block;
    
    background: -moz-linear-gradient(top,  rgba(255,255,255,0.6) 0%, rgba(255,255,255,0.3) 50%, rgba(255,255,255,0.15) 53%, rgba(255,255,255,0.1) 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,0.6)), color-stop(50%,rgba(255,255,255,0.3)), color-stop(53%,rgba(255,255,255,0.15)), color-stop(100%,rgba(255,255,255,0.1))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  rgba(255,255,255,0.6) 0%,rgba(255,255,255,0.3) 50%,rgba(255,255,255,0.15) 53%,rgba(255,255,255,0.1) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  rgba(255,255,255,0.6) 0%,rgba(255,255,255,0.3) 50%,rgba(255,255,255,0.15) 53%,rgba(255,255,255,0.1) 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  rgba(255,255,255,0.6) 0%,rgba(255,255,255,0.3) 50%,rgba(255,255,255,0.15) 53%,rgba(255,255,255,0.1) 100%); /* IE10+ */
    background: linear-gradient(to bottom,  rgba(255,255,255,0.6) 0%,rgba(255,255,255,0.3) 50%,rgba(255,255,255,0.15) 53%,rgba(255,255,255,0.1) 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#99ffffff', endColorstr='#1affffff',GradientType=0 ); /* IE6-9 */
}
.gsmobilecarouseleditdesc { width: 100%; clear:both; padding: 10px; font-size: 20px; text-align: center; border: solid 1px; color:#000; background-color:#fff; } 
.gsgallery { cursor:pointer; }

.gs_language_selection .gs_language_code {
    display: inline-block;
    padding: 10px;
    border-right: solid 1px #EEE;
    cursor: pointer;
}

.gs_language_selection .gs_language_code:last-child {
    border-right: solid 0px;
}
.gs_language_selection {
    z-index: 2;
    position: absolute;
    top: 0px;
    right: 50%;
    border: solid 1px #EEE;
}

.gsaddcontentlayoutbox { border: solid 1px;position:fixed; }
.gsaddlayoutspacerleft { padding-left: 30px; }
.gsaddlayoutspacerright { padding-right: 30px; }
.gsaddlayoutspacertop { padding-top: 20px; }
.gsaddlayoutspacertoptop { padding-top: 20px; }
.gsaddlayoutspacerbottom { padding-bottom: 20px; }
.gsaddlayoutspacerbottombottom { padding-bottom: 20px; }
.gsdroponlayout { background-color:green !important; }
.gsdroppingarea { background-color: black; }
.gsdroppingarea.ui-droppable:hover { background-color:green; }

.gsdndhelpertext { background: linear-gradient(to bottom, #2f8dc9, #146da6); color:#fff;  width: 100px; padding: 20px; border-radius: 3px; border: solid 1px #000; z-index: 10001; }
.gsborderpointer { position: fixed; 
}
.gsborderpointer .fa { display:none; }
.gsborderpointerhover { 
        -webkit-transition: width 2s; /* Safari */
    transition: width 2s;
    background: linear-gradient(to bottom, #2f8dc9, #146da6); border: solid 1px #bbb !important; border-radius: 3px; border-top: 0px; }
.gsborderpointerhover .fa { display: inline; color:#a1bbec;  }
.gsborderpointerhover .fa.fa-arrow-down { position: absolute; right: 2px; top: 1px; }
.gsborderpointerhover .fa.fa-arrow-up { position: absolute; left: 3px; top: 1px; }
.gsborderpointerhover .fa.fa-arrow-right { position: absolute; bottom: 2px; left: 4px; }
.gsborderpointerhover .fa.fa-arrow-left { position: absolute; left: 4px; top: 2px; }
.gsborderpointer_row_top { border-top: solid 1px #000; }
.gsborderpointer_row_bottom { border-bottom: solid 1px #000; }
.gsborderpointer_column_top { border-left: solid 1px #000; }
.gsborderpointer_column_bottom { border-right: solid 1px #000; }

.gsborderpointerhover_column_top { padding-left: 0px; }
.gsborderpointerhover_column_bottom { padding-right: 0px; }
.gsborderpointerhover_row_top { padding-top: 0px; }
.gsborderpointerhover_row_bottom { padding-bottom: 0px; }


.left_side_bar {
    display: inline-block;
    vertical-align: top;
    width: 200px;
}

.gsbody_inner.gseditormode {
    margin-left: 61px;
}

.gsbody_inner.gscanchangelayout {
    margin-right: 30px;
    border-right: solid 1px #DDD;
}

.gs_main_column {
    display: inline-block;
    vertical-align: top;
    box-sizing: border-box;
    width: calc(100% - 200px);
}
.gsflipcard { box-sizing: border-box; cursor:pointer; }
.gsflipback { visibility: hidden;position:absolute;  }
.gslayouthistory { display:none; border: solid 1px;position:fixed; z-index: 3; background-color:#fff; padding: 10px; left: 60px; top: 30px;
    overflow-y : auto; 
    height: 306px;
    width: 270px;
}
.gslayouthistory div:hover { cursor:pointer; font-weight: bold; }

input.gsniceinput1 {
  padding: 10px;
  border: solid 1px #dcdcdc;
  transition: box-shadow 0.3s, border 0.3s;
}
input.gsniceinput1:focus,
input.gsniceinput1.focus {
  border: solid 1px #707070;
  box-shadow: 0 0 5px 1px #969696;
}

select.gsniceselect1 {
    font-size: 15px;
    border: 1px solid lightblue;
    border-radius: 0px;
    color: black;
    padding: 8px;
    padding-right: 30px;
    -webkit-appearance: none;

    background:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='50px' height='50px'><polyline points='46.139,15.518 25.166,36.49 4.193,15.519'/></svg>") right no-repeat;
    
    background-color: #FFF;
    background-transparency: 0.5;
    background-position: right 8px top 10px;
    background-size: 18px 18px;
    
    height: 51px;
}
select.gsniceselect1:active {
    border: 1px solid #000;
}

.gsniceselect2{
    position: relative;
    display: inline-block;
    vertical-align: middle;
}

.gsniceselect2 select{
    background-color: #2985c0;
    color:rgba(255,255,255,.8);
    font-size: inherit;
    padding: .5em;
    padding-right: 2.5em;	
    border: 0;
    margin: 0;
    text-indent: 0.01px;
    text-overflow: '';
    /*Hiding the select arrow for firefox*/
    -moz-appearance: none;
    /*Hiding the select arrow for chrome*/
    -webkit-appearance:none;
    /*Hiding the select arrow default implementation*/
    appearance: none;
}

/*Hiding the select arrow for IE10*/
.gsniceselect2 select::-ms-expand {
    display: none;
}

.gsniceselect2::before,
.gsniceselect2::after {
    content: "";
    position: absolute;
    pointer-events: none;
    color:#fff;
}

.gsniceselect2::after { /*  Custom dropdown arrow */
    content: "\25BC";
    height: 1em;
    font-size: .625em;
    line-height: 1;
    right: 1.2em;
    top: 50%;
    margin-top: -.5em;
}

.gsniceselect2::before { /*  Custom dropdown arrow cover */
    width: 2em;
    right: 0;
    top: 0;
    bottom: 0;
    border-radius: 0 3px 3px 0;
    background-color: rgba(0,0,0,.2);
}

.gsniceselect2::after {
    color: rgba(255,255,255,.8);
}

.gs_shop_small_icon {
    display: inline-block;
    border: solid 1px #DDD;
    border-radius: 5px;
    padding: 5px;
    padding-left: 10px;
    padding-right: 10px;
    
    background: rgb(255,255,255); /* Old browsers */
    background: -moz-linear-gradient(top,  rgba(255,255,255,1) 0%, rgba(229,229,229,1) 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(229,229,229,1) 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom,  rgba(255,255,255,1) 0%,rgba(229,229,229,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e5e5e5',GradientType=0 ); /* IE6-9 */

    color: #333;
    
    cursor: pointer;
}

.gs_shop_small_icon:active {
    background: #eeeeee;
}

.gs_shop_small_icon:hover {
    background: rgb(238,238,238); /* Old browsers */
    background: -moz-linear-gradient(top,  rgba(238,238,238,1) 0%, rgba(204,204,204,1) 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top,  rgba(238,238,238,1) 0%,rgba(204,204,204,1) 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom,  rgba(238,238,238,1) 0%,rgba(204,204,204,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eeeeee', endColorstr='#cccccc',GradientType=0 ); /* IE6-9 */
}

.gs_logout_counter {
    position: fixed;
    top: 0px;
    right: 0px;
    width: 30px;
    height: 15px;
    z-index: 111113;
    font-size: 10px;
    padding: 5px;
    background-color: #FFF;
    border-left: solid 1px #DDD;
    border-bottom: solid 1px #DDD;
}

.gsdragspot { width:100%; position:absolute; text-align:center;z-index: 11;  box-sizing: border-box; top: 0px;  height: 100%; border: solid 1px; }
.gsdragspot .positioner { display:inline-block; width: 100%; height: 100%; position:relative; top: 0px; left: 0px; }
.gsdropspot_top { padding: 2px; background-color: #fff; color:#000; border: solid 1px #000; }
.gsdropspot_bottom { padding: 2px; background-color: #fff; color:#000; border: solid 1px #000; position:absolute; bottom: 0px; }
.droprowindicator_top { border-top: solid 1px; display:inline-block; width: 100%; box-sizing: border-box; height: 0px; position:absolute; top:0px; left:0px; }
.droprowindicator_bottom { border-top: solid 1px; display:inline-block; width: 100%; box-sizing: border-box; height: 0px; position:absolute; bottom:0px; left:0px; }

.gsdropspot_left { background-color: #fff; left: 0px;position:absolute; color:#000; }
.gsdropspot_right { background-color: #fff; right: 0px; position:absolute; color:#000; }
.gsselectionbox { border: solid 1px; width: 100%; text-align: center; background-color:#fff; color:#000; z-index: 200; position:absolute; left: 0px; }
.gspositioner { position:relative;  }
.gsmodifycellindicator { position: absolute; left:0px; top: 0px; width: 100%; height: 100%; background-color:rgba(0,0,0,0.3); }
.gs_toggle_sidebar {
    position: relative;
}
.left_sidebars {
    position: absolute;
    left: 60px;
    padding: 10px;
    border: solid 1px;
    top: -1px;
    background-color: #009ec3;    
    display: none;
}

.gs_modalouter {
    position:fixed;
    width: 100%;
    border: solid 1px;
    background: rgba(0,0,0,0.7);   
    padding-top: 30px;
    z-index: 2;
    
    position: fixed; 
    overflow-y: scroll;
    top: 0; left: 0; top: 0; bottom: 0;
}

.gs_modalouter .gs_modalinner .gs_close_modal {
    position: absolute;
    right: -10px;
    top: -10px;
    border-radius: 20px;
    padding: 5px;
    width: 20px;
    text-align: center;
    
    cursor: pointer;
    color: #FFF;
    
    background: rgb(255,168,76); /* Old browsers */
    background: -moz-linear-gradient(top,  rgba(255,168,76,1) 0%, rgba(255,123,13,1) 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top,  rgba(255,168,76,1) 0%,rgba(255,123,13,1) 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom,  rgba(255,168,76,1) 0%,rgba(255,123,13,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffa84c', endColorstr='#ff7b0d',GradientType=0 ); /* IE6-9 */
}

.gs_modalouter .gs_modalinner .gs_close_modal:hover {
    background: rgb(250,198,149); /* Old browsers */
    background: -moz-linear-gradient(top,  rgba(250,198,149,1) 0%, rgba(245,171,102,1) 47%, rgba(239,141,49,1) 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top,  rgba(250,198,149,1) 0%,rgba(245,171,102,1) 47%,rgba(239,141,49,1) 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom,  rgba(250,198,149,1) 0%,rgba(245,171,102,1) 47%,rgba(239,141,49,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fac695', endColorstr='#ef8d31',GradientType=0 ); /* IE6-9 */
}

.gs_modalouter .gs_modalinner {
    position: relative;
    background-color: #FFF;
    box-shadow: 0px 0px 3px rgba(0,0,0,0.3);
    padding: 20px;
    margin-bottom: 30px;
}

.left_sidebars .togle_named_sidebar {
    line-height: 25px;
    border-bottom: solid 1px #88Aec3;
}

.gs_last_in_carousel {
    display: none !important;
}

.gs_first_in_carousel {
    display: none !important;
}

.gs_modalIsOpen {
   overflow: hidden;
}

.company_header_selector {
    text-align: center;
    padding-top: 10px;
    padding-bottom: 10px;
    display: none;
}

.gss_slider {
    width: 54px;
    height: 18px;
    float: right;
    overflow: hidden;
    position: relative;
    border-radius: 20px;
    border: solid 2px rgb(58,153,215);
}

.gss_slider input {
    display: none;
}

.gss_slider label {
    display: block;
    width: 18px;
    height: 18px;
    cursor: pointer;
    float: left;
}

.gss_slider .slider_button {
    width: 18px;
    height: 18px;
    position: absolute;
    border-radius: 20px;
    transition: all .4s ease;
    float: left;
    border: solid 2px rgb(58,153,215);
    left: 16px;
    top: -2px;
    box-shadow: inset 0px 0px 5px rgb(58,153,215);
    cursor: pointer;
}
/* Checkbox 1*/
.gsnicecheckbox1{position:relative;}
.gsnicecheckbox1 input {opacity: 0 !important;position: absolute !important;display:none !important;width:0 !important;height: 0 !important;}
.gsnicecheckbox1 label{cursor:pointer;}
.gsnicecheckbox1 label::before {
    content: '';
    position: absolute;
    width: 50px;
    height: 14px;
    border-radius:3px;
    background: #eee;
    transform: translateY(-50%);
    box-shadow: 0 1px 3px rgba(100,100,100,.5) inset,0 0 10px rgba(100,100,100,.2) inset;
}
.gsnicecheckbox1 label::after {
    content: '';
    position: absolute;
    width: 20px;
    top: -1px;
    height: 20px;
    border: 3px solid #ffffff;
    box-sizing: border-box;
    background-color: #ddd;
    background-image: linear-gradient(to top, #fff 0%, #fff 40%, transparent 100%);
    transform: translateY(-50%);
    box-shadow: 0 2px 4px rgba(0,0,0,.5);
}
.gsnicecheckbox1 label, .gsnicecheckbox1 label::before, .gsnicecheckbox1 label::after {transition: all .2s cubic-bezier(0.165, 0.840, 0.440, 1);}
.gsnicecheckbox1 input:checked + label::before {background: #7ae897;}
.gsnicecheckbox1 input:checked + label::after {transform: translateX(30px) translateY(-50%);}
/*End of checkbox*/

.gsdndpanelstepup {
    padding: 5px; border: solid 1px; background-color:#efefef; cursor:pointer;
}
.gsdndpanelstepup:hover { font-weight: bold; }
.gsdndlayoutpanelouter { position:fixed; z-index: 43; background-color:#fff; display:none; }
.gsdndlayoutpanel div:hover { font-weight: bold; }
.gsdndlayoutpanel { border-left: solid 1px; border-top: solid 1px; border-right: solid 1px; display:inline-block; }
.gsdndlayoutpanel div { padding: 5px; border-bottom: solid 1px; cursor:pointer; }

.slavePageModificationIndicator { font-size: 12px; padding: 3px; text-align: center; background-color: #deb200; }

.slavePageModificationIndicator,
.slavePageModificationIndicator a { color: #FFF;}

.gsarea[area="body"] { position: relative; }
.gs_toggleLeftSideBar { display: none; }
.gserrorfield { display: none; color: red; }
.gserrorinput { border-color: red !important; }
.cancelImpersonation { cursor: pointer; }

.gs_framework_modules_icon {
    position: absolute;
    left: 80px;
    top: 0px;
    width: 60px;
    height: 60px;
    background-color: #FFF;
    z-index: 3;
    text-align: center;
    box-sizing: border-box;
    border: solid 1px #DDD;
    font-size: 11px;
}

.gs_framework_modules_icon i {
    font-size: 30px;
    display: block;
    
    margin-top: 5px;
    margin-bottom: 2px;
}
.gs_framework_modules {
    text-align: left;
    position: absolute;
    width: 623px;
    left: 80px;
    top: 76px;
    z-index: 3;
    font-size: 0px;
    display: none;  
    background-color: #23314e;
    padding-bottom: 50px;
    border-top: solid 1px rgba(255,255,255,0.2);
}

.gs_framework_modules .gs_framework_module i {
    padding-bottom: 10px;
}

.gs_framework_modules .gs_framework_module {
    display:  inline-block;
    right: 30px;
    top: 0px;
    width: 120px;
    height: 120px;
    background-color: #FFF;
    z-index: 1;
    text-align: center;
    box-sizing: border-box;
    font-size: 11px;
    color: rgba(255,255,255,0.8);
    background-color: #23314e;
    vertical-align: central;
    box-sizing: border-box;
    padding-top: 50px;
}

.gs_framework_modules .gs_framework_module:hover {
    color: rgba(255,255,255,1);
}


.gs_framework_modules .gs_framework_module i {
    font-size: 30px;
    display: block;
    
    margin-top: 5px;
    margin-bottom: 2px;
}

.gs_privacy_bottom {
    text-align: center;
    padding-top: 20px;
    padding-bottom: 20px;
}

@media only all and (max-width:800px){
    body{
        -webkit-overflow-scrolling: touch;
    }
    .gsbody_inner.gseditormode {
        margin-left: 0;
    }
    .gsbody_inner.gscanchangelayout{
        border:0;
        margin-right:0;
    }

}