.graph-row {
    margin-right: 0 !important;
    margin-left: 0 !important;
}

    .graph-row .col-md-6,
    .graph-row .col-sm-12 {
        margin-bottom: 10px;
        padding-right: 2px !important;
        padding-left: 5px !important;
    }

#panel-1.panel-default {
    background-color: #ffffff;
    border: 0;
    border-radius: 0;
    z-index: unset !important;
    -webkit-box-shadow: 0px 3px 5px 0px rgba(0,0,0,0.3);
    -moz-box-shadow: 0px 3px 5px 0px rgba(0,0,0,0.3);
    box-shadow: 0px 3px 5px 0px rgba(0,0,0,0.3);
    padding: 0;
    margin: 0;
}

    #panel-1.panel-default > .panel-heading {
        color: #333;
        font-size: 11px;
        background-color: #ffffff;
        border: 0;
    }

        #panel-1.panel-default > .panel-heading h6 {
            margin-bottom: 0;
            font-weight: 600;
            font-size: 14px;
            letter-spacing: 1px;
        }

    #panel-1.panel-default > .panel-body {
        background-color: #ffffff;
        margin-top: -56px;
        padding-top: 10px;
        padding-bottom: 10px;
        padding-left: 10px;
        padding-right: 10px;
        border: 0;
    }

    #panel-1.panel-default > .panel-footer {
        background-color: transparent;
        border: 0;
        text-align: right;
        border-top: 1px solid rgba(117, 117, 117, 0.3);
    }

    /* grid styles */
    #panel-1.panel-default > .panel-body > .e-grid {
        height: auto;
        outline: 0 none;
        border-width: 0;
        border-style: none;
    }

        /* grid toolbar styles */
        #panel-1.panel-default > .panel-body > .e-grid .e-gridtoolbar li {
            padding: 4px;
        }

            #panel-1.panel-default > .panel-body > .e-grid .e-gridtoolbar li a {
                padding: 2px 5px;
                cursor: pointer;
            }

        #panel-1.panel-default > .panel-body > .e-grid .e-toolbar.e-focus {
            box-shadow: none;
            -webkit-box-shadow: none;
            -moz-box-shadow: none;
        }

        #panel-1.panel-default > .panel-body > .e-grid .e-toolbar.e-toolbarspan {
            border-width: 0;
            border-style: none;
            display: block !important;
            background-color: transparent;
        }

        #panel-1.panel-default > .panel-body > .e-grid .e-toolbar > .e-horizontal.e-ul {
            vertical-align: middle;
            float: right;
            height: auto;
        }

        #panel-1.panel-default > .panel-body > .e-grid .e-toolbar > .e-horizontal .e-tooltxt,
        #panel-1.panel-default > .panel-body > .e-grid .e-toolbar > .e-vertical > .e-tooltxt,
        #panel-1.panel-default > .panel-body > .e-grid .e-toolbar > .e-horizontal .e-hover,
        #panel-1.panel-default > .panel-body > .e-grid .e-toolbar > .e-vertical > .e-hover {
            background-color: transparent;
            border: 0;
        }

        #panel-1.panel-default > .panel-body > .e-grid .e-toolbar.e-toolbarspan .e-gridsearchbar {
            height: 23px;
            border-top-color: transparent;
            border-left-color: transparent;
            border-right-color: transparent;
        }

            #panel-1.panel-default > .panel-body > .e-grid .e-toolbar.e-toolbarspan .e-gridsearchbar:focus {
                -webkit-box-shadow: none;
                -moz-box-shadow: none;
                box-shadow: none;
            }

        #panel-1.panel-default > .panel-body > .e-grid .e-toolbar > .e-horizontal .e-active.e-hover > div,
        #panel-1.panel-default > .panel-body > .e-grid .e-toolbar > .e-horizontal .e-active.e-hover > div:before,
        #panel-1.panel-default > .panel-body > .e-grid .e-toolbar > .e-vertical > .e-active.e-hover > div:before,
        #panel-1.panel-default > .panel-body > .e-grid .e-toolbar > .e-horizontal .e-active.e-hover > span,
        #panel-1.panel-default > .panel-body > .e-grid .e-toolbar > .e-horizontal .e-active.e-hover > span:before,
        #panel-1.panel-default > .panel-body > .e-grid .e-toolbar > .e-vertical > .e-active.e-hover > span:before,
        #panel-1.panel-default > .panel-body > .e-grid .e-toolbar > .e-horizontal .e-active.e-hover > a,
        #panel-1.panel-default > .panel-body > .e-grid .e-toolbar > .e-horizontal .e-active.e-hover > a:before,
        #panel-1.panel-default > .panel-body > .e-grid .e-toolbar > .e-vertical > .e-active.e-hover > a:before {
            color: #686969;
        }

        #panel-1.panel-default > .panel-body > .e-grid .e-toolbaricons.e-searchfind {
            padding-left: 10px;
        }

        #panel-1.panel-default > .panel-body > .e-grid .e-filterdiv.e-searchinputdiv {
            width: auto !important;
        }

            #panel-1.panel-default > .panel-body > .e-grid .e-filterdiv.e-searchinputdiv:before {
                font-size: 11px;
                font-weight: bolder;
                content: 'Search : ';
                text-align: justify;
                color: #686969;
            }

            #panel-1.panel-default > .panel-body > .e-grid .e-filterdiv.e-searchinputdiv span {
                font-size: 10px;
                top: 10px;
            }

        #panel-1.panel-default > .panel-body > .e-grid table.e-table {
            font-size: 11px;
        }

        /* grid header styles */
        #panel-1.panel-default > .panel-body > .e-grid .e-gridheader {
            color: #282827;
            border-bottom-color: rgba(0, 0, 0, 0.08);
            border-top-color: rgba(0, 0, 0, 0.08);
        }

        #panel-1.panel-default > .panel-body > .e-grid .e-headercell,
        #panel-1.panel-default > .panel-body > .e-grid .e-headercell-hover {
            height: 24px;
            background-color: transparent;
            border-width: 0;
            padding: 0 2px;
            text-overflow: ellipsis;
            white-space: nowrap;
            text-align: left;
        }

        #panel-1.panel-default > .panel-body > .e-grid .e-headercelldiv {
            font-size: 11px;
        }

        #panel-1.panel-default > .panel-body > .e-grid.e-wrap .e-columnheader .e-headercelldiv {
            margin-bottom: 0;
            margin-top: 0;
        }

        #panel-1.panel-default > .panel-body > .e-grid.e-wrap .e-columnheader .e-headercelldiv,
        #panel-1.panel-default > .panel-body > .e-grid.e-wrap .e-rowcell, .e-grid.e-wrap.e-responsive .e-rowcell,
        #panel-1.panel-default > .panel-body > .e-grid .e-columnheader.e-wrap .e-headercelldiv,
        #panel-1.panel-default > .panel-body > .e-grid .e-gridcontent.e-wrap .e-rowcell,
        #panel-1.panel-default > .panel-body > .e-grid.e-responsive .e-gridcontent.e-wrap .e-rowcell {
            height: auto;
            white-space: normal;
            line-height: 28px;
        }

        #panel-1.panel-default > .panel-body > .e-grid .e-hscrollcss,
        #panel-1.panel-default > .panel-body > .e-grid .e-detailindentcell {
            border-right: 0;
        }

        /* grid inline edit styles */

        #panel-1.panel-default > .panel-body > .e-grid td.e-inlineformedit {
            background: #f4faff;
        }

            #panel-1.panel-default > .panel-body > .e-grid td.e-inlineformedit .form-control {
                background-color: transparent;
            }

        /* grid row styles */

        #panel-1.panel-default > .panel-body > .e-grid .e-rowcell {
            height: 26px;
            background: none;
            border-width: 0;
            padding: 2px !important;
            text-overflow: ellipsis;
            white-space: nowrap;
            text-align: left;
        }

        #panel-1.panel-default > .panel-body > .e-grid .e-rowcell {
            border-bottom: 1px solid #f4f4f4;
            
        }


        #panel-1.panel-default > .panel-body > .e-grid .e-row,
        #panel-1.panel-default > .panel-body > .e-grid .e-alt_row {
            background: none;
        }


            #panel-1.panel-default > .panel-body > .e-grid .e-row .e-unboundcell .e-unboundcelldiv .e-button,
            #panel-1.panel-default > .panel-body > .e-grid .e-alt_row .e-unboundcell .e-unboundcelldiv .e-button {
                height: 22px !important;
                width: 22px !important;
                background-color: transparent;
                border-color: transparent;
            }

            #panel-1.panel-default > .panel-body > .e-grid .e-row .e-unboundcell .e-unboundcelldiv.e-active .e-button,
            #panel-1.panel-default > .panel-body > .e-grid .e-alt_row .e-unboundcell .e-unboundcelldiv.e-active .e-button {
                color: #686969;
                border-color: transparent;
            }

        #panel-1.panel-default > .panel-body > .e-grid tr.e-hover {
            background: #f4f4f4;
        }

        #panel-1.panel-default > .panel-body > .e-grid td.e-active,
        #panel-1.panel-default > .panel-body > .e-grid .e-form-titlebar {
            background: #d2eaff !important;
        }

        #panel-1.panel-default > .panel-body > .e-grid td.e-active,
        #panel-1.panel-default > .panel-body > .e-grid .e-form-titlebar {
            color: #282827;
        }

        /* grid row icon styles */
        #panel-1.panel-default > .panel-body > .e-grid .e-rowcell i.fa-custom-1 {
            color: #686969;
            width: 16px;
            height: 16px;
            font-size: 14px;
            padding: 0;
        }

        /* grid row scroll styles */

        #panel-1.panel-default > .panel-body > .e-grid .e-gridcontent.e-scroller.e-js.e-widget.e-autohide {
            min-height: 417px !important;
        }

        #panel-1.panel-default > .panel-body > .e-grid .e-scrollbar.e-js.e-widget.e-vscrollbar {
            display: block !important;
        }

        #panel-1.panel-default > .panel-body > .e-grid .e-autohide .e-scrollbar.e-js.e-widget.e-vscrollbar {
            display: none !important;
        }

        #panel-1.panel-default > .panel-body > .e-grid .e-scrollbar .e-vscroll {
            border-left: 0;
        }

        #panel-1.panel-default > .panel-body > .e-grid .e-scrollbar .e-vhandle {
            border-top: 0;
            border-bottom: 0;
        }

        /* grid pager styles */
        #panel-1.panel-default > .panel-body > .e-grid .e-pager {
            background-color: transparent;
            border-color: rgba(0, 0, 0, 0.08);
            padding-top:1px;
        }

            #panel-1.panel-default > .panel-body > .e-grid .e-pager .e-nextpage.e-hover,
            #panel-1.panel-default > .panel-body > .e-grid .e-pager .e-lastpage.e-hover,
            #panel-1.panel-default > .panel-body > .e-grid .e-pager .e-firstpage.e-hover,
            #panel-1.panel-default > .panel-body > .e-grid .e-pager .e-prevpage.e-hover {
                background: #f4f4f4;
            }

            #panel-1.panel-default > .panel-body > .e-grid .e-pager .e-numericitem {
                background-color: transparent;
            }

                #panel-1.panel-default > .panel-body > .e-grid .e-pager .e-numericitem.e-hover,
                #panel-1.panel-default > .panel-body > .e-grid .e-pager .e-currentitem.e-hover {
                    background: #f4f4f4;
                }

            #panel-1.panel-default > .panel-body > .e-grid .e-pager .e-currentitem {
                background-color: transparent !important;
                color: #686969;
                font-weight: bolder;
            }

            #panel-1.panel-default > .panel-body > .e-grid .e-pager .e-pagercontainer {
                border-width: 1px;
                border-style: solid;
                border-radius: 0;
                margin: 0 6px 0 6px;
            }

            #panel-1.panel-default > .panel-body > .e-grid .e-pager .e-pagercontainer {
                background-color: transparent;
                border-color: #dcdcdc;
            }

            #panel-1.panel-default > .panel-body > .e-grid .e-pager .e-firstpagedisabled,
            #panel-1.panel-default > .panel-body > .e-grid .e-pager .e-prevpagedisabled,
            #panel-1.panel-default > .panel-body > .e-grid .e-pager .e-nextpagedisabled,
            #panel-1.panel-default > .panel-body > .e-grid .e-pager .e-lastpagedisabled {
                -ms-filter: "progid:DXImageTraneorm.Microsoft.Alpha(Opacity=100)";
                filter: alpha(opacity=100);
                -moz-opacity: 1;
                -khtml-opacity: 1;
                opacity: 1;
            }

            #panel-1.panel-default > .panel-body > .e-grid .e-pager .e-prevpagedisabled,
            #panel-1.panel-default > .panel-body > .e-grid .e-pager .e-prevpage,
            #panel-1.panel-default > .panel-body > .e-grid .e-pager .e-nextpage,
            #panel-1.panel-default > .panel-body > .e-grid .e-pager .e-nextpagedisabled,
            #panel-1.panel-default > .panel-body > .e-grid .e-pager .e-lastpagedisabled,
            #panel-1.panel-default > .panel-body > .e-grid .e-pager .e-lastpage,
            #panel-1.panel-default > .panel-body > .e-grid .e-pager .e-firstpage,
            #panel-1.panel-default > .panel-body > .e-grid .e-pager .e-firstpagedisabled {
                background-color: #f4f4f4;
                border-right-color: #dcdcdc;
                margin: 0;
            }

        /* grid inline form edit styles */

        #panel-1.panel-default > .panel-body > .e-grid .e-inlineformedit form {
            padding-left: 0;
            padding-top: 5px;
            padding-right: 0;
            border-bottom: 2px solid #d2eaff;
            padding-bottom: 10px;
        }

        #panel-1.panel-default > .panel-body > .e-grid .e-inlineform-titlebar {
            display: none;
        }

        #panel-1.panel-default > .panel-body > .e-grid .e-editform-btn {
            display: none;
        }

        #panel-1.panel-default > .panel-body > .e-grid div.inline-button-align {
            text-align: right;
        }

        /* grid inline form alert styles */
        #panel-1.panel-default > .panel-body > .e-grid .e-error div.e-field-validation-error {
            border-radius: 4px;
            font-size: 12px;
            padding: 4px 16px;
            text-align: center;
        }

