/* admins-buddy
    Document   : style
    Created on : 24.09.2013, 18:35:56
    Author     : Sebastian Renners
    Description:
        Purpose of the stylesheet follows.

    Colors: rosa      #F5A3CE; 
    türkis #47C5D1

    neu blau: #196faa
    neu schwarz:  #2a292e
*/

root { 
    /*display: block;*/
}
html {
    overflow-y:scroll;
    height: 100%;
    color: #3F3C3C;
}
@font-face { 
    /*
    font-family: 'segoewp-light-webfont';
    src: url('/font/segoewp-light-webfont.eot');
    src: url('/font/segoewp-light-webfont.eot?#iefix') format('embedded-opentype'),
         url('/font/segoewp-light-webfont.woff') format('woff'),
         url('/font/segoewp-light-webfont.ttf') format('truetype'),
         url('/font/segoewp-light-webfont.svg#colaborate') format('svg');
    font-weight: normal;
    font-style: normal;
    */
}
body {
    /****font-family:"Arial", sans-serif;**/
    /****font-family: segoewp-light-webfont;****/
    font-family: 'Roboto' !important;
    margin: 0;
    padding: 0;
    background-color: white;
    /**font-family: "Segoe UI";**/
    /**font-weight: light;**/
}
article {
    display: block;
}
.current {
    /*background-color: #2a292e !important;*/
    color: #ac012c !important;
}
hr {
    border-color: #196FAA;
    border-width: 1px;
    border-style: solid;
}
h1 {
    margin: 0;
    padding: 0;
    /**font-family: 'Open Sans Condensed', sans-serif;**/
    font-size: 22px;
}
ul, li {
    margin: 0;
    padding: 0;
}
h2 {
    margin: 10px 0px 0px 0px;
    padding: 0;
    font-size: 20px;
}
h3 {
    margin: 10px 0px 0px 0px;
    padding: 0;
    font-size: 16px;
}
p {
    margin-top: 3px;
    margin-bottom: 3px;
    padding: 0;
}
a, a:hover, a:visited {
    text-decoration: none;
    /**color: #909096;**/
    color: #196faa;
}
pre {
	white-space: pre-wrap;
	white-space: -moz-pre-wrap;
	white-space: -o-pre-wrap;
	word-wrap: break-word;
	box-sizing: border-box;
	width: 100%;
	padding: 0;
	margin: 0;
	overflow: auto;
	overflow-y: hidden;
	background-color: #e6e1ff;	border-radius: 5px;padding: 5px 10px;
}
code {
	font-family: Courier, 'New Courier', monospace;
	font-size: 12px;
	background-color: #e6e1ff;
	padding: 5px 10px;
	line-height: 20px;
	border-radius: 5px;
}

.logOutput {
    background-color: #F4F4F7;
    
}

.font12 {
    font-size: 12px;
}
.font14 {
    font-size: 14px;
}

.topBar {
    background-color: white;
    height: 18px;
    color: #fff;
    font-size: 12px;
 
    position: relative;
    margin: auto auto;
    width: 1024px;				  
}
.topBarWrapper {
    width: 100%;
  background-color: white;
}

.userSection a {
    color: #adadad !important;
}
.userSection {
    color: #adadad !important;
    float: right;
    
    padding-right: 20px;
    padding-top: 2px;
}




.userSection span {			 
    background-image: url('/img/spreadsheet.png');
    height: 20px;
    width: 20px;
    
}
.userSection .myaccount {   
    background-position: 225px 42px;
    margin: 0px 17px 0 0;
}
.userSection .settings {
    background-position: 29px 178px;;
    margin: 0px 2px 0 0;
}
.userSection .share {
    background-position: 81px 231px;
    margin: 0px 2px 0 0;
}
.userSection .shop {
    background-position: 81px 213px;
    margin: 0px 2px 0 0;
}
.userSection .cart {
    background-position: 27px 231px;
    margin: 0px 2px 0 0;
}
.userSection .cart .cartCount {
    font-size: 8px;
    height: 10px;
    width: 10px;
    background-color: #b43d3d;
    background-image: none;
    text-align: center;
    color: #fff;
}
.page {
    margin: 10px 15px 20px 15px;
    padding-bottom: 0px;
  /*  top: -75px; */
    position: relative;
}
.delete {
    background-image: url('/img/spreadsheet.png');   
    background-position: 84px 123px;
    height: 20px;
    width: 20px;
    margin: 0 2px 0 0;
}
.edit {
    background-image: url('/img/spreadsheet.png');   
    background-position: 63px 214px;
    height: 20px;
    width: 20px;
    margin: 0 0 0 0;
}
nav {
   /**background-color: rgb(250, 250, 250);**/
   height: 0px;
}

