.form-group { margin-top: 10px; }

/*input[type='file'] {
    color: transparent;
}*/

/*// this is for grapes editor*/

.gjs-clm-tags { display: none; }

.rhintro {
    color: #808080;
    margin-left: 16px;
    margin-right: 28px;
    margin-top: 15px;
    box-sizing: content-box;
}

.mainbody {
    margin-left: 6px;
    padding-right: 6px;
    margin-top: 6px;
    padding-top: 5px;
    min-height: 100px;
    overflow-x:scroll;
}

@media screen and (max-width: 768px) {
    #content-mobile { display: block; }

    .rhintro {
        /*        position:absolute;*/
        margin-top: 550px;
    }
}
.icontrol {
    margin-top: 10px;
    width: 85px;
    position: relative;
    float: left
}

.container {
    width: 100%;
    height: 100%;
}

.centeredlow {
    position: absolute;
    top: 75%;
    left: 50%;
    transform: translate(-75%, -50%);
}

.centeredlow2 {
    /*position: absolute;*/
    background:#f6fbff;
    width: 100%;
    text-align: center;
    margin-top: -24px;
    margin-bottom: 12px;
    /*left: 82%;
    transform: translate(-84%, -82%);*/
    font-weight: normal;
    color: #553e05;
    opacity: 0.75;
    font-size: 12px;
}
.gridItem {
    border: 1px solid #ccc;
    height: 350px;
    border-radius: 28px;
}
.gridItem label {
    display: inline-block;
    width: 100%;
    margin-bottom: 5px;
    /*float: left;*/
    font-weight: normal;
    font-size: 10px;
}

label {
    display: inline-block;
    margin-bottom: 8px;
    font-weight: normal;
    font-size: 14px;
}

.col-sm-3, .col-sm-4, .col-sm-8, .col-sm-9 {
    position: relative;
    min-height: 1px;
    padding-right: 2px;
    padding-left: 2px;
}

.backColor { background-image: linear-gradient(rgb(237, 243, 248), rgb(214, 229, 244)) }

/*.gridUser {
    float: left;
    padding: 0 30px 0 0;
    margin: 0 0 30px 0;
    display: block;
    width: 120px;
    height: 417px;
}*/

.sprite {
    background: url('/imagelib/SM_sprite.png') no-repeat top left;
    width: 32px;
    height: 32px;
    border: none;
}

.sprite.reddit { background-position: 0 0; }

.sprite.tumbler { background-position: 0 -42px; }

.sprite.pinterest { background-position: 0 -84px; }

.sprite.google { background-position: 0 -126px; }

.sprite.twitter { background-position: 0 -168px; }

.sprite.linkedin { background-position: 0 -210px; }

.sprite.facebook { background-position: 0 -252px; }

.sprite.yahoo { background-position: 0 -294px; }

.sprite.outlook { background-position: 0 -336px; }

.sprite.outlook_64_black { background-position: 0 -378px; }

/* ================================
	Typography
	================================ */

h1 {
    font-size: 2em;
    /*color: #009dd9;*/
}

h4 {
    font-size: .9em;
    font-weight: bold;
    text-transform: uppercase;
    /*color: #333333;*/
}

/* ================================
	IBS Header/Footer Styles
	================================ */

.global {
    font-size: 0.8em;
    color: #333;
    text-decoration: none;
    padding: 0;
}

.global a { color: #333; }

.global li { height: 1.1em; }

.horizontal {
    width: 100%;
    float: left;
}

.horizontal li {
    float: left;
    list-style: none;
    display: inline-block;
    border-left: 1px solid #DDD;
    height: 1.4em;
    padding: 0 13px 3px;
}

.horizontal li:first-child {
    border-left: 0;
    padding-left: 0;
}

#ibs-header {
    margin-bottom: 0px;
    margin-top: .70em;
    background-color: rgba(235, 242, 245, 0.36);
    font-size: 1.0em;
    font-weight: normal;
    border-bottom: 2px;
}

#ibs-hallmark {
    height: 61px;
    width: 54px;
    float: right;
    margin-top: 5px;
}

#ibs-sitename { margin-top: 9px; }

#ibs-footer {
    border-bottom: 1px solid #DDD;
    padding-bottom: .7em;
}

#sidebar {
    float: right;
    margin: 6px;
    padding: 6px;

    /*width: 280px;*/
    /*height:150px;*/
    border: groove 5px brown;
}


/* ================================
   Forms
   ================================ */

.control-label.required:after {
    content: "*";
    color: red;
    font-weight: bold;
    margin-left: 2px;
}

fieldset { margin-bottom: 1em; }

/* styles for validation helpers */

.field-validation-error {
    color: red;
    margin-left: 1em;
}

.field-validation-valid { display: none; }

input.input-validation-error, select.input-validation-error, textarea.input-validation-error { border: 1px solid red; }

input[type="checkbox"].input-validation-error { border: 0 none; }

.validation-summary-errors {
    border: 1px solid rgb(55, 99, 170);
    margin: 6px;
    font-size: large;
    color: red;
}

.validation-summary-valid { display: none; }

label.form-control > input[type='checkbox'] { margin-right: 5px; }

.form-cancel { margin-left: 5px; }

.ibs-help {
    color: #009DD9;
    font-size: 1.1em;
    cursor: pointer
}

.form-horizontal .ibs-help {
    margin-left: -20px;
    margin-top: 5px;
}

.form-basic .ibs-help { float: right !important; }

.tooltip.top .tooltip-arrow { border-top-color: #009DD9; }

.tooltip.right .tooltip-arrow { border-right-color: #009DD9; }

.tooltip.bottom .tooltip-arrow { border-bottom-color: #009DD9; }

.tooltip.left .tooltip-arrow { border-left-color: #009DD9; }

.tooltip-inner {
    background-color: #009DD9;
    color: #ffffff;
}

.form-basic label.form-control { border: 0; }

/*#pagedinfocontrols {
    margin-top: -72px;
}*/

.sharehive {
    background: no-repeat url(../Imagelib/share.png) 0 0;
    background-size: contain;
    cursor: pointer;
    height: 32px;
    width: 32px;
    float: left;
    border: none;
    display: block;
}

#publishoptions {
    background-image: url(/imagelib/publishoptions.png);
    background-position: right;
    background-repeat: no-repeat;
    margin-left: 34px;
    height: 30px;
    padding-right: 32px;
    vertical-align: middle;
}

#mycanvasview, #clearCanvas, #aiGenerate {
    background-position: right;
    background-repeat: no-repeat;
    margin-left: 34px;
    height: 30px;
    padding-right: 32px;
    vertical-align: middle;
}

#dvProgress {
    width: 176px;
    height: 32px;
    background-size: cover;
    font-size: small;
    box-shadow: inset -2px -6px 49px 0px #ABABAB, 5px 5px 7px -2px #242424;
    -webkit-box-shadow: inset -2px -6px 49px 0px #ABABAB, 5px 5px 7px -2px #242424;
    -moz-box-shadow: inset -2px -6px 49px 0px #ABABAB, 5px 5px 7px -2px #242424;
}

.pleasewait {
    text-align: center;
    vertical-align: middle;
    font-family: Verdana;
    color: #127aae;
    position: fixed;
    top: 6%;
    left: 30%;
    margin-left: -88px;
    font-size: small;
    box-shadow: inset -2px -6px 49px 0px #ABABAB, 5px 5px 7px -2px #242424;
    -webkit-box-shadow: inset -2px -6px 49px 0px #ABABAB, 5px 5px 7px -2px #242424;
    -moz-box-shadow: inset -2px -6px 49px 0px #ABABAB, 5px 5px 7px -2px #242424;
}

.serviceboxfull {
    text-align: center;
    background-color: #fff;
    padding: 20px;
    font-size: medium;
    margin-top: 10px;
    box-shadow: inset -2px -6px 49px 0px #ABABAB, 5px 5px 7px -2px #242424;
    -webkit-box-shadow: inset -2px -6px 49px 0px #ABABAB, 5px 5px 7px -2px #242424;
    -moz-box-shadow: inset -2px -6px 49px 0px #ABABAB, 5px 5px 7px -2px #242424;
}

.service-box {
    text-align: center;
    background-color: #fff;
    padding: 20px;
    font-size: medium;
    margin-top: 10px;
    max-width: 640px;
    /*box-shadow: 0 2px 2px 0 rgba(0,0,0,.14), 0 3px 1px -2px rgba(0,0,0,.2), 0 1px 5px 0 rgba(0,0,0,.12);*/
    box-shadow: inset -2px -6px 49px 0px #ABABAB, 5px 5px 7px -2px #242424;
    -webkit-box-shadow: inset -2px -6px 49px 0px #ABABAB, 5px 5px 7px -2px #242424;
    -moz-box-shadow: inset -2px -6px 49px 0px #ABABAB, 5px 5px 7px -2px #242424;
    -o-box-shadow: inset -2px -6px 49px 0px #ABABAB, 5px 5px 7px -2px #242424;
}

.service-invbox {
    text-align: center;
    background-color: #fff;
    padding: 16px;
    font-size: medium;
    color: dimgray;
    margin-top: 10px;
    box-shadow: inset -29px 31px 37px -43px #ABABAB, 0px -1px 16px 4px #3D3B3B;
    -webkit-box-shadow: inset -29px 31px 37px -43px #ABABAB, 0px -1px 16px 4px #3D3B3B;
    -moz-box-shadow: inset -29px 31px 37px -43px #ABABAB, 0px -1px 16px 4px #3D3B3B;
    -o-box-shadow: inset -29px 31px 37px -43px #ABABAB, 0px -1px 16px 4px #3D3B3B;
}

.login-text {
    font-size: smaller;
    color: #221e1e;
}

.login-text:hover {
    font-size: small;
    color: white;
}

.ui-button-text { color: #263845; }

.accountval {
    color: #4a719b;
    opacity: 1.0;
    font-size: 3.00em;
}

.nameval {
    color: black;
    opacity: 1.0;
    font-size: 1.40em;
}

.validval {
    opacity: 1.0;
    color: #0e43f3;
    font-size: 2.00em;
}

h1 { text-shadow: 1px 1px 0 #32424e, 2px 2px 0 #2a6170; }

h2 {
    text-shadow: 0px 0px 0 #32424e, 1px 1px 0 #2a6170;
    font-family: sans-serif, Arial;
}

.RetailerName {
    color: #266cd9;
    font-size: small;
    word-wrap: break-word;
}

.PinType {
    color: #ab3fdd;
    font-size: small;
    word-wrap: break-word;
}


.HiveType {
    color: #ae163e;
    font-size: small;
    word-wrap: break-word;
}

.infoclip {
    height: 24px;
    width: 24px;
    margin-left: auto;
    margin-right: auto;
    padding: 3px;
    overflow: visible;
    display: block;
    opacity: 0.9;
}

.infomsg {
    position: relative;
    /*right: 35%;*/
    top: 16%;
    width: 250px;
    height: 60px;
    overflow: auto;
    padding: 5px;
    background: #baf1f1;
    color: red;
    border-radius: 12px;
    border: outset;
    border-width: 4px;
    border-color: darkgray;
    opacity: 0.90;
    filter: alpha(opacity=90); /* For IE8 and earlier */
    border-radius: 15px;
    -webkit-border-radius: 15px;
    -moz-border-radius: 15px;
    z-index: 104;
}

.errormsg {
    position: absolute;
    right: 20%;
    top: 16%;
    z-index: 99;
    position: fixed;
    width: 60%;
    height: 200px;
    overflow: auto;
    padding: 5px;
    background: #b2ac9e;
    color: red;
    border-radius: 12px;
    border: outset;
    border-width: 4px;
    border-color: darkgray;
    opacity: 0.90;
    filter: alpha(opacity=90); /* For IE8 and earlier */
    border-radius: 15px;
    -webkit-border-radius: 15px;
    -moz-border-radius: 15px;
    z-index: 104;
}

.errortop {
    position: absolute;
    right: 30%;
    top: 16%;
    z-index: 99;
    position: fixed;
    width: 45%;
    height: 150px;
    overflow: auto;
    padding: 5px;
    background: rgba(246, 242, 242, 0.34);
    color: red;
    font-size: larger;
    border-radius: 12px;
    border: outset;
    border-width: 4px;
    border-color: darkgray;
    opacity: 0.90;
    filter: alpha(opacity=90); /* For IE8 and earlier */
    border-radius: 15px;
    -webkit-border-radius: 15px;
    -moz-border-radius: 15px;
    z-index: 104;
}

.errortop:before {
    content: "";
    position: absolute;
    right: 100%;
    top: 26px;
    width: 0;
    height: 0;
    border-top: 13px solid transparent;
    border-right: 26px solid red;
    border-bottom: 13px solid transparent;
}

.tooltip {
    position: absolute;
    /*min-width: 300px;*/
    max-height: 30%;
    max-width: 100%;
    display: block;
    visibility: visible;
    padding: 5px;
    font-size: 13px;
    opacity: 0;
    filter: alpha(opacity=0);
}

.tooltip.in {
    opacity: .94;
    filter: alpha(opacity=94);
}

.tooltip.left .tooltip-arrow {
    top: 50%;
    right: 0;
    margin-top: -15px;
    border-top: 15px solid transparent;
    border-bottom: 15px solid transparent;
    border-right: 15px solid #127aae;
}

.tooltip.left .tooltip-inner {
    min-width: 360px;
    max-height: 30%;
    max-width: 100%;
    padding: 3px 18px;
    margin-left: 12px;
    text-align: center;
    background-color: white;
    /*background-color: cadetblue;*/
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
}
    .tooltip.right .tooltip-arrow {
        top: 50%;
        left: 0;
        margin-top: -15px;
        border-top: 15px solid transparent;
        border-bottom: 15px solid transparent;
        border-right: 15px solid #127aae;
    }

.tooltip.right .tooltip-inner {
    min-width: 360px;
    max-height: 30%;
    max-width: 100%;
    padding: 3px 18px;
    margin-left: 12px;
    text-align: center;
    /*background-color: cadetblue;*/
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}

.bubble {
    float: right;
    position: fixed;
    cursor: move;
    width: 130px;
    height: 100px;
    background: white;
    position: relative;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    border-radius: 10px;
}

.bubble:before {
    content: "";
    position: absolute;
    right: 100%;
    top: 26px;
    width: 0;
    height: 0;
    border-top: 13px solid transparent;
    border-right: 26px solid red;
    border-bottom: 13px solid transparent;
}

#burst-12 {
    background: red;
    width: 80px;
    height: 80px;
    position: relative;
    text-align: center;
}

#burst-12:before, #burst-12:after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    height: 80px;
    width: 80px;
    background: red;
}

#burst-12:before {
    -webkit-transform: rotate(30deg);
    -moz-transform: rotate(30deg);
    -ms-transform: rotate(30deg);
    -o-transform: rotate(30deg);
}