/*  Dashboard - graphs & Tables   */

#panel-2.panel-default {
    min-width: 98.4%;
    max-width: 98.4%;
    height: 421px;
    background-color: #ffffff;
    border: 0;
    border-radius: 0;
    z-index: unset !important;
    -webkit-box-shadow: 0px 3px 5px 0px rgba(0,0,0,0.3);
    -moz-box-shadow: 0px 3px 5px 0px rgba(0,0,0,0.3);
    box-shadow: 0px 3px 5px 0px rgba(0,0,0,0.3);
    padding: 0;
    margin: 5px;
}

    #panel-2.panel-default > .panel-heading {
        color: #333;
        font-size: 11px;
        background-color: #ffffff;
        border: 0;
        padding: 10px 15px;
    }

        #panel-2.panel-default > .panel-heading h6 {
            margin-bottom: 0;
        }

    #panel-2.panel-default > .panel-body {
        background-color: #ffffff;
        height: 100px !important;
        padding-top: 10px;
        padding-bottom: 10px;
        padding-left: 10px;
        padding-right: 10px;
        border: 0;
    }

    #panel-2.panel-default > .panel-footer {
        background-color: transparent;
        border: 0;
    }
#panel-5.panel-default {
    background-color: #ffffff;
    border: 0;
    border-radius: 0;
    z-index: unset !important;
    -webkit-box-shadow: 0px 3px 5px 0px rgba(0,0,0,0.3);
    -moz-box-shadow: 0px 3px 5px 0px rgba(0,0,0,0.3);
    box-shadow: 0px 3px 5px 0px rgba(0,0,0,0.3);
    padding: 0;
    margin: 0;
}

    #panel-5.panel-default > .panel-heading {
        color: #333;
        font-size: 11px;
        background-color: #ffffff;
        border: 0;
        padding: 10px 15px;
    }

        #panel-5.panel-default > .panel-heading h6 {
            margin-bottom: 0;
            font-weight: 700;
        }

            #panel-5.panel-default > .panel-heading h6 span {
                color: #4b85c9;
            }

    #panel-5.panel-default > .panel-body {
        background-color: #ffffff;
        padding-top: 10px;
        padding-bottom: 10px;
        padding-left: 10px;
        padding-right: 10px;
        border: 0;
    }

        #panel-5.panel-default > .panel-body::-webkit-scrollbar-track {
            -webkit-box-shadow: none;
            box-shadow: none;
            background-color: #fff;
        }

        #panel-5.panel-default > .panel-body::-webkit-scrollbar {
            width: 6px;
            background-color: transparent;
        }

        #panel-5.panel-default > .panel-body::-webkit-scrollbar-thumb {
            background-color: rgba(0,0,0,.14);
            border-radius: 5px;
        }

    #panel-5.panel-default > .panel-footer {
        background-color: transparent;
        border: 0;
    }