.wrapper {
    margin: auto auto;
    width: 1024px;    
}

.navLinkBox, #flip {
    /**background-color: #EDEDED;**/
    /*background-color: #196faa;*/
    /**color: #5E5858;**/
    color: #949a9f;
    float: left; 
    font-size: 14px;
    margin: 24px 20px 5px 15px;
    /*padding: 6px;*/
    text-align: center;



}
.navLinkBox:hover {
    /*background-color: #2a292e !important;*/ 
    color: #ac012c !important;
}
.panel, .NewMobilePanel
{
    background-color: #E6E6E6;
    display: none;
    float: left;
    padding: 10px 0px 10px 0px;
    /**position: absolute;**/
    /*top: 19px;*/
	position: relative
}
.panel {
    width: 368px; 
    left: 15px;
}
.NewMobilePanel {
    width: 100%;
    /**left: 0px;**/
}
.listnone {
    list-style: none;
}

.list {
    padding-left: 3px;
    padding-right: 3px;
    padding-top: 1px;
    padding-bottom: 1px;
    margin-bottom: 2px;
}
.list:hover {
    background-color: #196faa !important;
    color: #fff !important;
}

.list:hover a {
    color: #fff;
}
.backgrey {
    background-color: #F4F4F7;
}



.panel .submenu, .NewMobilePanel .submenu {
    background-color: #ac012c; 
    list-style: none;
    /**text-transform: uppercase;**/
    /**font-weight: bold;
    font-family: 'Carrois Gothic SC', Arial, sans-serif;**/
    padding: 10px 15px 10px 15px;
    margin: 0 0 3px 0;
    color: #fff;
    /*text-transform: uppercase;*/
    font-size: 14px;
}
.panel .submenu:hover {
    background-color: #47C5D1;
    color: white;
}
.navLogo {
    top: -18px;
    position: relative;
    float: right;
}

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

    .navLogo {
        top: 15px;
    }
    .navLogoImageDiv {
      
      width: 34px;
      height: 32px;
      margin: 0px;
      background-image: url('/img/favicon/favicon_64.png'); 
      background-size: contain;

      background-position: right;
      background-repeat: no-repeat;
    }
    
}

.footer {
    position: fixed;
    bottom: 0px;
    min-width: 100%;
    /* background-color: rgb(250, 250, 250); */
    background-color: #424242;
    /* border-top: 1px solid rgb(230,230,230); */
    opacity: 0.5;
    z-index: 10;
}
.footerLinkBox {
    color: #fff;
    font-size: 16px;
    margin: 6px 10px 5px 0;
    padding: 3px;
    text-align: center;
    font-size: 10pt;
}
.footerCopyBox {
    color: #fff;
    font-size: 16px;
    margin: 6px 15px 5px 15px;
    padding: 3px;
    text-align: center;
    font-size: 10pt;
}
.footerFacebookIcon {
    width: 18px;height: 18px;padding: 0px 20px 0px 0px;margin: 7px 5px 0px 8px;
}

.margintop15 {
    padding-top: 15px;
}
.paddingleft15 {
    padding-left: 15px
}
.marginleft15 {
    margin-left: 15px;
}
.footnote {
    font-size: 14px;
    margin-top: 40px;
}
.floatleft {
    float: left;
}
.floatright {
    float: right;
}
.clear {
    clear: both;
}
.pageRightBox {
        min-height:10px;
        width: 250px;
        background-color: #FAFAFA;
        float: right;
        display: block;
        padding: 15px;
        margin-left: 15px;
        margin-bottom: 15px;
}
.mobileNavLinkBox {
    display: none;
}
/** ANFANG: Startseite **/
.StartBox {
    background-color: #fff;
    height: 400px;
    width: 100%;  
}
.StartBox .box {
    background-image: url('/img/start/start_back_1.jpg');
    height: 390px;
    width: 328px;
    float: left;
    overflow: hidden;
    -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=90)";
    filter: alpha(opacity=90);
    opacity: .9;    
    
}
.StartBox .box:hover {
    /**webkit-transition: color .1s ease-in-out;
    -moz-transition: color .1s ease-in-out;
    -ms-transition: color .1s ease-in-out;
    -o-transition: color .1s ease-in-out;
    transition: .1s ease-in-out;
    -webkit-font-smoothing: subpixel-antialiased;
    background-size: 350%;**/
    
    -webkit-transform: scale(1.02);
    -moz-transform: scale(1.02);
    -o-transform: scale(1.02);
    -ms-transform: scale(1.02);
    transform: scale(1.02);
    
    -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)";
    filter: alpha(opacity=100);
    opacity: 1.0;
    
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    /**
    transition-delay: 0.1s;
    transition-timing-function: ease-in-out;**/
    
    
}
.boxTitle {
    background-color: #fff;
    margin-top: 25px;
    padding: 5px;
    opacity: 0.80;
    color: #196faa;
    padding-left: 10px;
    padding-top: 5px;
    padding-bottom: 5px;
    
}
.StartBox .leftBox {
    background-position: 0px 0px;
    height: 390px;
    width: 328px;
    float: left;
}