#burst-12:after {
    -webkit-transform: rotate(60deg);
    -moz-transform: rotate(60deg);
    -ms-transform: rotate(60deg);
    -o-transform: rotate(60deg);
}

.nfcsqr {
    float: left;
    width: 120px;
    height: 120px;
    margin: 5px;
    border: 1px solid rgba(0, 0, 0, .2);
}

.blue { background: #13b4ff; }

.purple { background: #ab3fdd; }

.wine { background: #ae163e; }


.form-control[disabled], .form-control[readonly], fieldset[disabled] .form-control {
    background-color: #d2d2d2;
    opacity: 1;
}

input [type="file"]::-webkit-file-upload-button {
    padding: 1px 6px;
    width: 100px;
    height: 24px;
    background-color: #a1b1bf;
    background: -moz-linear-gradient(#e5e7e6, #eee);
    background: -ms-linear-gradient(#e5e7e6, #eee);
    background: -o-linear-gradient(#e5e7e6, #eee);
    background: -webkit-gradient(linear, 0 0, 0 100%, from(#e5e7e6), to(#eee));
    background: -webkit-linear-gradient(#e5e7e6, #eee);
    background: linear-gradient(#e5e7e6, #eee);
    border-radius: 20px;
    box-shadow: inset 0 3px 8px 1px rgba(0, 0, 0, 0.2), 0 1px 0 rgba(255, 255, 255, 0.5);
}

#viewport {
    z-index: 100;
    position: absolute;
    color: #7d9da0;
    font-size: 14px;
    font-weight: bold;
    left: 90px;
    top: -27px;
}

.imageframe {
    width: 100%;
    -ms-background-size: cover;
    background-size: cover;
    height: 300px;
    margin: 8px auto;
    color: #7d9da0;
    background: #a5a39d;
    padding: 1px;
}


h2 a {
    text-decoration: none;
    color: #ababab;
    font-size: 12px;
}

/* ================================
	IBS Navigation
	================================ */

.fsp-picker--active { max-height: 600px; }

.col-sm-12 {
    padding-left: 0px;
    padding-right: 0px;
}

.nav li > a {
    font-size: 1.0em;
    text-decoration: double;
    margin-top: -4px;
 
}

.nav ul li > a {
    color: #474c4d;
    background: #e2edf0;
    font-size: 0.80em;
    margin-top: -5px;
    margin-bottom: 1px;
}

.nav ul li > a img {
    vertical-align: middle;
    background: #ebf2f4;
    border: 1px solid #b1bcbf;
    -webkit-border-radius: 8px;
    border-radius: 8px;
    margin-left: -10px;
    margin-right: 12px;
}

.nav li > a:hover {
    background-color: #7cc1d9;
    color: #797777;
}

.nav li > a:after {
    color: #567f8f;
    background-color: #ebf2f4;
    font-size: 1.0em;
    text-decoration: none;
}

.navbar { border: 1px solid #6e777a; }

.navbar-nav .open .dropdown-menu {
    background-color: #ecf2ee;
    padding: 2px;
    z-index: 102;
}

.menu {
    background: #e4ebf2;
/*    color: #787c80;*/
}

/*.container-fluid{
      float:right;
}*/

.navbar li a, .navbar .container-fluid, .navbar .navbar-collapse { padding: 0; }

.navbar .navbar-nav > li { border-right: 1px solid #fff; }

.navbar-nav > li:hover, .navbar-nav > li:hover > a {
    background: #ebf2f4;
    border-right: 4px solid #929b98;
}

.navbar .navbar-nav > li > a, .navbar .navbar-nav > li > a:hover {
    color: #2946a5;
    font-weight: bold;
    margin: 0.3em 2.15em;
}

.navbar-nav > li.active, .navbar-nav > .active > a, .navbar-nav > .active > a:hover, .navbar-nav > .dropdown.open, .navbar-nav > .open > a, .navbar-nav > .open > a:hover, .navbar-nav > .open > a:focus {
    color: #60888b;
    background: rgb(253, 247, 240);
    border-right: 3px solid #afb6bc;
}

.nav a:hover .caret, .nav .caret {
    border-top-color: #91c4dc;
    border-bottom-color: #5d9ac5;
}

.navbar-nav .dropdown-menu {
    padding: 0 0.5em;
    /*border-right: 5px solid #36685e;
    border-left: 5px solid #36685e;*/
}

.navbar-nav .dropdown-menu > li > span.glyphicon {
    color: #a1aaa8;
    font-size: 0.5em;
    display: none;
    margin-right: .75em;
    top: -1px;
}

.navbar-nav .dropdown-menu > li:hover > span { display: inline; }

.navbar-nav .dropdown-menu > li:hover > a {
    margin-left: 0;
    color: #949a9c;
    background: none;
}

.navbar-nav .dropdown-menu > li:last-child { border: none; }

#home-welcome {
    background-color: #c2dfe9;
    font-size: 1.2em;
    padding: .9em;
}

footer {
    margin-top: 2em;
    width: 100%;
    position: relative;
    bottom: 0;
}

.navbar, .navbar-nav > li, .navbar-collapse {
    opacity: 0.95;
    min-height: 1.2em;
    border-radius: 0;
}

.navbar-nav .dropdown-menu > li > a:after {
    color: #e5d9d9;
    font-size: 1.00em;
    /*display: inline-block;
    padding: .55em 0;
    margin-left: 1em;*/
}

.navbar-nav .dropdown-menu > li > a:before {
    color: #e5d9d9;
    font-size: 1.00em;
    /*display: inline-block;
    padding: .55em 0;
    margin-left: 1em;*/
}

.navbar, .navbar-nav > li, .navbar-collapse, .navbar-nav > li {
    z-index: 10;
    background: #e5f7f9;
    background: -webkit-linear-gradient(rgba(255, 255, 255, 0.00), rgba(255, 255, 255, 0.00)); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(rgba(255, 255, 255, 0.00), rgba(255, 255, 255, 0.00)); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(rgba(255, 255, 255, 0.00), rgba(255, 255, 255, 0.00)); /* For Firefox 3.6 to 15 */
    background: linear-gradient(rgba(255, 255, 255, 0.00), rgba(255, 255, 255, 0.00)); /* Standard syntax */
}

.navbar-nav .dropdown-menu > li {
    border-bottom: 0px solid rgba(255, 255, 255, 0.00);
    z-index: 100;
}

ibs .navbar-nav .dropdown-toggle, .navbar-nav > .dropdown.open {
    z-index: 100;
    background: #ffffff;
}

/*===================================*/

.darkpanelnl {
    color: #e5f7f9;
    background: url(../imagelib/darkwood.jpg) 0 0; /*rgba(0, 0, 0, 0.96);*/
    background: -moz-linear-gradient(top, rgba(0, 0, 0, 0.93) 45%, rgba(0, 0, 0, 0.98) 98%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(45%, rgba(0, 0, 0, 0.85)), color-stop(98%, rgba(0, 0, 0, 0.98))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0.93) 45%, rgba(0, 0, 0, 0.98) 98%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, rgba(0, 0, 0, 0.94) 45%, rgba(0, 0, 0, 0.98) 98%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, rgba(0, 0, 0, 0.93) 45%, rgba(0, 0, 0, 0.98) 98%); /* IE10+ */
    background: linear-gradient(to bottom, rgba(0, 0, 0, 0.93) 45%, rgba(0, 0, 0, 0.98) 99%); /* W3C */
    opacity: 0.98;
    filter: alpha(opacity=98); /* For IE8 and earlier */
    background-size: cover;
    margin: 0;
    padding-bottom: 16px;
    margin-top: 0px;
    /*position: fixed;*/
    /*bottom: -22px;*/
    border: none;
}

.darkpanel {
    color: #211e1f;
    background: url(../imagelib/back130.jpg) 0 0;
    /*background: url(../imagelib//darkwood.jpg) 0 0;*//*rgba(0, 0, 0, 0.96);*/
    background-size: cover;
    margin-bottom: 2px;
    margin-top: 40px;
    margin-left: 0px;
    margin-right: 0px;
    margin: 0;
    /*position: fixed;*/
    border: none;
}

.goadmin1 {
    background: no-repeat url(../imagelib//goAdmin.png) 0 0;
    position: absolute;
    background-size: cover;
    width: 128px;
    height: 128px;
    top: 50%;
    left: 48%;
    opacity: 0.4;
    filter: alpha(opacity=40); /* For IE8 and earlier */
}

.getconnected {
    background: no-repeat url(../Imagelib/usersicon_s.png);
    position: absolute;
    width: 48px;
    height: 48px;
    margin-top: 10px;
    margin-left: auto;
    margin-right: auto;
    background-size: contain;
    opacity: 0.9;
    filter: alpha(opacity=90); /* For IE8 and earlier */
}

.getconnected2 {
    background: no-repeat url(../Imagelib/usersicon_s.png);
    position: absolute;
    width: 48px;
    height: 48px;
    background-size: contain;
    opacity: 0.95;
    filter: alpha(opacity=95); /* For IE8 and earlier */
}

.logo1 {
    background: no-repeat url(../imagelib//home_btn.png) 0 0;
    position: absolute;
    /*float:  left;*/
    width: 128px;
    height: 128px;
    top: 50%;
    left: 15%;
    opacity: 0.4;
    filter: alpha(opacity=40); /* For IE8 and earlier */
}

.profileimagenm {
    cursor: none;
    width: 97%;
    height: 96px;
    margin-top: 16px;
    margin-bottom: 8px;
    padding: 4px;
    background-size: cover;
    display: inline;
    overflow: visible;
    border: 3px;
    border-radius: 42px;
    -webkit-border-radius: 42px;
}

.profileimagenmxs {
    width: 92px;
    height: 92px;
    margin-top: 3px;
    margin-bottom: 3px;
    padding: 2px;
    background-size: cover;
    display: inline;
    overflow: hidden;
    border: 3px;
    -webkit-border-radius: 8px;
    border-radius: 8px;
}

.imagecursor { cursor: pointer; }

.profileimage {
    width: 99%;
    height: 96px;
    margin-top: 16px;
    margin-bottom: 12px;
    padding: 1px;
    background-size: cover;
    display: inline;
    overflow: visible;
    border: 1px;
    -webkit-border-radius: 42px;
    -moz-border-radius: 42px;
    border-radius: 42px;
}

.popsmimage {
    /*height: 32px;*/
    cursor: pointer;
    width: 78%;
    height: 220px;
    max-width: 98%;
    max-height: 280px;
    padding: 1px;
    background-size: cover;
    display: inline;
    overflow: visible;
    border: 1px;
    margin-bottom:16px;
    /*background: lightblue;*/
    border-radius: 7px;
    -webkit-border-radius: 7px;
    -moz-border-radius: 7px;
}

.popimagelg {
    height: 128px;
    width: 128px;
    cursor: pointer;
    padding: 3px;
    overflow: visible;
    margin-top: 10px;
    background: lightblue;
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
}

.popimage {
    height: 48px;
    width: 120px;
    padding: 5px;
    overflow: visible;
    display: block;
    margin-left: auto;
    margin-right: auto;
    border: 3px;
    background: lightblue;
    border-radius: 10px;
    /*opacity: 0.93;
    filter: alpha(opacity=93);  For IE8 and earlier*/
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
}

.popimagesmall {
    height: 30px;
    width: 82px;
}

.mlogan {
    z-index: 1;
    position:absolute;
}

.maintitle {
    top: 15%;
    font-family: 'DidotLTStd-Bold', serif;
    left: 5%;
    color: #d1d9e0;
    font-weight: 330;
    font-size: 4rem;
    line-height: 4rem;
    color: #d1d9e0;
}

.mainsubtitle {
    top: 22%;
    font-family: 'DidotLTStd-Bold', serif;
    left: 5%;
    max-width: 65%;
    color: #d1d9e0;
    font-weight: 230;
    font-size: 2.0rem;
    line-height: 2.5rem;
}

.mainsubtitle2 {
    font-family: 'DidotLTStd-Bold', serif;
    color: #d1d9e0;
    max-width:65%;
    left: 5%;
    top: 28%;
    font-weight: 160;
    font-size: 1.95rem;
    line-height: 3rem;
}
.mainsubtitle3 {
    font-family: 'DidotLTStd-Bold', serif;
    color: #d1d9e0;
    left: 5%;
    top: 32%;
    font-weight: 100;
    font-size: 1.5rem;
    line-height: 2rem;
}
.pagetitle {
    z-index: 1;
    font-family: sans-serif, Arial;
    background: no-repeat url(../imagelib//RoundHive7.png), linear-gradient(to bottom, rgba(0, 0, 0, 0.11), rgba(246, 212, 6, 0.16));
    opacity: 0.76;
    height: 60px;
    max-width: 360px;
    text-align: left;
    background-size: contain;
    float: left;
    font-size: 34pt;
    color: #242424;
    margin-left: 21px;
    margin-top: 0px;
    padding-right: 24px;
    padding-left: 88px;
    border-radius: inherit;
    border-radius: 14px;
    box-shadow: inset 0 3px 8px 1px rgba(0, 0, 0, 0.3), 0 1px 0 rgba(255, 255, 255, 0.6);
}

.table-condensed {
    background-color: #fefefe;
    color: darkgoldenrod;
}

.table-bordered > thead > tr > th, .table-bordered > tbody > tr > th, .table-bordered > tfoot > tr > th, .table-bordered > thead > tr > td, .table-bordered > tbody > tr > td, .table-bordered > tfoot > tr > td {
    border: 1px solid #d1b371;
    border-radius: 8px;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
}

@media all and (max-width: 1424px) and (min-width: 10px) {
    .pagetitle {
        z-index: 1;
        font-family: sans-serif, Arial;
        float: left;
        opacity: 0.76;
        max-width: 200px;
        height: 48px;
        background-size: contain;
        font-size: 22pt;
        padding-right: 4px;
        padding-left: 48px;
        text-align: center;
        margin-top: 0px;
        border-radius: inherit;
        border-radius: 14px;
        box-shadow: inset 0 3px 8px 1px rgba(0, 0, 0, 0.3), 0 1px 0 rgba(255, 255, 255, 0.6);
    }
    .mainbody {
        min-height: 320px;
    }

}


/*.ckeditor
{overflow-y:auto;-webkit-overflow-scrolling:touch;
    overflow: hidden;
    background: black;background-size: 20px 20px; background-image: linear-gradient(to right, #34495E 1px, transparent 1px), linear-gradient(to bottom, #34495E 1px, transparent 1px);
}*/

checkboxes .col-sm-2 label {
    display: inline-block;
    max-width: 100%;
    margin-bottom: 22px;
    font-weight: bold;
}

.list-unstyled {
    padding-left: 0;
    list-style: none;
}

.list-unstyled li {
    padding-top: 7px;
    margin-bottom: 7px;
}

.list-inline {
    padding-left: 0;
    list-style: none;
    margin-left: -5px;
}

.list-inline > li {
    display: inline-block;
    padding-left: 5px;
    padding-right: 5px;
}

.dialog { background-color: #263845; }

#elements-container #elements-list li {
    width: calc(33.33% - 2px);
    height: 84px;
    float: left;
    margin: 1px;
}

.toolbox {
    /*background-color: #263845;*/
    background-color: #f4f5f9;
    background-size: cover;
    font-weight: 400;
    letter-spacing: .7px;
    padding-bottom: 18px;
    padding-top: 10px;
    color: #7492a4;
}

.el-list-item {
    background-color: #f3f5f6;
    font-weight: 400;
    letter-spacing: .7px;
    transition: all 150ms ease-out;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    cursor: pointer;
    cursor: -webkit-grab;
    cursor: grab;
    border-radius: 2px;
    text-align: center;
    height: 100%;
    overflow: hidden;
    position: relative;
}

#accordionform .accordionform {
    background-color: transparent;
    /*background-image: url("/imagelib/130.jpg");*/
    color: #8eb2c7;
    border-radius: 3px;
    height: 46px;
    /*width:100%;*/
    width: 24.25rem;
    font-size: 14px;
    padding: 8px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    margin: 0 5px 5px;
    cursor: pointer;
    font-weight: 500;
    line-height: 20px;
}

#accordionform > .icon {
    float: right;
    pointer-events: none;
    transition: -webkit-transform .7s ease;
    transition: transform .7s ease;
}

#accordionform:hover { background-color: #e1edf4; }

a:hover {
    outline: 0;
    color: #b7dddb;
}

.accordion-heading {
    background-color: transparent;
    color: #7692a2;
    border-radius: 3px;
    height: 50px;
    font-size: 14px;
    padding: 10px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    margin: 0 14px 5px;
    /*cursor: pointer;*/
    font-weight: 500;
    line-height: 20px;
}

.accordion-heading-small {
    background-color: #e8f1f7;
    color: #7992a0;
    border-radius: 3px;
    height: 30px;
    font-size: 10px;
    padding: 10px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    margin: 0 10px 5px;
    /*cursor: pointer;*/
    font-weight: 300;
    line-height: 16px;
}

.accordion-heading > .icon {
    float: right;
    pointer-events: none;
    transition: -webkit-transform .7s ease;
    transition: transform .7s ease;
}

.accordion-heading:hover { background-color: #e3f2fc; }

.checkboxlarge input[type="checkbox"] {
    width: 24px;
    height: 24px;
    z-index: 5;
    opacity: 0.9;
    margin-top: -5px;
    /*position: absolute;*/
}

.switch input[type="checkbox"] {
    cursor: col-resize;
    width: 60px;
    height: 26px;
    z-index: 5;
    opacity: 0.0;
    position: absolute;
}

.switchyn input[type="checkbox"] {
    top: -5px;
    cursor: col-resize;
    width: 60px;
    height: 30px;
    z-index: 5;
    opacity: 0.0;
    position: absolute;
}


.switch2 input[type="checkbox"] {
    width: 36px;
    cursor: col-resize;
    height: 36px;
    z-index: 5;
    opacity: 0.0;
    position: absolute;
}

input[type="checkbox"]:checked + label::after { background-color: #26ca28; }

.pressbuttonsmall {
    box-shadow: 3px 4px 0px 0px #a8b0b3;
    background: linear-gradient(to bottom, #ededed 5%, #d1cdd1 100%);
    background-color: #ededed;
    border-radius: 12px;
    border: 1px solid #eddfed;
    display: inline-block;
    cursor: pointer;
    color: #3a8a9e;
    font-family: sans-serif, Arial;
    font-size: 12px;
    padding: 5px 15px;
    text-decoration: none;
    text-shadow: 0px 1px 0px #e1e2ed;
}

.pressbuttonsmall:hover {
    background: linear-gradient(to bottom, #d1cdd1 5%, #ededed 100%);
    background-color: #d1cdd1;
}

.pressbuttonsmall:active {
    position: relative;
    top: 1px;
}


.pressbutton {
    box-shadow: 3px 4px 0px 0px #a8b0b3;
    background: linear-gradient(to bottom, #ededed 5%, #d1cdd1 100%);
    background-color: #ededed;
    border-radius: 12px;
    border: 1px solid #eddfed;
    display: inline-block;
    cursor: pointer;
    color: #3a8a9e;
    font-family: sans-serif, Arial;
    font-size: 15px;
    padding: 4px 15px;
    text-decoration: none;
    text-shadow: 0px 1px 0px #e1e2ed;
}

.pressbutton:hover {
    background: linear-gradient(to bottom, #d1cdd1 5%, #ededed 100%);
    background-color: #d1cdd1;
}

.pressbutton:active {
    position: relative;
    top: 1px;
}

.pressbuttonwood {
    background: #f4f5f5;
    margin-top: 10px;
    margin-bottom: 16px;
    margin-right: 5px;
    margin-left: 1px;
    -webkit-border-radius: 10px;
    font-family: 'TradeGothicLTStd-BdCn20', 'PT Sans Narrow';
    font-weight: 600;
    color: #8d8d8b;
    font-size: 10px;
}

.pressbutton:disabled {
    color: #e4e1d9;
    background-color: #a5a39d;
    text-shadow: 1px -1px #97A63A;
}

.pressbutton:disabled:hover {
    color: #e4e1d9;
    background-color: #a5a39d;
    text-shadow: 1px -1px #97A63A;
}

.pressbutton:hover {
    color: rgb(119, 115, 115);
    text-shadow: 0px -1px #97A63A;
    cursor: pointer;
}


.pressbutton3d {
    top: 0;
    left: 0;
    transition: all .15s linear 0s;
    position: relative;
    display: inline-block;
    -webkit-border-radius: 12px;
    padding: 7px 12px;
    background-color:#f6fbff;
    color: black;
    font-family: sans-serif, Arial;
    letter-spacing: 1px;
    box-shadow: -4px 4px 0 darkgrey;
    text-decoration: none;
}

.btn:hover {
    top: 3px;
    left: -3px;
    box-shadow: -3px 3px 0 darkgrey;
}

.pressbutton3d:after {
    top: 1px;
    left: -2px;
}

.pressbutton3d:before {
    bottom: -2px;
    right: 1px;
}

.pressbutton3d:disabled {
    color: #76746d;
    background-color: #a5a39d;
    text-shadow: 1px -1px #97A63A;
    cursor: not-allowed;
}

.captionreg {
    z-index: 1;
    font-family: sans-serif, Arial;
    font-size: 12pt;
    text-align: center;
    padding-right: 3px;
    margin-bottom:9px;
    max-width: 90%;
    padding-left: 3px;
    border-radius: inherit;
    color: #b2ac9e;
    border-radius: 14px;
    box-shadow: inset 0 3px 8px 1px rgba(0, 0, 0, 0.2), 0 1px 0 rgba(255, 255, 255, 0.5);
}
.titlereg {
    z-index: 1;
    font-family: sans-serif, Arial;
    font-size: 24pt;
    text-align: center;
    padding-right: 3px;
    max-width: 50%;
    padding-left: 3px;
    border-radius: inherit;
    color: #b2ac9e;
    border-radius: 14px;
    box-shadow: inset 0 3px 8px 1px rgba(0, 0, 0, 0.2), 0 1px 0 rgba(255, 255, 255, 0.5);
}

.titlesmall {
    z-index: 1;
    font-family: sans-serif, Arial;
    font-size: 18pt;
    top: -8px;
    right: -8px;
    bottom: -8px;
    text-align: center;
    left: -8px;
    margin-left: 37%;
    margin-right: 37%;
    padding-right: 8px;
    padding-left: 8px;
    border-radius: inherit;
    max-width: 26%;
    background: -moz-linear-gradient(#ededed, #93c1d5);
    background: -o-linear-gradient(#ededed, #93c1d5);
    background: -webkit-gradient(linear, 0 0, 0 100%, from(#ededed), to(#93c1d5));
    background: -webkit-linear-gradient(#ededed, #93c1d5);
    background: linear-gradient(to bottom, #ededed 5%, #d1cdd1 100%);
    border-radius: 8px;
    box-shadow: inset 0 3px 8px 1px rgba(0, 0, 0, 0.2), 0 1px 0 rgba(255, 255, 255, 0.5);
}

.title {
    z-index: 1;
    font-family: sans-serif, Arial;
    font-size: 56pt;
    top: -8px;
    right: -8px;
    bottom: -8px;
    left: -8px;
    padding-right: 8px;
    padding-left: 8px;
    margin-left: 1%;
    border-radius: inherit;
    background: -moz-linear-gradient(#ddedf8, #d3effa);
    background: -o-linear-gradient(#ddedf8, #d3effa);
    background: -webkit-gradient(linear, 0 0, 0 100%, from(#ddedf8), to(#d3effa));
    background: -webkit-linear-gradient(#ddedf8, #d3effa);
    background: linear-gradient(#ddedf8, #d3effa);
    border-radius: 14px;
    box-shadow: inset 0 3px 8px 1px rgba(0, 0, 0, 0.2), 0 1px 0 rgba(255, 255, 255, 0.5);
}


.switch {
    width: 51px;
    height: 20px;
    position: relative;
    cursor: pointer;
}

.switch label {
    display: block;
    width: 100%;
    height: 100%;
    position: relative;
    background: #a5a39d;
    border-radius: 20px;
    box-shadow: inset 0 3px 3px 1px rgba(0, 0, 0, 0.36), 0 1px 0 rgba(255, 255, 255, 0.5);
}

.switch label:after {
    content: "";
    position: absolute;
    z-index: -1;
    top: -6px;
    right: -6px;
    bottom: -6px;
    left: -6px;
    border-radius: inherit;
    background: #ccc; /* Fallback */
    background: linear-gradient(#f2f2f2, #ababab);
    box-shadow: 0 0 8px rgba(0, 0, 0, 0.38), 0 1px 1px rgba(0, 0, 0, 0.55);
}

.switch label:before {
    content: "";
    position: absolute;
    z-index: -1;
    top: -8px;
    right: -8px;
    bottom: -8px;
    left: -8px;
    border-radius: inherit;
    background: #eee; /* Fallback */
    background: linear-gradient(#e5e7e6, #eee);
    box-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
    -webkit-filter: blur(1px); /* Smooth trick */
    filter: blur(1px); /* Future-proof */
}

.switch label i {
    display: block;
    height: 85%;
    width: 56%;
    position: absolute;
    left: 0;
    top: 4%;
    z-index: 2;
    border-radius: inherit;
    background: #b2ac9e; /* Fallback */
    background: linear-gradient(#f7f2f6, #b2ac9e);
    box-shadow: inset 0 1px 0 white, 0 0 8px rgba(0, 0, 0, 0.3), 0 4px 4px rgba(0, 0, 0, 0.2);
}

.switch label i:after {
    content: "";
    position: absolute;
    left: 15%;
    top: 25%;
    width: 35%;
    height: 20%;
    background: #d2cbc3; /* Fallback */
    background: linear-gradient(#cbc7bc, #d2cbc3);
    border-radius: inherit;
}

.switch label i:before {
    content: "off";
    position: absolute;
    top: 81%;
    right: -63%;
    margin-top: -12px;
    color: #666; /* Fallback */
    /*color: rgba(0,0,0,0.4);*/
    font-style: normal;
    font-weight: bold;
    font-family: sans-serif, Arial;
    font-size: 10px;
    text-transform: uppercase;
    text-shadow: 0 1px 0 #bcb8ae, 0 -1px 0 #97958e;
}

.switch input:checked ~ label { /* Background */
    background: #9abb82;
}

.switch input:checked ~ label i { /* Toggle */
    left: auto;
    right: -1%;
}

.switch input:checked ~ label i:before { /* On/off */
    content: "on";
    right: 115%;
    color: #509916;
    text-shadow: 0 1px 0 #afcb9b, 0 -1px 0 #6b8659;
}

.switch2 {
    width: 40px;
    height: 27px;
    position: relative;
}

.switch2 label {
    display: block;
    width: 100%;
    height: 100%;
    position: relative;
    border-radius: 50%;
    background: #eaeaea;
    box-shadow: 0 3px 5px rgba(0, 0, 0, 0.25), inset 0 1px 0 rgba(255, 255, 255, 0.3), inset 0 -5px 5px rgba(100, 100, 100, 0.1), inset 0 5px 5px rgba(255, 255, 255, 0.3);
}

.switch2 label:after {
    content: "";
    position: absolute;
    z-index: -1;
    top: -8%;
    right: -8%;
    bottom: -8%;
    left: -8%;
    border-radius: inherit;
    background: #ddd; /* Fallback */
    background: linear-gradient(#ccc, #fff);
    box-shadow: inset 0 2px 1px rgba(0, 0, 0, 0.15), 0 2px 5px rgba(200, 200, 200, 0.1);
}

.switch2 label:before {
    content: "";
    position: absolute;
    width: 20%;
    height: 20%;
    left: 40%;
    top: 40%;
    border-radius: inherit;
    background: #969696; /* Fallback */
    background: radial-gradient(40% 35%, #ccc, #969696 60%);
    box-shadow: inset 0 2px 4px 1px rgba(0, 0, 0, 0.3), 0 1px 0 rgba(255, 255, 255, 1), inset 0 1px 0 white;
}

.switch2 input:checked ~ label { /* Button */
    background: #e5e5e5; /* Fallback */
    background: linear-gradient(#dedede, #fdfdfd);
}

.switch2 input:checked ~ label:before { /* LED */
    background: #25d025; /* Fallback */
    background: radial-gradient(40% 35%, #5aef5a, #25d025 60%);
    box-shadow: inset 0 3px 5px 1px rgba(0, 0, 0, 0.1), 0 1px 0 rgba(255, 255, 255, 0.4), 0 0 10px 2px rgba(0, 210, 0, 0.5);
}

.containerpanel {
    top: 150px;
    left: 11px;
    max-height: 94%;
    background-color: rgb(250, 249, 249); /*#3f4652;*/
    color: white;
    overflow-y: auto;
    position: fixed;
    padding-right: 1px;
    padding-left: 1px;
    margin-right: auto;
    width: 9%;
    margin-left: auto;
}

.containerpanel2 {
    top: 275px;
    left: 10%;
    max-height: 94%;
    background-color: rgb(251, 253, 253);
    color: white;
    position: fixed;
    z-index: 11;
    padding-right: 1px;
    padding-left: 1px;
    margin-right: auto;
    width: 100px;
    margin-left: auto;
}

.ui-resizable-helper { border: 1px dotted #999; }

.form-control {
    color: #62a2de;
    margin-top: 4px;
    background-color: #f7fbfb;
}

.form-pass {
    color: #645a5a;
    background-color: #a29d9d;
    width: 120px;
}


.error {
    color: white;
    background-color: red;
    top: 21%;
    z-index: 99;
    left: 19%;
    position: fixed;
    padding-right: 1px;
    padding-left: 1px;
    margin-right: auto;
    width: 60%;
    float: left;
}


textarea {
    color: #555;
    background-color: #faf5f5;
}

.date-glyphicon-question-sign {
    /*content: "\e085";*/
    position: absolute;
    left: 4%;
    z-index: 1;
    margin-right: 3px;
}

.glyphicon-question-sign {
    z-index: 1;
    margin-right: 3px;
}

.glyphicon-star {
    font-style: normal;
    font-weight: 800;
    color: goldenrod;
}

#ImageThumbList {
    text-transform: none;
    background-color: #dcecf9;
    font-family: sans-serif, Arial;
    /*margin: auto;*/
    color: #7fb9db;
    /*font-weight:bold;*/
    font-size: 10px;
    height: 32px;
    width: 84px;
}

#BarCodeTypeID, #PrintPaperSize {
    background-color: #e7eff5;
    /*font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;*/
    color: #8da8b8;
    font-size: 10px;
    height: 32px;
    margin-top: -1px;
    margin-left: -12px;
    width: 90%;
    line-height: 32px;
    text-shadow: 0 1px 1px rgba(0, 0, 0, 0.05);
    border-radius: 7%;
    background: #dcecf6; /* Fallback */
    background: linear-gradient(#e8eef4, #b9dde6);
    transition: all 0.3s ease-out;
    z-index: 1;
    box-shadow: inset 0 2px 3px rgba(255, 255, 255, 0.13), 0 5px 8px rgba(0, 0, 0, 0.3), 0 10px 10px 4px rgba(0, 0, 0, 0.3);
}

.goog-te-combo {
    width: 140px;
    margin-left: 3px;
}

#google_translate_element {
    width: 450px;
    display: inline;
    margin: 10px;
}

.goog-te-gadget {
    height: 0pt;
    position: relative;
    display: inline;
}

#State, #Country, #ConnectionType, .goog-te-combo {
    background-color: #f0f6fa;
    color: #8da8b8;
    font-size: 9px;
    height: 32px;
    line-height: 12px;
    text-shadow: 0 1px 1px rgba(0, 0, 0, 0.05);
    border-radius: 7%;
    background: linear-gradient(#f0f6fa, #c2e6fb);
    transition: all 0.3s ease-out;
    z-index: 1;
    box-shadow: inset 0 2px 3px rgba(255, 255, 255, 0.13), 0 5px 8px rgba(0, 0, 0, 0.3), 0 10px 10px 4px rgba(0, 0, 0, 0.3);
}

#HashTag {
    background-color: #f0f6fa;
    /*font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;*/
    color: #8da8b8;
    font-size: 12px;
    height: 32px;
    box-shadow: inset 0 2px 3px rgba(255, 255, 255, 0.13), 0 5px 8px rgba(0, 0, 0, 0.3), 0 10px 10px 4px rgba(0, 0, 0, 0.3);
}
#ImageDirList, #HiveType,  #PinType, #Classification, #Fonts {
    background-color: #f0f6fa;
    /*font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;*/
    color: #8da8b8;
    font-size: 12px;
    height: 32px;
    width: 94%;
    max-width: 170px;
    text-shadow: 0 1px 1px rgba(0, 0, 0, 0.05);
    border-radius: 7%;
    background: #f0f6fa; /* Fallback */
    background: linear-gradient(#f0f6fa, #c7e2f3);
    transition: all 0.3s ease-out;
    z-index: 1;
    box-shadow: inset 0 2px 3px rgba(255, 255, 255, 0.13), 0 5px 8px rgba(0, 0, 0, 0.3), 0 10px 10px 4px rgba(0, 0, 0, 0.3);
}

#ImageDirList { width: 120px; }

#BankID, #RetailerID, #CardTypeID, #ClassificationID {
    background-color: #f0f6fa;
    /*font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;*/
    color: #8da8b8;
    font-size: 9px;
    height: 34px;
    width: 94%;
    line-height: 30px;
    text-shadow: 0 1px 1px rgba(0, 0, 0, 0.05);
    border-radius: 10%;
    background: #f0f6fa; /* Fallback */
    background: linear-gradient(#f0f6fa, #aed5ef);
    transition: all 0.3s ease-out;
    z-index: 1;
    box-shadow: inset 0 2px 3px rgba(255, 255, 255, 0.13), 0 5px 8px rgba(0, 0, 0, 0.3), 0 10px 10px 4px rgba(0, 0, 0, 0.3);
}

option {
    font-weight: 300;
    display: block;
    white-space: pre;
    min-height: 0.6em;
    padding: 0px 1px 1px;
}

select {
    text-transform: none;
    background-color: #f0f6fa;
    color: #3f4045;
    font-family: sans-serif, Arial;
    margin: auto;
    font-weight: normal;
    font-size: 12px;
    height: 27px;
    width: 55px;
}

input {
    color: #555;
    background-color: #f0f6fa;
}


body {
    color: #4d5b66;
    background-color: #ffffff;
}

#ibs-header { background-color: rgba(241, 248, 244, 1); }


#myCarousel {
    margin-left: 13px;
    margin-bottom: 8px;
    margin-right: -12px;
    margin-top: 4px;
}

#accordion {
    float: left;
    width: 100%;
    color: #808284;
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
}

.gentitle {
    color: #7d9da0;
    margin-top: -34px;
    margin-left: 10px;
    background-color: #f0f6fa;
    border: none;
}

.accordionpanel {
    color: #849090;
    background-color: transparent;
    border: none;
    height: 28px;
}

.panel {
    color: #7d9da0;
    background-color: rgb(232, 241, 249);
    border: none;
}

.whitepanelvshort {
    margin-top: 17px;
    margin-bottom: 10px;
    height: 300px;
}

.whitepanelshort {
    background-color: transparent;
    margin-top: 40px;
    margin-bottom: 10px;
    margin-left: 12px;
    margin-right: 13px;
    height: 400px;
    border: none;
}

.whitepanelveryshort {
    background-color: transparent;
    margin-top: 34px;
    margin-left: 12px;
    margin-right: 13px;
    height: 150px;
    border: none;
}

.whitepanel {
    background-color: transparent;
    /*margin-bottom: 10px;*/
    margin-left: 12px;
    margin-right: 13px;
    height: 700px;
    border: none;
}

.panelheading {
    padding: 8px 10px;
    display: block;
    width: 100%;
    line-height: 2em;
    font-size: 16px;
    font-weight: normal;
    color: #a5c6c8;
    text-decoration: none;
}


.panelimgbody {
    width: 100%;
    overflow: hidden;
    height: 252px;
    margin: 8px auto;
    color: #f0f6fa;
    cursor: pointer;
    /*background: #364b5b;*/
    padding: 8px;
    margin-top: -7px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.3);
}


.panel-default > .panel-heading {
    background-color: transparent;
    color: #f0f6fa;
    border-color: blue;
    border: 1px;
}


.continue {
    width: 100%;
    display: inline;
}

.colcontrol { background-color: #f6fbff; }

.colhover {
    /*background-color:#f69123;*/
    background: #fffcc4;
    background: -webkit-linear-gradient(white, #f0f6fa); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(white, #f0f6fa); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(white, #f0f6fa); /* For Firefox 3.6 to 15 */
    background: linear-gradient(white, #f0f6fa); /* Standard syntax */
}

.center {
    margin-left: 33%;
    position: fixed;
    top: 36px;
    width: 38%;
    z-index: 10;
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    font-size: 22px;
    font-style: normal;
    color: #1b99b0;
}

.container-fluid img {
    margin-left: 3px;
    margin-right: 3px;
}

.centerdiv {
    text-align: center;
    margin-left: auto;
    margin-right: auto;
}

.centermp {
    margin-left: 31%;
    top: 4px;
}

.panel-body {
    padding: 15px;
    border: 1px solid black;
    margin-bottom: 3px;
    z-index: 100;
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    background-color: #e4ecf2;
}

.panel-title {
    /*background-color: transparent;*/
    color: #c9d0d3;
}

.panel-heading {
    background-color: transparent;
    color: #b3bcbc;
}

.gradient {
    height: 30px;
    width: 40px;
    background-size: cover;
    overflow: hidden;
    float: left;
    border: none;
    display: inline;
}

.template {
    height: 80px;
    width: 80px;
    background-size: cover;
    overflow: hidden;
    float: left;
    border: none;
    display: inline;
}

.templatethumb {
    height: 42px;
    width: 42px;
    background-size: cover;
    overflow: hidden;
    float: left;
    border: none;
    display: inline;
}

imagemask {
    width: 350px;
    display: block;
    left: 20px;
}

.gback {
    margin-top: 32px;
    height: 200px;
    margin-left: 10%;
    background-size: cover;
}

#mainCarousel {
    position: relative;
    display: inline;
    top: 4px;
    width: 100%;
}

#endCarousel {
    position: relative;
    display: inline;
    top: 4px;
    width: 100%;
}

.login a {
    color: #221e1e;
    font-size: 1.10em;
    cursor: pointer;
    text-decoration: underline;
}

a {
    color: #31475c;
    font-size: 1.00em;
    cursor: pointer;
    text-decoration: underline;
}

.adminregisterfly a {
    color: #e5e7e6;
    margin-left: 32px;
    font-size: 1.00em;
    text-decoration: underline;
}


.row.vdivide [class*='col-']:not(:nth-last-child(-n + 5)):after {
    background: #e0e0e0;
    width: 1px;
    content: "";
    display: block;
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    min-height: 70px;
}

.ordernum {
    height: 30px;
    margin-right: 7px;
    width: 30px;
    overflow: hidden;
    float: left;
    border: none;
    display: inline;
}

.newadminmember {
    position: absolute;
    height: 64px;
    width: 64px;
    margin: 0 auto;
    left: 20%;
    top: 15%;
    font-size: 1.5em;
    padding-bottom: 8px;
    padding-top: 60px;
    opacity: 0.65;
    filter: alpha(opacity=65); /* For IE8 and earlier */
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    border-radius: 40px;
}

.ui-widget-content {
    border: 1px solid #aaaaaa;
    background: #5e391e;
    color: #000000;
    color: rgba(0, 0, 0, 0.61);
}

.ui-dialog {
    position: absolute;
    padding: .2em;
    z-index: 101;
    width: 300px;
    overflow: hidden;
    opacity: 0.99;
}

.ui-dialog .ui-dialog-titlebar {
    padding: .4em 1em;
    position: relative;
    background-color: rgb(212, 237, 249);
    color: rgb(136, 144, 146);
}

.ui-dialog .ui-dialog-title {
    float: left;
    color: white;
    margin: .1em 16px .1em 0;
}

.ui-widget-header .ui-icon { background-image: url("/imagelib/Delete_Dialog.png"); }

.ui-dialog .ui-dialog-titlebar-close {
    position: absolute;
    right: .3em;
    width: 24px !important;
    margin: -10px 0 0 0;
    padding: 1px;
    height: 24px !important;
    text-indent: -999px;
    overflow: hidden;
    font-size: 0pt;
    background: url("/imagelib/Delete_Dialog.png") no-repeat;
    background-size: contain;
    color: red;
    background-position: center;
    background-color: #f0f6fa;
}

.ui-dialog .ui-dialog-titlebar-close span {
    display: block;
    margin: 1px;
}

.ui-dialog .ui-dialog-titlebar-close:hover, .ui-dialog .ui-dialog-titlebar-close:focus { padding: 0; }


.ui-dialog .ui-dialog-content {
    position: relative;
    border: 0;
    padding: .5em 1em;
    overflow: auto;
    zoom: 1;
    font-size: smaller;
    color: #1d1a1a;
    background-image: linear-gradient(rgb(240, 246, 250), rgb(228, 240, 251)) !important;
    /*background: rgb(233, 240, 247) !important;*/
    background-size: cover;
}

.ui-dialog .ui-dialog-buttonpane {
    text-align: left;
    border-width: 1px 0 0 0;
    background-image: none;
    margin: .5em 0 0 0;
    padding: .3em 1em .5em .4em;
    background-color: #dce9f2;
    color: #312c2c;
    background-size: cover;
}

.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset { float: right; }

.ui-dialog .ui-dialog-buttonpane button {
    margin: .5em .4em .5em 0;
    cursor: pointer;
    /*color: #b2ac9e;
        background: url(../Images/templates/back130.jpg) 0 0;*/
}

.ui-dialog .ui-resizable-se {
    width: 14px;
    height: 14px;
    right: 3px;
    bottom: 13px;
}

.ui-draggable .ui-dialog-titlebar {
    cursor: move;
    background-color: #e6e9eb;
}

.backimagechoice {
    top: -10px;
    overflow: auto;
    border-radius: 8px;
    left: -25px;
}

div.vcontrol {
    min-width: 300px;
    max-width: 19.0%;
    float: right;
    position: absolute;
/*    z-index: 200;*/
    top: 400px;
    right: 10px;
}

div.maineditor {
    width: 100%;
    float: left;
    position: sticky;
    padding-left: 7px;
    padding-right: 7px;
}

.controlbutton {
    position: absolute;
    top: 255px;
    float: right;
    right: 7.5%;
}

.controlpicture {
    background-size: contain;
    background-repeat: no-repeat;
    margin: 5px;
    max-width: 250px;
    max-height: 250px;
}
.controlpictureframe {
    position: absolute;
    background-size: contain;
    background-repeat: no-repeat;
    float: right;
    top: 14px;
    right: 50px;
    margin: 5px;
    max-width: 270px;
    max-height: 270px;
}
#backhiveimagechoice {
    min-height: 900px;
    /*//    max-height: 95vh;*/
    max-width: 80%;
    overflow: auto;
    padding: 0;
    position: relative;
    left: 0.5%;
}

@media all and (max-width: 1525px) and (min-width: 1069px) {
    div.vcontrol {
        min-width: 23.5%;
        max-width: 24%;
        float: right;
        position: absolute;
        right: 10px;
    }

    #backhiveimagechoice {
        min-height: 900px;
        max-width: 74.5%;
        overflow: auto;
        padding: 0;
        position: relative;
        left: 0.25%;
    }
}

@media all and (max-width: 1068px) {
    div.vcontrol {
        min-width: 94%;
        max-width: 99%;
        float: right;
        position: relative;
        margin-top: 8px;
        top: 5px;
        right: 9px;
    }

    #backhiveimagechoice {
        min-height: 900px;
        min-width: 99%;
        overflow: auto;
        padding: 0px;
        position: relative;
        left: 0.5%;
    }
    .controlbutton {
        top: 355px;
    }
    .controlpicture {
        position: relative;
        float: left;
        left: 0;
        right: 0;
    }

    .controlpictureframe {
        position: relative;
        float: left;
        margin-bottom: 20px;
        left: 0;
        right: 0;
    }
}



#UrlData {
    height: 70px;
    overflow: auto;
    width: 100%;
    border-radius: 14px;
}

.layoutbody {
    height: auto;
    width: 100%;
    border-radius: 14px;
}

.displaybarcode { border-radius: 4px; }

.imagechoice {
    height: 90px;
    margin-top: -10px;
    width: 90px;
    /*overflow: auto;*/
    border: none;
    /*float:left;*/
    /*display: inline-block;*/
}

.imagechoice2, .imagechoice3, .imagechoice4 {
    height: 25%;
    margin-top: -10px;
    width: 32%;
    background-size: 100% 100%;
    /*overflow: auto;*/
    border: none;
    /*float:left;*/
    /*display: inline-block;*/
}

#hiveimagechoice {
    height: auto;
    width: auto;
    margin: auto;
    overflow: auto;
    border: 1px;
    float: left;
    /*display: inline-block;*/
}

.layoutheader {
    height: 44px;
    margin-left: 0px;
    width: 100%;
    /*overflow: auto;*/
    border: none;
    /*display: inline-block;*/
}

.thumbimagechoice {
    height: 32px;
    margin-left: 0px;
    width: 32px;
    /*overflow: auto;*/
    border: none;
    /*display: inline-block;*/
}

.commentor {
    font-weight: bold;
    color: #004bff;
}

.posts li .date-posted {
    font-size: 12px;
    font-style: italic;
}

.posts li {
    border-bottom: 1px solid #CCC;
    padding: 15px 0;
}

.posts li:first-child { border-top: 1px solid #CCC; }

.posts .comments {
    background-color: #efefef;
    margin-top: 10px;
    padding: 10px;
    padding-left: 30px;
}

.posts .comments li {
    padding-top: 10px;
    border: 0;
}

form.add-comment {
    margin-top: 10px;
    margin-bottom: 10px;
}

.itemdetails {
    height: 48px;
    width: 64px;
    padding: 5px;
    overflow: hidden;
    background: lightgray;
    display: block;
    margin-left: auto;
    margin-right: auto;
    opacity: 0.8;
    filter: alpha(opacity=80); /* For IE8 and earlier */
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    border-radius: 30px;
}

.genericsocial {
    position: relative;
    background: rgba(242, 245, 235, 0.11);
    width: 99.5%;
    margin-top: 5px;
    margin-bottom: 15px;
    cursor: move;
    z-index: 101;
}

.genericdiscuss {
    /*position:absolute;*/
    margin-top: 7px;
    width: 99.5%;
    max-width: 750px;
    padding: 4px;
    border-radius: 12px;
    *opacity: 0.95;
    z-index: 101;
}

.generic::before { z-index: 102; }

#closeButton {
    visibility: hidden;
    z-index: -1;
}

.registerfly #closeButton {
    position: relative;
    visibility: visible;
    cursor: grab;
    float: left;
    margin-top: 0px;
    margin-left: -12px;
    padding: 4px;
    border: none;
    width: 32px;
    height: 32px;
    background-color: rgba(0, 0, 0, 0.00);
    background-image: url("/imagelib/close-button.png");
    background-size: cover;
    color: #000000;
    color: rgba(0, 0, 0, 0.00);
    z-index: 141;
}

.imagefly #closeButton {
    float: left;
    position: fixed;
    margin-left: -27px;
    margin-top: -32px;
    visibility: visible;
    cursor: grab;
    margin-right: 1px;
    padding: 4px;
    border: none;
    width: 48px;
    height: 48px;
    background-color: rgba(0, 0, 0, 0.00);
    background-image: url("/imagelib/blueclosebutton.png");
    background-size: cover;
    color: #000000;
    color: rgba(0, 0, 0, 0.00);
    z-index: 141;
}
    #closeButton:hover {
        -moz-box-shadow: 0 0 10px #ccc;
        -webkit-box-shadow: 0 0 10px #ccc;
        box-shadow: 0 0 10px #ccc;
    }
.popupframe {
        padding: 30px 30px 30px 30px;
        margin: auto;
    }

.popup { padding: 3px; }

.popupcenter { margin: auto; }

div.flyout {
    position: absolute;
    min-width: 390px;
    min-height: 340px;
    max-width: 780px;
    max-height: 680px;
    right: 42%;
    top: 10%;
    overflow: auto;
    padding: 1px;
    background: lightgray;
    -webkit-border-radius: 12px;
    -moz-border-radius: 12px;
    border-radius: 12px;
    z-index: 10;
}

div.flyouthigh {
    width: 80%;
    height: 95%;
}

.infomessage {
    position: absolute;
    width: 460px;
    height: 190px;
    right: 35%;
    top: 16%;
    overflow: auto;
    padding: 5px;
    background: #8fa5b2;
    color: white;
    border: outset;
    border-width: 6px;
    border-color: cadetblue;
    -webkit-border-radius: 12px;
    -moz-border-radius: 12px;
    border-radius: 12px;
    z-index: 101;
}

.infoshortmessage {
    position: absolute;
    width: 460px;
    height: 45px;
    right: 35%;
    top: 60%;
    overflow: auto;
    padding: 5px;
    background: rgb(51, 51, 51);
    color: white;
    -webkit-border-radius: 12px;
    -moz-border-radius: 12px;
    border-radius: 12px;
    z-index: 101;
}

.infopage {
    position: absolute;
    width: 96%;
    height: 72%;
    left: 4%;
    top: 17%;
    overflow: auto;
    padding: 5px;
    background: rgb(51, 51, 51);
    color: white;
    -webkit-border-radius: 12px;
    -moz-border-radius: 12px;
    border-radius: 12px;
    z-index: 10;
}

.infopage::before {
    cursor: crosshair;
    font-size: 20px;
    border: 2px solid #605F61;
    margin-left: -2px;
    background: #f6ecec;
    color: #fe0909;
    content: "X";
}

div.imageinfly {
    overflow: auto;
    padding: 11px;
    background: #eee;
    -webkit-border-radius: 12px;
    -moz-border-radius: 12px;
    border-radius: 12px;
    z-index: 10;
}

div.imagefly {
    position: fixed;
    background-color: #eee;
    /*min-width: 560px;
    min-height: 7400px;*/
    width: 80%;
    /*    height: 840px;*/
    max-width: 84%;
    max-height: 85vh;
    top: 10%;
    /*overflow-y: scroll;*/
    border:solid;
    border-color:black;
    overflow: auto;
    padding: 1px;
    z-index: 201;
}

/*div.imagefly::before {
    cursor: crosshair;
    font-size: 20px;
    border: 2px solid #605F61;
    margin-left: -2px;
    background: #f6ecec;
    color: #fe0909;
    content: "X";
}*/

.largerimg {
    width: 96px;
    height: 96px;
}

.videoimg {
    min-width: 160px;
    min-height: 210px;
    max-width: 92%;
    max-height: 206px;
}

.videoimgsmall {
    min-width: 110px;
    min-height: 140px;
    max-width: 85%;
    max-height: 196px;
}

/*//// for mobile devices scroll bar*/

::-webkit-scrollbar { -webkit-appearance: none; }

::-webkit-scrollbar:vertical { width: 12px; }

::-webkit-scrollbar:horizontal { height: 12px; }

::-webkit-scrollbar-thumb {
    background-color: rgba(0, 0, 0, .5);
    border-radius: 10px;
    border: 2px solid #ffffff;
}

::-webkit-scrollbar-track {
    border-radius: 10px;
    background-color: #ffffff;
}



div.cardinfly {
    overflow: auto;
    padding: 1px;
    background: #eee;
    -webkit-border-radius: 12px;
    -moz-border-radius: 12px;
    border-radius: 12px;
    z-index: 10;
}

div.cardfly {
    position: absolute;
    min-width: 360px;
    min-height: 330px;
    max-height: 75vh;
    max-width: 94vw;
    right: 35%;
    top: 8%;
    overflow: auto;
    z-index: 10;
}

/* used for retailer info display */

div.adminregisterfly {
    position: fixed;
    position: absolute;
    top: 80px;
    left: 90px;
    width: 60%;
    right: 100px;
    padding: 20px;
    color: #717774;
    background: #eff3f7;
    margin: 0 auto;
    padding-top: 35px;
    opacity: 0.86;
    filter: alpha(opacity=86); /* For IE8 and earlier */
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    border-radius: 30px;
    z-index: 110;
}

.createretailer:before {
    cursor: crosshair;
    margin-left: -6px;
    border: 1px solid #263845;
    background: #f6ecec;
    color: #fe0909;
    content: "X";
}

.createretailer {
    width: 335px;
    right: 27px;
    height: 220px;
    position: fixed;
    z-index: 10;
    overflow: hidden;
    margin: 0 5px 6px 5px;
    padding: 0 8px;
    border-radius: 5px;
    box-shadow: inset 0 30px 1px rgba(255, 255, 255, 0.25), inset 0 -1px 2px rgba(255, 255, 255, 0.5), inset 0 2px 3px rgba(0, 0, 0, 0.40);
    color: #333;
    cursor: default;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.01); /* for nicer/smoother rendering */
    background: #edefe0; /* Old browsers */
    background: -moz-linear-gradient(top, #edefe0 45%, #babea2 80%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(45%, #edefe0), color-stop(80%, #babea2)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #edefe0 45%, #babea2 80%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #edefe0 45%, #babea2 80%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #edefe0 45%, #babea2 80%); /* IE10+ */
    background: linear-gradient(to bottom, #edefe0 45%, #babea2 80%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#edefe0', endColorstr='#babea2', GradientType=0); /* IE6-9 */
}

div.adminloginfly {
    position: fixed;
    width: 365px;
    height: 270px;
    margin: auto;
    cursor: move;
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    top: 100px;
    overflow: hidden;
    padding: 5px;
    color: #717774;
    background: #eff3f7;
    margin: 0 auto;
    padding-top: 40px;
    opacity: 0.92;
    filter: alpha(opacity=92); /* For IE8 and earlier */
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    border-radius: 20px;
    z-index: 100;
}


div.rhloginfly {
    max-width: 430px;
    max-height: 400px;
    min-width: 400px;
    min-height: 310px;
    /*cursor: move;*/
    /*    min-width: 395px;
    min-height: 380px;*/
    position: absolute;
    top: 0;
    float: right;
    bottom: 0;
    right: 5%;
    top: 7%;
    padding: 5px;
    color: #7e7e74;
    background: rgba(255, 255, 255, 0.36);
    /*background: -moz-linear-gradient(top, rgba(228, 227, 227, 0.59) 45%, rgba(238, 237, 188, 0.15) 98%);*/ /* FF3.6+ */
    /*background: -webkit-gradient(linear, left top, left bottom, color-stop(45%, rgba(228, 227, 227, 0.59)), color-stop(98%, rgba(238, 237, 188, 0.15)));*/ /* Chrome,Safari4+ */
    /*background: -webkit-linear-gradient(top, rgba(228, 227, 227, 0.59) 45%, rgba(238, 237, 188, 0.15) 98%);*/ /* Chrome10+,Safari5.1+ */
    /*background: -o-linear-gradient(top, rgba(228, 227, 227, 0.59) 45%, rgba(238, 237, 188, 0.15) 98%);*/ /* Opera 11.10+ */
    /*background: linear-gradient(to bottom, rgba(228, 227, 227, 0.59) 45%, rgba(238, 237, 188, 0.15) 99%);*/ /* W3C */
    margin-left: auto;
    margin-right: auto;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    border-radius: 20px;
    border-radius: 40px;
    z-index: 100;
}

div.messagefly {
    max-width: 200px;
    max-height: 150px;
}

div .registerfly {
    position: fixed;
    /*cursor: move;*/
    max-width: 925px;
    max-height: 640px;
    top: 70px;
    left: 15px;
    right: 15px;
    padding: 10px;
    margin: 0 auto;
    color: #717774;
    background: #eff3f7;
    margin: 0 auto;
    /*margin-left: 22px;*/
    opacity: 0.98;
    filter: alpha(opacity=98); /* For IE8 and earlier */
    -webkit-border-radius: 13px;
    -moz-border-radius: 13px;
    border-radius: 12px;
    z-index: 99;
}


div.popwindowfly {
    position: fixed;
    overflow: auto;
    cursor: move;
    top: 20px;
    left: 15px;
    right: 15px;
    padding: 10px;
    margin: 0 auto;
    color: #717774;
    background: #dee8f2;
    /*margin: 0 auto;*/
    max-height: 90%;
    max-width: 940px;
    margin-left: 22px;
    opacity: 0.98;
    filter: alpha(opacity=98); /* For IE8 and earlier */
    -webkit-border-radius: 13px;
    -moz-border-radius: 13px;
    border-radius: 13px;
    border-radius: 14px;
    z-index: 99;
}

div.retailerfly {
    position: fixed;
    margin: auto;
    /*position: absolute;*/
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    top: 220px;
    padding: 5px;
    color: #717774;
    background: #eff3f7;
    height: 280px;
    margin: 0 auto;
    padding-top: 40px;
    opacity: 0.96;
    filter: alpha(opacity=96); /* For IE8 and earlier */
    -webkit-border-radius: 15px;
    -moz-border-radius: 15px;
    border-radius: 15px;
    z-index: 10;
}

.popvalue {
    /*padding: 0 0 0 5px;margin-top: 5px;*/
    /*display: inline-block;*/
    width: auto;
}

.newmember {
    margin: auto;
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    top: 54%;
    width: 64px;
    font-size: 1.5em;
    padding-bottom: 8px;
    padding-top: 60px;
    opacity: 0.95;
    filter: alpha(opacity=60); /* For IE8 and earlier */
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    border-radius: 20px;
}

.switch2 .glyphicon {
    position: relative;
    top: -7px;
}

.sitetitle {
    height: 20px;
    width: 230px;
    color: darkcyan;
    margin: 3px auto;
    font-size: 1.5em;
}

div.datadisplay {
    /*position: fixed;*/
    width: 90vw;
    height: 90vh;
    top: 5%;
    margin: 0 auto;
    color: darkcyan;
    background: lightgray;
    opacity: 0.96;
    filter: alpha(opacity=96); /* For IE8 and earlier */
    -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, .075);
    box-shadow: inset 0 1px 2px rgba(0, 0, 0, .075);
    -webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    z-index: 99;
}

.geo-back {
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    height: 72vh;
    z-index: -1;
    width: 100%;
}


.pop_value {
    padding: 0 0 0 5px;
    margin-top: 5px;
    display: inline-block;
    z-index: 20;
    /*background-color: #fff;*/
    background-image: none;
    border: 1px solid #ccc;
    opacity: 0.6;
    width: auto;
}

.barcoderight { float: right; }

.qrcode {
    z-index: 90;
    background-image: none;
    border: 1px solid #ccc;
    opacity: 1.5;
    overflow: auto;
    /*clear: right;*/
    /*float: left;*/
    /*position: absolute;*/
    display: inline;
    left: 13%;
    z-index: 100;
    bottom: 4%;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
    -webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
}

.perpbarcode {
    z-index: 90;
    -webkit-transform: rotate(-90deg); /* Safari and Chrome */
    -moz-transform: rotate(-90deg); /* Firefox */
    -ms-transform: rotate(-90deg); /* IE 9 */
    -o-transform: rotate(-90deg); /* Opera */
    transform: rotate(-90deg);
    background-image: none;
    border: 2px solid #ccc;
    /*position:absolute;*/
    /*opacity: 1.5;*/
    /*vertical-align:bottom;*/
    overflow: auto;
    z-index: 100;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
    -webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
}

center.barcode {
    z-index: 100;
    background-image: none;
    border: 1px solid #ccc;
    opacity: 1.5;
    overflow: auto;
    bottom: 6%;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
    -webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
}

barcodecenter {
    z-index: 100;
    background-image: none;
    border: 1px solid #ccc;
    opacity: 1.0;
    /*overflow: auto;
    position: absolute;
    left: 4%;
    bottom: 6%;*/
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
    -webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
}

.barcode {
    z-index: 100;
    background-image: none;
    border: 1px solid #ccc;
    position: relative;
    opacity: 1.0;
    overflow: auto;
    clear: both;
    margin: 10px;
    margin-left: 20px;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
    -webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
}

div.hidden { visibility: hidden; }



.ENQUIRY {
    background-color: #FF9933;
    border-color: #C0C0C0;
    color: White;
    background-position: 1px 1px;
    background-repeat: no-repeat;
    background-image: url('Bubble.png');
    padding-left: 50px;
}

.BOOKED {
    background-color: #33CCFF;
    border-color: #C0C0C0;
    color: White; /* text color */
    background-position: 1px 1px;
    background-repeat: no-repeat;
    background-image: url('ok.png');
    padding-left: 50px;
}

.CONFIRMED {
    background-color: #33CC33;
    border-color: #C0C0C0;
    color: White; /* text color */
    background-position: 1px 1px;
    background-repeat: no-repeat;
    background-image: url('Money.png');
    padding-left: 50px;
}


.gridimage {
    height: 24px;
    width: 24px;
    overflow: hidden;
    float: left;
    border: none;
    display: inline;
}

.cardlogoimage {
    height: 48px;
    /*position:absolute;*/
    margin-right: 4px;
    width: 48px;
    overflow: auto;
    float: left;
    border: none;
}

.cardimage {
    max-height: 75%;
    max-width: 70%;
    margin-right: 4px;
    /*position:absolute;*/
    clear: left;
    margin: 3px;
    overflow: auto;
    float: left;
    border: none;
}


.displaycardimage {
    max-height: 70%;
    max-width: 70%;
    position: absolute;
    overflow: auto;
    margin: 3px;
    float: left;
    clear: left;
    border: none;
}

.displayimage {
    max-height: 70%;
    max-width: 70%;
    overflow: auto;
    position: absolute;
    margin: 3px;
    float: right;
    clear: left;
    border: none;
}

.cashdisplayimage {
    height: 128px;
    background-size: 100% 100%;
    width: 300px;
    position: absolute;
    overflow: hidden;
    float: left;
    border: none;
    display: inline;
}

.gridcouponimage {
    height: 32px;
    width: 32px;
    margin-left: auto;
    margin-right: auto;
    padding: 5px;
    overflow: visible;
    display: block;
    border: none;
}

.gridflyerimage {
    height: 40px;
    width: 50px;
    overflow: hidden;
    float: left;
    border: none;
    display: inline;
}

.gridticketimage {
    height: 40px;
    width: 50px;
    overflow: hidden;
    float: left;
    border: none;
    display: inline;
}

.displaycouponimage {
    max-height: 70%;
    max-width: 70%;
    /*position:absolute;*/
    overflow: auto;
    margin: 3px;
    float: left;
    clear: left;
    border: none;
}

.couponlogoimage {
    height: 48px;
    /*position:absolute;*/
    width: 48px;
    overflow: auto;
    margin: 3px;
    float: left;
    border: none;
}

.couponimage {
    max-height: 75%;
    /*position:absolute;*/
    /*z-index:-1;*/
    max-width: 70%;
    clear: left;
    margin: 3px;
    overflow: auto;
    float: left;
    border: none;
}

.flyerlogoimage {
    height: 48px;
    width: 48px;
    margin: 3px;
    /*position:absolute;*/
    overflow: auto;
    float: left;
    border: none;
    display: inline-block;
}


.flyerimage {
    max-height: 75%;
    max-width: 70%;
    clear: left;
    margin: 3px;
    overflow: auto;
    float: left;
    /*position:absolute;*/
    border: none;
}


.emaillogoimage {
    height: 48px;
    width: 48px;
    /*position:absolute;*/
    margin: 3px;
    overflow: auto;
    float: left;
    border: none;
    display: inline-block;
}


.emailimage {
    max-height: 75%;
    max-width: 70%;
    /*position:absolute;*/
    clear: left;
    margin: 3px;
    overflow: auto;
    float: left;
    border: none;
}


.eventlogoimage {
    height: 48px;
    width: 48px;
    /*position:absolute;*/
    margin: 3px;
    overflow: auto;
    float: left;
    border: none;
    display: inline-block;
}

.eventimage {
    max-height: 75%;
    max-width: 70%;
    /*position:absolute;*/
    clear: left;
    margin: 3px;
    overflow: auto;
    float: left;
    border: none;
}


.ticketlogoimage {
    height: 48px;
    width: 48px;
    /*position:absolute;*/
    margin: 3px;
    width: 50px;
    overflow: auto;
    float: left;
    border: none;
    display: inline-block;
}

.ticketimage {
    max-height: 75%;
    max-width: 70%;
    /*position:absolute;*/
    clear: left;
    margin: 3px;
    overflow: auto;
    float: left;
    border: none;
}

.griddispbankimage {
    height: 36px;
    width: 48px;
    position: relative;
    margin-left: auto;
    margin-right: auto;
    overflow: hidden;
    float: left;
    border: none;
}

.gridbankimage {
    height: 96px;
    width: 96px;
    background-size: cover;
    /*position: absolute;*/
    display: inline;
    border: none;
}

.displaybankimage {
    height: 50px;
    width: 124px;
    overflow: auto;
    float: left;
    border: none;
    display: inline;
}


.upload {
    background: no-repeat url(../Imagelib/upload.png) 0 0;
    background-size: contain;
    height: 24px;
    width: 24px;
    float: left;
    border: none;
    display: block;
}

.hiveMupload {
    background: no-repeat url(../Imagelib/uploadM.png) 0 0;
    background-size: contain;
    margin-top: 0px;
    margin-bottom: 7px;
    margin-left: 4px;
    height: 48px;
    width: 48px;
    float: left;
    border: none;
    display: block;
    border-radius: 12px;
    box-shadow: inset 0 3px 8px 1px rgba(0, 0, 0, 0.3), 0 1px 0 rgba(255, 255, 255, 0.6);
}

.cameraupload {
    background: no-repeat url(../Imagelib/picture.png) 0 0;
    background-size: contain;
    margin-top: 0px;
    margin-left: 4px;
    height: 48px;
    width: 48px;
    float: left;
    border: none;
    display: block;
    border-radius: 12px;
    box-shadow: inset 0 3px 8px 1px rgba(0, 0, 0, 0.3), 0 1px 0 rgba(255, 255, 255, 0.6);
}

.hiveupload {
    background: no-repeat url(../Imagelib/uploadM2.png) 0 0;
    background-size: contain;
    margin-top: 0px;
    margin-bottom: 7px;
    margin-left: 4px;
    height: 48px;
    width: 48px;
    float: left;
    border: none;
    display: block;
    border-radius: 14px;
    box-shadow: inset 0 3px 8px 1px rgba(0, 0, 0, 0.3), 0 1px 0 rgba(255, 255, 255, 0.6);
}

.logogallery {
    background: no-repeat url(/imagelib//gallery.png) 0 0;
    background-size: contain;
    height: 48px;
    width: 48px;
    overflow: hidden;
    float: left;
    border: none;
    display: inline;
    margin-right: 6px;
    border-radius: inherit;
    border-radius: 14px;
    box-shadow: inset 0 3px 8px 1px rgba(0, 0, 0, 0.3), 0 1px 0 rgba(255, 255, 255, 0.6);
}

.chaticon {
    background: no-repeat url(/Images/speech-bubble-md.png) 0 0;
    background-size: contain;
    height: 48px;
    width: 48px;
    overflow: hidden;
    float: left;
    border: none;
    display: inline;
    border-radius: inherit;
    border-radius: 14px;
    box-shadow: inset 0 3px 8px 1px rgba(0, 0, 0, 0.3), 0 1px 0 rgba(255, 255, 255, 0.6);
}

.logohiveadd {
    background: no-repeat url(/imagelib/addpost.png) 0 0;
    background-size: contain;
    height: 32px;
    width: 32px;
    overflow: hidden;
    float: left;
    border: none;
    display: inline;
}

.logohiveaddshort, .logohiveurl, .logohivepicture, .logohiveevent {
    height: 24px;
    width: 24px;
    overflow: hidden;
    float: left;
    border: none;
    display: inline;
}

.logohiveaddshort {
    background: no-repeat url(/imagelib/postshort.png) 0 0;
    background-size: contain;
}

.logohiveurl {
    background: no-repeat url(/imagelib/posturl.png) 0 0;
    background-size: contain;
}


.logohiveevent {
    background: no-repeat url(../imagelib/postevent.png) 0 0;
    background-size: contain;
}

.logoadd {
    background: no-repeat url(/imagelib//addpost.png) 0 0;
    background-size: contain;
    height: 32px;
    width: 32px;
    overflow: hidden;
    float: left;
    border: none;
    display: inline;
}

.logodelete {
    background: no-repeat url(/imagelib//Delete.png) 0 0;
    background-size: contain;
    height: 32px;
    width: 32px;
    margin-left: auto;
    margin-right: auto;
    padding: 5px;
    overflow: visible;
    display: block;
    border: none;
}

.imageback {
    background: no-repeat url(/Imagelib/imageback.png) 0 0;
    background-size: contain;
    height: 48px;
    width: 48px;
    /*margin-left: auto;
    margin-right: auto;*/
    border: none;
    display: block;
    border-radius: 14px;
    box-shadow: inset 0 3px 8px 1px rgba(0, 0, 0, 0.3), 0 1px 0 rgba(255, 255, 255, 0.6);
}

.imagelib {
    background: no-repeat url(/imagelib/gallery.png) 0 0;
    background-size: contain;
    height: 32px;
    width: 32px;
    /*margin-left: auto;
    margin-right: auto;*/
    padding: 5px;
    overflow: visible;
    display: block;
    border: none;
}

.itemdetails {
    background: no-repeat url(/imagelib/view.png) 0 0;
    background-size: contain;
    height: 32px;
    width: 32px;
    float: left;
    overflow: visible;
    display: block;
    border: none;
}

.details {
    background: no-repeat url(/imagelib/view.png) 0 0;
    background-size: contain;
    height: 24px;
    width: 24px;
    margin-left: auto;
    margin-right: auto;
    /*padding: 5px;*/
    overflow: visible;
    display: block;
    border: none;
}

.logoimgdelete {
    background: no-repeat url(../imagelib/Delete.png) 0 0;
    background-size: contain;
    height: 16px;
    width: 20px;
    padding-top: 58px;
    margin-left: 5px;
    /*padding: 1px;*/
    overflow: visible;
    display: inline-block;
    border: none;
}

.logoimgedit {
    background: no-repeat url(../imagelib/Editor.png) 0 0;
    background-size: contain;
    height: 16px;
    width: 24px;
    padding-top: 61px;
    margin-left: -55px;
    /*padding: 1px;*/
    overflow: visible;
    display: inline-block;
    border: none;
}

.imagedisplaymap {
    background: no-repeat url(../imagelib/imagedisplaymap.png) 0 0;
    background-size: contain;
    height: 32px;
    width: 32px;
    margin-left: auto;
    margin-right: auto;
    margin-top: 8px;
    padding: 5px;
    overflow: visible;
    display: block;
    border: none;
}

.imagemap {
    background: no-repeat url(../imagelib/imagemap.png) 0 0;
    background-size: contain;
    height: 32px;
    width: 32px;
    /*margin-top: 8px;*/
    margin-left: auto;
    margin-right: auto;
    padding: 5px;
    overflow: visible;
    display: block;
    border: none;
}

.logoedit {
    background: no-repeat url(../imagelib//Editor.png) 0 0;
    background-size: contain;
    height: 32px;
    width: 32px;
    margin-left: auto;
    margin-right:auto;
    padding: 5px;
    overflow: visible;
    display: block;
    border: none;
}

.textarea {
    height: 140px;
    width: 98%;
    margin-left: 12px;
    display: inline;
}

.colorize {
    background: no-repeat url(../Imagelib/colorize.png) 0 0;
    background-size: contain;
    height: 32px;
    width: 32px;
    overflow: hidden;
    margin-left: 10px;
    margin-right: 10px;
    float: left;
    border: none;
    display: inline;
}

.qrlogocode {
    background: no-repeat url(../Imagelib/qrcode.jpg) 0 0;
    background-size: contain;
    height: 24px;
    width: 24px;
    overflow: hidden;
    float: left;
    border: none;
    display: block;
    border: none;
}

.templatelogo {
    background: no-repeat url(../Imagelib/templatesmall.png) 0 0;
    background-size: contain;
    height: 24px;
    width: 24px;
    overflow: hidden;
    float: left;
    border: none;
    display: block;
    border: none;
}

.templatelogobig {
    background: no-repeat url(../Imagelib/template.png) 0 0;
    background-size: contain;
    height: 48px;
    width: 48px;
    overflow: hidden;
    float: left;
    border: none;
    display: block;
    border: none;
    border-radius: 14px;
    box-shadow: inset 0 3px 8px 1px rgba(0, 0, 0, 0.3), 0 1px 0 rgba(255, 255, 255, 0.6);
}

.templateimagelarge {
    height: 80px;
    width: 80px;
}

.buttonimagebig {
    height: 64px;
    width: 64px;
    text-align: center;
    background-size: contain;
    float: none;
    margin-left: 15px;
    margin-right: 15px;
    text-decoration: none;
    text-indent: 1px;
}

.templateimagebig {
    background: no-repeat url(../Imagelib/view.png) 0 0;
    height: 64px;
    width: 64px;
    text-align: center;
    background-size: contain;
    margin-left: 15px;
    margin-right: 15px;
    /*display: inline;*/
    text-decoration: none;
    text-indent: 1px;
}

.templateimagehive {
    background: no-repeat url(../Imagelib/view.png) 0 0;
    background-size: contain;
    height: 48px;
    width: 48px;
    overflow: hidden;
    float: left;
    border: none;
    display: inline;
    margin-right: 6px;
    border-radius: inherit;
    border-radius: 14px;
    box-shadow: inset 0 3px 8px 1px rgba(0, 0, 0, 0.3), 0 1px 0 rgba(255, 255, 255, 0.6);
}
.templateAIGenerator {
    background: no-repeat url(../Imagelib/imagedisplaymap.png) 0 0;
    background-size: contain;
    background-position: 88% 3%;
    text-decoration: none;
    height: 32px;
    width: 142px;
    overflow: hidden;
    float: left;
    border: 1px;
    display: inline;
    margin-right: 16px;
    padding: 7px;
    margin-left: 22px;
    border-radius: inherit;
    border-radius: 12px;
    box-shadow: inset 0 3px 8px 1px rgba(0, 0, 0, 0.3), 0 1px 0 rgba(255, 255, 255, 0.6);
}
.buttonAIGenerator {
    background: no-repeat url(../Imagelib/imagedisplaymap.png) 0 0;
    background-size: contain;
    background-position: 100% 3%;
    text-decoration: none;
    text-align:center;
    height: 32px;
    width: 182px;
    overflow: hidden;
    float: left;
    border: 1px;
    display: inline;
    margin-right: 16px;
    padding: 7px;
    margin-left: 22px;
    border-radius: inherit;
    border-radius: 12px;
    box-shadow: inset 0 3px 8px 1px rgba(0, 0, 0, 0.3), 0 1px 0 rgba(255, 255, 255, 0.6);
}
.templateimagesmall {
    background: no-repeat url(../Imagelib/view.png) 0 0;
    background-size: contain;
    height: 24px;
    width: 24px;
    overflow: hidden;
    float: left;
    display: block;
}

.quickimage {
    background: no-repeat url(../Imagelib/insert-image.png) 0 0;
    background-size: contain;
    height: 84px;
    width: 84px;
    overflow: hidden;
    float: left;
    display: block;
}

.backgroundimage {
    background: no-repeat url(../Imagelib/insert-image.png) 0 0;
    background-size: contain;
    height: 48px;
    width: 48px;
    overflow: hidden;
    float: left;
    display: block;
}

.templateimage {
    background: no-repeat url(../Imagelib/insert-image.png) 0 0;
    background-size: contain;
    height: 24px;
    width: 24px;
    overflow: hidden;
    float: left;
    border: none;
    display: block;
    border: none;
}

.searchupload {
    background: no-repeat url(../Imagelib/image_search.jpg) 0 0;
    height: 34px;
    width: 124px;
    text-align: center;
    text-decoration: none;
    line-height: 34px;
    text-indent: 1px;
    background-size: contain;
    float: left;
    margin-left: 5px;
    border: none;
    display: inline;
}

.bigupload {
    background: no-repeat url(../Imagelib/UploadM.png) 0 0;
    height: 64px;
    width: 64px;
    text-align: center;
    background-size: contain;
    margin-left: 15px;
    margin-right: 15px;
    /*display: inline;*/
    text-decoration: none;
    text-indent: 1px;
}

h6 {
    margin: 0;
    margin-bottom: 6px;
    margin-top: 8px;
    font-size: 14px;
    padding: 2px;
    color: rgb(101, 100, 100);
    text-decoration: double;
}

.savecaption h2 {
    /*float: left;*/
    margin: 10px;
    font-size: medium;
    padding: 10px;
    color: rgb(101, 100, 100);
    text-decoration: double;
}

.updateall {
    background: no-repeat url(../Imagelib/generate.png) 0 0;
    background-size: contain;
    height: 44px;
    width: 44px;
    padding: 6px;
    overflow: hidden;
    float: left;
    border: 5px;
    margin-bottom: 8px;
    /*padding-top: -11px;*/
    /*display: inline;*/
}


.updateallsmall {
    background: no-repeat url(../Imagelib/generate.png) 0 0;
    height: 24px;
    background-size: contain;
    width: 24px;
    /*margin-left: auto;
    margin-right: auto;*/
    padding: 15px;
    float: left;
    overflow: visible;
    display: block;
    border: none;
}


.logodetails {
    background: no-repeat url(../Imagelib/doc.png) 0 0;
    background-size: contain;
    height: 48px;
    width: 48px;
    margin-left: auto;
    margin-right: auto;
    padding: 5px;
    overflow: visible;
    display: block;
    border: none;
}

.logoupdate {
    background: no-repeat url(../Imagelib/generate.png) 0 0;
    background-size: contain;
    height: 32px;
    width: 32px;
    margin-left: auto;
    margin-right: auto;
    padding: 5px;
    overflow: visible;
    display: block;
    border: none;
}

.logoissuetickets {
    background: no-repeat url(../Imagelib/home_btn_tickets_default.png) 0 0;
    background-size: contain;
    height: 32px;
    width: 32px;
    margin-left: auto;
    margin-right: auto;
    padding: 5px;
    overflow: visible;
    display: block;
    border: none;
}


.logoissuecards {
    background: no-repeat url(../Imagelib/issuecards.png) 0 0;
    background-size: contain;
    height: 32px;
    width: 32px;
    margin-left: auto;
    margin-right: auto;
    padding: 5px;
    overflow: visible;
    display: block;
    border: none;
}

.logoissueticket {
    background: no-repeat url(../Imagelib/issueTicket.png) 0 0;
    background-size: contain;
    height: 32px;
    width: 32px;
    margin-left: auto;
    margin-right: auto;
    padding: 5px;
    overflow: visible;
    display: block;
    border: none;
}

.logopdf {
    background: no-repeat url(../imagelib/pdf.png) 0 0;
    background-size: contain;
    height: 32px;
    width: 32px;
    margin-left: auto;
    margin-right: auto;
    padding: 5px;
    overflow: visible;
    display: block;
    border: none;
}


.actdelete {
    background: no-repeat url(../Imagelib/Del.png) 0 0;
    background-size: contain;
    margin-left: 15px;
    margin-right: 15px;
    height: 32px;
    width: 32px;
    border: none;
}


/*------------------------calc--------------------*/

/* ------- calculator housing ------- */

.calc-main {
    display: block;
    /*width: 480px;*//*only needed in Chrome extension*/
    width: 95%;
    margin-top: 4px;
    left: 25px;
    padding: 16px 10px 21px;
    font: bold 15px/28px Arial, Helvetica, sans-serif;
    border-radius: 12px;
    box-shadow: inset 0px -38px 5px rgba(0, 0, 0, 0.8), inset 0px 6px 4px rgba(255, 255, 255, 0.25), inset 0px 2px 1px rgba(255, 255, 255, 0.25), inset 3px 0px 3px rgba(255, 255, 255, 0.25), inset -4px 0px 4px rgba(0, 0, 0, 0.75);
    background: #141414; /* Old browsers */
    background: -moz-linear-gradient(top, #141414 45%, #282828 80%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(45%, #141414), color-stop(80%, #282828)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #141414 45%, #282828 80%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #141414 45%, #282828 80%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #141414 45%, #282828 80%); /* IE10+ */
    background: linear-gradient(to bottom, #141414 45%, #282828 80%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#141414', endColorstr='#282828', GradientType=0); /* IE6-9 */
}

.calc-main:after {
    content: "";
    display: block;
    clear: both;
}

.calc-small {
    width: 240px; /*only needed in Chrome extension*/
}

/* --------- display --------- */

.calc-display {
    position: relative;
    height: 58px;
    margin: 0 5px 6px 5px;
    padding: 0 8px;
    border-radius: 5px;
    box-shadow: inset 0 30px 1px rgba(255, 255, 255, 0.25), inset 0 -1px 2px rgba(255, 255, 255, 0.5), inset 0 2px 3px rgba(0, 0, 0, 0.40);
    font-size: 45px;
    line-height: 61px;
    text-align: right;
    white-space: nowrap;
    color: #333;
    cursor: default;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.01); /* for nicer/smoother rendering */
    background: #edefe0; /* Old browsers */
    background: -moz-linear-gradient(top, #edefe0 45%, #babea2 80%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(45%, #edefe0), color-stop(80%, #babea2)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #edefe0 45%, #babea2 80%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #edefe0 45%, #babea2 80%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #edefe0 45%, #babea2 80%); /* IE10+ */
    background: linear-gradient(to bottom, #edefe0 45%, #babea2 80%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#edefe0', endColorstr='#babea2', GradientType=0); /* IE6-9 */
}

.calc-rad {
    position: absolute;
    bottom: 2px;
    font-size: 14px;
    line-height: 14px;
    left: 11px;
}

.calc-small .calc-rad { display: none; }

.calc-hold {
    position: absolute;
    right: 5px;
    bottom: 1px;
    font-size: 8px;
    line-height: 13px;
    color: #666;
    height: 12px;
}

/* ----- display helper buttons ----- */


/********************
*   Mobile Styles   *
********************/

@media (max-width: 1284px) {
    .backimagechoice {
        top: -2px;
        height: 240px;
        border-radius: 8px;
    }
}

@media (max-width: 1024px) {
    .checkboxes .col-sm-2 {
        width: 33%;
        float: left;
    }
}

@media (max-width: 850px) {
    .switch2 {
        margin-top: 10px;
        margin-bottom: 10px;
    }


    div.adminregisterfly {
        width: 98%;
        left: 1%;
    }

    div.createretailer {
        /*overflow: auto;*/
        height: 167px;
        width: 300px;
        right: 20px;
    }


    /* header
    ----------------------------------------------------------*/
    header .float-left,
    header .float-right { float: none; }

    /* logo */
    header .site-title {
        margin: 10px;
        text-align: center;
    }



    /* menu */
    nav { margin-bottom: 5px; }

    ul#menu {
        margin: 0;
        padding: 0;
        text-align: center;
    }

    ul#menu li {
        margin: 0;
        padding: 0;
    }


    /* main layout
    ----------------------------------------------------------*/
    .main-content,
    .featured + .main-content { background-position: 10px 0; }

    .content-wrapper {
        padding-right: 10px;
        padding-left: 10px;
    }

    .featured .content-wrapper { padding: 10px; }

    /* page content */
    article, aside {
        float: none;
        width: 100%;
    }

    /* ordered list */
    ol.round {
        list-style-type: none;
        padding-left: 0;
    }

    ol.round li {
        padding-left: 10px;
        margin: 25px 0;
    }

    ol.round li.zero,
    ol.round li.one,
    ol.round li.two,
    ol.round li.three,
    ol.round li.four,
    ol.round li.five,
    ol.round li.six,
    ol.round li.seven,
    ol.round li.eight,
    ol.round li.nine { background: none; }

    /* features */
    section.feature {
        float: none;
        padding: 10px;
        width: auto;
    }

    section.feature img {
        color: #999;
        content: attr(alt);
        font-size: 1.5em;
        font-weight: 600;
    }




    /* footer
    ----------------------------------------------------------*/
    footer .float-left,
    footer .float-right { }

    footer {
        /*    text-align: center;*/
        height: auto;
        bottom: 2px;
    }

    footer p { margin: 0; }
}

.YouTubePopUp-Wrap {
    position: fixed;
    width: 100%;
    height: 100%;
    background-color: #000;
    background-color: rgba(0, 0, 0, 0.8);
    top: 0;
    left: 0;
    z-index: 9999999999999;
}

.YouTubePopUp-animation {
    opacity: 0;
    -webkit-animation-duration: 0.5s;
    animation-duration: 0.5s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation-name: YouTubePopUp;
    animation-name: YouTubePopUp;
}

@-webkit-keyframes YouTubePopUp {
    0% { opacity: 0; }

    100% { opacity: 1; }
}

@keyframes YouTubePopUp {
    0% { opacity: 0; }

    100% { opacity: 1; }
}

body.logged-in .YouTubePopUp-Wrap { /* For WordPress */
    top: 32px;
    z-index: 99998;
}

.YouTubePopUp-Content {
    max-width: 680px;
    display: block;
    margin: 0 auto;
    height: 100%;
    position: relative;
}

.YouTubePopUp-Content iframe {
    max-width: 100% !important;
    width: 100% !important;
    display: block !important;
    height: 480px !important;
    border: none !important;
    position: absolute;
    top: 0;
    bottom: 0;
    margin: auto 0;
}

.YouTubePopUp-Hide {
    -webkit-animation-duration: 0.5s;
    animation-duration: 0.5s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation-name: YouTubePopUpHide;
    animation-name: YouTubePopUpHide;
}

@-webkit-keyframes YouTubePopUpHide {
    0% { opacity: 1; }

    100% { opacity: 0; }
}

@keyframes YouTubePopUpHide {
    0% { opacity: 1; }

    100% { opacity: 0; }
}

.YouTubePopUp-Close {
    position: absolute;
    top: 0;
    cursor: pointer;
    bottom: 528px;
    right: 0px;
    margin: auto 0;
    width: 24px;
    height: 24px;
    background: url(../images/close.png) no-repeat;
    background-size: 24px 24px;
    -webkit-background-size: 24px 24px;
    -moz-background-size: 24px 24px;
    -o-background-size: 24px 24px;
}

.YouTubePopUp-Close:hover { opacity: 0.5; }

@media all and (max-width: 768px) and (min-width: 10px) {
    .YouTubePopUp-Content { max-width: 90%; }
}

@media all and (max-width: 840px) and (min-width: 10px) {
    .YouTubePopUp-Content { max-width: 90%; }

    #accordion { width: 100%; }

    #imagepanel {
        top: 0px;
        margin-bottom: 0px;
    }


    .gback {
        margin-top: 12px;
        margin-left: 12px;
        height: 300px;
        width: 96%;
        position: static;
    }
}

@media all and (min-width: 3060px) {
    .gridItem {
        float: left;
        padding: 8px 20px 0 10px;
        border: 1px solid #ccc;
        margin: 7px;
        display: block;
        width: 500px;
    }
}

@media all and (max-width: 3059px) and (min-width: 1920px) {
    .gridItem {
        float: left;
        padding: 8px 20px 0 10px;
        border: 1px solid #ccc;
        margin: 7px;
        display: block;
        width: 18%;
    }
}

@media all and (max-width: 1919px) and (min-width: 1600px) {
    .gridItem {
        float: left;
        padding: 8px 20px 0 10px;
        margin: 7px;
        display: block;
        width: 23.5%;
    }
}

@media all and (max-width: 1599px) and (min-width: 1366px) {
    .gridItem {
        float: left;
        padding: 8px 20px 0 10px;
        margin: 7px;
        display: block;
        width: 31%;
    }
}

@media all and (max-width: 1365px) and (min-width: 769px) {
    .gridItem {
        float: left;
        padding: 8px 20px 0 10px;
        margin: 7px;
        display: block;
        width: 47%;
    }

    .profileimage {
        cursor: pointer;
        width: 96px;
        height: 96px;
    }
}

@media all and (max-width: 768px) and (min-width: 10px) {
    .gridItem {
        float: left;
        padding: 8px 20px 0 10px;
        margin: 7px;
        display: block;
        width: 97%;
     }

    .mainbody {
        min-height: 120px;
    }

    h6 { float: left; }

    .profileimage {
        cursor: pointer;
        width: 86px;
        height: 86px;
        /*margin-top: 120px;*/
        margin-bottom: 68px;
        padding: 1px;
        background-size: cover;
        display: inline;
        overflow: visible;
        border: 1px;
        -webkit-border-radius: 22px;
        -moz-border-radius: 22px;
        border-radius: 22px;
    }

    .generic {
        top: 2%;
        left: 1%;
    }

    .updateall {
        height: 84px;
        margin-left: 22px;
        width: 84px;
    }

/*    div.imagefly {
        max-width: 98%;
        position: fixed;
    }*/

    div.loginfly {
        width: 100%;
        max-height: 700px;
        left: 1%;
    }

    div.registerfly {
        cursor: default;
        border-radius: 15px;
        top: 2%;
        max-width: 93%;
        opacity: 0.99;
        filter: alpha(opacity=99); /* For IE8 and earlier */
        bottom: 0;
        z-index: 99;
    }

    div.rhloginfly {
        max-width: 100%;
        background: rgba(255, 255, 255, 0.96);
        left: 1%;
        min-height: 450px;
        cursor: default;
        opacity: 1;
        overflow-y: auto;
        overflow-x: hidden;
    }

    .titlesmall {
        font-size: 14pt;
        top: -8px;
        right: -8px;
        bottom: -8px;
        left: -8px;
        margin-left: 21%;
        margin-right: 21%;
        border-radius: inherit;
        max-width: 56%;
    }

    #pagedinfocontrols {
        cursor: default;
        position: relative;
        border-radius: 15px;
        margin-top: 0px;
        max-height: 16px;
        opacity: 0.99;
        filter: alpha(opacity=99); /* For IE8 and earlier */
        z-index: 99;
    }

    .nav li > a {
        color: darkblue;
        text-decoration: underline;
        margin-top: -1px;
    }

    .navbar-nav .open .dropdown-menu {
        background-color: #a9a395;
        z-index: 102;
    }

    .form-control { padding: 2px 4px; }

    .panel-body { padding: 8px; }
}

@media all and (max-width: 600px) and (min-width: 10px) {
    .YouTubePopUp-Content iframe { height: 320px !important; }

    .checkboxes .col-sm-2 {
        width: 48%;
        float: left;
    }

    div.registerfly {
        height: 900px;
        width: 96%;
        z-index: 101;
        overflow-y: auto;
    }

    div.loginfly {
        max-height: 1100px;
        overflow-y: auto;
    }

    .titlesmall {
        font-size: 14pt;
        top: -8px;
        right: -8px;
        bottom: -8px;
        left: -8px;
        margin-left: 17%;
        margin-right: 17%;
        border-radius: inherit;
        max-width: 66%;
    }

    .YouTubePopUp-Close { bottom: 362px; }
}

@media all and (max-width: 480px) and (min-width: 10px) {
    .YouTubePopUp-Content iframe { height: 220px !important; }

    .YouTubePopUp-Close { bottom: 262px; }
}