html{width: 100%;height: 100%}

body{
    font-size: 14px;font-family: sans-serif;font-weight: 100;letter-spacing: 1.5}
#header {
  content: "";
    background-image: url('../../assets/img/background.png');
    background-position: center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    background-repeat: no-repeat;
}
.navbar .navbar-brand{border-bottom: none;}
.navbar{box-shadow: none !important;}
.navbar .menu-title{color: #fff;border-bottom:#fff solid 1px;}
h4{font-size: 18px;color: #ff0000;margin-bottom: 10px;margin-top: 10px;text-transform: uppercase;font-weight: 200;letter-spacing:3px;}
table{margin-bottom: 40px;}
thead{background-color: #eee}
th{text-align: center;text-transform: uppercase ;}
small{color:#aaa;}
.main-container{padding: 20px;}

.profile-pict{text-align: left;}
.profile-pict img{max-width: 200px;margin: 20px;border-radius: 50%;}
.text-container{margin-bottom: 10px;float: left;width: 100%}
.text-label{float: left;width: 30%;font-weight: 400}
.text-tick{float: left;margin-right: 5px;width: 1%}
.text-input{float: left;width: 60%}
table{margin-top: 10px;margin-bottom: 20px;font-size: 12px;}

.user-header{display:  inline-block;}
.user-header .user-name{float: left;padding: 10px;margin-right: 0px;font-size: 12px;text-align: right;font-weight: 100}
.user-name small{font-size: 8px;color: #f00}
.user-header img{float: left;border-radius: 50%;}
.navbar-header div{font-size: 12px;letter-spacing: 4px;color: #fff}
.clearfix{clear:both;}
.dropdown-notif{list-style: none;padding: 10px;}
.dropdown-notif hr{margin-top: 10px;margin-bottom: 10px;}
.dropdown-notif a{
    color: #c70000;
    display: block;
    font-size: 14px;
    line-height: 22px;
    padding: 5px 0;}
.dropdown-notif .count {
    background: #f3cc00;
    border-radius: 50%;
    color: #fff;
    font-family: 'Open Sans';
    font-size: 9px;
    font-weight: 700;
    float: right;
    height: 20px;
    width: 20px;
    line-height: 20px;
    text-align: center;
    margin-left: 25px;
}
.bg-warning{background-color: #f3cc00}
.float-right{float: right;}
.nav-tabs{margin-bottom: 20px;clear: both;}
.form-control{float: left;}
.button-sepparator{padding-left: 5px;padding-right: 5px;}
.currency{text-align: right !important;}
.navbar .navbar-nav li.menu-item-has-children.show .sub-menu{margin-bottom: 20px;}

.header-mobile-menu-wrapper{width: 100%;background-color: #eee;display: none;}
.header-mobile-menu-container{padding: 20px;}
.header-mobile-menu-title{color: #f00000;font-weight: 100;letter-spacing: 2px;margin-bottom: 10px;margin-top: 10px;}
.header-mobile-menu-item{ list-style: none;margin-bottom: 10px;color: #878787}
.header-mobile-menu-item .glyphicon{ font-size: 10px;}
.header-mobile-menu-item li{margin-bottom: 10px;text-indent: 20px;}
.header-mobile-submenu-item{list-style: none;margin-bottom: 10px;margin-top: 10px;display: none;}
.header-mobile-submenu-item li{margin-bottom: 10px;text-indent: 50px;}

                                    
@media (max-width: 768px) {

        .right-panel{display: block !important}
    .menutoggle{display: none !important;}

    .header-mobile-wrapper{float: left;width: 100%;background-color: #c70000}
    .header-mobile-container{padding: 20px;width: 100%;float: left}
    .header-mobile-logo{float: left;}
    .header-mobile-logo img{width: 50px;}
    .header-mobile-menu-button{float: right;margin-right: 10px;color: #fff;font-size: 20px;margin-top: 0px;}
    #header{padding: 20px 0px 10px}
    .user-header .user-name{font-size: 15px;letter-spacing: 2px;}

.container-fluid{padding: 0px;}
.main-container{padding: 0px;}
.text-container{border-bottom: dotted 1px #eee; font-size: 12px;}
.table-responsive{border: none;}
}

.loading-indicatior{display: none;}