.panel{
    /* box-shadow: 0 0 5px 5px #000; */
    border-radius:0px 4px 4px 0px;
    padding: 10px;
    margin: 0 auto;
    border: 1px solid #ccc;
    object-position: center;
    align-items: center;

}
.panel-custom{
    background-color: black;
}
.folder{
    padding: 10px;
    border-bottom: 1px solid #ccc;
}
.wrongs{
    color:firebrick;
}
.glyphicon-globe,.glyphicon-user,.glyphicon-phone-alt,.glyphicon-home,.glyphicon-search,.glyphicon-earphone,.glyphicon-th-list{
    margin-right: 10px;
}
.btn_delete{
    float: right;
    position: relative;
    padding-left: 30px;

}
/* navbar */
.navbar-custom {
    background-color:#6699CC;

}
.col-centered{
    float: none;
    margin: 0 auto;
}
.navbar-brand{
    padding-left: 15px;
    color: black;
    font-style: normal;
}
.hvr-grow {
    display: inline-block;
    vertical-align: middle;
    transform: translateZ(0);
    box-shadow: 0 0 1px rgba(0, 0, 0, 0);
    backface-visibility: hidden;
    -moz-osx-font-smoothing: grayscale;
    transition-duration: 0.3s;
    transition-property: transform;
}

.hvr-grow:hover,
.hvr-grow:focus,
.hvr-grow:active {
    transform: scale(1.2);
}
.navbar-nav{
    padding-left: 10px;
}
#navbar-nav{
    padding-left: 50px;
}
.container-front{
    padding-top: 180px;

}
.scroll {
    overflow-y: scroll;
    width:1200px;
    height: 600px;
}
.scrollbox {
    overflow-y: scroll;
    width: 100%;
    height: 40px;
}
.scrollModal {
    overflow-y: scroll;
    width: 100%;
    height:350px;
}
#search_keyword_id
{
    width:300px;
    border:solid 1px #CDCDCD;
    padding:10px;
    font-size:14px;
}
#result
{
    position:absolute;
    width:320px;
    display:none;
    margin-top:-1px;
    border-top:0px;
    overflow:hidden;
    border:1px #CDCDCD solid;
    background-color: white;
}
.show
{
    font-family:tahoma;
    padding:10px;
    border-bottom:1px #CDCDCD dashed;
    font-size:15px;
}
.show:hover
{
    background:#364956;
    color:#FFF;
    cursor:pointer;
}
#myChart
{
    width: 600px;
    height: 300px;
}

/*codes for the follow icons*/
.nav-follow {
    padding:5px;
}
.nav-follow a img{
    margin-bottom:4px;
    box-shadow: 0 0 5px 5px #000;
    transition:1s;
    opacity:0.6;
}
.nav-follow a img:hover{
    transition:1s;
    transform:rotate(360deg);
    opacity:1;
    -webkit-transform:rotate(360deg);
    -moz-transform:rotate(360deg);
}

.footer-font{

    font-family:Van Helsing;
}

/* css for the side menu bar ----------------------------------------------------------------------------------------------------------------------------*/
.sidebar.navbar-fixed-top{
    margin-top: 100px;
}

@media (min-width: 768px) and (max-width: 998px){
    .navbar.navbar-default.navbar-fixed-top{
        margin-top: 100px;
    }
    .sidebar.navbar-fixed-top{
        margin-top: 50px;
    }
}

/* Custom navbar default: global*/

.navbar.navbar-default{
    background-color: #f8f8f8;
    border-color: #e7e7e7;
    margin: 0;
    border-radius: 0;
}
.navbar.navbar-default .navbar-brand {
    color: #666;
    text-shadow: none;
    min-width: 150px;
}
.navbar.navbar-default .navbar-nav > li > a {
    color: #666;
    text-shadow: none;
}
.navbar.navbar-default .navbar-nav > li > a {
    color: #666;
    text-shadow: none;
}
.navbar.navbar-default .navbar-nav > li > a:hover{
    color: #acc47f;
}
.navbar.navbar-default .navbar-nav > .active > a{
    color: #fff;
    background-color: #acc47f;
}
.navbar.navbar-default .navbar-nav > .active > a:hover{
    color: #608224;
    background-color: #acc47f;
}
.navbar.navbar-default .caret {
    border-top-color: #ccc;
    border-bottom-color: #ccc;
}
.navbar.navbar-default .caret:hover {
    border-top-color: #333;
    border-bottom-color: #333;
}