.StartBox .middleBox {
    background-position: -333px 0px;
    margin-left: 5px;
    margin-right: 5px;
}
.StartBox .rightBox {
    background-position: -666px 0px;
}
.StartPre {
    margin-top: 10px;
}
.StartPre .liststyle {
    list-style-position: inside;
}

.tileLine {float: left; width: 100%; position:relative;}
.tile {width: 24%; height: 146px; float: left; margin-left: 0.81%;margin-bottom: 1%; padding: 2px 0px;}
.tile .banner {background-color: rgb(49, 48, 50); 
        position: relative; 
        width: 100%; 
        margin: 0px; 
        padding: 0px; 
        /*top: 97px;*/
        bottom: 0px;
        min-height: 20px;
        max-height: 23px;
        opacity:0.7;
        overflow: hidden;
        -moz-transition: max-height 0.2s ease 0.05s,background-color 0.2s ease 0.05s;
        -o-transition: max-height 0.2s ease 0.05s,background-color 0.2s ease 0.05s;
        -webkit-transition: max-height 0.2s ease 0.05s,background-color 0.2s ease 0.05s;
        transition: max-height 0.2s ease 0.05s,background-color 0.2s ease 0.05s,opacity 0.2s ease 0.05s;
        

}

.tile:hover .banner {
        overflow: visible;
        /*top: 48px;*/
        bottom: 0px;
        max-height:150px;
        -moz-transition:opacity 0.5s ease 0.05s;
	-o-transition:opacity 0.5s ease 0.05s;
	-webkit-transition:opacity 0.5s ease 0.05s;
	transition:opacity 0.5s ease 0.05s;
        opacity:0.9;}