#panel-6.panel-default {
    background-color: #ffffff;
    height:100%;
    border: 1px solid #f4f4f4;
    border-radius: 4px;
    z-index: 1028;
    -webkit-box-shadow: 0px 3px 5px 0px rgba(0,0,0,0.3);
    -moz-box-shadow: 0px 3px 5px 0px rgba(0,0,0,0.3);
    box-shadow: 0px 3px 5px 0px rgba(0,0,0,0.3);
    padding: 0;
    margin: 0;
    margin-bottom: 15px;
}

    #panel-6.panel-default > .panel-heading {
        color: #333;
        font-size: 1.0em;
        font-weight: bold;
        background-color: #edece8 !important;
        border: 0;
        border-bottom: 1px solid #d5d5d5;
        padding: 0;
        height: 36px;
    }

        #panel-6.panel-default > .panel-heading > .panel-title {
            display: inline-block;
            font-size: 1.0em;
            font-weight:bold;
            padding: 6px 15px;
            color: #333;
            border-top-left-radius: 4px;
            background-color: #fff;
            letter-spacing: 1px;
            background: #edece8 !important;
        }

        #panel-6.panel-default > .panel-heading h6 {
            margin-bottom: 0;
            font-weight: 600;
        }

            #panel-6.panel-default > .panel-heading h6 span {
                color: #4b85c9;
            }

    #panel-6.panel-default > .panel-body {
        background-color: #ffffff;
        padding: 0;
        border: 0;
        overflow-x: hidden;
        overflow-y: scroll;
    }

        #panel-6.panel-default > .panel-body::-webkit-scrollbar-track {
            -webkit-box-shadow: none;
            box-shadow: none;
            background-color: #fff;
        }

        #panel-6.panel-default > .panel-body::-webkit-scrollbar {
            width: 6px;
            background-color: transparent;
        }

        #panel-6.panel-default > .panel-body::-webkit-scrollbar-thumb {
            background-color: rgba(0,0,0,.14);
        }


    #panel-6.panel-default > .panel-footer {
        background-color: #edece8;
        border: 0;
        padding: 5px 7px;
        text-align: right;
        border-top: 1px solid rgba(117, 117, 117, 0.3);
    }

        #panel-6.panel-default > .panel-footer div,
        #panel-6.panel-default > .panel-footer form {
            display: inline-block;
        }