/* Custom sidebar menu */

/*Remove rounded coners*/

nav.sidebar.navbar {
    border-radius: 0px;
}

nav.sidebar, .main{
    -webkit-transition: margin 200ms ease-out;
    -moz-transition: margin 200ms ease-out;
    -o-transition: margin 200ms ease-out;
    transition: margin 200ms ease-out;
}

/* Add gap to nav and right windows.*/
.main{
    padding: 10px 10px 0 10px;
}

/* .....NavBar: Icon only with coloring/layout.....*/

/*small/medium side display*/
@media (min-width: 768px) {

    /*Allow main to be next to Nav*/
    .main{
        position: absolute;
        width: calc(100% - 40px); /*keeps 100% minus nav size*/
        margin-left: 40px;
        float: right;
    }

    /*lets nav bar to be showed on mouseover*/
    nav.sidebar:hover + .main{
        margin-left: 200px;
    }

    /*Center Brand*/
    nav.sidebar.navbar.sidebar>.container .navbar-brand, .navbar>.container-fluid .navbar-brand {
        margin-left: 0px;
    }
    /*Center Brand*/
    nav.sidebar .navbar-brand, nav.sidebar .navbar-header{
        text-align: center;
        width: 100%;
        margin-left: 0px;
    }

    /*Center Icons*/
    nav.sidebar a{
        padding-right: 13px;
        min-width: 100px;
    }

    /*custom sidebar nav*/
    nav.sidebar ul.nav.navbar-nav{
        margin: 0;
    }
    nav.sidebar.navbar-inverse .navbar-nav .open .dropdown-menu>li>a {
        color: white;
    }

    /*adds border top to first nav box */
    nav.sidebar .navbar-nav > li:first-child{
        border-top: 1px #e5e5e5 solid;
    }

    /*adds border to bottom nav boxes*/
    nav.sidebar .navbar-nav > li{
        border-bottom: 1px #e5e5e5 solid;
    }
    /*adds background on hover*/
    nav.sidebar .navbar-nav > li:hover{
        color: #CC0000;
        background-color:#003399 ;
    }
    /*removes border last element*/
    nav.sidebar .navbar-nav > li.last{
        border-bottom: none;
    }

    /* Colors/style dropdown box*/
    nav.sidebar .navbar-nav .open .dropdown-menu {
        position: static;
        float: none;
        width: auto;
        margin-top: 0;
        background-color: transparent;
        border: 0;
        -webkit-box-shadow: none;
        box-shadow: none;
    }

    /*allows nav box to use 100% width*/
    nav.sidebar .navbar-collapse, nav.sidebar .container-fluid{
        padding: 0 0px 0 0px;
    }

    /*colors dropdown box text */
    .navbar-inverse .navbar-nav .open .dropdown-menu>li>a {
        color: #006666;
    }

    /*gives sidebar width/height*/
    nav.sidebar{
        width: 200px;
        height: 100%;
        margin-left: -160px;
        float: left;
        z-index: 8000;
        margin-bottom: 0px;
    }

    /*give sidebar 100% width;*/
    nav.sidebar li {
        width: 100%;
    }

    /* Move nav to full on mouse over*/
    nav.sidebar:hover{
        margin-left: 0px;
    }
    /*for hiden things when navbar hidden*/
    .forAnimate{
        opacity: 0;
    }
}

/* enable absolute positioning */
.inner-addon {
    position: relative;
}

/* style glyph */
.inner-addon .glyphicon {
    position: absolute;
    padding: 10px;
    pointer-events: none;
}

/* align glyph */
.left-addon .glyphicon  { left:  0px;}
.right-addon .glyphicon { right: 0px;}

/* add padding  */
.left-addon input  { padding-left:  30px; }
.right-addon input { padding-right: 30px; }

#datepicker{width:180px; margin: 0 20px 20px 20px;}
#datepicker > span:hover{cursor: pointer;}