/*=============================================================
    Authour URL: www.designbootstrap.com
    
    http://www.designbootstrap.com/

    License: MIT

    http://opensource.org/licenses/MIT

    100% Free To use For Personal And Commercial Use.

    IN EXCHANGE JUST TELL PEOPLE ABOUT THIS WEBSITE
   
========================================================  */


/* =============================================================
   GENERAL STYLES
 ============================================================ */

@import url(http://fonts.googleapis.com/css?family=Roboto); /* FREE GOOGLE FONT */
html,body{
	overflow-x:hidden;
}
body {
    font-family: 'Roboto', sans-serif;
    line-height: 30px;
}

.set-radius-zero {
    border-radius: 0px;
    -moz-border-radius: 0px;
    -webkit-border-radius: 0px;
}

.content-wrapper {
    /*margin-top: 40px;*/
    min-height: 600px;
    padding-bottom: 60px;
	background:url(/m/design/bg01.png) repeat;
}
html,body {
	background:url(/m/design/bg01.png) repeat;
}

.page-head-line {
    font-weight: 900;
    padding-bottom: 20px;
    border-bottom: 1px solid #304945;
    text-transform: uppercase;
    color: #003399;
    font-size: 20px;
}

.btn {
    border-radius: 0px;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
}

.progress {
    height: 8px;
    border-radius: 0px;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
}
.login-icon {
    height: 60px;
width: 60px;
padding: 13px;
border-radius: 50%;
font-size: 30px;
margin-bottom: 20px;
color: #fff;
text-align: center;
cursor:pointer;
background-color:#7FCEF5;
-webkit-border-radius:50%;
    -moz-border-radius:50%;
}
/* =============================================================
   HEADER SECTION STYLES
 ============================================================ */
header {
    background-color: #7FCEF5;
    color: #fff;
    padding: 0px;
    text-align: left;
}


/* =============================================================
   LOGO SECTION STYLES
 ============================================================ */
.left-div {
    padding-left: 30px;
    margin-top: 40px;
    margin-bottom: 30px;
	float:right;
}

.navbar-brand {
    width: 250px;
	padding:35px 0px 120px;
}

/* USER SETTINGS DIV */
.user-settings-wrapper .nav > li > a {
    position: relative;
    display: block;
    padding: 15px 18px;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    height: 60px;
    width: 60px;
    background-color: #7FCEF5;
    color: #fff;
}

.user-settings-wrapper {
    margin-top: 20px;
}

    .user-settings-wrapper li {
        display: inline-block;
    }

    .user-settings-wrapper .dropdown-settings {
        width: 200px;
        padding: 10px;
    }

    .user-settings-wrapper .nav > li > a:hover,.user-settings-wrapper .nav > li > a:focus {
        text-decoration: none;
        background-color: #0173EF!important;
    }

    .user-settings-wrapper img {
        height: 64px;
        width: 64px;
        border: 1px solid #000000;
    }

    .user-settings-wrapper .dropdown-menu {
        margin: 0px;
        border-radius: 0px!important;
        -moz-border-radius: 0px!important;
        -webkit-border-radius: 0px!important;
    }

    .user-settings-wrapper .btn {
        border-radius: 0px!important;
        -moz-border-radius: 0px!important;
        -webkit-border-radius: 0px!important;
    }

    .user-settings-wrapper .media-heading {
        padding-top: 10px;
    }

/* MENU LINKS SECTION*/

.menu-section {
    background-color: #DDFE19;
}

#menu-top a {
    color: #003399;
    text-decoration: none;
    font-weight: 500;
    padding: 10px 10px 10px 10px;
    text-transform: uppercase;
}
#menu-top a.menu-top-active{
    color: #fff;
}

.menu-top-active {
    background-color: #0173EF;
}

.menu-section .nav > li > a:hover,.menu-section .nav > li > a:focus {
    background-color: #7FCEF5!important;
}

.menu-section .dropdown-menu > li > a:hover,.menu-section .dropdown-menu > li > a:focus {
    background-color: #7FCEF5!important;
}

.navbar-inverse {
    background-color: #0173EF;
    border-color: transparent;
}

.navbar-toggle {
    background-color: #7FCEF5;
    border: 1px solid #fff;
}

.navbar {
    margin-bottom: 0px;
}
/* =============================================================
   FOOTER SECTION STYLES
 ============================================================ */
footer {
    padding: 10px;
    color: #fff;
    font-size: 12px;
    background-color: #0173EF;
}

    footer a, footer a:hover {
        color: #fff;
        text-decoration: none;
    }

/*==============================================
    DASHBOARD  STYLES    
 =============================================*/

/* DASHBOARD ICONS */

.dashboard-div-icon {
    height: 75px;
    width: 75px;
    border: 2px solid #fff;
    padding: 20px;
    border-radius: 50%;
    -webkit-border-radius:50%;
    -moz-border-radius:50%;
    font-size: 30px;
    margin-bottom: 20px;
    background: #bbb;
	color:white;
}

.dashboard-div-wrapper {
    border-radius: 5px;
    text-align: center;
    padding: 15px;
    color: #666666;
    margin-bottom: 50px;
}

    .dashboard-div-wrapper .progress {
        height: 2px;
    }

/* NOTICE BOARD */


.notice-board ul {
    padding-left: 0px;
    list-style: none;
}

