/*///////////////// ----- Individualisierung der Themes ----- /////////////////*/


        /*************** Formatierungen ***************/

        body    {
                    font-family: 'latoregular';
                    font-weight: normal;
                    font-style: normal;
                    color: #11151b !important;    
                }

        b       { 
                    color: #11151b !important;  
                }
        
        table   {
                    background-color: #fff !important;    
                    color: #11151b !important;  
                }
        
        hr.headline 
                {
                    border-top: 1px dotted #ffffff !important;   
                }
        
        hr      {
                    border-top: 1px dotted #575756 !important;   
                }
        
        h1,
        h2,
        h3,
        h4,
        h5,
        h6      {
                }
        
        h2.headline 
                {
                    color:#ffffff !important;
                }
        
        h3      {
                    font-weight:lighter;
                }
        
        /*************** Formatierungen Endes ***************/


        
        /*************** Buttons ***************/
        
        .btn-info {
                    background-color: #a1c616 !important;
                    border-color: #a1c616 !important;
                }
        
        .btn-info:hover {
                    background-color: #afd61e !important;
                    border-color: #afd61e !important;
                }
        
        .btn-orange {
                    background-color: #ee7100 !important;
                    border-color: #ee7100 !important;
                }
        
        .btn-orange:hover {
                    background-color: #f58520 !important;
                    border-color: #f58520 !important;
                }

        .btn-warning {
                    color:#000000 !important;
                }
        
        
        .btn-danger {
                    background-color: #e20012 !important;
                    border-color: #e20012 !important;
                }
        
        .btn-danger:hover {
                    background-color: #ab0e1b !important;
                    border-color: #ab0e1b !important;
                }
        
        .btn-success,
        .btn-green {
                    background-color: #226825 !important;
                    border-color: #226825 !important;
                }
        
        .btn-success:hover,
        .btn-green:hover {
                    background-color: #1c551e !important;
                    border-color: #1c551e !important;
                }
        
        .btn-default {
                    color:#ffffff;
                    background-color: #3c3c3b  !important;
                    border-color: #3c3c3b !important;
                }
        
        .btn-default:hover {
                    color:#ffffff;
                    background-color: #575756   !important;
                    border-color: #575756  !important;
                }
        
        /*************** Buttons Ende ***************/
        


        /*************** Login ***************/
        
        .login-page {
                    font-family: 'latoregular';
                    font-weight: normal;
                    font-style: normal;
        }

        .login-page .login-header 
                {
                    background: #fff !important;
                }
        
        .login-page .login-header.login-caret:after 
                {
                    border-color: #fff transparent transparent transparent !important;
                }
        
        .login-page 
                {
                    background: #F3ECDA !important;
                }
        
        .login-page .login-form .form-group .input-group 
                {
                    background: #fff !important;
                    border: 1px solid #838383 !important;
                }
        
        .login-page .login-form .form-group .btn-login 
                {
                    border: 1px solid #c21919 !important;
                }
        
        
        .login-page .btn-primary 
                {
                    color: #fff;
                    background-color: #c21919 !important;
                    border-color: #c21919 !important;
                }
        
        .logout > H3, .logout > H4 
                {
                    color: #fff !important;
                }
        
        .icon-login 
                {
                    color: rgba(255, 255, 255, 0.6); 
                    font-size: 80px;
                }
        
        .login-page .login-form .form-group .input-group .form-control 
                {
                    color: #000 !important;
                }
        
        .alert-middle 
                {
                    text-align: center; margin-left:-13px; width:345px;
                }
        
        .login-page .login-bottom-links 
                {
                    padding-top: 0px !important;
                }

        .login-page .login-container .login-content .logo img {
            max-width: 100%;
        }
        /*************** Login Ende ***************/

        /*************** Popovers ***************/

         .popover.popover-primary
                {
                    background-color: #a1c616;
                    background-clip: padding-box;
                    border: 1px solid #a1c616;
                    border: 1px solid rgba(0, 0, 0, 0.2);
                    border-radius: 6px;
                    -webkit-box-shadow: 0 0 3px rgba(0, 0, 0, 0.2);
                    box-shadow: 0 0 3px rgba(0, 0, 0, 0.2);
                    white-space: normal;
                }


        .popover.top 
                {
                    margin-top: -30px;
                }

        .popover-primary > .popover-title 
                {
                    font-weight:bold;
                    background-color: #a1c616 !important;
                    border-bottom: 1px dotted #afd61e !important;
                    border-radius: none !important;
                }

        .popover.popover-primary.top > .arrow:after 
                {
                    border-top-color: #a1c616;
                }


        /*************** Popovers Ende ***************/

        .panel-primary>.panel-body+.panel-body {
                    border-top-color: #b2b2b1;
        }

        .panel-primary>.panel-heading {
                    border-color: #b2b2b1;
        }

        .table > thead > tr > th {
                    border-bottom: 2px solid #b2b2b1 ;
        }

        .table>thead>tr>th,
        .table>tbody>tr>th,
        .table>tfoot>tr>th,
        .table>thead>tr>td,
        .table>tbody>tr>td,
        .table>tfoot>tr>td {
                    border-top: 1px solid #b2b2b1;
        }

        .table>thead>tr>th  {
                font-size:1.1em;
                font-weight:bold;
        }

        .input-group-addon {
            border-color: #b2b2b1;
            color: #11151b;
        }
        .form-control,
        .form-control:focus,
        .dropdown-menu,
        .nav-tabs.bordered+.tab-content,
        .nav-tabs>li.active>a,
        .nav-tabs>li.active>a:hover,
        .nav-tabs>li.active>a:focus   {
            border-color: #b2b2b1  ;
        }
        .nav-tabs   {
            border-bottom-color:#b2b2b1 ;
        }

        .dropdown-menu > li > a    {
                    color: #11151b;
        }

        .panel-default>.panel-heading,
        .panel-default {
                    color: #11151b;
                    border-color: #b2b2b1;
        }
        .has-switch {
                    border-color: #b2b2b1;
        }

        .input-group-addon.btn.btn-success.btn-file {
                    color:#ffffff;
        }

