/*
 * Base structure
 */

/*
 * Global add-ons
 */

.sub-header {
    padding-bottom: 10px;
    border-bottom: 1px solid #eee;
}

.no-margin       { margin: 0; }
.no-margin-left  { margin-left: 0; }

/*
 * Top navigation
 * Hide default border to remove 1px line.
 */
.navbar-fixed-top {
    border: 0;
}


/*
 * Main content
 */

.main {
    padding: 20px;
}
@media (min-width: 768px) {
    .main {
        padding-right: 40px;
        padding-left: 40px;
    }
}
.main .page-header {
    margin-top: 0;
}


/*
 * Placeholder dashboard ideas
 */

.placeholders {
    margin-bottom: 30px;
    text-align: center;
}
.placeholders h4 {
    margin-bottom: 0;
}
.placeholder {
    margin-bottom: 20px;
}
.placeholder img {
    display: inline-block;
    border-radius: 50%;
}

.alert {
    border-radius: 0 !important;
   /* padding: 0;*/
}

.nopadding
{
    padding: 0 !important;
}

.label-as-badge {
    border-radius: 1em;
}

ul.list-unstyled ul
{
    padding-left: 20px !important;
}

ul.list-unstyled .checkbox
{
    margin-top: 0;
    margin-bottom: 0;
}

ul.list-unstyled .fa-check-square
{
    margin-right: 5px;
}

.navbar-brand img
{
    max-height: 100%;
    height: 100%;
}

#mailbox .dataTables_filter,
#mailbox .dataTables_length
{
    display: none;
}

#mailbox tr {
    cursor: pointer;
}

.warnings-panel
{
    margin-top: 20px;
}

.dashboard_widget {
    position: relative;
    padding-top: 15px;
    padding-bottom: 15px;
}

#dashboardcolumns {
    position: relative;
}

.portlet-placeholder {
    height: 40px;
    background-color: red;
    margin: 10px;
}

.grid-sizer {
    width: 0;
}

#dashboardcolumns .btn.move
{
    cursor: move !important;
}

#dashboardcolumns .chartWrap .box-body>div {
    height: 150px;
}

#dashboardcolumns .sort-highlight {
    background: #fefbed;
    border: 1px dashed #a94442;
    margin-top: 15px;
    margin-bottom: 15px;
}

.dashboard_widget>.widgetManagerTools{
    top: 20px;
    right: 10px;
}

.previewColor {
    cursor: pointer;
}

div.dataTables_wrapper .dataTables_length {
    float: left;
}

table.dataTable thead .sorting,
table.dataTable thead .sorting_asc,
table.dataTable thead .sorting_desc {
    background: none !important;
}

table.dataTable div.sort-btn a.desc i
{
    left: -1px;
}

table.dataTable div.sort-btn a {
    font-size: 8px;
    display: block;
    line-height: inherit !important;
}

.dashboard_widget .table-responsive {
    overflow: auto;
}

/**** New Styley ***/

/*General */

.text-info {margin:0; padding: 0;}

body {
    background: url('../img/biz30_background_01.jpg') no-repeat scroll center top #EFF2FB;
}

.btn-login {
    background:#5eb6e4 !important;
}

.btn-login:hover {
    background: #539fc7 !important;
}

.btn-forgot {
    background: #61b9ea !important;
}

