#content{
    border: 4px solid #002c4d;
    box-shadow: 8px 4px 8px 0 rgba(0, 0, 0, 0.4), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
    position: relative; 
}
@media (min-width: 1400px) {
    .big-container{
        max-width: 1370px;
    }
    .modal-lg {
        max-width: 1300px;
    }
}
html {
    min-height: 100%;
}
body{
    background: radial-gradient(farthest-corner at 30vw 20vh,#6d8a96 20%,#131415 100%);
    font-family: "HelveticaNeue-Light", "Hsearch-itemelvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif; 
    font-family: Verdana, Geneva, sans-serif;  
    font-weight: 300;
    min-height: 100%;
}
a:link :not(.inputlink) {
    color: white;
    text-decoration: none;
}
a:visited :not(.inputlink) {
    color: white;
    text-decoration: none;
}
a:hover  :not(.inputlink){
    color: white;
    text-decoration: underline;
}
a:active :not(.inputlink) {
    color: white;
    text-decoration: underline;
}
p.title{
    color: red;
    font-weight: bold;
    font-size: 110%;
}
select.height-item{
    width: 100%;
}
.italic{
    font-style: italic;
}
.categorybutton.open:before {
    content: "\2212";
}
.btn-group-sm>.btn, .btn-sm {
    padding: .25rem .5rem;
    font-size: .7rem;
    line-height: 1.5;
    border-radius: .2rem;
}
.active{
    background-color: gainsboro;
}
.no-pad-no-margin{
    padding: 0;
    margin: 0;
}
.no-border-radius{
    border-radius: 0 !important;
}
.sortable{

}
li.tab{
    padding: 0 20px;
    color: white;
}
li.active{
    color: black;
    background-color: #e3e3e3;
}
.sortable:hover{
    color: white;
}
.boxshadow{
    box-shadow: 0px 6px 12px 0 rgba(0, 0, 0, 0.5)
}
.solutionbarbutton{
    height: 24px;
    min-width: 24px; 
    cursor: pointer;
    padding: 2px !Important;
    background-color: #53be6a!Important;    
    box-shadow: 0px 2px 0px #1e7e34, 0px 2px 15px rgba(0,0,0,.4), inset 0px 1px 0px rgba(255,255,255,.3), inset 0px 0px 3px rgba(255,255,255,.5)!Important; 
    border: 1px solid #1e7e34!Important;
}
.solutionbarbutton:hover{
    background-image: -webkit-gradient( linear, left bottom, left top, color-stop(0, #28a745), color-stop(1, #1e7e34))!Important;
}
.settingstext{    
    width: 160px;
    display: inline-block;
}
.fixedheight{
    line-height: 26px;
}
.fixedheight_narrow{
    line-height: 16px;
}
.textblack{
    color: black;
}
.textgreen{
    color: darkgreen;
}
.textblue{
    color: #2b638f;
}
.red{
    color: red;
}
.textgrow{
    font-size: 110%;
}
.redtext{
    color: red;
}
a.blacktext{
    color: black;
}
.smallesttext{
    font-size: 55%;
}
.smalltext{
    font-size: 67%;
}
.smallertext{
    font-size: 75%;
}
.textcenter{
    text-align: center;
}
div.separator{
    font-weight: bold;
    border-bottom: 3px solid #2b638f;
    text-align: left;
    color: #2b638f;
}
.textright{
    text-align: right;    
}
.odd {
    min-height: 26px;
    height: 26px;
    line-height: 26px;
    overflow: hidden;
}
.even {
    background-color: #cecece;
    min-height: 26px;
    height: 26px;
    line-height: 26px;
    overflow: hidden;
}
.none{
    display: none;
}
.textleft{
    text-align: left;    
}
.textred{
    color: red;
}
.form-check-inline.fixed{
    top: 7px;
    left: 3px;
    position: absolute;
}
.btn-block+.menubutton {
    margin-top: .25rem;
}
.btn-group-sm>.btn, .btn-sm {
    padding: .2rem .5rem;
    border-radius: .25rem;
}
.company_logo{
    position: absolute;
    left: 2%;
    top: 3%;    
    height: 3vw;    
    max-height: 40px;
}
.select_account{
    background-color: transparent;
    border: none;
    color: white;
}
.select_account option, optgroup{
    color: black;
}
.no-margin-bot{
    margin-bottom: 0px;
}
.textshadow{
    text-shadow: 2px 2px 4px #353535;
}
.smalltextshadow{    
    text-shadow: 1px 1px 2px white;  
}
.background{    
    background-image: radial-gradient(circle, #0067b3 5%, #004273); 
}
.backgroundwhite{    
    background-color: white;     
    background: white; 
}
.backgroundlightgrey{    
    background-color: #eaeaea; 
}
.backgroundgrey{    
    background-color: #e3e3e3; 
}
.backgrounddarkgrey{    
    background-color: #cecece; 
}
.header{
    color: white;
    text-align: center;
}
.thickbordertop{
    border-top: 3px solid #fff;    
} 
.thickborder{
    border: 3px solid #fff;    
} 
.thickcolorborder {
    border: 3px solid #2b638f;
}
.overflowhidden{
    white-space: nowrap;
    overflow: hidden;
}
.thickborderbottom{  
    border-bottom: 3px solid #fff;    
}
.thickborderright{  
    border-right: 3px solid #fff;    
}
.thickborderleft{  
    border-left: 3px solid #fff;    
}
.rightmarginfix{
    margin-right: 0;
}
.addrightmargin{
    margin-right: 5px;
}
.w-100{
    height: 4px;
}
.youtubelogo{
    position: absolute;
    bottom: 15px;
    left: 30px;
    cursor: pointer;
    width: 100px;
}
.customerrow{
    height: 30px;
    line-height: 30px;
}
.pull-left{
    padding-right: 0;
    padding-left: 0;
    margin-left: -15px;
    margin-right: 15px;
}
.customerrow > btn{
    margin-top: 2px;
}
.salesimage{
    width: 100%;
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}
.btn-primary {
    text-decoration: none;
    color: #fff;
    background-color: #538fbe;
    border: 1px solid #2d6898;
    text-shadow: 0px -1px 0px rgba(0,0,0,.5);
    -webkit-box-shadow: 0px 2px 0px #2b638f, 0px 2px 15px rgba(0,0,0,.4), inset 0px 1px 0px rgba(255,255,255,.3), inset 0px 0px 3px rgba(255,255,255,.5);
    -moz-box-shadow: 0px 2px 0px #2b638f, 0px 2px 15px rgba(0,0,0,.4), inset 0px 1px 0px rgba(255,255,255,.3), inset 0px 0px 3px rgba(255,255,255,.5);
    box-shadow: 0px 2px 0px #2b638f, 0px 2px 15px rgba(0,0,0,.4), inset 0px 1px 0px rgba(255,255,255,.3), inset 0px 0px 3px rgba(255,255,255,.5);
    -webkit-transition: all .1s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
}

.btn-primary:hover {
    background-image: linear-gradient(bottom, rgb(79,142,191) 0%, rgb(102,166,214) 100%);
    background-image: -o-linear-gradient(bottom, rgb(79,142,191) 0%, rgb(102,166,214) 100%);
    background-image: -moz-linear-gradient(bottom, rgb(79,142,191) 0%, rgb(102,166,214) 100%);
    background-image: -webkit-linear-gradient(bottom, rgb(79,142,191) 0%, rgb(102,166,214) 100%);
    background-image: -ms-linear-gradient(bottom, rgb(79,142,191) 0%, rgb(102,166,214) 100%);

    background-image: -webkit-gradient(
        linear,
        left bottom,
        left top,
        color-stop(0, rgb(79,142,191)),
        color-stop(1, rgb(102,166,214))
        );
}
.noradius{
    border-radius: 0px;
}
.no-pad {
    margin-right:0;
    margin-left:0;
    padding-right:0;
    padding-left:0;
}
.spacer{
    height: 6px;   
    width: 100%;
}
.largespacer{
    height: 25px;   
    width: 100%;
}
.small-pad {
    margin-right:0;
    margin-left:0;
    padding-right:4px;
    padding-left:4px;
}
.thin-pad {
    margin-right:.1rem;
    margin-left:.1rem;
    padding-right:.1rem;
    padding-left:.1rem;
}
.thick-pad{
    padding: 6px;
}
.vendorbutton{    
    font-size: 1.5vh;
    padding: .6vw;
    border-radius: 3px;
    cursor: help;
}
.pointer,
.SELECT_EDIT_CUSTOMER,
.SETVENDOR{    
    cursor: pointer;
}
.typebutton,
.editionbutton{
    border-radius: 0;
    background-image: -webkit-gradient(
        linear,
        left bottom,
        left top,
        color-stop(0, rgb(23, 77, 121)),
        color-stop(1, rgb(117, 170, 214))
        );
}
.menubutton.selected,
.typebutton.selected,
.editionbutton.selected{
    background-image: -webkit-gradient(
        linear,
        left bottom,
        left top,
        color-stop(0, rgb(73,132,180)),
        color-stop(1, rgb(0, 43, 78))
        );  
    -webkit-animation: miniglow 2s ease-in-out infinite alternate;
    -moz-animation: miniglow 2s ease-in-out infinite alternate;
    animation: miniglow 2s ease-in-out infinite alternate; 
}
.solutionsbutton:hover,
.categorybutton:hover,
.menubutton:hover,
.editionbutton:hover,
.glow {
    -webkit-animation: glow 3s ease-in-out infinite alternate;
    -moz-animation: glow 3s ease-in-out infinite alternate;
    animation: glow 3s ease-in-out infinite alternate;  
}
@-webkit-keyframes glow {
    from {
        text-shadow: 0 0 2px #FFF, 0 0 3px #FFF, 0 0 5px #FFF, 0 0 7px #538fbe, 0 0 10px #538fbe, 0 0 13px #538fbe, 0 0 18px #538fbe, 0 0 25px #538fbe;
    }
    to {
        text-shadow: 0 0 4px #FFF, 0 0 6px #FFF, 0 0 10px #FFF, 0 0 15px #538fbe, 0 0 20px #538fbe, 0 0 26px #538fbe, 0 0 36px #538fbe, 0 0 50px #538fbe;
    }
}

@-webkit-keyframes miniglow {
    from {
        text-shadow: 0 0 1px #FFF, 0 0 2px #FFF, 0 0 3px #FFF, 0 0 4px #538fbe;
    }
    to {
        text-shadow: 0 0 3px #FFF, 0 0 6px #FFF, 0 0 9px #FFF, 0 0 12px #538fbe;
    }
}
.avayabutton{    
    background-image: -webkit-gradient(
        linear,
        left bottom,
        left top,
        color-stop(0, rgb(23, 77, 121)),
        color-stop(1, rgb(117, 170, 214))
        );
}
.menubutton{  
    background-image: -webkit-gradient(
        linear,
        left bottom,
        left top,
        color-stop(1, rgb(23, 77, 121)),
        color-stop(0, rgb(117, 170, 214))
        );
}
.categorybutton:before {
    content: '\002B';
    color: #ffffff;
    font-weight: bold;
    float: left;
    margin-left: 5px;
    margin-right: 5px;
    line-height: 15px;
}
.solutionsbutton,
.categorybutton{
    border-radius: 0;
    padding: .0rem .5rem;
    margin-bottom: 6px;
    min-height: 20px;
    text-align: left;
}
label {
    margin-bottom: 0;
}
button{
    cursor: pointer;
}
.hide-overflow{
    overflow: hidden;
    height: 30px;
}
input{
    font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
}
input.height-item:focus ,
input.full-item:focus ,
input.long-item:focus ,
input.search-item:focus ,
input.small-item:focus {
    background-color: #9bb9d0;
    color: white;
}
input.small-item{    
    background-color: #9bb9d0;
    border: 1px solid #002c4d;
    color: white; 
    padding: .1rem .1rem;    
    border-radius: 0;
    line-height: .1rem;
    height: 1.5em;
    font-size: 90%;    
    /*max-width: 4rem;*/
    margin-top: 3px;
}
.pagination{
    float: right;
    box-shadow: 3px 3px 3px #888888;
}
.page-link{
    color: #2b638f;
}
.text-bold{
    color: #2b638f;
    font-weight: bold;
}
input.fileupload{
    background-color: #9bb9d0;
    border: 1px solid #002c4d;
    color: white;
    padding: .1rem .1rem;
    border-radius: 0;
    line-height: 1em;
    height: 2em;
    font-size: 70%;
    /*max-width: 12rem;*/
    margin-top: 3px;
}
input.long-item{    
    background-color: #9bb9d0;
    border: 1px solid #002c4d;
    color: white; 
    padding: .1rem .1rem;    
    border-radius: 0;
    line-height: inherit;
    height: 1.5em;
    font-size: 90%;    
    /*max-width: 12rem;*/
    margin-top: 3px;
}
input.full-item{
    background-color: #9bb9d0;
    border: 1px solid #002c4d;
    color: white;
    padding: .1rem .1rem;
    border-radius: 0;
    line-height: inherit;
    height: 1.5em;
    font-size: 90%;
    margin-top: 3px;
}
.inline-item{
    width: 35% !important;
    display: inline-block !important;
}
.inline-itemsmall{
    width: 15%;
    display: inline-block;
}
.height-item{
    background-color: #9bb9d0;
    border: 1px solid #002c4d;
    color: white;
    padding: .1rem .1rem;
    border-radius: 0;
    line-height: inherit;
    height: 100%;
    font-size: 99%;
    max-height: 20px;
}
input.search-item {
    background-color: #9bb9d0;
    border: 1px solid #002c4d;
    color: white;
    padding: .1rem .1rem;
    border-radius: 0;
    line-height: inherit;
}
img.option_images {
    border-style: none;
    width: 1.5rem;
    height: 1.5rem;
}
img.option_images_small {
    border-style: none;
    width: 1.25rem;
    height: 1.25rem;
}
.line-item{
    padding: 2px 4px 2px 2px;
    border: 1px solid #005898;
    margin: 2px;
}
.line-item-subheader{
    vertical-align: text-bottom;
    line-height: 100%;
    padding: 4px 4px 2px 6px;
    margin: 2px;
}
.filter-pad{
    margin-top: 4px;
}
.filter-item{
    font-size: 55%;
    vertical-align: text-bottom;
    line-height: 100%;
    padding: 4px 4px 2px 6px;
    margin: 2px;
    white-space: nowrap;
}
input.filter{    
    display: inherit;
    margin-left: auto;
    margin-right: auto;
}
.promo-item{    
    padding: 2px 4px 2px 2px;
    border: 1px solid #005898;
    margin: 2px;
    line-height: 120%;
}
.line-item div.col, .line-item div.col-3{
    overflow: hidden;
    height: 26.64px;
    line-height: 26px;
}
.popover-header {  
    overflow: auto;
}
.hardleft{
    left: 0px;
}
.popover-header img{    
    float: left;
    width: 80px;
    padding-right: 6px;
}
.popover {
    max-width: 450px;
    font-size: 80%;
}
.popover h3{
    text-align: center;
}
.vendor_images{
    width: 60%;
    height: auto;
}
.dropdown-item{
    cursor: pointer;
}
.bold{
    font-weight: 900;
}
.clear{
    clear: both;
}
.ip_handsets{
    height: 80px;
}


.cloud_handsets{
  width: 19%;
  margin: 2px;
  padding-top: 15px;
}
.cloud_handsets img{
  max-width: 80px;
  width: 100%;
}
.cloud_handsets:nth-child(2){
  margin-top: -15px;
}
.cloud_handsets:nth-child(3){
  margin-top: -25px;
}
.cloud_handsets:nth-child(4){
  margin-top: -15px;
}
.raised_block{
    border: 1px solid #538fbe;
    padding: 10px 0px 10px 0px;
    border-radius: 10px;
    text-align: right;
    box-shadow: 3px 3px 3px #888888;
    z-index: +1;
    position: relative;  
    margin-left: auto;
    margin-right: auto;
}
div.smart_ups_image,
div.sbc_image,
div.virtualsbc_image,
div.softwareedition_image,
div.virtualedition_image,
div.virtualeditionserver_image,
div.customerappserver_image,
div.customeracrserver_image,
div.server_image{
    width: 25%;
    height: 80px;
    display: inline-block;
    text-align: center;
    background-position:  center bottom;
    background-repeat:  no-repeat;
    color: #2b638f;
    text-shadow: 1px 1px 2px white;  
    float: left;
    margin-bottom: 20px;

}
div.customeracrserver_image{
    background-image: url(../Images/serverwindows2.png);
}
div.customerappserver_image{
    background-image: url(../Images/serverwindows2.png);
}
div.virtualeditionserver_image{
    background-image: url(../Images/VirtualEditionWithServer.png);
}
div.virtualedition_image{
    background-image:url(../Images/virtualedition_large.png);
}
div.virtualserveredition_image{
    background-image:url(../Images/virtualedition_large.png);
}
div.softwareedition_image{
    background-image:url(../Images/softwareedition_small.png);
}
div.virtualsbc_image{
    background-image:url(../Images/virtualedition_large.png);
}
div.sbc_image{
    background-image:url(../Images/sbc_large.png);
}
div.smart_ups_image{
    background-image: url(../Images/smart_ups_large.png);
}
div.module30a_image{
    position:relative;
    z-index: 3;
    height: 80px;
    background:url(../Images/module_30a.png) no-repeat center;
    line-height: 80px;
    margin: 0px 0px -20px 0px;
}
div.module30_image{
    position:relative;
    z-index: 4;
    height: 80px;
    background:url(../Images/module.png) no-repeat center;
    line-height: 80px;
    margin: 0px 0px -20px 0px;
}
div.modulepot30_image{
    position:relative;
    z-index: 5;
    width: 100%;
    height: 80px;
    background:url(../Images/module.png) no-repeat center;
    line-height: 80px;
    margin: 0px 0px -20px 0px;
}
div.modulepot16_image{
    position:relative;
    z-index: 6;
    height: 80px;
    background:url(../Images/module_16.png) no-repeat center;
    line-height: 80px;
    margin: 0px 0px -20px 0px;
}
div.module16a_image{
    position:relative;
    z-index: 7;
    height: 80px;
    background:url(../Images/module_16a.png) no-repeat center;
    line-height: 80px;
    margin: 0px 0px -20px 0px;
}
div.module16_image{
    position:relative;
    z-index: 8;
    height: 80px;
    background:url(../Images/module_16.png) no-repeat center;
    line-height: 80px;
    margin: 0px 0px -20px 0px;
}
div.moduleat16_image{
    position:relative;
    z-index: 9;
    height: 80px;
    background:url(../Images/module_16.png) no-repeat center;
    line-height: 80px;
    margin: 0px 0px -20px 0px;
}
div.base_virtual_image{
    height: 80px;     
    background: url(../Images/virtualedition_large.png) no-repeat center;
    position: relative;
}
div.base_server_image{
    height: 80px;     
    background: url(../Images/primaryserver.png) no-repeat center;
    position: relative;
}
div.base_ipo_image{
    height: 80px;     
    background: url(../Images/ip500_baseunit.png) no-repeat center;
    position: relative;
}
div.primaryserver_image{
    height: 100px;
    background:url(../Images/primaryserver.png) no-repeat top center;
}

div.collab_users_image{
    height: 100px;
    background:url(../Images/cu360_large.png) no-repeat center center;
    background-size: contain;
    position: relative;
    text-align: right;
    padding-right: 30px;
    line-height: 100px;
}
div.cloud_users_image{
    height: 100px;
    background:url(../Images/cloud_background.png) no-repeat center center;
    background-size: contain;
    position: relative;
    text-align: right;
    padding-right: 30px;
    line-height: 100px;
}
.roundedborders{
    border-radius: 5px;
}
.ui-menu-item-wrapper{
    font-size: 67%;
}
div.module_title{
    line-height: 80px;
    padding: 5px 5px 0px 0px;
    height: 80px;
    font-size: 90%;
    overflow: hidden;    
    text-align: right;
    color: #2b638f;
    text-shadow: 1px 1px 2px white;  
}
.custom-combobox {
    position: relative;
    display: inline-block;
    float: left;
}
.custom-combobox-toggle {  
    position: absolute;
    top: 0px;
    bottom: 0px;
    max-height: 30px;
    z-index: 1;
    left: 0px;
}
.custom-combobox-input {
    position: relative;
    display: inline-block;
    padding-left: 26px;
    padding-right: 4px;
}
.custom-combobox-toggle2 {
    position: absolute;
    top: 0px;
    bottom: 0px;
    max-height: 30px;
    z-index: +1;
    left: 0px;
}
span.chevrons{
    font-size: 120%;
    color: #002c4d;
    text-shadow: 0px 1px #ffffff;
    border: 1px solid transparent;
    border-radius: 5px;
    cursor: pointer;
    padding: 2px 12px;
}
span.chevrons:hover{
    border: 1px solid white;
    box-shadow: 3px 3px 3px #888;
}
div.basecards_container{
    position:absolute;
    text-align: center;
    top: 40px;    
    width: 340px;
    margin-left: auto;
    right: 0;
    left: 0;
    margin-right: auto;
}
div.basecards_container img{
    float: left;
    padding: 1px;
}
.hoaddresslocator,
.addresslocator{
    position: absolute;
    background: white;
    z-index: 1000;
    top: 31px;
    margin: 3px -3px -3px -3px;
    padding: 3px 3px 3px 3px;
}
#addresslocator{
}
.stickyborder{    
    border-left: 4px solid #002c4d;
    border-right: 4px solid #002c4d;
    border-bottom: 4px solid #002c4d;
}
.glass{
    position: relative;
    display: inline-block;
    background-color: #2b638f;
    background-image: linear-gradient(#2b638f,#2b638f);     
    text-decoration: none;
    color: #fff;
    box-shadow: 0px 1px 4px -2px #333;
    text-shadow: 0px -1px #333;
}.glass:after{
    content: '';
    position: absolute;
    top: 2px;
    left: 2px;
    width: calc(100% - 4px);
    height: 50%;
    background: linear-gradient(rgba(255,255,255,0.8), rgba(255,255,255,0.2));
}
.glass:hover{
    background: linear-gradient(#89c3f1,rgb(56, 146, 214));
}
.centeritem{
    line-height: 26px;
    height: 26px;
}
.menubuttonicon{
    line-height: 16px; 
    float: left; 
    font-size: 1em;
}
.termsandconditionslink,
.hovercursor{
    cursor: help;
}
.switch {
    position: relative;
    display: inline-block;
    width: 2.4rem;
    height: 16px;  
    cursor: pointer;
    padding: 0px;
    margin-top: 6px;
}
.switch input {display:none;}
.slider {
    position: absolute;
    cursor: pointer;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #aaa;
    -webkit-transition: .4s;
    transition: .4s;    
    max-width: 2.4rem;
}
.slider:before {
    position: absolute;
    content: "";
    height: 14px;
    width: 14px;
    left: 1px;
    bottom: 1px;
    background-color: white;
    -webkit-transition: .4s;
    transition: .4s;
}
input:checked + .slider {
    background-color: #538fbe;
}

input:focus + .slider {
    box-shadow: 0 0 1px #538fbe;
}
.h1, h1 {
    font-size: 2.5vh;
    padding: .3vw;
}
@media screen and (min-width: 1200px) {
    .h1, h1 {
        font-size: 2.2rem;
    }
}
input:checked + .slider:before {
    -webkit-transform: translateX(24px);
    -ms-transform: translateX(24px);
    transform: translateX(24px);
    left: -1px;
}
.slider.round {
    border-radius: 14px;
}

.slider.round:before {
    border-radius: 50%;
}

.SET_LINE_FILTER{
    cursor: pointer;
}
.specialpromotions{
    position: fixed;
    top: 0;
    right: 20%;
    width: 20%;
    z-index: +1;
    font-size: 70%;
}
div.disabledcover{    
    height: 100%;
    width: 14px;
    position: relative;
    z-index: +1;
    cursor: help;
    margin-left: auto;
    margin-right: auto;
}
div.disabledtick{    
    background:url(../Graphics/greycross.png) no-repeat; 
    height: 14px;
    width: 14px;
    position: absolute;
    z-index: +1;
    cursor: help;
}
div.inputdisabledtick{
    background: url(../Graphics/greycross.png) no-repeat center;
    height: 100%;
    width: 14px;
    position: relative;
    z-index: +1;
    cursor: help;
    margin-left: auto;
    margin-right: auto;
}
.padlock{
    width: 100%;
    height: auto;
    cursor: pointer;    
}
.centerelement{    
    margin-left: auto;
    margin-right: auto;
    display: table;
    float: none;
}
.narrowlines{
    line-height: 80%;
    padding-top: 2px;
    font-size: 62%;
}
.textright{
    text-align: right;
}
select:disabled ,
.form-control:disabled, .form-control[readonly] {
    background-color: #a7a3a3;
    color: black;
    opacity: 0.7;
}
.fullwidth{
    width: 100%;
}
.textgrey{
    color: grey !important; 
}
.snowman,
.christmastree{
    display: none;
}
ol,
ul,
dl {
    margin-top: 0;
    margin-bottom: 0;
}
.right{
    float: right;
}
.left{
    float: left;
}
.margintoplarge{
    margin-top: 8px;
}
.margintop{
    margin-top: 4px;
}
.marginbot{
    margin-bottom: 4px;
}
.marginbotlarge{
    margin-bottom: 8px;
}
.marginright{
    margin-right: 2px;
}
.marginrightlarge{
    margin-right: 8px;
}
.paddingtop{
    padding-top: 2px;
}
.paddingbot{
    padding-bottom: 4px;
}
.btn-red {
    color: black;
    background-color: #28a745;
    border: 1px solid #1e7e34;
    text-shadow: 0px -1px 0px rgba(255,255,255,.5);
    -webkit-box-shadow: 0px 2px 0px #1e7e34, 0px 2px 15px rgba(0,0,0,.4), inset 0px 1px 0px rgba(255,255,255,.3), inset 0px 0px 3px rgba(255,255,255,.5);
    -moz-box-shadow: 0px 2px 0px #1e7e34, 0px 2px 15px rgba(0,0,0,.4), inset 0px 1px 0px rgba(255,255,255,.3), inset 0px 0px 3px rgba(255,255,255,.5);
    box-shadow: 0px 2px 0px #1e7e34, 0px 2px 15px rgba(0,0,0,.4), inset 0px 1px 0px rgba(255,255,255,.3), inset 0px 0px 3px rgba(255,255,255,.5);
    -webkit-transition: all .1s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
    background-image: -webkit-gradient( linear, left bottom, left top, color-stop(.3, #28a745), color-stop(1, #FFFFFF) );
}
.btn-red.disabled, .btn-red:disabled {
    color: black;
    border-color: #1e7e34;
    background-color: #FFFFFF;
}
.btn-red:hover {
    color: #fff;
    background-color: #1e7e34;
    border-color: #FFFFFF;
    background-image: -webkit-gradient( linear, left bottom, left top, color-stop(0, #28a745), color-stop(1, #6def8a) );
}
.sticky{
    position: sticky;
    top: 0px;
    background-image: radial-gradient(circle, #0067b3 5%, #004273); 
    border: 4px solid #002c4d;
    box-shadow: 8px 4px 8px 0 rgba(0, 0, 0, 0.4), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}

#header,
#subheader{
    z-index: 999;
}
.nav-tabs {
    border-bottom: none;
}
.greenbutton{
    background-image: -webkit-gradient( linear, left bottom, left top, color-stop(1, rgb(47, 121, 23)), color-stop(0, #28a745) );
    border: 1px solid rgb(47, 121, 23);
}
.greenbutton:hover{
    background-image: -webkit-gradient( linear, left bottom, left top, color-stop(1, #28a745), color-stop(0, #1e7e34) );
    border: 1px solid rgb(47, 121, 23);
}
.greenbutton.active{
    background-color: #28a745 !Important;
    border-color: #28a745;
}
#registerbutton{
    position: absolute;
    height: 20%;
    width: 40%;
    bottom: 18%;
    right: 10%;
    cursor: pointer;
}
.iframe-container {
    overflow: hidden;
    padding-top: 56.25%;
    position: relative;
}

.iframe-container iframe {
    border: 0;
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
}
#map {
    height: 400px;  /* The height is 400 pixels */
    width: 100%;  /* The width is the width of the web page */
}
.increasez{
    z-index: 1000;
    font-family: "HelveticaNeue-Light", "Hsearch-itemelvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif; 
    font-family: Verdana, Geneva, sans-serif;  
}
.line_destination{
    height: 5px;
    width: 5px;
    position: absolute;
    bottom: 20px;
    left: 50%;
}