#panel-6 .panel-tabs {
    position: relative;
    clear: both;
    margin-top: 4px;
    margin-right: 10px;
    border-bottom: 1px solid transparent;
   
}

    #panel-6 .panel-tabs > li,
    #panel-6 .panel-tabs > li.active {
        display: inline-block;
        position: relative;
        margin: 0;
        margin-bottom: -2px;
       
    }

    #panel-6 .panel-tabs > li {
        padding: 2px 0px 5px 0;
        border: 1px solid #edece8;
        background-color: #edece8;
    }

        #panel-6 .panel-tabs > li.active {
            border: 1px solid #edece8;
            padding: 5px 0;
            border-bottom: 1px solid #edece8;
            background-color: #edece8;
        }

        #panel-6 .panel-tabs > li > a {
            margin: -4px 4px;
            line-height: 12px;
            font-weight: 500;
            border: 1px solid #9ca1a1;
            color: #111;
            background-color: lightgrey;
            font-size: 12px;
            letter-spacing: 0.4px;
            position: relative;
            display: block;
            padding: 5px 10px;
        }

        #panel-6 .panel-tabs > li.active > a {
            background-color: #797979;
            color: white;
            font-weight: 500;
        }

#panel-6 .panel-sub {
    margin-left: 15px;
    margin-right: 15px;
    position: relative;
    display: inline-block;
    width: 97%;
}