/*///////////////// ----- IndividualisierungEnde ----- /////////////////*/



/*///////////////// ----- Allgemeine Anpassungen ----- /////////////////*/


            /** Page Container*/
            
            .page-container .main-content {
            background-size: cover !important;
               
            }
            
            .panel {
            -webkit-box-shadow: 1px 1px 0px 0px rgba(56, 56, 56, 0.75);
            -moz-box-shadow:    1px 1px 0px 0px rgba(56, 56, 56, 0.75);
            box-shadow:         1px 1px 0px 0px rgba(56, 56, 56, 0.75);
            -webkit-border-radius: 3px;
            -moz-border-radius: 3px;
            border-radius: 3px;  
                
            }


            
            .panel.no_bg {
            box-shadow: none;
            }

            .panel.no_border {
            border: none;
            }
            
            /** Tabellen*/
            
            table {
            max-width: 100%;
            -webkit-box-shadow: 1px 1px 1px 0px rgba(56, 56, 56, 0.75);
            -moz-box-shadow:    1px 1px 1px 0px rgba(56, 56, 56, 0.75);
            box-shadow:         1px 1px 1px 0px rgba(56, 56, 56, 0.75);
            -webkit-border-radius: 3px;
            -moz-border-radius: 3px;
            border-radius: 3px;
                
            }
            
            table.no_bg {
            box-shadow: none !important;                
            background-color:transparent !important;            
            }
            
            
            /** Tabellenköpfe*/
            
            th {    
            text-align: left;
            font-weight: 800 !important;
            text-transform:uppercase;
            }
            
            /** Überschriften */
            
            h2, .h2 {
            font-size: 24px !important;
            font-weight: 100 !important;
            }
            
            /** Buttons*/
            
            .btn {
            font-weight: 800 !important;
            font-size: 11px !important;
            text-transform:uppercase;
            -webkit-box-shadow: 1px 1px 0px 0px rgba(56, 56, 56, 0.75);
            -moz-box-shadow:    1px 1px 0px 0px rgba(56, 56, 56, 0.75);
            box-shadow:         1px 1px 0px 0px rgba(56, 56, 56, 0.75);
            }
            
            
            
            /** Pagination*/
            
            .pagination {
            -webkit-box-shadow: 1px 1px 0px 0px rgba(56, 56, 56, 0.75);
            -moz-box-shadow:    1px 1px 0px 0px rgba(56, 56, 56, 0.75);
            box-shadow:         1px 1px 0px 0px rgba(56, 56, 56, 0.75);    
            }
            
            
            
            /**************** Fortschrittsbalken ****************/
            
            /** Kugeln Progressbalken*/
            .form-wizard>ul>li a span {
            background: #fff !important;  
            color: #4e4c42 !important;
            line-height: 20px !important;
            margin-top: -48px !important;
            width: 20px !important;
            height: 20px !important;
            }
            
            
            /** Progressbalken*/
            .form-wizard .steps-progress {
            background: #fff !important;
            opacity: 0.8; 
            height: 2px !important;  
            }
            
            
            .form-wizard .steps-progress .progress-indicator {
            height: 2px !important;  
            }
            
            
            /** Kugeln Progressbalken Kontur*/
            .form-wizard>ul>li.active a span, .form-wizard>ul>li.current a span {
            background: #8d9dbc;
            color: #525252;
            -moz-box-shadow: 0 0 0 5px #8d9dbc !important;
            -webkit-box-shadow: 0 0 0 5px #8d9dbc !important;
            box-shadow: 0 0 0 5px #8d9dbc !important;
            }
            
            .form-wizard>ul>li.active a, .form-wizard>ul>li.current a {
            color: #fff !important;
            padding-top: 20px !important;
            }
            
            .form-wizard>ul>li.disabled a {
            color: rgba(255, 255, 255, 0.5) !important;
            }
            
            
            
            
            .modal-backdrop	{
                            display:none !important;
            }
            
            
            
            
            /**************** Bestellgrid & Buttons ****************/
            
            .col-md-1_5     {
                                width: 7.333333%;
                                margin: 8px auto;
                                margin-right: 2%;
                                float:left;
                                text-align:center;
                            }
            
            .col-md-1_5:nth-child(10) 
                            {
                                margin-left: 9.333333%;
                            }
            
            .btn-produkte   {
                                box-shadow:0 1px 2px rgba( 0, 0, 0, 0.8);
                                width:60px !important;
                                min-height:60px !important;
                            }
            
            .btn-produkte:hover
                            {
                                box-shadow:inset 0 0 4px rgba( 0, 0, 0, 0.6);
                            }
            
            .tab-content {
                margin-left:10px !important;
                margin-right:10px !important;
            }
            
            
            .order_tab  {
                            border-bottom:none !important;
                        }
            
            /****************** modal anpassungen ****************/
            .custom-width .modal-dialog
                            {
                                width:70% !important;
                            }
            
            .custom-width .modal-dialog .modal-content
                            {
                                padding:0 20px;
                            }
            
            #back_modal     {
                                position:absolute;
                                width:100%;
                                height:100%;
                                background-color:#000000;
                                background-color:rgba( 0, 0, 0, 0.7);
                                z-index:10 !important;
                                overflow-y:scroll;
                            }
            
            .times          {
                                float:left; 
                                padding: 3px; 
                                margin: 2px; 
                                color:#ffffff;
                                text-align: center;
                                vertical-align: middle;
                                cursor: pointer;
                                background-image: none;
                                white-space: nowrap;
                                line-height: 1.428571429;
                                border-radius: 2px;    
                                background-color: #5bc0de;
                                border-color: #46b8da;
                            }
            
            .times > a      {
                                color:#ffffff;
                            }
            
            /** Allgemeine Designänderung ///////////////////////////////////////////////////////////////
            // ////////////////////////////////////////////////////////////////////////////////////////////////*/
            
            
            /** Fläche hinter dem Logo in der Navigation*/
            
            .page-container .sidebar-menu .logo-env {
                            background-color: #fff !important;
                            border-right:1px solid #c4c4c4;
            }
            
            /* Formulare */
            .form-horizontal .control-label
                            {
                                text-align:left !important;
                            }
            
            .dropdown-menu {
                                left: auto !important;
                                right:0;
                            } 
            
            .dropdown-menu.left {
                                left: 0 !important;
                                right:auto !important;
                            }    
            
            /** Fläche hinter dem Delete*/
            
            #delete         {
                                position:relative;
                                margin:auto;
                                width:40%;
                                padding:10px;
                                margin-top:10%;
                                background-color: #fff !important;
                                border-right:1px solid #c4c4c4;
                                -webkit-border-radius: 3px;
                                -moz-border-radius: 3px;
                                border-radius: 3px;
                            }
            
            #delete hr      {
                                border-color:#000 !important;
                            }
            
            /********** Listenheader **********/
            
            #list_header    {
                                position:fixed;
                                width:100%;
                                top:0;
                                margin-left:-20px;
                                padding:20px 20px 8px;
                                background-color:#ffffff;
                                background-color:rgba( 255, 255, 255, 0.98);
                                z-index:500;
                                -webkit-box-shadow: 1px 0 4px rgba(56, 56, 56, 0.5);
                                -moz-box-shadow:    1px 0 4px rgba(56, 56, 56, 0.5);
                                box-shadow:         1px 0 4px rgba(56, 56, 56, 0.5);
                            }
            
            #list_header_ohne_filter
                            {
                                position:fixed;
                                width:100%;
                                top:0;
                                margin-left:-20px;
                                padding:20px;
                                height:94px;
                                background-color:#ffffff;
                                background-color:rgba( 255, 255, 255, 0.98);
                                z-index:500;
                                -webkit-box-shadow: 1px 0 4px rgba(56, 56, 56, 0.5);
                                -moz-box-shadow:    1px 0 4px rgba(56, 56, 56, 0.5);
                                box-shadow:         1px 0 4px rgba(56, 56, 56, 0.5);
                            }
            
            #list_header > .row,    
            #list_header_ohne_filter > .row    
                            {
                                width:98%;
                            }
            
            #filter   
                            {
                                width:500px;
                                margin-top:15px;
                            }
            
            /********** tab-pane **********/
            
            .nav-tabs       {
                                margin-bottom:0 !important;
                            }
            
            .nav-tabs > li > a
                            {
                                color: #555;
                                background-color: #fff;
                                border: 1px solid #ddd;
                                border-bottom-color: transparent;
                            }
            
            .tab-content    {
                                margin-left:0 !important;
                                margin-right:0 !important;
                                padding:10px;
                                background-color:#fff;
                            }
            
            
            #edit_easy      {
                                -webkit-box-shadow: 1px 1px 0px 0px rgba(56, 56, 56, 0.75);
                                -moz-box-shadow:    1px 1px 0px 0px rgba(56, 56, 56, 0.75);
                                box-shadow:         1px 1px 0px 0px rgba(56, 56, 56, 0.75);
                                -webkit-border-radius: 3px;
                                -moz-border-radius: 3px;
                                border-radius: 3px;  
                                background-color:#ffffff;
                                padding:10px;
                            }
            
            .tab-content.no_bg
                            {
                                box-shadow: none;
                                border-radius: 0;  
                                background-color: transparent;
                                padding:0;
                            }

            /*************** Layout Tabs usw. ***************/

            .nav-tabs           
                    {
                        *border-bottom: none;
                        margin-top: 20px;
                        margin-bottom: 10px;
                    }

            .tab-content 
                    {
                        margin-left: 0 !important;
                        margin-right: 0 !important;
                        padding: 10px;
                        background-color: #fff;
                        margin-top: 1px;
                    }

            .nav-tabs > li > a  
                    {
                        color: #ffffff;
                        background-color: #a1c616;
                        border: 1px solid transparent;
                        border-bottom-color: transparent;
                        border-bottom: none !important;
                        -webkit-box-shadow:inset 0 -1px 2px rgba(56, 56, 56, 0.1);
                        -moz-box-shadow:inset 0 -1px 2px rgba(56, 56, 56, 0.1);
                        box-shadow:inset 0 -1px 2px rgba(56, 56, 56, 0.1);
                    }

            .nav-tabs > li > a:hover  
                    {
                        color: #555;
                    }    

            .nav-tabs > li.active > a
                    {
                        color: #555 !important;
                        background-color: #ffffff !important;
                        *border: 1px solid #ffffff !important;
                        *border-bottom: transparent !important;
                        -webkit-box-shadow: none;
                        -moz-box-shadow: none;
                        box-shadow: none;
                    }
            
            .vertical_line  
                    {
                        border-right:1px dotted #c6c6c6;
                    }

            /*************** Layout Tabs usw. Ende ***************/
            
            
            /********** Bestellablauf **********/
            .bg_callcenter
                            {
                                background-color:#fff; 
                                padding:10px 25px;
                                margin-left:0 !important;
                                -webkit-box-shadow: 1px 1px 0px 0px rgba(56, 56, 56, 0.75);
                                -moz-box-shadow:    1px 1px 0px 0px rgba(56, 56, 56, 0.75);
                                box-shadow:         1px 1px 0px 0px rgba(56, 56, 56, 0.75);
                                -webkit-border-radius: 3px;
                                -moz-border-radius: 3px;
                                border-radius: 3px;  
                            }

            .bg_callcenter table {
                border: none;
                box-shadow: none;
            }

            .bg_callcenter table td {
                vertical-align: top;
            }

            .bg_callcenter .article-item {
                padding: 5px;
                float: left;
            }

            .bg_callcenter .article-item:last-child:after {
                clear: both;
            }

            .bg_callcenter .pro_group {
                font-size: 0.9em;
                text-align: center;
                padding-top: 5px;
                font-size: 0.9em;
                text-align: center;
            }

            .bg_callcenter .pro_group .pro_group_icon {
                margin-bottom: 5px;
            }

            .bg_callcenter .search-article {
                padding: 10px 0px;
                background: #DDDDDD;
                -webkit-border-radius: 3px;
                -moz-border-radius: 3px;
                border-radius: 3px;
                margin-bottom: 10px;
            }
            
            li.ui-menu-item   
                            {
                                background-color:#fff; 
                                border: 1px solid #ebebeb;
                                border-bottom:none;
                                padding:5px !important;
                                z-index:10;
                            }
            
            li.ui-menu-item:last-child   
                            {
                                border-bottom: 1px solid #ebebeb;
                            }
            
            li.ui-menu-item:hover
                            {
                                cursor:pointer;
                            }
            
            li.ui-menu-item:first-child   
                            {
                                margin-top:-3px;
                            }
            
            .bg_close       {
                                background-color:#fff;
                                padding:10px;
                                -webkit-box-shadow: 1px 1px 0px 0px rgba(56, 56, 56, 0.75);
                                -moz-box-shadow:    1px 1px 0px 0px rgba(56, 56, 56, 0.75);
                                box-shadow:         1px 1px 0px 0px rgba(56, 56, 56, 0.75);
                                -webkit-border-radius: 3px;
                                -moz-border-radius: 3px;
                                border-radius: 3px;  
                            }
            
            #rights_check   {
                                width:50% !important;
                                float:left;
                            }
    
            .dropdown-menu-right
                            {
                                right:-160px;
                                top:0;
                                position:absolute;
                                border:1px solid #c6c6c6;
                            }
    
            ul.dropdown-menu-right:before
                            {
                                content:'';
                                position:absolute;
                                left:-10px;
                                top:35%;
                                width: 0px;
                                height: 0px;
                                border-top: 8px solid transparent;
                                border-bottom: 8px solid transparent;
                                border-right: 10px solid #c6c6c6;
                            }
    
            .dropdown-menu-right li
                            {
                                border-bottom:1px dotted #c6c6c6;
                            }
            
            .dropdown-menu-right li:last-child
                            {
                                border-bottom:none;
                            }

            .dropdown_pro   {
                                position:relative;
                            }

            .dropdown_pro:after
                            {
                                content:'';
                                position:absolute;
                                right:3px;
                                top:45%;
                                width: 0px;
                                height: 0px;
                                border-bottom: 3px solid transparent;
                                border-top: 3px solid transparent;
                                border-left: 3px solid #000;
                            }

            .popover        {
                                position: absolute;
                                top: 0;
                                left: 0;
                                z-index: 1010;
                                display: none;
                                width: 400px !important;
                                padding: 1px;
                                text-align: left;
                                background-color: #ffffff;
                                background-clip: padding-box;
                                border: 1px solid #cccccc;
                                border: 1px solid rgba(0, 0, 0, 0.2);
                                border-radius: 6px;
                                -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
                                box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
                                white-space: normal;
                                font-size:0.8em;
                            }

            .btn-close      {
                                border: none;
                                background-color:#000;
                                color:#fff;
                                width:40px;
                                height:40px;
                                font-size:1.5em;
                                text-align:center;
                                -webkit-border-radius: 40px;
                                -moz-border-radius: 40px;
                                border-radius: 40px;  
                                position:absolute;
                                right:-20px;
                                top:-20px;
                            }
            
            #clear
                            {
                                clear:both;
                            }


/*///////////////// ----- Allgemeine Anpassungen ----- /////////////////*/
/*///////////////// ----- Allgemeine Anpassungen ----- /////////////////*/