.btn-forgot:hover {
    background:#5eb6e4 !important;
}
.logo, .navbar-static-top {background: url('../img/biz30_bg_80pc.png') repeat scroll left top transparent; border-bottom: 2px solid #5eb6e4; position: fixed; width: 100%;}

.navbar-right {
    float: right !important;
    padding-right:10px;
}

.logo:hover, .nav li a:hover, .nav li a:focus {
    background: none repeat scroll 0% 0% #E3EAF7;
}

.navbar-nav li a {
    padding-top: 14px;
    padding-bottom: 14px;
}

.icon-bar {background:#002c77;}

body > .header .navbar .sidebar-toggle:hover .icon-bar {
    background: #5eb6e4;
}



/* right side */

.right-side {
    background: none;
    border-radius: 0px;
    box-shadow: 0px 1px 5px 0px #CED2DC;
    margin-right: 10px;
    margin-top: 65px;
    margin-bottom: 15px;
    padding-bottom: 20px;
}

.right-side.strech {margin: 65px 0 0 0; border-radius: 0;}

/* widget manager */

.bg-blue {

    background: #5eb6e4; /* Old browsers */
    background: -moz-linear-gradient(top,  #5eb6e4 0%, #2989d8 23%, #207cca 24%, #002c77 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#5eb6e4), color-stop(23%,#2989d8), color-stop(24%,#207cca), color-stop(100%,#002c77)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #5eb6e4 0%,#2989d8 23%,#207cca 24%,#002c77 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #5eb6e4 0%,#2989d8 23%,#207cca 24%,#002c77 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #5eb6e4 0%,#2989d8 23%,#207cca 24%,#002c77 100%); /* IE10+ */
    background: linear-gradient(to bottom,  #5eb6e4 0%,#2989d8 23%,#207cca 24%,#002c77 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#5eb6e4', endColorstr='#002c77',GradientType=0 ); /* IE6-9 */


}

/*widgets */

.table-hover tbody tr:hover td, .table-hover tbody tr:hover th {
    background-color: #EFF2FB;
}

/*Buttons and Backgrounds */

.well {
    min-height: 20px;
    padding: 10px;
    margin-bottom: 10px;
    background-color: #fff;
    border: none;
}

.btn.btn-primary {
    background: #002c77; /* Old browsers */ 
    border: 1px solid #002c77;
}

.btn.btn-primary:hover {
    background: #5eb6e4; /* Old browsers */
    border: 1px solid #5eb6e4;


}

/* pagination */

.pagination > .active > a, .pagination > .active > span, .pagination > .active > a:hover, .pagination > .active > span:hover, .pagination > .active > a:focus, .pagination > .active > span:focus {
    z-index: 2;
    color: #FFF;
    background: #5eb6e4; /* Old browsers */
    border-color: #5eb6e4;
}

/* Setting colors 

.box.box-danger {border-top-color: #af0b37;}
.box.box-warning {border-top-color: #803689;}
.box.box-primary {border-top-color: #002c77;}
.box.box-success {border-top-color: #40920f;}
*/

/* loading */

.dataTables_processing {background: #fff url('../img/gif.gif') center center no-repeat; z-index: 9999; color:  #5eb6e4;}
/* Survey Manager */
.questiontype, .questionname {
    color: #999;
    margin: 0 0 5px 0;
    padding: 0 10px 0 0;
    font-size: 1.3em;
    display: inline-block;

    width: 100%;
}
/* Append boxes in edit.blade */

.input-group[class*="col-"] {padding-left: 15px; padding-right: 15px;}

.form-control {padding: 6px 8px;}


/* Hover table (leads) */
.hover tbody tr:hover { 
    background-color: #F5F5F5;
    cursor:pointer;
}

/* Highlight table if modal */
.highlight_tr { 
    background-color: #EFEFEF;
    /* cursor:pointer; */
}


/* remove Filter UI */
#removeFilter{
    display:none;
    margin:0 0 10px 0;
}

#removeFilter:hover{
    cursor: pointer;

}


/* 4Restore Selectboxes */
.dataTable .form-control {
    width: 100% !important;
    min-width: 75px;
}

/* Anpassungen für mobile Anischten */

.connectedSortable {min-height: 100vh;  padding-bottom: 50px;}
.left-side {top:50px}

@media (max-width: 767px) {
    .navbar .navbar-nav > li {
        float: left;
    }
    .navbar-nav {
        margin: 0;
        float: left;

    }
    .navbar-nav > li > a {
        padding-top: 15px;
        padding-bottom: 15px;
        line-height: 20px;
    }

    ul.sidebar-menu li.treeview.active ul.treeview-menu li a {
        width: 95%;

    }

    ul.sidebar-menu li.treeview ul.treeview-menu li.treeview a, ul.sidebar-menu li.treeview ul.treeview-menu li.treeview {
        width: calc(100vw - 10px);

    }

    ul.sidebar-menu li.treeview.active ul.treeview-menu li ul li a {
        width:95%;
    }

    body > .header .logo {
        float: none;
        text-align: center;
        padding: 0px 10px;
        width: 100%;
        font-family: "Kaushan Script",cursive;
        font-weight: 500;
        height: 50px;
        display: none;

    }

    body > .header .navbar {
        height: 50px;
        margin-bottom: 0px;
        margin-left: 0px;
        border-bottom: 2px solid #5EB6E4;

    }

    .navbar-static-top {
        background: #fff  url('../img/um_logo.png') no-repeat top 5px left 10px;
        position: fixed;
        top: 0;
        min-width:300px;

    }

    .navbar-right {

        padding: 0;
    }


    .right-side {margin-right: 0; min-width:300px;}
    .left-side {
        width:100%;
        position: fixed;
        top:inherit;
        top: 50px;
        z-index: 1000;

    }

    .sidebar {
        background: #FFF none repeat scroll 0% 0%;
        border-radius: 5px;
        box-shadow: 0px 1px 5px 0px #CED2DC;
        display: none;
        padding: 0;
        width: 100%;
        margin: 0;
        max-height: calc(100vh - 50px);
        overflow-y: auto;
    }
    .navbar .navbar-nav > li {
        float: left;
    }
    .navbar-nav {
        margin: 0;
        float: left;

    }
    .navbar-nav > li > a {
        padding-top: 15px;
        padding-bottom: 15px;
        line-height: 20px;
    }

    ul.sidebar-menu li.treeview.active ul.treeview-menu li a {
        width: 100%;
    }

    ul.sidebar-menu li.treeview ul.treeview-menu li.treeview a, ul.sidebar-menu li.treeview ul.treeview-menu li.treeview {
        width: 100%;
    }

    ul.sidebar-menu li.treeview.active ul.treeview-menu li ul li a {
        width: 100%;
    }
    .navbar-static-top {
        background: #fff;
        position: fixed;
        bottom: 0;
        min-width:300px;
    }

    .icon-bar {
        background: #5EB6E4 none repeat scroll 0% 0%;}


    body > .header .logo {
        float: none;
        text-align: center;
        padding: 0px 10px;
        width: 100%;
        font-family: "Kaushan Script",cursive;
        font-weight: 500;
        height: 50px;
        display: block;

    }

    .connectedSortable {min-height: 0; min-width:300px; padding-bottom: 0px;}

    body > .header .navbar .sidebar-toggle {
        float: right;
        padding: 9px 5px;
        margin: 8px 0px 8px 5px;
        background-color: transparent;
        background-image: none;
        border: 1px solid transparent;
        border-radius: 0px !important;
    }

    .nav li a:hover, .nav li a:focus {
        background: none;
        cursor: pointer;
    }
    body > .header .navbar {
        height: 50px;
        margin-bottom: 0px;
        margin-left: 0px;}



    .navbar-right {

        padding: 0;
    }


    .right-side {margin-right: 0; min-width:300px;}
    .left-side {
        width:100%;
        position: fixed;
        top: 50px;
        z-index: 1000;

    }

    .sidebar {
        background: #5eb6e4;
        box-shadow: none;
        display: none;
        padding: 0;
        width: 100%;
        margin-left: 0px;
        margin-top: 15px;
        margin-bottom: 0;

        overflow-y: scroll;
    }

    .sidebar.active {

        display: block;

    }

    wrapper row-offcanvas row-offcanvas-left active relative .sidebar {
        display: none;
    }

    wrapper row-offcanvas row-offcanvas-left active relative .sidebar {
        display: block;
    }

    .sidebar a {width:100%;}

    .row-offcanvas-left .sidebar-offcanvas {
        left: 0px;
    }

    .row-offcanvas-left.active {
        left: 0px;
    }

    .connectedSortable {min-height: 0; min-width:300px; padding-bottom: 0px;}
}
@media screen and (max-width: 560px) {
    .navbar-right {
        float:none;
        padding: 0;
    }
}

/*
 *
 NEW LEFT SIDEBAR
 *
 */

.left-side  {
    position: fixed;  
}
.toggle-sidebar {
    margin-top: 25px;
    font-size: 24px;
    padding: 7px 15px;
    color: #bfe2f4;
    cursor: pointer;
    display: inline-block;
}

.sidebar-menu {
    margin: 0;
    padding: 0;
    list-style: none;
    z-index: 99;
}

.sidebar-menu  li {
    display: block;
    margin: 1px 0;
    overflow: hidden;
}

.sidebar-menu  li a {
    padding: 7px 15px 7px 7px;
    border-left: 5px solid transparent;
    display: block;
    transition: color 0.5s, border-color 0.5s;
    position: relative;
}

.menu-big .sidebar-menu  li.treeview.active a {
    border-left: 5px solid #fff;
}

.menu-big .sidebar-menu ul.treeview-menu li a {
    border-left: none !important;
}


.menu-small .sidebar-menu  li.active a {
    border-left: 5px solid #5eb6e4;
}

.sidebar-menu  li a i {
    font-size: 24px;
    vertical-align: bottom;
    margin-right: 15px;
}

.sidebar-menu li a span i {
    font-size: 12px;
    vertical-align: baseline;
    margin-right: 5px;
}

.sidebar-menu  li a span {
    font-family: speakot, sans-serif !important;
    font-size: 14px;
    position: absolute;
    top: 11px;
    left: 50px;
    white-space: nowrap;
}

.treeview-menu {
    display: none;
}

/*color classes & sizes for menu, depending on big/small menu type (menu have different colors)*/
/*menu big*/
.menu-big,
.menu-mobil,
.left-side.sidebar-offcanvas {
    /*width: 225px;*/
    background: #5eb6e4;
    transition: width 0.5s, background 0.5s;
}

.left-side.sidebar-offcanvas .sidebar-menu li {
    width: 225px;
}

.left-side.sidebar-offcanvas .sidebar-menu  li a {
    color: #fff;
}

.left-side.sidebar-offcanvas .sidebar-menu li a:hover {
    border-color: #fff;
    color: #fff;
}

.menu-big .toggle-sidebar .glyphicon-chevron-right, .toggle-sidebar .glyphicon-chevron-right {
    display: none;
}

.left-side.sidebar-offcanvas .treeview-menu {
    padding-left: 20px;
}
/*menu small*/
.menu-small {
    background: #f9fbfd;
    width: 50px;
    transition: width 0.5s, background 0.5s;
       z-index: 100;
}

.left-side.sidebar-offcanvas.menu-small {
    background: #fff;
    color: #5eb6e4;
}

.left-side.sidebar-offcanvas.menu-small li a {
    color: #5eb6e4;
}


.left-side.sidebar-offcanvas.menu-small li {
    width: 50px;
    transition: width 0.5s;
}

.menu-small .sidebar-menu li ul {
display: none;    
}

.menu-small .sidebar-menu li a:hover, .menu-small .sidebar-menu li:hover, .menu-small .sidebar-menu li:hover a {
    border-color: #fff;
    background: #5eb6e4;
    color: #fff;
}

.menu-small .sidebar-menu li:hover {
    width: 225px;
}

.menu-small .sidebar-menu li:hover li {
    width: 225px;
}


.menu-small .toggle-sidebar .glyphicon-chevron-left{
    display: none;
}

.menu-small .toggle-sidebar .glyphicon-chevron-right{
    display: block;
}

.menu-small .treeview-menu {
    background: #f9fbfd;
}

.menu-small .treeview-menu {
    padding-left: 0px;
}

/* Menu Hidden */

/* Mobiles Menü Start */

.navbar-collapse {
    padding: 0;
    border-top: none !important;}

/* Mobiles Menü Ende */

.treeview.active, .treeview.active .treeview-menu {display: block !important;}

.left-side.sidebar-offcanvas.menu-small .treeview-menu {padding-left: 0 !important;}

@media (max-width: 767px) {

.menu-small .sidebar ul, .menu-small .sidebar {
    background: #fff;
    width: 100%;
    color: #5eb6e4;
}

.menu-big .sidebar ul, .sidebar ul {
    background: #5eb6e4;
    width: 100%;
    color: #fff;
}

.menu-mobil .sidebar ul, .menu-mobil .sidebar {
   /* background: #fff;*/
    width: 100%;
    color: #5eb6e4;
}

.menu-big .sidebar ul, .sidebar ul {
    background: #5eb6e4;
    width: 100%;
    color: #fff;
}

}

/***************************************
    LEAD CREATION - ACCORDIONS
****************************************/



.accordionToggle {
    float: right !important;
    margin: 5px 5px 0 0;
    cursor: pointer;
    font-size: 24px;
}



/***************************************
    DATA TABLES
***************************************
.table-leads {
    border-bottom: 2px solid #262626;
}
}*/
.dataTables_length {
    padding: 20px 0 0 20px !important;
    left: inherit !important;
}

.ColVis {
    position: relative;
    top: 15px;
}

.data-table tr {
    transition: background 0.3s;
    -webkit-transition: background 0.3s;
}

.data-table tr:nth-child(odd){
    background: rgba(255,255,255,0.2);
}

.data-table tr:nth-child(even) {
    background: #eff8fc;
}

.data-table tr:hover {
    background: #dff0fa;
}

.data-table input{
    border: 1px solid #5eb6e4;
    line-height: 32px;
}

#yadcf-filter--data-from-5, #yadcf-filter--data-to-5,#yadcf-filter--data-from-6, #yadcf-filter--data-to-6, #yadcf-filter--data-from-date-9, #yadcf-filter--data-to-date-9 {
    line-height: 22px;
}

#yadcf-filter--data-to-5,#yadcf-filter--data-to-6, #yadcf-filter--data-to-date-9 {
    margin-top: 0px;
    border-top: none;
}

/* Messages */

.unread.odd {background: rgba(255,255,255,0.2);}
.unread.even {background: #eff8fc;}
.unread:hover {background: #dff0fa;}