.tile:hover .banner .bannerValue p {display: visible !important;}
.banner h1 {color: #fff; font-size: 16px;}
.banner .tileText {color: #fff !important;overflow:hidden; font-size: 12px;}
.tile .banner .bannerValue {padding: 2px 5px 2px 5px;}


/** ENDE : Startseite **/
.TagElements {text-align:center; padding-top: 50px; margin-left: 20px; margin-right: 20px;}
.TagElements span {padding: 10px 15px; display:inline-block; background-color: #333; margin: 5px 10px;}
.TagElements span a {color: white !important; }
.TagElements span a:hover {color: #196faa !important; }

input[type="submit"], .button { 
    text-align: center;
    width: inherit !important;
    padding: 5px;
    min-width: 8em;
    border: 1px solid rgb(171, 171, 171);
    border-image-source: initial;
    border-image-slice: initial;
    border-image-width: initial;
    border-image-outset: initial;
    border-image-repeat: initial;
    background-color: rgb(253, 253, 253);
    margin-right: 10px;
    -webkit-appearance: none;
    color: rgb(68, 68, 68) !important;    
    border-radius: inherit;
    font-size: 13px;
}
input[type="submit"]:hover, .button:hover { 
    border-color: rgb(146, 192, 224);
    background-color: rgb(230, 242, 250);
}
input[type="text"], textarea, input[type="password"] {
    border-radius: inherit;
    box-shadow: none;
    -webkit-box-shadow: inset 0px;
    -moz-box-shadow: inset 0px;
    -webkit-appearance: textfield;
    border: solid 1px #A09EA9;
    background-color: white;
    -webkit-rtl-ordering: logical;
    -webkit-user-select: text;
    cursor: auto;

}
.green { color: #0AAD12; }
.purple { color: rgb(172, 45, 172);}

/** START: Kontaktformular **/
.kontaktformular {float: left; }
.kontaktformular input, .stdForm input { 
    padding:5px; 
    width:300px; 
}
.kontaktformular label, .stdForm label {
      display:inline-block; 
      width:100px;
}
.kontaktformular input[name="plz"] { width:60px; } 
.kontaktformular input[name="city"] { width:222px; }

.kontaktformular textarea, .stdForm textarea { width:412px; }
.kontaktformular input[type="checkbox"], .stdForm input[type="checkbox"] { width:20px; margin-right:10px; }
.kontaktformular span, .red { color: #c00; }

.kontaktformular .terms{ display:none; }
.kontaktformular .success { color:#c00; padding: 12px 0px 12px 0px;}
.kontaktformular {max-width: 420px;}

.kontaktbox {width: 574px; float: left;}
.kontaktbox li, .impr li, .dataprotection li {list-style-type: none;}
.kontaktbox ul, .impr ul, .dataprotection ul {padding: 2px 0px 2px 0px;}
/** ENDE: Kontaktformular**/
.impr { padding: 2px 0px;}
.impr-ha {font-size: 14px;}
.impr-ha li {font-weight: bold;}
.solutions h3, .contact h3 {margin: 13px 0px 0px 0px;}
.solutions h2, .contact h2 {margin: 26px 0px 0px 0px;}



/**** Anfang: Login ****/
.loginDiv {
    width: 500px;
    margin: auto auto;
    /*border: 1px solid #e9e8ec;*/
    /**background-color: #F8F8F8;*/

}
.loginDiv h1 {
    padding: 2px;
}
.loginTopDiv {
    background-color: #196FAA;
    text-transform: uppercase;
    /*font-family: 'Carrois Gothic SC', Arial, sans-serif;*/
    text-align: center;
    font-size: 20px;
    /**text-shadow: white 1px 1px;**/
    color: #fff;
    padding: 10px;
    margin-bottom: 10px;
}
.labelLeft {
    width: 200px;
    float: left;
    text-align: right;
    padding: 4px;
    margin: 0;
    font-size: 14px;
}
.labelCheck {
    width: inherit !important;
}
.inputRight {
    padding: 3px;
    margin: 0px;
    width: 245px;
}
/**** Ende: Login ****/

/***** Anfang: Central *****/
.central {
    width: 100%;
}

.row {
    width: 33%;
    min-width: 300px;
}
.inforow {
    padding-bottom: 40px;
}
.section {
    min-height: 130px;
    width: 97%;
    margin-top: 5px;
    padding-top: 2px;
    padding-right: 2px;
    padding-bottom: 2px;
}
.section li {
    list-style: none;
    font-size: 14px;
}
.section span {
    font-weight: bold;
}

.inner-sec-left {
   /* background-image: url('/img/intern/iconset_central.png');*/
    width: 33%;
    display: block;
    min-height: 100px;
    float: left;
}

.inner-sec-right {
    float: left;
    padding: 2px;
}
/**
.sec1 .inner-sec-left {
    background-position: 0px -200px;
}
.sec2 .inner-sec-left {
    background-position: 0px 0px;
}
.sec3 .inner-sec-left {
    background-position: 3px -100px;
}
.sec4 .inner-sec-left {
    background-position: 3px -300px;
}**/
/***** Ende: Central *****/


/***** Anfang Picture-Management *****/
.picthumb {
    max-width: 100px;
    max-height: 100px;
    padding-right: 2px;
    padding-bottom: 2px;
}

.picContainer {
    min-height: 120px;
    float: left;
    width: 100px;
    font-size: 12px;
    margin-right: 2px;
    margin-bottom: 2px;
}
.picContainer img {
    position: absolute;
}
.picFunctions {
    top: 103px;
    position: relative;
    margin-left: 2px;
    text-align: right;
    margin-right: 2px;
}
.picPreview img {
    max-width: 100%;
}

/***** Ende Picture-Management   *****/


/***** ANFANG   PROFILE *****/
.proHead {
    width: 100%;
    float: left;
}
.proPicDiv {
    float: left;
    max-width: 100%;
    min-width: 150px;
    min-height: 200px;
    background-color: #FAFAFA;
}
.proHead h1 {
    margin-top: 90px;
    margin-left: 160px;
}
.proHead p {
   margin-left: 160px; 
   margin-top: 0px;
}
/***** ENDE     PROFILE *****/

/***** ANFANG   QR-MANAGEMENT *****/
.qrContainer img {
    max-width: 100%;
    width: 150px;
}
/***** ENDE     QR-MANAGEMENT *****/

/***** ANFANG   SURVEY-TABLE *****/
.surveyTable {
    /*border: 1px solid black;*/
    border-collapse: collapse;
    border: 0;
}
.surveyTable {
    overflow-y: auto;
    overflow-x: visible;
    width: 100%;
    display:inline-block;
    *display:inline;/* For IE7*/
    *zoom:1;/* For IE7*/
        white-space:nowrap;
    
}
.surveyTable .header {
    min-width: 100px;
}
.surveyTable th, .surveyTable td, .surveyTable tr {
    padding: 2px;
    margin: 2px;
    border: 2px solid #fff;
}
.surveyTable .alignCenter {
    text-align: center;
}
.surveyTable .backgreen {
    background-color: #C2FCD9;
}
.surveyTable .backred {
    background-color: #FCC2D8;
}
/***** ENDE     SURVEY-TABLE *****/

/*.showroomOutter { background-color: red; box-shadow: 0px 50px 3px -50px #a9a9a9; }*/
.showroomInner { /*background-color: green */; margin: auto auto; padding: 35px 5px; text-align: left; max-width: 560px;min-height: 125px;}
.showroomIcon { float: left; width: 150px; padding-right: 60px; }
.showroomIcon img {max-width: 105px; padding: 5px;}
.showroomText { float:right; width: 350px; }

#articletable th {text-align: left;}
#invoiceForm textarea, #invoiceForm input {font-family: inherit; background-color: red;}
#invoiceForm .labelLeft { width: 130px !important;}
#newCustomer {
	display: none;	
}
.item-row .item-artnr {width: 40px;}
.item-row .item-qty {width: 35px;}
.item-row .item-description {width: 95% !important; padding: 5px; margin: 4px 0px 0px 0px;}

/************************************** START INVOICE-MANAGEMENT ********************************************/

/************************************** ENDE INVOICE-MANAGEMENT *********************************************/
.questionToggle {padding-top: 10px;}
.answerToggle {padding: 10px 0 10px 0; font-size: 16px;}


@media screen and (max-width:1041px) {
    .showroomOutter { /*background-color: red;*/ }
    .showroomInner { /*background-color: green */; padding: 35px 5px; text-align: center; max-width: none; min-height: 240px;}
    .showroomIcon { width: 100%; padding-right: 0px; }
    .showroomIcon img {max-width: 105px; padding: 5px;}
    .showroomText { width: 100%; }
	
    .userSection {
        padding-right: 15px;
    }

    .navLinkBox {margin: 0px 0px 5px 15px;}
    .page { /*top: -63px */}
    .labelLeft {
        width: 25%;
        float: left;
    }
    .inputRight {width: 65%;}
    .loginDiv {width: 100%;}    

    
    .kontaktformular input, .stdForm input {width: 72%;}
    .kontaktformular label, .stdForm label {width: 19%; font-size: 12px;}
    .kontaktformular input[name="plz"] { width:26%; } 
    .kontaktformular input[name="city"] { width:40%; }
    .kontaktformular input[type="submit"] { width:85px; }
    .kontaktformular textarea, .stdForm textarea { width:95%; }
    .kontaktformular { max-width: 321px;}
    
    .kontaktbox {max-width: 100%;}

    .StartBox .box {
        background-image: url('/img/start/start_back_1.jpg');
        height: 390px;
        width: 32%;
        float: left;
    }
    .StartBox .middleBox {
        background-position: -333px 0px;
        margin-left: 2%;
        margin-right: 2%;
    }

    .wrapper {
        margin: auto auto;
        width: 100%;
        top: 0px;
      position: relative;
          /*background-color: #d698cfc2;*/ /* DEBUG HEIGHT Navigation */															
    }
    .pageRightBox, .flip, .flipButton1, .navLinkBox {
        display: none !important;  
    }
    .NewMobilePanel .submenu {
        height: 27px;
        font-size: 24px !important;
    } 

    .footer {
        min-width: 100%;
    }
    .footerCopyBox, .footerLinkBox {
        font-size: 10px; 
    }
    .footerFacebookIcon {
        margin: 6px 5px 0px 8px;
    }
    .mobileNavLinkBox {
        /*background-color: red;*/
        color: #5E5858;
        
        margin: 20px 0px 0px 15px;
        padding: 0px;
        height: 28px;
        display: block !important;
        text-align: center;
        width: 24px;
        float: left;

        /**font-weight: bold;**/
        /**font-family: 'Carrois Gothic SC', Arial, sans-serif;**/
     
    }
    .tile {background-color: blue !important;}

    
    @media screen and (max-width:640px) {
        
        .tileLine {width: 100%; }
        .tile {background-color: white !important; width: 49% !important; margin-left: 0.67% !important; }

    }    
    
    
    
}



progress[value]  {
  /* Reset the default appearance */
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;

  /* Get rid of default border in Firefox. */
  border: none;

  /* Dimensions */
	width: 100%;
	height: 35px;

  /* For IE10 */
  color: blue; 
}
progress[value]::-webkit-progress-bar {
  background-color: #eee;
  border-radius: 2px;
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.25) inset;
}



@viewport {
	/**width: device-width;**/
	zoom:1;
        user-zoom:fixed;
}

.liEllipsis:first-child .upbutton {
    display: none;
}
.liEllipsis:last-child .downbutton {
    display: none;
}

.orderProgress-outside-wapper {width: 100%; }
.orderProgress-inside-wrapper {width: 50%; margin: auto auto;text-align: center;}

@media screen and (max-width:640px) {
	.orderProgress-inside-wrapper {width: 80%; }
}
.ts-rdpn-pre-outter-wrapper {width: 100%; margin: auto auto; text-align: center; }
.ts-rdpn-pre-inner-wrapper {width: 80%; margin: auto auto; padding: 5%; text-align: center;  background-color: #e8f3ff;}
.ts-rdpn-pre-inner-wrapper p {font-size: 21px;}

.ad-inner-wrapper {width: 50%; margin: auto auto; text-align: center; padding: 40px;}
.ad-outter-wrapper {width: 90%; margin: auto auto; padding: 20px; }

.ts-rdpn-outter-wrapper {width: 90%; margin: auto auto; padding: 20px; background-color: #fff; top: 15px;}
.ts-rdpn-inner-wrapper {width: 50%; margin: auto auto; text-align: center; padding: 40px; background-color: #fff7ea;}
.ts-rdpn-inner-wrapper p {padding: 10px 0px; }
.ts-rdpn-inner-wrapper .rdp-accept-btn {background-color: #edffed;}
.ts-rdpn-inner-wrapper .rdp-reject-btn {background-color: #ffe6e6;}


.topnavWrapper { 
    width: 100%; 
    background-color: white;
}
.topnav {
  overflow: hidden;
  background-color: white;
  margin: auto auto;
  width: 1024px;  
}
.topnav .navLogoImageDiv {
    padding: 0px 0px 0px 15px !important; 
    font-size: unset;
    width: 125px;
    height: 55px;
    margin: 0px;
    background-image: url(/img/logo_morialo_930_200.png);
    background-size: contain;
    background-position: right;
    background-repeat: no-repeat;
}
.topnav .navmenulinkDiv {
  margin: 0px 10px 0px 0px;
  float: right;
}
.topnav .navmenulinkDiv .navmenulink {
  margin: 17px 0px 0px 15px;
}

.topnav a {
  float: left;
  display: block;
  color: #949a9f;
  text-align: center;
  padding: 14px 16px;
  text-decoration: none;
  font-size: 17px;
}
/*
.topnav a:hover {
  background-color: #ddd;
  color: black;
} */

.active {
  background-color: #8ecece;
  color: white;
}
.navmenulink:hover {
  background-color: #ddd !important;
}
.topnav .icon {
  display: none;
}

@media screen and (max-width: 1041px) {
 /* .topnav a:not(:first-child) {display: none;}*/
  .topnav a.navmenulink {display: none;}
  .topnav a.icon {
    float: right;
    display: block;
    padding: 9px 9px 9px 9px;
    margin: 15px 8px 0px 0px;
  }
} 

/*
@media screen and (max-width: 1041px) {
  .topnav {
    margin: auto auto;
    width: 100%;  
  }
  .topBar {
    margin: auto auto;
    width: 100%;
  }
  
 .topnav .navmenulinkDiv {
  margin: 0px;
  float: none;
}
.topnav .navmenulinkDiv .navmenulink {
  margin: 0px;
  display: none;
} 
  
  
} */

@media screen and (max-width: 1041px) {
  .topnav {
    margin: auto auto;
    width: 100%;  
  }
  .topBar {
    margin: auto auto;
    width: 100%;
  }

  
  .topnav.responsive {position: relative; }
  .topnav.responsive .icon {
    position: absolute;
    right: 0;
    top: 0;
  }
  .topnav.responsive a {
    float: none;
    display: block;
    text-align: left;
  }
}