.notice-board li {
    padding: 10px;
    border-bottom: 1px solid #E5E5E5;
}

    .notice-board li span {
        margin-right: 10px;
        border: 1px solid #DBDBDB;
        padding: 5px;
    }

    .notice-board li a, li a:hover {
        text-decoration: none;
        color: #000;
    }

/* SOCIAL BUTTONS */
.btn-social {
    color: white;
    opacity: 0.8;
}

    .btn-social:hover {
        color: white;
        opacity: 1;
        text-decoration: none;
    }

.btn-facebook {
    background-color: #3b5998;
}

.btn-twitter {
    background-color: #00aced;
}

.btn-linkedin {
    background-color: #0e76a8;
}

.btn-google {
    background-color: #c32f10;
}

.user-settings-wrapper .dropdown-menu{
	left: -220px;
	width:280px;
}
.panel-body table{
	max-width:100%;
	margin:0 auto;
}
.modal-body img,.panel-body img{
	max-width:100%;
	display:block;
	margin:0 auto;
}
@media screen and (min-width: 800px) {
	.radio-inline,.checkbox-inline{
		line-height:20px;
	}
}
.input-group{
	margin-bottom:5px;
}
input[type="radio"],input[type="checkbox"]{
    border: 0px;
    width: 1.3em;
    height: 1.3em;
}

#sidebar {
  height: 100%;
  padding-right: 0;
  padding-top: 20px;
}
#sidebar .nav {
  width: 100%;
}
#sidebar li {
  border:0 #f2f2f2 solid;
  border-bottom-width:1px;
  padding-left:10%;
}

/* collapsed sidebar styles */
@media screen and (max-width: 767px) {
  .row-offcanvas {
    position: relative;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
  }
  .row-offcanvas-right
  .sidebar-offcanvas {
    right: -85%;
  }

  .row-offcanvas-left
  .sidebar-offcanvas {
    left: -85%;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
  }
  .row-offcanvas-right.active {
    right: 85%;
  }
  .row-offcanvas-left.active {
    left: 85%;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
  }
  .sidebar-offcanvas {
    position: absolute;
    top: 0;
    width: 88%;
  }
  #sidebar {
    padding-top:0;
  }
}

.navbar-fixed-bottom a.btn{
	border-bottom:0px none;
	padding-top:14px;
	padding-bottom:14px;
}

.container,.panel-body,.panel-body .minhi,.alert {
    padding-left: 1px;
    padding-right: 1px;
}

.panel-warning > .panel-heading .badge{
	background-color:#d9534f;
	*display: inline;
	*zoom: 1;
}
.panel-footer .btn {
    border-radius: 1em;
}

.indexRow a:hover,.indexRow a:focus {
	text-decoration: none;
	color:#304945;
}
.indexRow a{
	text-decoration: none;
	color:#304945;
}

.indexRow h5{
	text-align:center;
}
div.hr{
	color:#304945;
	background:#304945;
	min-height:1px;
	height:1px;
	width:100%;
	display:block;
	overflow:hidden;
}
.menu_footer,.menu_footer:hover,.menu_footer:focus{
	background:url("/m/design/menu_bg.jpg") repeat-x;
	color:white;
	font-weight:bold;
}
#sidebar{
	color:white;
	font-weight:bold;
	background:#304945;
}
#sidebar a,#sidebar a:hover,#sidebar a:focus{
	color:white;
	font-weight:bold;
	noFocusLine:expression(this.onFocus=this.blur());
	-moz-outline-style: none;
	outline: 0;
}
a{
	font-weight:bold;
}
h4.toggle a,h4.toggle a:hover,h4.toggle a:focus{
	color:#304945;
	font-weight:bold;
	noFocusLine:expression(this.onFocus=this.blur());
	-moz-outline-style: none;
	outline: 0;
	text-decoration:none;
}
#sidebar .nav > li > a {
    position: relative;
    display: block;
    padding: 10px 5px 10px 0px;
	outline: 0;
}
.breadcrumb{
	color:#304945;
	background:transparent;
    margin-bottom: 0px;
    margin-top: -16px;
}
.breadcrumb a{
	color:#304945;
	font-weight:bold;
}
.breadcrumb > li + li::before {
    color: #ccc;
    content: "> ";
    padding: 0 5px;
}
.panel-default > .panel-heading{
	background:transparent;
	color:#337ab7;font-size:120%;font-weight:bold;
}
li.panel-title{
	padding:10px 15px;
}
li.panel-title a{
	color:#337ab7;font-weight:bold;
}

.imgshow{
	background:url("/m/design/bottom03a.png") no-repeat center center;
	width:125px;
	height:44px;
	display:block;
	margin:0 auto;
}
.imgshow:hover,.imgshow:focus{
	background:url("/m/design/bottom03b.png") no-repeat center center;
}
.travelBlock{
	padding-right: 3px;padding-left: 3px;
}
.travelBlock .panel-default{
	margin-bottom: 0px;border-bottom-width: 0px;border-radius: 0px;
}
.travelBlock .panel-heading{
	font-size:100%;border-bottom:0px none;
}
.travelBlock .panel-heading .col-xs-3{
	padding-right:2px;padding-left:6px;
}
.travelBlock .panel-heading .col-xs-9{
	padding-right:4px;padding-left:1px;
}
.sale{
	color:red;padding-right:1px;padding-left:16px;line-height:40px;font-weight:bold;font-size: 98%;
}
.travelBlock .button{
	padding-left:1px;
}
.tabletext{
	font-size:70%;
}
.media-content img{
	max-width:100%;
}