/* User admin li style */
ul#prof li a {

   
   cursor:pointer;
   


}
body{
     font-family: "JF Flat Regular";
}
body.modal-open {
    margin-right: 0
}
.smsBtn{
     height: 50px;
    width: 50px;
     box-shadow: 0 2px 2px 0 rgba(0,0,0,.14), 0 3px 1px -2px rgba(0,0,0,.2), 0 1px 5px 0 rgba(0,0,0,.12);
    background: #ffc83e;
    border-radius: 50%;
    display: block;
    text-align: center;
    position: absolute;
    line-height: 62px;
    left: 90px;
    top: 22px;
    }
    .smsBtn i {
    font-size: 21px;
    padding-top: 5px;
    margin-top: 5px;
    }
.AddBtn{
     height: 50px;
    width: 50px;
     box-shadow: 0 2px 2px 0 rgba(0,0,0,.14), 0 3px 1px -2px rgba(0,0,0,.2), 0 1px 5px 0 rgba(0,0,0,.12);
    background: #ffc83e;
    border-radius: 50%;
    display: block;
    text-align: center;
    position: absolute;
    line-height: 62px;
    left: 20px;
    top: 22px;
    }
    .AddBtn i {
    font-size: 21px;
    padding-top: 5px;
    margin-top: 5px;
    }
.pagination {
    
     margin: 0; 
      padding: 0;
}
.pagination > .active > a, .pagination > .active > span, .pagination > .active > a:hover, .pagination > .active > span:hover, .pagination > .active > a:focus, .pagination > .active > span:focus {
   
    background-color: #ffc83e;    border:1px solid #ccc;

}
/* Report li style*/
ul.navbar-nav li ul.report li a {
color:#666;}


.menu li a:focus
{
    background: orange;
    border-left: 3px solid #ccc;
    border-right: 3px solid #ccc;
}
#top {
/*height:100px;*/
}
html,
body {
	margin:0;
	padding:0;
	height:100%;overflow-x: hidden;
}

#wrapper {
	min-height:100%;
	position:relative;
}
#footer {
	
	width:100%;
	position:absolute;
	bottom:0;
	left:0;
    cursor:pointer;
}
.form-control,select {
   
 border: 1px solid #aaa ; 
}
a:hover {
    color: #777777;
}

#footer p {
color:rgb(8, 156, 223)}
    #footer p a {
   color:rgb(8, 156, 223) }


   .header-border {
        width: 100%;
    height: auto;
    border-bottom: 3px ridge #ffc83e;
    background:#fff;
  
} 
.navbar-nav > li {
    float: left;
        margin: 0;
    margin-top: 0px;
    background-color: #fff;
    color: #74777b;
    transition: background-color 0.2s, color 0.2s;
    padding: 10px;
    border: 0;
    border-left: 1px dotted #ccc;
    border-radius: 0;
}
/*********************************************************/

/*                Important For top hover dropwown                */


#top > .navbar .dropdown-menu > li > a:hover, #top > .navbar .dropdown-menu > li > a:focus
{
    background-repeat: repeat-x;
    background-image: linear-gradient(to bottom, #EEECEC 0%, #E2E2E2 100%) !important;
}


/*********************************************************/



#wrap
{
    margin: 0 auto;
}

/* Set the fixed height of the footer here */

#footer
{
    height: 30px;
    background-color: #222222;
}

 html, body, .row, .col-lg-12, .span12, .wrapper, #wrapper, #wrap, .container {
        height:100%;width:100%;}

@media (min-width: 768px)
{
    html,
    body
    {
        height: 100%;
        /* The html and body elements cannot have any padding or margin. */
    }

    #wrap
    {
            height: 100% !important;
    }


    
}
#bs-example-navbar-collapse-2 {margin-top:0px!important;
}


.animbrand img {
width: 150px;
    height: 86px;
    margin-left: 10px;
    margin-top: 10px;}

#log {
margin-top:0px!important;}
#prof {
margin-top:0px!important;}


/* -------- END Sticky footer styles ------------------ */
/*********************************************************/

/*                 Template Layout                       */

/*********************************************************/

/*::-webkit-scrollbar
{
    width: 12px;
    height: 12px;
}

::-webkit-scrollbar-thumb
{
    border-radius: 1em;
}

    ::-webkit-scrollbar-thumb:hover
    {
        background-color: #999;
    }

::-webkit-scrollbar-track
{
    background: transparent;
    border-radius: 1em;
}

    ::-webkit-scrollbar-track:hover
    {
        background: rgba(110, 110, 110, 0.25);
    }*/

body.padTop53
{
    overflow: visible;
}


#wrap:before,
#top:before,
.head:before,
#footer:before,
#wrap:after,
#top:after,
.head:after,
#footer:after
{
    display: table;
    content: " ";
}

#wrap:after,
#top:after,
.head:after,
#footer:after
{
    clear: both;
}

#wrap
{
    background-color: white;
}

#right
{
    display: none;
}

@media (min-width: 768px)
{
    #left
    {
        position: relative;
        float: left;
        width: 100px;
    }

        #left #menu.affix
        {
            position: fixed;
            top: 0px;
            width: 100px;
            overflow-x: hidden;
            overflow-y: hidden;
            -webkit-overflow-scrolling: touch;
        }

            #left #menu.affix:hover
            {
                overflow-y: scroll;
            }

            #left #menu.affix > li:last-child > a:last-child
            {
                /*border-bottom: 1px solid rgba(0, 0, 0, 0.3);*/
                /*box-shadow: 0 1px 0 rgba(255, 255, 255, 0.05), 0 1px 0 rgba(255, 255, 255, 0.05) inset;*/
            }

    body.padTop53 #left #menu.affix
    {
        top: 53px;
    }

    .side-right #left
    {
        float: right;
    }

    #content
    {
        margin-left: 100px;
    }

    .side-right #content
    {
        margin-right: 100px;
        margin-left: 0;
    }

    #left
    {
        margin-bottom: -10px;
    }
}

@media (min-width: 992px)
{
    #left
    {
        width: 220px;
    }

        #left #menu.affix
        {
            width: 220px;
        }

    .mini-sidebar #left
    {
        width: 100px;
    }

        .mini-sidebar #left #menu.affix
        {
            width: 100px;
        }

    #content
    {
        margin-left: 220px;
    }

    .side-right #content
    {
        margin-right: 220px;
    }

    .mini-sidebar #content
    {
        margin-left: 100px;
    }

    .mini-sidebar.side-right #content
    {
        margin-right: 100px;
        margin-left: 0;
    }
}

@media (min-width: 768px)
{
    .hide-sidebar #left,
    .hide-sidebar #right
    {
        display: none;
    }

    .hide-sidebar #content
    {
        width: 100% !important;
        margin: 0 !important;
    }
}

@media (min-width: 1200px)
{
    body.fixed #wrap,
    body.fixed #footer,
    body.fixed #top .navbar.navbar-fixed-top
    {
        max-width: 1170px;
        margin-right: auto;
        margin-left: auto;
    }
}

/* ================== END Template Layout ============== */

/* BEGIN TOP bar */

#top .navbar
{    MARGIN: 0;
    /*margin-bottom: 0;
    border: 1px solid rgb(216, 215, 215);
    background-color: white;*/
}

#top .navbar-brand
{
    padding: 0;
}

#top .topnav
{
    margin: 10px 15px 10px auto;
}

@media (min-width: 768px)
{
    #top .topnav
    {
        float: right;
    }
}

/* END TOP bar */
/* BEGIN header.head bar */

.head
{
    text-shadow: 0 1px 0px rgba(0, 0, 0, 0.5);
    background: #404040;
    border-bottom: 1px solid rgba(0, 0, 0, 0.3);
    box-shadow: 0 1px 0px rgba(255, 255, 255, 0.05) inset;
}

    .head .search-bar
    {
        padding: 10px 15px;
        margin: 0 auto;
        border-bottom: 1px solid rgba(0, 0, 0, 0.3);
        -webkit-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.05);
        box-shadow: 0 1px 0 rgba(255, 255, 255, 0.05);
    }

        .head .search-bar .main-search
        {
            margin-right: 40px;
            border-bottom: 1px solid #7c7c7c;
        }

            .head .search-bar .main-search input[type="text"]
            {
                color: #ccc;
                background-color: transparent;
                border-color: transparent;
                -webkit-box-shadow: none;
                box-shadow: none;
            }

            .head .search-bar .main-search button,
            .head .search-bar .main-search input[type=submit]
            {
                background: transparent;
                border: transparent;
            }

@media (min-width: 768px)
{
    .head .search-bar
    {
        border-right: 1px solid rgba(0, 0, 0, 0.3);
        border-bottom-width: 0;
        -webkit-box-shadow: -1px 0 0px rgba(255, 255, 255, 0.05) inset;
        box-shadow: -1px 0 0px rgba(255, 255, 255, 0.05) inset;
    }

    .side-right .head .search-bar
    {
        border-left: 1px solid rgba(0, 0, 0, 0.3);
        border-right-width: 0;
        -webkit-box-shadow: 1px 0 0px rgba(255, 255, 255, 0.05) inset;
        box-shadow: 1px 0 0px rgba(255, 255, 255, 0.05) inset;
    }
}

.head .main-bar
{
    padding: 10px;
}

    .head .main-bar h3
    {
        margin-top: 0;
        margin-bottom: 0;
        color: #bababa;
    }

@media (min-width: 768px)
{
    .head .main-bar h3
    {
        margin-top: 5px;
    }
}

@media (min-width: 768px)
{
    .head .search-bar .main-search
    {
        margin-right: auto;
    }
}

#menu-toggle
{
    float: right;
    margin-left: 15px;
}



@media (min-width: 768px)
{
    .search-bar
    {
        float: left;
        width: 100px;
        padding: 10px 4px;
    }

    .side-right .search-bar
    {
        float: right;
    }

    .search-bar .input-group-btn
    {
        display: none;
    }

    .search-bar .input-small.form-control
    {
        border-radius: 3px;
    }

    .main-bar
    {
        margin-left: 100px;
    }

    .side-right .main-bar
    {
        margin-right: 100px;
        margin-left: 0;
    }
}


@media (min-width: 992px)
{
    .search-bar
    {
        width: 220px;
        padding: 10px 15px;
    }

        .search-bar .input-group-btn
        {
            display: table-cell;
        }

        .search-bar .input-small.form-control
        {
            border-radius: 3px 0 0 3px;
        }

    .mini-sidebar .search-bar
    {
        width: 100px;
        padding: 10px 4px;
    }

        .mini-sidebar .search-bar .input-group-btn
        {
            display: none;
        }

        .mini-sidebar .search-bar .input-small.form-control
        {
            border-radius: 3px;
        }

    .main-bar
    {
        margin-left: 220px;
    }

    .side-right .main-bar
    {
        margin-right: 220px;
    }

    .mini-sidebar .main-bar
    {
        margin-left: 100px;
    }

    .side-right.mini-sidebar .main-bar
    {
        margin-left: 0;
    }
}

/** END header.head bar */
/*********************************************************/

/*          Begin LEFT Styles                           */

/*********************************************************/

.user-media
{
    display: none;
    /*background-color: #5cb85c;*/
    color: #0029FF;
    border-right: 1px solid rgb(216, 215, 215);
    border-left: 1px solid rgb(216, 215, 215);
}

@media (min-width: 768px)
{
    .user-media
    {
        display: block;
    }

        .user-media .media-body
        {
            display: none;
        }

        .user-media .user-link
        {
            position: relative;
            display: block;
            margin-right: auto;
            margin-left: auto;
        }

            .user-media .user-link .user-img
            {
                margin: 10px auto;
            }

            .user-media .user-link .user-label
            {
                position: absolute;
                top: -6px;
                right: 6px;
            }
}