#panel-6 .panel-sub-heading {
    padding: 7px 0 0 0 !important;
    margin-top: 0px;
    margin-bottom: 0px;
    margin-left: 0px;
    margin-right: -22px;
    color: #000;
    border: 0px;
    font-size: 14px;
    font-weight: 600;
    height: 26px !important;
    text-transform: capitalize !important;


}

    #panel-6 .panel-sub-heading.merge-inside {
        margin-top: 3px;
        margin-left: -7px;
        font-size: 12px;
        font-weight: 400;
        position: absolute;
    }

    #panel-6 .panel-sub-heading.is-underline {
        border-bottom: 2px solid #c5c9d1 !important;
      

    }

    #panel-6 .panel-sub-heading .btn-default {
        padding: 0 5px;
        margin-top: -5px;
        margin-left: 0;
        font-size: 11px;
        color: #686969;
        background-color: transparent;
        border-color: transparent;
    }

        #panel-6 .panel-sub-heading .btn-default:active {
            -webkit-box-shadow: none;
            box-shadow: none;
        }

#panel-6 .panel-sub.is-padding {
    margin-left: 2px !important;
}

#panel-6 .tab-content {
    width: 100%;
    position: relative;
}

#panel-6 .panel-group {
    margin-bottom: 0;
}

    #panel-6 .panel-group .panel-default {
        border-radius: 0;
        margin-bottom: 3px;
        border-color: #d5d5d5;
    }

        #panel-6 .panel-group .panel-default > .panel-heading {
            border-color: #d5d5d5;
            padding: 2px 6px;
            background-color: #fafafa;
            border-top-left-radius: 0;
            border-top-right-radius: 0;
        }

            #panel-6 .panel-group .panel-default > .panel-heading > .panel-title {
                font-size: 0.7em;

            }

                #panel-6 .panel-group .panel-default > .panel-heading > .panel-title i {
                    padding-right: 6px;
                }

.flex-row, .flex-row > div[class*='col-'] {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    flex: 0 auto;
    height: 100%;
}

.flex-col {
    display: flex;
    display: -webkit-flex;
    flex: 1;
    flex-flow: column nowrap;
}

.flex-grow {
    display: flex;
    -webkit-flex-direction: column;
    flex-direction: column;
    -webkit-flex: 2;
    flex: 2;
}

.table-tuesdetails {
}