@media (min-width: 992px)
{
    .user-media .user-link
    {
        float: left;
    }

        .user-media .user-link .user-img
        {
            margin: 10px;
        }

        .user-media .user-link .user-label
        {
            top: 6px;
            right: 0;
        }

    .user-media .media-body
    {
        display: block;
        float: left;
        margin-left: 12px;
    }

        .user-media .media-body h5.media-heading
        {
            font-size: 18px;
            padding-top: 8px;
            margin-bottom: 11px;
            color: #050505;
            font-weight: bolder;
        }

        .user-media .media-body ul.user-info li
        {
            /*color: #ccc;*/
        }
}

@media (min-width: 768px)
{
    .mini-sidebar .media-body
    {
        display: none;
    }

    .side-right .user-link .user-label
    {
        right: auto;
        left: 6px;
    }
}

/* ============== END LEFT Styles ================= */
#menu
{
    position: relative;
    overflow: hidden;
    /*background-color: #333;*/
    border-right: 1px solid rgb(216, 215, 215);
    border-left: 1px solid rgb(216, 215, 215);
    background-color: #f8f8f8;
    border-bottom: 1px solid rgba(0, 0, 0, 0.3);
    -webkit-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.05);
    box-shadow: 0 1px 0 rgba(255, 255, 255, 0.05);
}

    #menu,
    #menu ul
    {
        padding: 0;
        margin: 0;
        list-style: none;
    }

@media (min-width: 768px)
{
    #menu.collapse
    {
        display: inherit !important;
    }
}

#menu > li
{
    position: relative;
    display: block;
    margin: 0;
    border-width: 0;
    border-radius: 0;
}

    #menu > li > a
    {
        position: relative;
        display: block;
        padding: 10px 15px;
        color: #1933EC;
        /*text-shadow: 0 1px 0 rgba(0, 0, 0, 0.5);*/
        border-top: 1px solid rgb(216, 215, 215);
        /*-webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.05);
          box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.05);*/
    }

        #menu > li > a:hover,
        #menu > li > a:focus
        {
            color: #fff;
            text-decoration: none;
            background-color: #428bca;
            outline: none;
        }

        #menu > li > a .label
        {
            float: right;
        }

    #menu > li.active > a
    {
        color: #fff;
        background-color: #428bca;
    }

    #menu > li.panel
    {
        background-color: transparent;
    }

#menu li > a
{
    text-decoration: none;
}

#menu ul
{
    padding: 5px 0 5px 15px;
    border-top: 1px solid rgb(216, 215, 215);
    -webkit-box-shadow: 0 1px 0px rgba(255, 255, 255, 0.05) inset;
    box-shadow: 0 1px 0px rgba(255, 255, 255, 0.05) inset;
}

    #menu ul a
    {
        display: block;
        padding: 10px 0;
        /*margin-left: 15px;*/
        /*font-size: 12px;*/
        font-size: 14px;
        /*color: #000;*/
    }

#menu > li.active > a
{
    position: relative;
}

#menu > li.panel.active ul > li.active > a:after
{
    position: absolute;
    right: 0;
    border-color: transparent #6e6e6e transparent transparent;
    border-style: solid;
    border-width: 10px;
    content: "";
}

.side-right #menu > li > a > .label
{
    right: auto;
    left: 3px;
}

@media (min-width: 768px)
{
    .mini-sidebar #menu > li > a,
    #menu > li > a
    {
        text-align: center;
    }

        .mini-sidebar #menu > li > a > i,
        #menu > li > a > i
        {
            display: block;
            font-size: 20px;
        }

        .mini-sidebar #menu > li > a .label,
        #menu > li > a .label
        {
            position: absolute;
            top: 3px;
            right: 3px;
        }

    .mini-sidebar.side-right #menu > li > a .label,
    .side-right #menu > li > a .label
    {
        right: auto;
    }

    #menu:after,
    .mini-sidebar #menu:after
    {
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        display: block;
        width: 0;
        /*background: #333;*/
        /*content: " ";*/
        -webkit-box-shadow: 97px 1px 5px 2px rgba(0, 0, 0, 0.6);
        box-shadow: 97px 1px 5px 2px rgba(0, 0, 0, 0.6);
    }

    .side-right #menu:after,
    .side-right.mini-sidebar #menu:after
    {
        -webkit-box-shadow: 3px 1px 5px 2px rgba(0, 0, 0, 0.6);
        box-shadow: 3px 1px 5px 2px rgba(0, 0, 0, 0.6);
    }
}

@media (min-width: 992px)
{
    #menu > li > a
    {
        text-align: left;
    }

        #menu > li > a > i
        {
            display: inline;
            font-size: 14px;
        }

        #menu > li > a > .label
        {
            position: relative;
        }

    #menu:after
    {
        -webkit-box-shadow: 217px 1px 5px 2px rgba(0, 0, 0, 0.6);
        box-shadow: 217px 1px 5px 2px rgba(0, 0, 0, 0.6);
    }

    .mini-sidebar #menu:after
    {
        -webkit-box-shadow: 97px 1px 5px 2px rgba(0, 0, 0, 0.6);
        box-shadow: 97px 1px 5px 2px rgba(0, 0, 0, 0.6);
    }
}

/* BEGIN CONTENT STYLES */

#content
{
    -webkit-transition: margin 0.4s;
    transition: margin 0.4s;
}

.outer
{
    padding: 10px;
    background-color: #6e6e6e;
}

    .outer:before,
    .outer:after
    {
        display: table;
        content: " ";
    }

    .outer:after
    {
        clear: both;
    }

.inner
{
    position: relative;
    min-height: 1px;
    /*padding-right: 10px;*/
    padding-right: 15px;
    padding-left: 10px;
    background: #fff;
    border: 0px solid #e4e4e4;
    min-height: 1200px;
}

@media (min-width: 768px)
{
    .inner
    {
        float: left;
        width: 100%;
    }
}

.inner .row
{
    margin-right: -15px;
    margin-left: -15px;
}

/* END CONTENT STYLES */
/* BEGIN FOOTER */

#footer
{
    margin: 0 auto;
    color: #1933EC;
    background-color: #f8f8f8;
    border: 1px solid rgb(216, 215, 215);
    position: fixed;z-index: 99999999;
}

    #footer p
    {
      padding: 6px 0 0;
        text-align: center;
        font-size: 14px;
    }

/** END FOOTER */
.box
{    border: 1px dotted #ccc;
   /* position: relative;
    display: block;    
    border: 1px solid #efefef;
	-webkit-border-radius: 8px;
-moz-border-radius: 8px;
border-radius: 8px;
background :#f7f7f7;
-webkit-box-shadow: 0px 0px 1px 0px rgba(189,189,189,1);
-moz-box-shadow: 0px 0px 1px 0px rgba(189,189,189,1);
box-shadow: 0px 0px 1px 0px rgba(189,189,189,1);*/
}

    .box header
    {
        background-repeat: repeat-x;
        border-bottom: 1px solid #d4d4d4;
        -webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.065);
        box-shadow: 0 1px 4px rgba(0, 0, 0, 0.065);
        background-image: linear-gradient(to bottom, #ffffff 0%, #f2f2f2 100%);
    }
    .box .timeline-panel{
         color: #fff;
         -webkit-box-shadow: 0px 0px 3px 0px rgba(0,0,0,0.6);
         -moz-box-shadow: 0px 0px 3px 0px rgba(0,0,0,0.6);
         box-shadow: 0px 0px 3px 0px rgba(0,0,0,0.6);
    }
   .box .timeline-panel .timeline-heading{
         padding: 10px;    width: 40px;
    height: 40px;
         background: #ffc83e;
      }
    .box .timeline-panel .timeline-body{
         background: #fff;
         color: #555;
         -webkit-border-bottom-right-radius: 10px;
         -webkit-border-bottom-left-radius: 10px;
         -moz-border-radius-bottomright: 10px;
         -moz-border-radius-bottomleft: 10px;
         border-bottom-right-radius: 10px;
         border-bottom-left-radius: 10px;
      }
    .box .timeline-panel    .timeline-title{
         margin:0!important;
      }
    .box .timeline-panel         h4 {
         font-family: "JF Flat Regular";
        }
        .box header:before,
        .box header:after
        {
            display: table;
            content: " ";
        }

        .box header:after
        {
            clear: both;
        }

        .box header .icons,
        .box header h5,
        .box header .toolbar
        {
            position: relative;
            display: block;
            float: left;
            min-height: 1px;
            padding: 0;
            margin: 0;
        }

        .box header .icons
        {
            padding: 10px 15px;
            border-right: 1px solid #ddd;
            -webkit-box-shadow: 1px 0px 0px #ffffff;
            box-shadow: 1px 0px 0px #ffffff;
        }

        .box header h5
        {
            padding: 12px;
            font-weight: bold;
        }
.nav-pills li {
           WIDTH: 8.5%;
    margin-right: 5px;
 
    opacity: 0.4;
    -webkit-transition: opacity 1s ease-in-out;
    -moz-transition: opacity 0.4s ease-in-out;
    -ms-transition: opacity 0.4s ease-in-out;
    -o-transition: opacity 0.4s ease-in-out;
    transition: opacity 0.4s ease-in-out;
}
.nav-pills li.active{
         opacity: 1;
            
 }
.nav-pills li:hover{
         opacity: 1;
 }

    .box.inverse header
    {
        color: #f5f5f5;
        background-repeat: repeat-x;
        border-bottom: 1px solid #4d4d4d;
        background-image: linear-gradient(to bottom, #333333 0%, #222222 100%);
    }

        .box.inverse header .icons
        {
            border-right: 1px solid #222;
            -webkit-box-shadow: 1px 0px 0px #3c3c3c;
            box-shadow: 1px 0px 0px #3c3c3c;
        }

    .box.primary header
    {
        color: #fff;
        background-repeat: repeat-x;
        border-bottom: 1px solid #428bca;
        background-image: linear-gradient(to bottom, #428bca 0%, #3071a9 100%);
    }

        .box.primary header .icons
        {
            border-right: 1px solid #245682;
            -webkit-box-shadow: 1px 0px 0px #6aa3d5;
            box-shadow: 1px 0px 0px #6aa3d5;
        }

    .box.success header
    {
        color: #fff;
        background-repeat: repeat-x;
        border-bottom: 1px solid #5cb85c;
        background-image: linear-gradient(to bottom, #5cb85c 0%, #449d44 100%);
    }

        .box.success header .icons
        {
            border-right: 1px solid #357935;
            -webkit-box-shadow: 1px 0px 0px #80c780;
            box-shadow: 1px 0px 0px #80c780;
        }

    .box.warning header
    {
        color: #fff;
        background-repeat: repeat-x;
        border-bottom: 1px solid #f0ad4e;
        background-image: linear-gradient(to bottom, #f0ad4e 0%, #ec971f 100%);
    }

        .box.warning header .icons
        {
            border-right: 1px solid #c77c11;
            -webkit-box-shadow: 1px 0px 0px #f4c37d;
            box-shadow: 1px 0px 0px #f4c37d;
        }

    .box.danger header
    {
        color: #fff;
        background-repeat: repeat-x;
        border-bottom: 1px solid #d9534f;
        background-image: linear-gradient(to bottom, #d9534f 0%, #c9302c 100%);
    }

        .box.danger header .icons
        {
            border-right: 1px solid #a02622;
            -webkit-box-shadow: 1px 0px 0px #e27c79;
            box-shadow: 1px 0px 0px #e27c79;
        }

    .box.info header
    {
        color: #fff;
        background-repeat: repeat-x;
        border-bottom: 1px solid #5bc0de;
        background-image: linear-gradient(to bottom, #5bc0de 0%, #31b0d5 100%);
    }

        .box.info header .icons
        {
            border-right: 1px solid #2390b0;
            -webkit-box-shadow: 1px 0px 0px #85d0e7;
            box-shadow: 1px 0px 0px #85d0e7;
        }



    .box header .toolbar
    {
        display: inline-table;
        float: right;
    }

        .box header .toolbar .btn-toolbar
        {
            margin: 6px 3px;
        }

        .box header .toolbar .label,
        .box header .toolbar .badge
        {
            display: inline-block;
            margin: 10px;
        }





        .box header .toolbar > .btn
        {
            margin-right: 4px;
        }

        .box header .toolbar > .btn-sm,
        .box header .toolbar > .btn-group
        {
            margin: 4px;
        }

        .box header .toolbar > .btn-xs
        {
            margin: 6px;
        }

        .box header .toolbar .input-sm
        {
            margin: 4px -4px;
        }

        .box header .toolbar .progress
        {
            min-width: 120px;
            margin: 10px 4px;
        }

            .box header .toolbar .progress.middle
            {
                height: 12px;
                margin: 13px 4px;
            }

            .box header .toolbar .progress.mini
            {
                height: 6px;
                margin: 16px 4px;
            }

    .box.danger .dropdown-menu > li > a:hover,
    .box.danger .dropdown-menu > li > a:focus
    {
        background-repeat: repeat-x;
        background-image: linear-gradient(to bottom, #d9534f 0%, #c9302c 100%);
    }

    .box.info .dropdown-menu > li > a:hover,
    .box.info .dropdown-menu > li > a:focus
    {
        background-repeat: repeat-x;
        background-image: linear-gradient(to bottom, #5bc0de 0%, #31b0d5 100%);
    }

    .box.success .dropdown-menu > li > a:hover,
    .box.success .dropdown-menu > li > a:focus
    {
        background-repeat: repeat-x;
        background-image: linear-gradient(to bottom, #5cb85c 0%, #449d44 100%);
    }

    .box.warning .dropdown-menu > li > a:hover,
    .box.warning .dropdown-menu > li > a:focus
    {
        background-repeat: repeat-x;
        background-image: linear-gradient(to bottom, #f0ad4e 0%, #ec971f 100%);
    }

    .box.inverse .dropdown-menu > li > a:hover,
    .box.inverse .dropdown-menu > li > a:focus
    {
        background-repeat: repeat-x;
        background-image: linear-gradient(to bottom, #333333 0%, #222222 100%);
    }

    .box .body
    {
      
    }

        .box .body hr
        {
            margin-right: -10px;
            margin-left: -10px;
        }

.body.collapse:not(.in)
{
    padding: 0;
}

.box > .block
{
    padding: 0;
}

.row.ui-sortable .box header
{
    cursor: move;
}

.btn-metis-1
{
    color: #ffffff;
    background-color: #ee465a;
    border-color: #c11a39;
}

    .btn-metis-1:hover,
    .btn-metis-1:focus,
    .btn-metis-1:active,
    .btn-metis-1.active,
    .open .dropdown-toggle.btn-metis-1
    {
        color: #ffffff;
        background-color: #eb2139;
        border-color: #8b1329;
    }

    .btn-metis-1:active,
    .btn-metis-1.active,
    .open .dropdown-toggle.btn-metis-1
    {
        background-image: none;
    }

    .btn-metis-1.disabled,
    .btn-metis-1[disabled],
    fieldset[disabled] .btn-metis-1,
    .btn-metis-1.disabled:hover,
    .btn-metis-1[disabled]:hover,
    fieldset[disabled] .btn-metis-1:hover,
    .btn-metis-1.disabled:focus,
    .btn-metis-1[disabled]:focus,
    fieldset[disabled] .btn-metis-1:focus,
    .btn-metis-1.disabled:active,
    .btn-metis-1[disabled]:active,
    fieldset[disabled] .btn-metis-1:active,
    .btn-metis-1.disabled.active,
    .btn-metis-1[disabled].active,
    fieldset[disabled] .btn-metis-1.active
    {
        background-color: #ee465a;
        border-color: #c11a39;
    }

.btn-metis-2
{
    color: #ffffff;
    background-color: #9fd256;
    border-color: #6fac34;
}

 

    .btn-metis-2:active,
    .btn-metis-2.active,
    .open .dropdown-toggle.btn-metis-2
    {
        background-image: none;
    }

    .btn-metis-2.disabled,
    .btn-metis-2[disabled],
    fieldset[disabled] .btn-metis-2,
    .btn-metis-2.disabled:hover,
    .btn-metis-2[disabled]:hover,
    fieldset[disabled] .btn-metis-2:hover,
    .btn-metis-2.disabled:focus,
    .btn-metis-2[disabled]:focus,
    fieldset[disabled] .btn-metis-2:focus,
    .btn-metis-2.disabled:active,
    .btn-metis-2[disabled]:active,
    fieldset[disabled] .btn-metis-2:active,
    .btn-metis-2.disabled.active,
    .btn-metis-2[disabled].active,
    fieldset[disabled] .btn-metis-2.active
    {
        background-color: #9fd256;
        border-color: #6fac34;
    }

.btn-metis-3
{
    color: #ffffff;
    background-color: #fbb450;
    border-color: #f89406;
}

    .btn-metis-3:hover,
    .btn-metis-3:focus,
    .btn-metis-3:active,
    .btn-metis-3.active,
    .open .dropdown-toggle.btn-metis-3
    {
        color: #ffffff;
        background-color: #faa328;
        border-color: #bc7005;
    }

    .btn-metis-3:active,
    .btn-metis-3.active,
    .open .dropdown-toggle.btn-metis-3
    {
        background-image: none;
    }

    .btn-metis-3.disabled,
    .btn-metis-3[disabled],
    fieldset[disabled] .btn-metis-3,
    .btn-metis-3.disabled:hover,
    .btn-metis-3[disabled]:hover,
    fieldset[disabled] .btn-metis-3:hover,
    .btn-metis-3.disabled:focus,
    .btn-metis-3[disabled]:focus,
    fieldset[disabled] .btn-metis-3:focus,
    .btn-metis-3.disabled:active,
    .btn-metis-3[disabled]:active,
    fieldset[disabled] .btn-metis-3:active,
    .btn-metis-3.disabled.active,
    .btn-metis-3[disabled].active,
    fieldset[disabled] .btn-metis-3.active
    {
        background-color: #fbb450;
        border-color: #f89406;
    }

.btn-metis-4
{
    color: #ffffff;
    background-color: #a264e7;
    border-color: #62309a;
}

    .btn-metis-4:hover,
    .btn-metis-4:focus,
    .btn-metis-4:active,
    .btn-metis-4.active,
    .open .dropdown-toggle.btn-metis-4
    {
        color: #ffffff;
        background-color: #8d41e2;
        border-color: #44216b;
    }

    .btn-metis-4:active,
    .btn-metis-4.active,
    .open .dropdown-toggle.btn-metis-4
    {
        background-image: none;
    }

    .btn-metis-4.disabled,
    .btn-metis-4[disabled],
    fieldset[disabled] .btn-metis-4,
    .btn-metis-4.disabled:hover,
    .btn-metis-4[disabled]:hover,
    fieldset[disabled] .btn-metis-4:hover,
    .btn-metis-4.disabled:focus,
    .btn-metis-4[disabled]:focus,
    fieldset[disabled] .btn-metis-4:focus,
    .btn-metis-4.disabled:active,
    .btn-metis-4[disabled]:active,
    fieldset[disabled] .btn-metis-4:active,
    .btn-metis-4.disabled.active,
    .btn-metis-4[disabled].active,
    fieldset[disabled] .btn-metis-4.active
    {
        background-color: #a264e7;
        border-color: #62309a;
    }

.btn-metis-5
{
    color: #ffffff;
    background-color: #777777;
    border-color: #555555;
}

    .btn-metis-5:hover,
    .btn-metis-5:focus,
    .btn-metis-5:active,
    .btn-metis-5.active,
    .open .dropdown-toggle.btn-metis-5
    {
        color: #ffffff;
        background-color: #636363;
        border-color: #363636;
    }

    .btn-metis-5:active,
    .btn-metis-5.active,
    .open .dropdown-toggle.btn-metis-5
    {
        background-image: none;
    }

    .btn-metis-5.disabled,
    .btn-metis-5[disabled],
    fieldset[disabled] .btn-metis-5,
    .btn-metis-5.disabled:hover,
    .btn-metis-5[disabled]:hover,
    fieldset[disabled] .btn-metis-5:hover,
    .btn-metis-5.disabled:focus,
    .btn-metis-5[disabled]:focus,
    fieldset[disabled] .btn-metis-5:focus,
    .btn-metis-5.disabled:active,
    .btn-metis-5[disabled]:active,
    fieldset[disabled] .btn-metis-5:active,
    .btn-metis-5.disabled.active,
    .btn-metis-5[disabled].active,
    fieldset[disabled] .btn-metis-5.active
    {
        background-color: #777777;
        border-color: #555555;
    }

.btn-metis-6
{
    color: #ffffff;
    background-color: #00b4f5;
    border-color: #008dc5;
}

    .btn-metis-6:hover,
    .btn-metis-6:focus,
    .btn-metis-6:active,
    .btn-metis-6.active,
    .open .dropdown-toggle.btn-metis-6
    {
        color: #ffffff;
        background-color: #0096cc;
        border-color: #006188;
    }

    .btn-metis-6:active,
    .btn-metis-6.active,
    .open .dropdown-toggle.btn-metis-6
    {
        background-image: none;
    }

    .btn-metis-6.disabled,
    .btn-metis-6[disabled],
    fieldset[disabled] .btn-metis-6,
    .btn-metis-6.disabled:hover,
    .btn-metis-6[disabled]:hover,
    fieldset[disabled] .btn-metis-6:hover,
    .btn-metis-6.disabled:focus,
    .btn-metis-6[disabled]:focus,
    fieldset[disabled] .btn-metis-6:focus,
    .btn-metis-6.disabled:active,
    .btn-metis-6[disabled]:active,
    fieldset[disabled] .btn-metis-6:active,
    .btn-metis-6.disabled.active,
    .btn-metis-6[disabled].active,
    fieldset[disabled] .btn-metis-6.active
    {
        background-color: #00b4f5;
        border-color: #008dc5;
    }

.btn-circle
{
    width: 40px;
    height: 40px;
    padding: 8px 10px;
    border-radius: 500px;
}

    .btn-circle.btn-lg
    {
        width: 60px;
        height: 60px;
        padding: 14px 16px;
    }

    .btn-circle.btn-sm
    {
        width: 30px;
        height: 30px;
        padding: 5px 10px;
    }

    .btn-circle.btn-xs
    {
        width: 20px;
        height: 20px;
        padding: 0 5px;
    }

.btn-rect
{
    border-radius: 0 !important;
}

.btn-round.btn
{
    border-radius: 28px;
}

.btn-round.btn-xs
{
    border-radius: 28px;
}

.btn-round.btn-sm
{
    border-radius: 28px;
}

.btn-round.btn-lg
{
    border-radius: 28px;
}

.btn-line.btn-default
{
    color: #333333;
    background-color: #fff;
    border-color: #cccccc;
}

    .btn-line.btn-default:hover,
    .btn-line.btn-default:focus,
    .btn-line.btn-default:active,
    .btn-line.btn-default.active
    {
        color: #ffffff;
        background-color: #262626;
        border-color: #b3b3b3;
    }

    .btn-line.btn-default.disabled,
    .btn-line.btn-default[disabled],
    fieldset[disabled] .btn-line.btn-default,
    .btn-line.btn-default.disabled:hover,
    .btn-line.btn-default[disabled]:hover,
    fieldset[disabled] .btn-line.btn-default:hover,
    .btn-line.btn-default.disabled:focus,
    .btn-line.btn-default[disabled]:focus,
    fieldset[disabled] .btn-line.btn-default:focus,
    .btn-line.btn-default.disabled:active,
    .btn-line.btn-default[disabled]:active,
    fieldset[disabled] .btn-line.btn-default:active,
    .btn-line.btn-default.disabled.active,
    .btn-line.btn-default[disabled].active,
    fieldset[disabled] .btn-line.btn-default.active
    {
        background-color: #ffffff;
        border-color: #cccccc;
    }

.btn-line.btn-primary
{
    color: #428bca;
    background-color: #fff;
    border-color: #357ebd;
}

    .btn-line.btn-primary:hover,
    .btn-line.btn-primary:focus,
    .btn-line.btn-primary:active,
    .btn-line.btn-primary.active
    {
        color: #ffffff;
        background-color: #357ebd;
        border-color: #2a6496;
    }

    .btn-line.btn-primary.disabled,
    .btn-line.btn-primary[disabled],
    fieldset[disabled] .btn-line.btn-primary,
    .btn-line.btn-primary.disabled:hover,
    .btn-line.btn-primary[disabled]:hover,
    fieldset[disabled] .btn-line.btn-primary:hover,
    .btn-line.btn-primary.disabled:focus,
    .btn-line.btn-primary[disabled]:focus,
    fieldset[disabled] .btn-line.btn-primary:focus,
    .btn-line.btn-primary.disabled:active,
    .btn-line.btn-primary[disabled]:active,
    fieldset[disabled] .btn-line.btn-primary:active,
    .btn-line.btn-primary.disabled.active,
    .btn-line.btn-primary[disabled].active,
    fieldset[disabled] .btn-line.btn-primary.active
    {
        background-color: #ffffff;
        border-color: #357ebd;
    }

.btn-line.btn-warning
{
    color: #f0ad4e;
    background-color: #fff;
    border-color: #eea236;
}

    .btn-line.btn-warning:hover,
    .btn-line.btn-warning:focus,
    .btn-line.btn-warning:active,
    .btn-line.btn-warning.active
    {
        color: #ffffff;
        background-color: #eea236;
        border-color: #df8a13;
    }

    .btn-line.btn-warning.disabled,
    .btn-line.btn-warning[disabled],
    fieldset[disabled] .btn-line.btn-warning,
    .btn-line.btn-warning.disabled:hover,
    .btn-line.btn-warning[disabled]:hover,
    fieldset[disabled] .btn-line.btn-warning:hover,
    .btn-line.btn-warning.disabled:focus,
    .btn-line.btn-warning[disabled]:focus,
    fieldset[disabled] .btn-line.btn-warning:focus,
    .btn-line.btn-warning.disabled:active,
    .btn-line.btn-warning[disabled]:active,
    fieldset[disabled] .btn-line.btn-warning:active,
    .btn-line.btn-warning.disabled.active,
    .btn-line.btn-warning[disabled].active,
    fieldset[disabled] .btn-line.btn-warning.active
    {
        background-color: #ffffff;
        border-color: #eea236;
    }

.btn-line.btn-danger
{
    color: #d9534f;
    background-color: #fff;
    border-color: #d43f3a;
}

    .btn-line.btn-danger:hover,
    .btn-line.btn-danger:focus,
    .btn-line.btn-danger:active,
    .btn-line.btn-danger.active
    {
        color: #ffffff;
        background-color: #d43f3a;
        border-color: #b52b27;
    }

    .btn-line.btn-danger.disabled,
    .btn-line.btn-danger[disabled],
    fieldset[disabled] .btn-line.btn-danger,
    .btn-line.btn-danger.disabled:hover,
    .btn-line.btn-danger[disabled]:hover,
    fieldset[disabled] .btn-line.btn-danger:hover,
    .btn-line.btn-danger.disabled:focus,
    .btn-line.btn-danger[disabled]:focus,
    fieldset[disabled] .btn-line.btn-danger:focus,
    .btn-line.btn-danger.disabled:active,
    .btn-line.btn-danger[disabled]:active,
    fieldset[disabled] .btn-line.btn-danger:active,
    .btn-line.btn-danger.disabled.active,
    .btn-line.btn-danger[disabled].active,
    fieldset[disabled] .btn-line.btn-danger.active
    {
        background-color: #ffffff;
        border-color: #d43f3a;
    }

.btn-line.btn-success
{
    color: #5cb85c;
    background-color: #fff;
    border-color: #4cae4c;
}

    .btn-line.btn-success:hover,
    .btn-line.btn-success:focus,
    .btn-line.btn-success:active,
    .btn-line.btn-success.active
    {
        color: #ffffff;
        background-color: #4cae4c;
        border-color: #3d8b3d;
    }

    .btn-line.btn-success.disabled,
    .btn-line.btn-success[disabled],
    fieldset[disabled] .btn-line.btn-success,
    .btn-line.btn-success.disabled:hover,
    .btn-line.btn-success[disabled]:hover,
    fieldset[disabled] .btn-line.btn-success:hover,
    .btn-line.btn-success.disabled:focus,
    .btn-line.btn-success[disabled]:focus,
    fieldset[disabled] .btn-line.btn-success:focus,
    .btn-line.btn-success.disabled:active,
    .btn-line.btn-success[disabled]:active,
    fieldset[disabled] .btn-line.btn-success:active,
    .btn-line.btn-success.disabled.active,
    .btn-line.btn-success[disabled].active,
    fieldset[disabled] .btn-line.btn-success.active
    {
        background-color: #ffffff;
        border-color: #4cae4c;
    }

.btn-line.btn-info
{
    color: #5bc0de;
    background-color: #fff;
    border-color: #46b8da;
}

    .btn-line.btn-info:hover,
    .btn-line.btn-info:focus,
    .btn-line.btn-info:active,
    .btn-line.btn-info.active
    {
        color: #ffffff;
        background-color: #46b8da;
        border-color: #28a1c5;
    }

    .btn-line.btn-info.disabled,
    .btn-line.btn-info[disabled],
    fieldset[disabled] .btn-line.btn-info,
    .btn-line.btn-info.disabled:hover,
    .btn-line.btn-info[disabled]:hover,
    fieldset[disabled] .btn-line.btn-info:hover,
    .btn-line.btn-info.disabled:focus,
    .btn-line.btn-info[disabled]:focus,
    fieldset[disabled] .btn-line.btn-info:focus,
    .btn-line.btn-info.disabled:active,
    .btn-line.btn-info[disabled]:active,
    fieldset[disabled] .btn-line.btn-info:active,
    .btn-line.btn-info.disabled.active,
    .btn-line.btn-info[disabled].active,
    fieldset[disabled] .btn-line.btn-info.active
    {
        background-color: #ffffff;
        border-color: #46b8da;
    }

.btn-line.btn-metis-1
{
    color: #ee465a;
    background-color: #fff;
    border-color: #c11a39;
}

    .btn-line.btn-metis-1:hover,
    .btn-line.btn-metis-1:focus,
    .btn-line.btn-metis-1:active,
    .btn-line.btn-metis-1.active
    {
        color: #ffffff;
        background-color: #ec2f45;
        border-color: #94142c;
    }

    .btn-line.btn-metis-1.disabled,
    .btn-line.btn-metis-1[disabled],
    fieldset[disabled] .btn-line.btn-metis-1,
    .btn-line.btn-metis-1.disabled:hover,
    .btn-line.btn-metis-1[disabled]:hover,
    fieldset[disabled] .btn-line.btn-metis-1:hover,
    .btn-line.btn-metis-1.disabled:focus,
    .btn-line.btn-metis-1[disabled]:focus,
    fieldset[disabled] .btn-line.btn-metis-1:focus,
    .btn-line.btn-metis-1.disabled:active,
    .btn-line.btn-metis-1[disabled]:active,
    fieldset[disabled] .btn-line.btn-metis-1:active,
    .btn-line.btn-metis-1.disabled.active,
    .btn-line.btn-metis-1[disabled].active,
    fieldset[disabled] .btn-line.btn-metis-1.active
    {
        background-color: #ffffff;
        border-color: #c11a39;
    }

.btn-line.btn-metis-2
{
    color: #9fd256;
    background-color: #fff;
    border-color: #6fac34;
}

    .btn-line.btn-metis-2:hover,
    .btn-line.btn-metis-2:focus,
    .btn-line.btn-metis-2:active,
    .btn-line.btn-metis-2.active
    {
        color: #ffffff;
        background-color: #94cd42;
        border-color: #568528;
    }

    .btn-line.btn-metis-2.disabled,
    .btn-line.btn-metis-2[disabled],
    fieldset[disabled] .btn-line.btn-metis-2,
    .btn-line.btn-metis-2.disabled:hover,
    .btn-line.btn-metis-2[disabled]:hover,
    fieldset[disabled] .btn-line.btn-metis-2:hover,
    .btn-line.btn-metis-2.disabled:focus,
    .btn-line.btn-metis-2[disabled]:focus,
    fieldset[disabled] .btn-line.btn-metis-2:focus,
    .btn-line.btn-metis-2.disabled:active,
    .btn-line.btn-metis-2[disabled]:active,
    fieldset[disabled] .btn-line.btn-metis-2:active,
    .btn-line.btn-metis-2.disabled.active,
    .btn-line.btn-metis-2[disabled].active,
    fieldset[disabled] .btn-line.btn-metis-2.active
    {
        background-color: #ffffff;
        border-color: #6fac34;
    }

.btn-line.btn-metis-3
{
    color: #fbb450;
    background-color: #fff;
    border-color: #f89406;
}

    .btn-line.btn-metis-3:hover,
    .btn-line.btn-metis-3:focus,
    .btn-line.btn-metis-3:active,
    .btn-line.btn-metis-3.active
    {
        color: #ffffff;
        background-color: #faa937;
        border-color: #c67605;
    }

    .btn-line.btn-metis-3.disabled,
    .btn-line.btn-metis-3[disabled],
    fieldset[disabled] .btn-line.btn-metis-3,
    .btn-line.btn-metis-3.disabled:hover,
    .btn-line.btn-metis-3[disabled]:hover,
    fieldset[disabled] .btn-line.btn-metis-3:hover,
    .btn-line.btn-metis-3.disabled:focus,
    .btn-line.btn-metis-3[disabled]:focus,
    fieldset[disabled] .btn-line.btn-metis-3:focus,
    .btn-line.btn-metis-3.disabled:active,
    .btn-line.btn-metis-3[disabled]:active,
    fieldset[disabled] .btn-line.btn-metis-3:active,
    .btn-line.btn-metis-3.disabled.active,
    .btn-line.btn-metis-3[disabled].active,
    fieldset[disabled] .btn-line.btn-metis-3.active
    {
        background-color: #ffffff;
        border-color: #f89406;
    }

.btn-line.btn-metis-4
{
    color: #a264e7;
    background-color: #fff;
    border-color: #62309a;
}

    .btn-line.btn-metis-4:hover,
    .btn-line.btn-metis-4:focus,
    .btn-line.btn-metis-4:active,
    .btn-line.btn-metis-4.active
    {
        color: #ffffff;
        background-color: #954ee4;
        border-color: #492473;
    }

    .btn-line.btn-metis-4.disabled,
    .btn-line.btn-metis-4[disabled],
    fieldset[disabled] .btn-line.btn-metis-4,
    .btn-line.btn-metis-4.disabled:hover,
    .btn-line.btn-metis-4[disabled]:hover,
    fieldset[disabled] .btn-line.btn-metis-4:hover,
    .btn-line.btn-metis-4.disabled:focus,
    .btn-line.btn-metis-4[disabled]:focus,
    fieldset[disabled] .btn-line.btn-metis-4:focus,
    .btn-line.btn-metis-4.disabled:active,
    .btn-line.btn-metis-4[disabled]:active,
    fieldset[disabled] .btn-line.btn-metis-4:active,
    .btn-line.btn-metis-4.disabled.active,
    .btn-line.btn-metis-4[disabled].active,
    fieldset[disabled] .btn-line.btn-metis-4.active
    {
        background-color: #ffffff;
        border-color: #62309a;
    }

.btn-line.btn-metis-5
{
    color: #777777;
    background-color: #fff;
    border-color: #555555;
}

    .btn-line.btn-metis-5:hover,
    .btn-line.btn-metis-5:focus,
    .btn-line.btn-metis-5:active,
    .btn-line.btn-metis-5.active
    {
        color: #ffffff;
        background-color: #6a6a6a;
        border-color: #3b3b3b;
    }

    .btn-line.btn-metis-5.disabled,
    .btn-line.btn-metis-5[disabled],
    fieldset[disabled] .btn-line.btn-metis-5,
    .btn-line.btn-metis-5.disabled:hover,
    .btn-line.btn-metis-5[disabled]:hover,
    fieldset[disabled] .btn-line.btn-metis-5:hover,
    .btn-line.btn-metis-5.disabled:focus,
    .btn-line.btn-metis-5[disabled]:focus,
    fieldset[disabled] .btn-line.btn-metis-5:focus,
    .btn-line.btn-metis-5.disabled:active,
    .btn-line.btn-metis-5[disabled]:active,
    fieldset[disabled] .btn-line.btn-metis-5:active,
    .btn-line.btn-metis-5.disabled.active,
    .btn-line.btn-metis-5[disabled].active,
    fieldset[disabled] .btn-line.btn-metis-5.active
    {
        background-color: #ffffff;
        border-color: #555555;
    }

.btn-line.btn-metis-6
{
    color: #00b4f5;
    background-color: #fff;
    border-color: #008dc5;
}

    .btn-line.btn-metis-6:hover,
    .btn-line.btn-metis-6:focus,
    .btn-line.btn-metis-6:active,
    .btn-line.btn-metis-6.active
    {
        color: #ffffff;
        background-color: #00a1dc;
        border-color: #006892;
    }

    .btn-line.btn-metis-6.disabled,
    .btn-line.btn-metis-6[disabled],
    fieldset[disabled] .btn-line.btn-metis-6,
    .btn-line.btn-metis-6.disabled:hover,
    .btn-line.btn-metis-6[disabled]:hover,
    fieldset[disabled] .btn-line.btn-metis-6:hover,
    .btn-line.btn-metis-6.disabled:focus,
    .btn-line.btn-metis-6[disabled]:focus,
    fieldset[disabled] .btn-line.btn-metis-6:focus,
    .btn-line.btn-metis-6.disabled:active,
    .btn-line.btn-metis-6[disabled]:active,
    fieldset[disabled] .btn-line.btn-metis-6:active,
    .btn-line.btn-metis-6.disabled.active,
    .btn-line.btn-metis-6[disabled].active,
    fieldset[disabled] .btn-line.btn-metis-6.active
    {
        background-color: #ffffff;
        border-color: #008dc5;
    }

.btn-grad.btn-default
{
    text-shadow: 0 -1px 0 gba(0, 0, 0, 0.2);
    background-image: -webkit-linear-gradient(top, #ffffff, #b3b3b3);
    background-image: linear-gradient(to bottom, #ffffff, #b3b3b3);
    border-color: rgba(0, 0, 0, 0.2);
    border-bottom-color: rgba(0, 0, 0, 0.4);
}

    .btn-grad.btn-default:hover,
    .btn-grad.btn-default:focus,
    .btn-grad.btn-default:active,
    .btn-grad.btn-default.active
    {
        background-image: none;
        border-color: rgba(0, 0, 0, 0.2);
        border-top-color: rgba(0, 0, 0, 0.4);
        box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.2);
    }

    .btn-grad.btn-default.disabled,
    .btn-grad.btn-default[disabled],
    fieldset[disabled] .btn-grad.btn-default,
    .btn-grad.btn-default.disabled:hover,
    .btn-grad.btn-default[disabled]:hover,
    fieldset[disabled] .btn-grad.btn-default:hover,
    .btn-grad.btn-default.disabled:focus,
    .btn-grad.btn-default[disabled]:focus,
    fieldset[disabled] .btn-grad.btn-default:focus,
    .btn-grad.btn-default.disabled:active,
    .btn-grad.btn-default[disabled]:active,
    fieldset[disabled] .btn-grad.btn-default:active,
    .btn-grad.btn-default.disabled.active,
    .btn-grad.btn-default[disabled].active,
    fieldset[disabled] .btn-grad.btn-default.active
    {
        background-image: none;
        border-color: rgba(0, 0, 0, 0.2);
        border-top-color: rgba(0, 0, 0, 0.4);
        box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.2);
    }

.btn-grad.btn-primary
{
    text-shadow: 0 -1px 0 gba(0, 0, 0, 0.2);
    background-image: -webkit-linear-gradient(top, #428bca, #2a6496);
    background-image: linear-gradient(to bottom, #428bca, #2a6496);
    border-color: rgba(0, 0, 0, 0.2);
    border-bottom-color: rgba(0, 0, 0, 0.4);
}

    .btn-grad.btn-primary:hover,
    .btn-grad.btn-primary:focus,
    .btn-grad.btn-primary:active,
    .btn-grad.btn-primary.active
    {
        background-image: none;
        border-color: rgba(0, 0, 0, 0.2);
        border-top-color: rgba(0, 0, 0, 0.4);
        box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.2);
    }

    .btn-grad.btn-primary.disabled,
    .btn-grad.btn-primary[disabled],
    fieldset[disabled] .btn-grad.btn-primary,
    .btn-grad.btn-primary.disabled:hover,
    .btn-grad.btn-primary[disabled]:hover,
    fieldset[disabled] .btn-grad.btn-primary:hover,
    .btn-grad.btn-primary.disabled:focus,
    .btn-grad.btn-primary[disabled]:focus,
    fieldset[disabled] .btn-grad.btn-primary:focus,
    .btn-grad.btn-primary.disabled:active,
    .btn-grad.btn-primary[disabled]:active,
    fieldset[disabled] .btn-grad.btn-primary:active,
    .btn-grad.btn-primary.disabled.active,
    .btn-grad.btn-primary[disabled].active,
    fieldset[disabled] .btn-grad.btn-primary.active
    {
        background-image: none;
        border-color: rgba(0, 0, 0, 0.2);
        border-top-color: rgba(0, 0, 0, 0.4);
        box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.2);
    }

.btn-grad.btn-warning
{
    text-shadow: 0 -1px 0 gba(0, 0, 0, 0.2);
    background-image: -webkit-linear-gradient(top, #f0ad4e, #df8a13);
    background-image: linear-gradient(to bottom, #f0ad4e, #df8a13);
    border-color: rgba(0, 0, 0, 0.2);
    border-bottom-color: rgba(0, 0, 0, 0.4);
}

    .btn-grad.btn-warning:hover,
    .btn-grad.btn-warning:focus,
    .btn-grad.btn-warning:active,
    .btn-grad.btn-warning.active
    {
        background-image: none;
        border-color: rgba(0, 0, 0, 0.2);
        border-top-color: rgba(0, 0, 0, 0.4);
        box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.2);
    }

    .btn-grad.btn-warning.disabled,
    .btn-grad.btn-warning[disabled],
    fieldset[disabled] .btn-grad.btn-warning,
    .btn-grad.btn-warning.disabled:hover,
    .btn-grad.btn-warning[disabled]:hover,
    fieldset[disabled] .btn-grad.btn-warning:hover,
    .btn-grad.btn-warning.disabled:focus,
    .btn-grad.btn-warning[disabled]:focus,
    fieldset[disabled] .btn-grad.btn-warning:focus,
    .btn-grad.btn-warning.disabled:active,
    .btn-grad.btn-warning[disabled]:active,
    fieldset[disabled] .btn-grad.btn-warning:active,
    .btn-grad.btn-warning.disabled.active,
    .btn-grad.btn-warning[disabled].active,
    fieldset[disabled] .btn-grad.btn-warning.active
    {
        background-image: none;
        border-color: rgba(0, 0, 0, 0.2);
        border-top-color: rgba(0, 0, 0, 0.4);
        box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.2);
    }

.btn-grad.btn-danger
{
    text-shadow: 0 -1px 0 gba(0, 0, 0, 0.2);
    background-image: -webkit-linear-gradient(top, #d9534f, #b52b27);
    background-image: linear-gradient(to bottom, #d9534f, #b52b27);
    border-color: rgba(0, 0, 0, 0.2);
    border-bottom-color: rgba(0, 0, 0, 0.4);
}

    .btn-grad.btn-danger:hover,
    .btn-grad.btn-danger:focus,
    .btn-grad.btn-danger:active,
    .btn-grad.btn-danger.active
    {
        background-image: none;
        border-color: rgba(0, 0, 0, 0.2);
        border-top-color: rgba(0, 0, 0, 0.4);
        box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.2);
    }

    .btn-grad.btn-danger.disabled,
    .btn-grad.btn-danger[disabled],
    fieldset[disabled] .btn-grad.btn-danger,
    .btn-grad.btn-danger.disabled:hover,
    .btn-grad.btn-danger[disabled]:hover,
    fieldset[disabled] .btn-grad.btn-danger:hover,
    .btn-grad.btn-danger.disabled:focus,
    .btn-grad.btn-danger[disabled]:focus,
    fieldset[disabled] .btn-grad.btn-danger:focus,
    .btn-grad.btn-danger.disabled:active,
    .btn-grad.btn-danger[disabled]:active,
    fieldset[disabled] .btn-grad.btn-danger:active,
    .btn-grad.btn-danger.disabled.active,
    .btn-grad.btn-danger[disabled].active,
    fieldset[disabled] .btn-grad.btn-danger.active
    {
        background-image: none;
        border-color: rgba(0, 0, 0, 0.2);
        border-top-color: rgba(0, 0, 0, 0.4);
        box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.2);
    }

.btn-grad.btn-success
{
    text-shadow: 0 -1px 0 gba(0, 0, 0, 0.2);
    background-image: -webkit-linear-gradient(top, #5cb85c, #3d8b3d);
    background-image: linear-gradient(to bottom, #5cb85c, #3d8b3d);
    border-color: rgba(0, 0, 0, 0.2);
    border-bottom-color: rgba(0, 0, 0, 0.4);
}

    .btn-grad.btn-success:hover,
    .btn-grad.btn-success:focus,
    .btn-grad.btn-success:active,
    .btn-grad.btn-success.active
    {
        background-image: none;
        border-color: rgba(0, 0, 0, 0.2);
        border-top-color: rgba(0, 0, 0, 0.4);
        box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.2);
    }

    .btn-grad.btn-success.disabled,
    .btn-grad.btn-success[disabled],
    fieldset[disabled] .btn-grad.btn-success,
    .btn-grad.btn-success.disabled:hover,
    .btn-grad.btn-success[disabled]:hover,
    fieldset[disabled] .btn-grad.btn-success:hover,
    .btn-grad.btn-success.disabled:focus,
    .btn-grad.btn-success[disabled]:focus,
    fieldset[disabled] .btn-grad.btn-success:focus,
    .btn-grad.btn-success.disabled:active,
    .btn-grad.btn-success[disabled]:active,
    fieldset[disabled] .btn-grad.btn-success:active,
    .btn-grad.btn-success.disabled.active,
    .btn-grad.btn-success[disabled].active,
    fieldset[disabled] .btn-grad.btn-success.active
    {
        background-image: none;
        border-color: rgba(0, 0, 0, 0.2);
        border-top-color: rgba(0, 0, 0, 0.4);
        box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.2);
    }

.btn-grad.btn-info
{
    text-shadow: 0 -1px 0 gba(0, 0, 0, 0.2);
    background-image: -webkit-linear-gradient(top, #5bc0de, #28a1c5);
    background-image: linear-gradient(to bottom, #5bc0de, #28a1c5);
    border-color: rgba(0, 0, 0, 0.2);
    border-bottom-color: rgba(0, 0, 0, 0.4);
}

    .btn-grad.btn-info:hover,
    .btn-grad.btn-info:focus,
    .btn-grad.btn-info:active,
    .btn-grad.btn-info.active
    {
        background-image: none;
        border-color: rgba(0, 0, 0, 0.2);
        border-top-color: rgba(0, 0, 0, 0.4);
        box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.2);
    }

    .btn-grad.btn-info.disabled,
    .btn-grad.btn-info[disabled],
    fieldset[disabled] .btn-grad.btn-info,
    .btn-grad.btn-info.disabled:hover,
    .btn-grad.btn-info[disabled]:hover,
    fieldset[disabled] .btn-grad.btn-info:hover,
    .btn-grad.btn-info.disabled:focus,
    .btn-grad.btn-info[disabled]:focus,
    fieldset[disabled] .btn-grad.btn-info:focus,
    .btn-grad.btn-info.disabled:active,
    .btn-grad.btn-info[disabled]:active,
    fieldset[disabled] .btn-grad.btn-info:active,
    .btn-grad.btn-info.disabled.active,
    .btn-grad.btn-info[disabled].active,
    fieldset[disabled] .btn-grad.btn-info.active
    {
        background-image: none;
        border-color: rgba(0, 0, 0, 0.2);
        border-top-color: rgba(0, 0, 0, 0.4);
        box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.2);
    }

.btn-grad.btn-metis-1
{
    text-shadow: 0 -1px 0 gba(0, 0, 0, 0.2);
    background-image: -webkit-linear-gradient(top, #ee465a, #c11a39);
    background-image: linear-gradient(to bottom, #ee465a, #c11a39);
    border-color: rgba(0, 0, 0, 0.2);
    border-bottom-color: rgba(0, 0, 0, 0.4);
}

    .btn-grad.btn-metis-1:hover,
    .btn-grad.btn-metis-1:focus,
    .btn-grad.btn-metis-1:active,
    .btn-grad.btn-metis-1.active
    {
        background-image: none;
        border-color: rgba(0, 0, 0, 0.2);
        border-top-color: rgba(0, 0, 0, 0.4);
        box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.2);
    }

    .btn-grad.btn-metis-1.disabled,
    .btn-grad.btn-metis-1[disabled],
    fieldset[disabled] .btn-grad.btn-metis-1,
    .btn-grad.btn-metis-1.disabled:hover,
    .btn-grad.btn-metis-1[disabled]:hover,
    fieldset[disabled] .btn-grad.btn-metis-1:hover,
    .btn-grad.btn-metis-1.disabled:focus,
    .btn-grad.btn-metis-1[disabled]:focus,
    fieldset[disabled] .btn-grad.btn-metis-1:focus,
    .btn-grad.btn-metis-1.disabled:active,
    .btn-grad.btn-metis-1[disabled]:active,
    fieldset[disabled] .btn-grad.btn-metis-1:active,
    .btn-grad.btn-metis-1.disabled.active,
    .btn-grad.btn-metis-1[disabled].active,
    fieldset[disabled] .btn-grad.btn-metis-1.active
    {
        background-image: none;
        border-color: rgba(0, 0, 0, 0.2);
        border-top-color: rgba(0, 0, 0, 0.4);
        box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.2);
    }

.btn-grad.btn-metis-2
{
    text-shadow: 0 -1px 0 gba(0, 0, 0, 0.2);
    background-image: -webkit-linear-gradient(top, #9fd256, #6fac34);
    background-image: linear-gradient(to bottom, #9fd256, #6fac34);
    border-color: rgba(0, 0, 0, 0.2);
    border-bottom-color: rgba(0, 0, 0, 0.4);
}

    .btn-grad.btn-metis-2:hover,
    .btn-grad.btn-metis-2:focus,
    .btn-grad.btn-metis-2:active,
    .btn-grad.btn-metis-2.active
    {
        background-image: none;
        border-color: rgba(0, 0, 0, 0.2);
        border-top-color: rgba(0, 0, 0, 0.4);
        box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.2);
    }

    .btn-grad.btn-metis-2.disabled,
    .btn-grad.btn-metis-2[disabled],
    fieldset[disabled] .btn-grad.btn-metis-2,
    .btn-grad.btn-metis-2.disabled:hover,
    .btn-grad.btn-metis-2[disabled]:hover,
    fieldset[disabled] .btn-grad.btn-metis-2:hover,
    .btn-grad.btn-metis-2.disabled:focus,
    .btn-grad.btn-metis-2[disabled]:focus,
    fieldset[disabled] .btn-grad.btn-metis-2:focus,
    .btn-grad.btn-metis-2.disabled:active,
    .btn-grad.btn-metis-2[disabled]:active,
    fieldset[disabled] .btn-grad.btn-metis-2:active,
    .btn-grad.btn-metis-2.disabled.active,
    .btn-grad.btn-metis-2[disabled].active,
    fieldset[disabled] .btn-grad.btn-metis-2.active
    {
        background-image: none;
        border-color: rgba(0, 0, 0, 0.2);
        border-top-color: rgba(0, 0, 0, 0.4);
        box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.2);
    }

.btn-grad.btn-metis-3
{
    text-shadow: 0 -1px 0 gba(0, 0, 0, 0.2);
    background-image: -webkit-linear-gradient(top, #fbb450, #f89406);
    background-image: linear-gradient(to bottom, #fbb450, #f89406);
    border-color: rgba(0, 0, 0, 0.2);
    border-bottom-color: rgba(0, 0, 0, 0.4);
}

    .btn-grad.btn-metis-3:hover,
    .btn-grad.btn-metis-3:focus,
    .btn-grad.btn-metis-3:active,
    .btn-grad.btn-metis-3.active
    {
        background-image: none;
        border-color: rgba(0, 0, 0, 0.2);
        border-top-color: rgba(0, 0, 0, 0.4);
        box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.2);
    }

    .btn-grad.btn-metis-3.disabled,
    .btn-grad.btn-metis-3[disabled],
    fieldset[disabled] .btn-grad.btn-metis-3,
    .btn-grad.btn-metis-3.disabled:hover,
    .btn-grad.btn-metis-3[disabled]:hover,
    fieldset[disabled] .btn-grad.btn-metis-3:hover,
    .btn-grad.btn-metis-3.disabled:focus,
    .btn-grad.btn-metis-3[disabled]:focus,
    fieldset[disabled] .btn-grad.btn-metis-3:focus,
    .btn-grad.btn-metis-3.disabled:active,
    .btn-grad.btn-metis-3[disabled]:active,
    fieldset[disabled] .btn-grad.btn-metis-3:active,
    .btn-grad.btn-metis-3.disabled.active,
    .btn-grad.btn-metis-3[disabled].active,
    fieldset[disabled] .btn-grad.btn-metis-3.active
    {
        background-image: none;
        border-color: rgba(0, 0, 0, 0.2);
        border-top-color: rgba(0, 0, 0, 0.4);
        box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.2);
    }

.btn-grad.btn-metis-4
{
    text-shadow: 0 -1px 0 gba(0, 0, 0, 0.2);
    background-image: -webkit-linear-gradient(top, #a264e7, #62309a);
    background-image: linear-gradient(to bottom, #a264e7, #62309a);
    border-color: rgba(0, 0, 0, 0.2);
    border-bottom-color: rgba(0, 0, 0, 0.4);
}

    .btn-grad.btn-metis-4:hover,
    .btn-grad.btn-metis-4:focus,
    .btn-grad.btn-metis-4:active,
    .btn-grad.btn-metis-4.active
    {
        background-image: none;
        border-color: rgba(0, 0, 0, 0.2);
        border-top-color: rgba(0, 0, 0, 0.4);
        box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.2);
    }

    .btn-grad.btn-metis-4.disabled,
    .btn-grad.btn-metis-4[disabled],
    fieldset[disabled] .btn-grad.btn-metis-4,
    .btn-grad.btn-metis-4.disabled:hover,
    .btn-grad.btn-metis-4[disabled]:hover,
    fieldset[disabled] .btn-grad.btn-metis-4:hover,
    .btn-grad.btn-metis-4.disabled:focus,
    .btn-grad.btn-metis-4[disabled]:focus,
    fieldset[disabled] .btn-grad.btn-metis-4:focus,
    .btn-grad.btn-metis-4.disabled:active,
    .btn-grad.btn-metis-4[disabled]:active,
    fieldset[disabled] .btn-grad.btn-metis-4:active,
    .btn-grad.btn-metis-4.disabled.active,
    .btn-grad.btn-metis-4[disabled].active,
    fieldset[disabled] .btn-grad.btn-metis-4.active
    {
        background-image: none;
        border-color: rgba(0, 0, 0, 0.2);
        border-top-color: rgba(0, 0, 0, 0.4);
        box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.2);
    }

.btn-grad.btn-metis-5
{
    text-shadow: 0 -1px 0 gba(0, 0, 0, 0.2);
    background-image: -webkit-linear-gradient(top, #777777, #555555);
    background-image: linear-gradient(to bottom, #777777, #555555);
    border-color: rgba(0, 0, 0, 0.2);
    border-bottom-color: rgba(0, 0, 0, 0.4);
}

    .btn-grad.btn-metis-5:hover,
    .btn-grad.btn-metis-5:focus,
    .btn-grad.btn-metis-5:active,
    .btn-grad.btn-metis-5.active
    {
        background-image: none;
        border-color: rgba(0, 0, 0, 0.2);
        border-top-color: rgba(0, 0, 0, 0.4);
        box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.2);
    }

    .btn-grad.btn-metis-5.disabled,
    .btn-grad.btn-metis-5[disabled],
    fieldset[disabled] .btn-grad.btn-metis-5,
    .btn-grad.btn-metis-5.disabled:hover,
    .btn-grad.btn-metis-5[disabled]:hover,
    fieldset[disabled] .btn-grad.btn-metis-5:hover,
    .btn-grad.btn-metis-5.disabled:focus,
    .btn-grad.btn-metis-5[disabled]:focus,
    fieldset[disabled] .btn-grad.btn-metis-5:focus,
    .btn-grad.btn-metis-5.disabled:active,
    .btn-grad.btn-metis-5[disabled]:active,
    fieldset[disabled] .btn-grad.btn-metis-5:active,
    .btn-grad.btn-metis-5.disabled.active,
    .btn-grad.btn-metis-5[disabled].active,
    fieldset[disabled] .btn-grad.btn-metis-5.active
    {
        background-image: none;
        border-color: rgba(0, 0, 0, 0.2);
        border-top-color: rgba(0, 0, 0, 0.4);
        box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.2);
    }

.btn-grad.btn-metis-6
{
    text-shadow: 0 -1px 0 gba(0, 0, 0, 0.2);
    background-image: -webkit-linear-gradient(top, #00b4f5, #008dc5);
    background-image: linear-gradient(to bottom, #00b4f5, #008dc5);
    border-color: rgba(0, 0, 0, 0.2);
    border-bottom-color: rgba(0, 0, 0, 0.4);
}

    .btn-grad.btn-metis-6:hover,
    .btn-grad.btn-metis-6:focus,
    .btn-grad.btn-metis-6:active,
    .btn-grad.btn-metis-6.active
    {
        background-image: none;
        border-color: rgba(0, 0, 0, 0.2);
        border-top-color: rgba(0, 0, 0, 0.4);
        box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.2);
    }

    .btn-grad.btn-metis-6.disabled,
    .btn-grad.btn-metis-6[disabled],
    fieldset[disabled] .btn-grad.btn-metis-6,
    .btn-grad.btn-metis-6.disabled:hover,
    .btn-grad.btn-metis-6[disabled]:hover,
    fieldset[disabled] .btn-grad.btn-metis-6:hover,
    .btn-grad.btn-metis-6.disabled:focus,
    .btn-grad.btn-metis-6[disabled]:focus,
    fieldset[disabled] .btn-grad.btn-metis-6:focus,
    .btn-grad.btn-metis-6.disabled:active,
    .btn-grad.btn-metis-6[disabled]:active,
    fieldset[disabled] .btn-grad.btn-metis-6:active,
    .btn-grad.btn-metis-6.disabled.active,
    .btn-grad.btn-metis-6[disabled].active,
    fieldset[disabled] .btn-grad.btn-metis-6.active
    {
        background-image: none;
        border-color: rgba(0, 0, 0, 0.2);
        border-top-color: rgba(0, 0, 0, 0.4);
        box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.2);
    }

.btn-flat
{
    border-width: 0 !important;
}

/*********************************************************/

/*                 Component Styles                           */

/*********************************************************/

/* BEGIN PROGRESSBAR STYLES */

.progress.lg
{
    height: 28px;
}

.progress.md
{
    height: 12px;
}

.progress.xs
{
    height: 6px;
}

/* horizontal rules */

.inner hr
{
    margin-top: 10px;
    border-top-color: #ccc;
}

.well.dark
{
    padding-top: 10px;
    margin-bottom: 10px;
    color: #fff;
    background-color: #000;
    /*background-color: rgba(0, 0, 0, 0.3);*/
    border: none;
    /*-webkit-box-shadow: rgba(255, 255, 255, 0.1) 0 1px 0, rgba(0, 0, 0, 0.8) 0 1px 7px 0 inset;
     -moz-box-shadow: rgba(255, 255, 255, 0.1) 0 1px 0, rgba(0, 0, 0, 0.8) 0 1px 7px 0 inset;
       -o-box-shadow: rgba(255, 255, 255, 0.1) 0 1px 0, rgba(0, 0, 0, 0.8) 0 1px 7px 0 inset;
          box-shadow: rgba(255, 255, 255, 0.1) 0 1px 0, rgba(0, 0, 0, 0.8) 0 1px 7px 0 inset;*/
}

    .well.dark .alert
    {
        margin-bottom: 0;
    }

.tac
{
    text-align: center;
}

.stats_box
{
    display: inline-block;
    margin-top: 20px;
    margin-left: 0;
    list-style: none outside none;
}

    .stats_box li
    {
        display: inline-block;
        padding: 0 10px;
        margin: 0 10px 10px;
        line-height: 18px;
        text-shadow: 0 1px 0 rgba(255, 255, 255, 0.6);
        background: #EEEEEE;
        -webkit-box-shadow: 0 0 0 1px #F8F8F8 inset, 0 0 0 1px #CCCCCC;
        box-shadow: 0 0 0 1px #F8F8F8 inset, 0 0 0 1px #CCCCCC;
    }

    .stats_box :hover
    {
        color: #0053ff;
        font-weight: normal;
    }

    .stats_box .sparkline
    {
        float: left;
        width: 50px;
        padding: 10px 14px 0 4px;
        margin-right: 12px;
        line-height: 52px;
        border-right: 1px solid #DCDCDC;
        -webkit-box-shadow: 1px 0 0 0 #ffffff;
        box-shadow: 1px 0 0 0 #ffffff;
    }

    .stats_box .stat_text
    {
        position: relative;
        float: left;
        width: 150px;
        padding: 9px 10px 7px 0;
        font-size: 12px;
        text-align: left;
    }



        .stats_box .stat_text strong
        {
            display: block;
            font-size: 16px;
        }

        .stats_box .stat_text .percent
        {
            position: absolute;
            top: 17px;
            right: 0;
            float: right;
            font-size: 20px;
            font-weight: bold;
            color: #444;
        }



            .stats_box .stat_text .percent.up
            {
                color: #46a546;
            }

            .stats_box .stat_text .percent.down
            {
                color: #C52F61;
            }
.yellow {
    color:yellow;
}
.Skyblue {
    color:skyblue;
}
.quick-btn
{   position: relative;
    display: -webkit-inline-box;
    width: auto;
    height: 30px;
    padding-top: 4px;
    color: #444444;
    text-decoration: none;
    text-shadow: 0 1px 0 rgba(255, 255, 255, 0.6);
    -webkit-transition: background 0.5s;
    transition: background 0.5s;
    BORDER-left: 1PX SOLID #bbb;
}
 .nav-pills > #disconnetV> a{
   color: black;
}
/*
#allvehicle{
    background:#d9534f;
}
#availableV{
      background:#5cb85c;
}
#busyV{
         background:#FF0000;

}
#assignedV{
              background:#1B21DE;

}
#acceptV{
   background:#A264E7;
}
#breakV{
       background:#87CEEB;

}
#disconnetV{
          background:#484848;

}
#absentV{
    background:#8E8888;
}
#argentV{
      background:orange;

}
#bettryV{
  background:#0FB59E;
}*/
.quick-btn:hover
{
  

}

.quick-btn i {
	       font-size: 17px;
    line-height: 1.5em!important;
}
    .quick-btn span
    {
         display: inline-block;
    font-weight: 700;
    font-size: 14px;
    }

  .alltable > thead > tr > th, .alltable > tbody > tr > th, .alltable > tfoot > tr > th, .alltable > thead > tr > td, .alltable > tbody > tr > td, .alltable > tfoot > tr > td {
    padding: 1px;
    padding-top: 5px;
}
    .quick-btn .label {
   
    top: 10px;
    right: 10px;
}
    .quick-btn:hover
    {
        color: #0053ff;
        text-decoration: none;
    }

    .quick-btn.small
    {
        width: 40px;
        height: 30px;
        padding-top: 6px;
    }

.simpleTable tr th:first-child,
.simpleTable tr td:first-child
{
    width: 27px;
    text-align: center;
}

/* BEGIN SORTABLETABLE STYLES */

.sortableTable thead {background: #e1e1e1;
}
.sortableTable th
{border: 0;
    cursor: pointer;
    background-repeat: repeat-x;
    color:#555
   
}

    .sortableTable th i
    {
        display: none;
        float: right;
    }
.sortableTable th{

	    font-weight: 900;
    vertical-align: middle!important;    height: 37px;
    font-size: 12px;
}
    .sortableTable th:hover
    {
        color: #aaa;
    }

    .sortableTable th.tablesorter-header i.icon-sort
    {
        display: inline-block;
    }

    .sortableTable th.tablesorter-header.tablesorter-headerDesc i.icon-sort
    {
        display: none;
    }

    .sortableTable th.tablesorter-header.tablesorter-headerDesc i.icon-sort-up
    {
        display: inline-block;
    }

    .sortableTable th.tablesorter-header.tablesorter-headerAsc i.icon-sort
    {
        display: none;
    }

    .sortableTable th.tablesorter-header.tablesorter-headerAsc i.icon-sort-down
    {
        display: inline-block;
    } .table-responsive tr {
   
    height: 35px;
}
   .sortableTable tbody > tr > td{
        border:0;        border-bottom: 1px solid #dddddd;

}

     .hiddenPanel {
     width: 100%;    background: #ccc;    padding: 0;    margin: 0;    border-radius: 0;display:none;
    }

/* END SORTABLETABLE STYLES */

@media only screen and (max-width: 991px)
{
    
     .hiddenPanel {
    display:block;
    }

DIV.ctn {
   
    width: 800px!important ;
  
}
    .responsive-table
    {
        position: relative;
        display: block;
        width: 100%;
    }
    .car {
    margin-bottom: -10px;
    margin-left: -37px;
    width: 604px!important ;
}
        .responsive-table thead
        {
            display: block;
            float: left;    width: 100%;
        }
        .nav-tabs {
    margin: 0;
    padding: 0;
    width: 100%!important;
}  DIV.ctn {
        max-width: 800px!important;
    }

    .car {
        margin-bottom: -10px;
        margin-left: -37px;
        width: 604px!important;
    }
    .form {
    
    max-width: 800px;
    
    height: 800px;
    
}
        li.pad a {
    
    font-size: 11px!important;
   
}.table > thead > tr > th {
      
    display: inline-block;
    border: 0!important;
    border-radius: 0;
    border-left: 1px solid #ccc;
}    
  .FilterGroup {
 
    display: inline-block;
    margin: 7px;
    height: auto!important;
    width: 100% !important;
}.Filter_Div {
    width: 23%!important;
    height: 40px!important;
    display: inline-block!important;
}.btn {
  
    padding: 4px 5px!important;
   
    font-size: 11px;
  
}
    #vehicle_driverLBL {
        width:32%;
    }
    #Checkall { width:3%;
    }
    #densitaionLBL {
    width:20% 
    }
    #SpeedLBL {width:15% ;
    }
    #UpdateLBL {width:22%; 
    
    }
            .responsive-table thead tr
            {
                display: block;        width: 100%;
            }
               .responsive-table thead tr td
            {
                display: inline-block;       
            }
        .responsive-table tbody
        {
           
        }

            .responsive-table tbody tr
            {
                display: inline-block;
                vertical-align: top;width:100%;
            }

        .responsive-table th
        {
            display: block;
        }

        .responsive-table td
        {
                     display: inline-block;

            min-height: 1.25em;
        }
}

.google-maps
{
    width: 100%;
    height: 333px;
}

.progress.vertical .bar.six-sec-ease-in-out
{
    -webkit-transition: height 6s ease-in-out;
    -moz-transition: height 6s ease-in-out;
    -ms-transition: height 6s ease-in-out;
    -o-transition: height 6s ease-in-out;
    transition: height 6s ease-in-out;
}

.progress.wide
{
    width: 60px;
}

.vertical-progressbar-span
{
    height: 100px;
}

/* END PROGRESSBAR STYLES */

/*TABS*/


.tab-content
{
       margin: 0;
    width: 100%;
    padding-bottom: 0px;
    height: 100%;
    }

/*END TABS*/

/*COMMENTS*/

.comments .popover
{
    position: relative;
    display: block;
    width: 90%;
    margin: 0 10px;
}

    .comments .popover .arrow
    {
        top: 33%;
    }

/*COMMENTS*/

/* --------------- END Component Styles -------------------- */

/* BEGIN animated checkbox styles */

.anim-checkbox
{
    /*adding some colors for fun*/
}

    .anim-checkbox label
    {
        position: relative;
    }

        .anim-checkbox label:before,
        .anim-checkbox label:after
        {
            position: absolute;
            left: -22px;
            font-family: FontAwesome;
        }

        .anim-checkbox label:before
        {
            content: '\f096';
            /*unchecked*/
        }

        .anim-checkbox label:after
        {
            max-width: 0;
            overflow: hidden;
            content: '\f046';
            opacity: 0.5;
            transition: all 0.35s;
        }

    .anim-checkbox input[type="checkbox"]
    {
        display: none;
    }

        .anim-checkbox input[type="checkbox"]:checked + label:after
        {
            max-width: 25px;
            /*an arbitratry number more than the icon's width*/
            opacity: 1;
            /*for fade in effect*/
        }

    .anim-checkbox .primary:checked + label:before,
    .anim-checkbox .primary:checked + label:after
    {
        color: #428bca;
    }

    .anim-checkbox .success:checked + label:before,
    .anim-checkbox .success:checked + label:after
    {
        color: #5cb85c;
    }

    .anim-checkbox .warning:checked + label:before,
    .anim-checkbox .warning:checked + label:after
    {
        color: #f0ad4e;
    }

    .anim-checkbox .danger:checked + label:before,
    .anim-checkbox .danger:checked + label:after
    {
        color: #d9534f;
    }

    .anim-checkbox .info:checked + label:before,
    .anim-checkbox .info:checked + label:after
    {
        color: #5bc0de;
    }

/* END animated checkbox styles */
/* BEGIN Pricing Table */

.pricing-table
{
    padding: 0;
    margin: 30px 0;
    line-height: 150%;
    text-align: center;
}

    .pricing-table li
    {
        list-style: none;
    }

    .pricing-table > li
    {
        color: #444;
        background-repeat: repeat-x;
        -webkit-transition: all 0.2s;
        transition: all 0.2s;
        background-image: linear-gradient(to bottom, #ebeef5 0%, #ffffff 100%);
    }

    .pricing-table.dark > li
    {
        color: #fff;
        background-repeat: repeat-x;
        background-image: linear-gradient(to bottom, #666666 0%, #444444 100%);
    }

    .pricing-table > li.active
    {
        z-index: 1;
        color: #fff;
        -webkit-box-shadow: 0 0 15px 1px rgba(0, 0, 0, 0.5);
        box-shadow: 0 0 15px 1px rgba(0, 0, 0, 0.5);
    }

@media (min-width: 768px)
{
    .pricing-table > li.active
    {
        -webkit-transform: scale(1.03);
        -ms-transform: scale(1.03);
        transform: scale(1.03);
    }
}

.pricing-table > li.active.primary
{
    background-repeat: repeat-x;
    background-image: linear-gradient(to bottom, #357ebd 0%, #428bca 100%);
}

.pricing-table > li.active.success
{
    background-repeat: repeat-x;
    background-image: linear-gradient(to bottom, #4cae4c 0%, #5cb85c 100%);
}

.pricing-table > li.active.warning
{
    background-repeat: repeat-x;
    background-image: linear-gradient(to bottom, #eea236 0%, #f0ad4e 100%);
}

.pricing-table > li.active.danger
{
    background-repeat: repeat-x;
    background-image: linear-gradient(to bottom, #d43f3a 0%, #d9534f 100%);
}

.pricing-table > li.active.info
{
    background-repeat: repeat-x;
    background-image: linear-gradient(to bottom, #46b8da 0%, #5bc0de 100%);
}

.pricing-table .footer
{
    padding: 15px;
    margin: 15px -15px 0;
    background: #eee;
}

.pricing-table.dark .footer
{
    background: #333;
}

.pricing-table h3
{
    padding: 15px 0;
    text-transform: uppercase;
}

.pricing-table .price-body
{
    display: table;
    width: 100px;
    height: 100px;
    margin: 0 auto 15px auto;
    border: 1px solid orange;
    border-radius: 100%;
}

.pricing-table.dark .price-body
{
    border-color: #fff;
}

.pricing-table > li.active.primary .price-body,
.pricing-table > li.active.success .price-body,
.pricing-table > li.active.warning .price-body,
.pricing-table > li.active.danger .price-body,
.pricing-table > li.active.info .price-body
{
    border-color: #fff;
}

.pricing-table .price
{
    display: table-cell;
    font-size: 30px;
    font-weight: bold;
    text-transform: uppercase;
    vertical-align: middle;
}

    .pricing-table .price .price-figure
    {
        display: block;
    }

    .pricing-table .price .price-term
    {
        font-size: 11px;
        font-weight: normal;
    }

.pricing-table .features ul
{
    padding: 0;
    margin: 0;
}

    .pricing-table .features ul li
    {
        padding: 5px 0;
    }

.hide {
    display:none;
}

/* END Pricing Table */



/*  -------------------css for change password pop---------------            */

 
 .input-group input{
    border: 1px solid #e1e1e1;
    color: #666666;
    cursor: pointer;
    font-family: 'Oxygen', sans-serif;
    outline: none;
    font-weight: 600;
       margin-left:3px;
    background: #FFFFFF;
    -webkit-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -ms-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    border-left: 6px solid #ffc83e;

 }

 .input-group input :hover,.input-group input :focus{
  
    border-color: #555;
 	
 }
 .dashSearch{
 	padding-top: 5px;
    width: 100%;
    height: 34px;
    -webkit-border-top-left-radius: 8px;
    -webkit-border-top-right-radius: 8px;
    -moz-border-radius-topleft: 8px;
    -moz-border-radius-topright: 8px;
    border-top-left-radius: 8px;
    border-top-right-radius: 8px;
}
.dashSearch label {
	color: #fff;
}

.dashSearch input, .dashSearch select{

    height: 25px;
}
.dashSearch  span.input-group-addon {
	font-size: 11px;
}

.bhoechie-tab  .nav-tabs li a{padding: 9PX;}
.bhoechie-tab  .nav-tabs li a i{display: inline block;}
.bhoechie-tab  .nav-tabs .tab-content {background-color: #FBF9F4;}
.bhoechie-tab  .nav-tabs > li.active > a,
 .bhoechie-tab  .nav-tabs > li.active > a:hover , 
 .bhoechie-tab  .nav-tabs > li.active > a:focus {
        background-color: rgba(255,255,255,.5)!important;
    border: 0;
    /* font-weight: 800; */
}
.bhoechie-tab  .nav-tabs > li.active > a { color:#555!important; 
}
.table-responsive .ng-scope{
	    background: #fff;
}


/*AnnounceMent*/
.ann-textarea {
        width: 100%;
    padding: 10px;
    margin: 0px;
    height: 100px;
}

.ann-head {
      padding: 5px;
    background: #555;
    font-size: 12px;
    font-weight: 600;
    color: white;
    border: #e6aa14;
    cursor: pointer;
}
.ann-head i {
    cursor: pointer;
    font-size: 1.75em;
}
.ann-body {
    top: 20%;    right: 5%;
    width: 200px;
    height: auto;
    position: absolute;
    background-color: #e9ebee;
    background-color: rgba(255,255,255,.4);
    border: 1px dotted #d6d7da !important;
    border-radius: 5px;
    -webkit-box-shadow: 0px 0px 5px 0px rgba(168,166,168,1);
    -moz-box-shadow: 0px 0px 5px 0px rgba(168,166,168,1);
    box-shadow: 0px 0px 5px 0px rgba(168,166,168,1);
    overflow: auto;
    z-index: 2;
}

.ann-sub-div {
   border: 1px solid rgba(240, 234, 234, 0);
   /* padding: 10px; */
}

@media screen and (max-width: 900px) and (min-width: 300px)
 {
    .ann-body{
        width: 30%;
    }
}
@media screen and (max-width: 1000px) and (min-width: 700px) {
    .ann-body{
        width: 40%;
    }
}

.ann-head i {
    cursor:pointer;
}


ul.chartstyle li {
list-style-type: none;
    display: inline-block;
    width: 24.4%;
    padding: 7px;
    border-right: 1px solid #dcd8d8;text-align:center
}

ul.chartstyle {
 width:100%;border-bottom: 1px solid #eae8e8;}

    ul.chartstyle li:first-child {
    margin-left: -40px;}


   .FilterGroup{
                padding: 22px 5px!important;
    height: 95%;
    background: #f3f3f3;
    border: 1px dotted #555;
        border-radius: 12px;
            margin-right: 8px;
    width: 15%;
    }
.Filter_Div {
       width: 100%;
    height: 40px;

}
    .Filter_Div .col-md-6 {
    display:inline-block;
    padding-right: 0;}
     h1,h2,h3,h4,h5,h6 {
         font-family: "JF Flat Regular" !important;
        }


.Filter_Div span {    display:inline-block;
vertical-align: -webkit-baseline-middle;
}


 .SerachBox {
             border-radius: 50px;

    background: rgba(0,0,0,0.5);
   
        }
   
            .SerachBox input{
  opacity: 1;
    background: transparent;
    border: none;
    outline: none;
    font-weight: 700;
    line-height: 54px;
    color: #FFF;
    font-size: 14px;    padding-right: 16px;
    height: 28px;
    cursor: text;
 
        }
               .SerachBox input:hover,.SerachBox input:focus,.SerachBox input:active{
   
    border: none;
    outline: none;
    
        }
            .SerachBox .input-group-addon {    border-radius: 50px!important;
            }


.Dashboard_Status {
  font-size:14px;
                  font-weight:900;text-align:center;
                  height:30px;
                      
}
.drvr_list {
    cursor: pointer; 
    float:right;
    padding-right:0

}
.drvr_list_item {
height:auto; 
background:#fff;  
border: 1px solid;   
margin-bottom:16px; 
border-color: #e5e6e9 #dfe0e4 #d0d1d5;    
border-radius: 3px;
transition:all ease-in ;
}

.Dashboard_Status .orange {color:#fff; background:orange; 
}
.Dashboard_Speed {padding:5px;color:#fff;
}
.Dashboard_Status .black{    background:black ;    color:#fff;}
/*.Dashboard_Status .greenlight{    background:green ;    color:#fff; 
                               outline: 1px dashed #fff;
                                 box-shadow: 0 0 0 1px green;

  animation: .7s animateBorderOne ease infinite;}
@keyframes animateBorderOne {
  to {
    outline-color: green;
    box-shadow: 0 0 0 1px #fff;
  }
}*/
.Dashboard_Status .greenlight{    background:green ;    color:#fff; 
                               }

.Dashboard_Status .red { color:#fff; background:red}
.Dashboard_Status .blue { color:#fff; background:blue}
.Dashboard_Status .towed { color:#fff; background:#a264e7}
.Dashboard_Status .skyBlue { color:#fff; background:skyblue}
.Dashboard_Status .gray { color:#fff; background:gray}
.Dashboard_Status .green { color:#fff; background:green}
.Dashboard_Status .red { color:#fff; background:red}
.Dashboard_Status .yellow { color:#fff; background:#ffc83e}



    oard_Speed h6 {margin:0; 
    }
    
        .selected {
        background:transparent;
        }
         .selected .drvr_list_item{
background:#e1e1e1;
         }
          .selected>.drvr_list_item  .Dashboard_Speed{
                color:#fff
            }
.drvr_list_item:hover{
    background:#e1e1e1;

}
.ol-control button:focus {
border:0;    outline: none;

}
.header_h{
    width: 100%;
    margin: 0;
    padding: 0;
    text-align: right;
}
.header_h:after {
    display: inline-block;
    margin: 0 6px 2px 20px;
    height: 3px;
    content: " ";
    text-shadow: none;
    background-color: #999;
    width: 140px;
}
.header_h:before {
    display: inline-block;
    margin: 0 20px 2px 6px;
    height: 3px;
    content: " ";
    text-shadow: none;
    background-color: #999;
    width: 140px;
}

@media screen and (max-width: 991px) and (min-width: 721px) {
   .nav-tabs {
   top:-40px!important;
}.timelbl {position: absolute;
   left: 55%!important;
}.DateDiv {
   width:20%!important;
}
}
.timelbl {position: absolute;
    left: 36%;
}
.DateDiv {
    padding-right:0 ;float:right; display:inline-block;width:30%;margin-left:10px;
}



.rocab_table {
    display: table;
    width: 100%;
    height: 100%;
    border-spacing: 0px 2px;
    border-collapse: separate;
    overflow: auto;
    display: inline-block;
}
.rocab_table_row {

    padding: 16px;
    margin: 3px;
    background: #f7f7f7;
    color: #fff;
    text-align: center;
    font-size: 14px;
    font-weight: 600;
    border-radius: 5px;
    display: table-row;

}
.rocab_table_header {

    padding: 16px;
    margin: 3px;
    background: #273f83;
    color: #fff;
    text-align: center;
    font-size: 14px;
    font-weight: 600;      
    display: table-row; 

}
.rocab_table_header>.rocab_table_cell {
    color: #fff;
}
.rocab_table_header .rocab_table_cell:first-child {  
   -webkit-border-top-right-radius: 5px;
-webkit-border-bottom-right-radius: 5px;
-moz-border-radius-topright: 5px;
-moz-border-radius-bottomright: 5px;
border-top-right-radius: 5px;
border-bottom-right-radius: 5px;
}
.rocab_table_header .rocab_table_cell:last-child {  
 -webkit-border-top-left-radius: 5px;
-webkit-border-bottom-left-radius: 5px;
-moz-border-radius-topleft: 5px;
-moz-border-radius-bottomleft: 5px;
border-top-left-radius: 5px;
border-bottom-left-radius: 5px;
}
.rocab_table_row>.rocab_table_cell {

   
    color: #555;

}
.rocab_table_cell {
 
    display: table-cell;
    font-size: 13px;
    text-align: center;
    padding: 10px;
  
}