.topbar {

  -webkit-box-shadow: 1px 0 3px 0 rgba(0, 0, 0, 0.2);

  background: #ffffff;

  box-shadow: 1px 0 3px 0 rgba(0, 0, 0, 0.2);

  left: 0px;

  position: fixed;

  right: 0;

  top: 0px;

  z-index: 999;

}

.topbar .topbar-left {

  /*background: #253841;*/

  background: #fff none repeat scroll 0 0; /*edited by sudipto chakrabory*/

  float: left;

  height: 70px;

  position: relative;

  width: 240px;

  z-index: 1;

}

.logo {

  color: #ffffff !important;

  font-size: 18px;

  font-weight: 700;

  letter-spacing: .05em;

  line-height: 60px;

  text-transform: uppercase;

}

.logo h1 {

  height: 50px;

  margin: 0px auto;

  text-align: center;

}

.logo i {

  color: #d05a21;

  font-size: 30px;

  margin-right: 5px;

}

.navbar-default {

  /*background-color: #2b4049;*/

  background-color: #fff; /*edited by sudipto chakraborty*/

  border-radius: 0px;

  border: none;

  box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);

  margin-bottom: 0px;

}

.navbar-default .navbar-nav > .open > a {

  background-color: transparent;

}

.navbar-default .navbar-nav > .open > a:focus {

  background-color: transparent;

}

.navbar-default .navbar-nav > .open > a:hover {

  background-color: transparent;

}

.nav > li > a {

  color: #d05a21 !important;

  line-height: 70px;

  padding: 0px 15px;

  position: relative;

}

.nav > li > a i {

  font-size: 20px;

}

.nav > li > a .badge {

  position: absolute;

  right: 10px;

  top: 18px;

}

.profile img {

  border: 2px solid #edf0f0;

  height: 36px;

  width: 36px;

}

.dropdown-menu-lg {

  width: 300px;

}

.dropdown-menu-lg .list-group {

  margin-bottom: 0px;

}

.dropdown-menu-lg .list-group-item {

  border: none;

  padding: 10px 20px;

}

.dropdown-menu-lg .media-heading {

  margin-bottom: 0px;

}

.dropdown-menu-lg .media-body p {

  color: #828282;

}

.notifi-title {

  border-bottom: 1px solid rgba(0, 0, 0, 0.1);

  color: #000000;

  font-size: 16px;

  font-weight: 400;

  padding: 5px 0px 10px;

}

.navbar-form {

  border: none;

  box-shadow: none;

  padding: 0px;

}

.search-bar {

  background-color: transparent !important;

  border: none !important;

  box-shadow: none !important;

  color: #ffffff;

  font-size: 14px;

  height: 50px;

  margin-top: 3px;

}

.btn-search {

  display: none;

}

input.search-bar::-webkit-input-placeholder {

  color: rgba(255, 255, 255, 0.6);

}

input.search-bar:-moz-placeholder {

  color: rgba(255, 255, 255, 0.6);

}

input.search-bar::-moz-placeholder {

  color: rgba(255, 255, 255, 0.6);

}

input.search-bar:-ms-input-placeholder {

  color: rgba(255, 255, 255, 0.6);

}

.navbar-nav {

  margin: 0px;

}

.side-menu {

  bottom: 0;

  top: 0;

  width: 240px;

  z-index: 2;

}

.side-menu.left {

  background: #ffffff;

  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.15);

  position: absolute;

  top: 70px;

}

body.fixed-left .side-menu.left {

  bottom: 50px;

  height: 100%;

  margin-bottom: -70px;

  margin-top: 0px;

  padding-bottom: 70px;

  position: fixed;

}

.content-page {

  margin-left: 240px;

  overflow: hidden;

}

.content-page > .content {

  margin-bottom: 60px;

  margin-top: 70px;

  padding: 20px 5px 15px 5px;

}

.button-menu-mobile {

  background: transparent;

  border: none;

  color: #d05a21;

  font-size: 21px;

  line-height: 70px;

  padding: 0px 15px;

}

.button-menu-mobile:hover {

  color: #d05a21;

}

.sidebar-inner {

  height: 100%;

  background-color: #fff; /*edited by sudipto chakraborty*/

}

.sidebar-menu,

.sidebar-menu ul,

.sidebar-menu li,

.sidebar-menu a {

  border: 0;

  font-weight: normal;

  line-height: 1;

  list-style: none;

  margin: 0;

  padding: 0;

  position: relative;

  text-decoration: none;

}

.sidebar-menu {

  /*background-color: #ffffff;*/

  background-color: #fff; /*edited by sudipto chakraborty*/

  padding-bottom: 50px;

  width: 100%;

}

.sidebar-menu a {

  line-height: 1.3;

}

.sidebar-menu ul ul {

  display: block;

}

.sidebar-menu ul ul li {

  border-top: 0;

}

.sidebar-menu ul ul li.active a {

  /*color: #d05a21;*/

  color:#ffcf29; /*edited by sudipto chakraborty*/

}

.sidebar-menu ul ul a {

  /*color: #75798B;*/

  color: #d05a21; /*edited by Sudipto Chakraborty*/

  display: block;

  padding: 10px 25px 10px 65px;

}

.sidebar-menu ul ul a:hover {

  /*color: #d05a21;*/

  color:#d05a21; /*edited by sudipto chakrabory*/

}

.sidebar-menu ul ul a i {

  margin-right: 5px;

}
a {
    color: #d05a21;
    text-decoration: none;
}
.sidebar-menu ul ul ul a {

  padding-left: 80px;

}

.sidebar-menu > ul > li > a {

  /*color: #444444;*/

  color:#2f3b47; /*edited by sudipto chakrabory*/

  display: block;

  padding: 15px 5px 15px 10px;

}

.sidebar-menu > ul > li > a:hover {

  background: #f3f3f3;

  text-decoration: none;

  color: #444444;

}

.sidebar-menu > ul > li > a > span {

  vertical-align: middle;

}

.sidebar-menu > ul > li > a > i {

  display: inline-block;

  font-size: 18px;

  line-height: 17px;

  margin-left: 3px;

  margin-right: 5px;

  text-align: center;

  vertical-align: middle;

  width: 20px;

  color:#d05a21 !important;

}

.sidebar-menu > ul > li > a > i.i-right {

  float: right;

  margin: 3px 0 0 0;

}

.sidebar-menu > ul > li > a.active {

    background: #d05a21!important;

    color: #FFF;
}
.sidebar-menu > ul > li > a.active > i{
  color: #fff !important;
}
.sidebar-menu > ul > li > a.active.subdrop {

  background: #f3f3f3 !important;

}

.subdrop {

  background: #f3f3f3;

}

#wrapper.enlarged .sidebar-menu ul ul {

  box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);

}

#wrapper.enlarged .left.side-menu {

  padding-top: 80px;

  width: 70px;

  z-index: 5;

}

#wrapper.enlarged .left.side-menu .sidebar-menu > ul > li > a i {

  margin-left: 0px;

}

#wrapper.enlarged .left.side-menu .sidebar-menu > ul > li > a:hover {

  background-color: #f3f3f3 !important;

}

#wrapper.enlarged .left.side-menu span.pull-right {

  display: none !important;

}

#wrapper.enlarged .left.side-menu .sidebar-menu ul > li {

  position: relative;

  white-space: nowrap;

}

#wrapper.enlarged .left.side-menu .sidebar-menu ul > li:hover > a {

  background-color: #f3f3f3;

  position: relative;

  width: 260px;

  color: #d05a21;

}

#wrapper.enlarged .left.side-menu .sidebar-menu ul > li:hover > ul {

  display: block;

  left: 70px;

  position: absolute;

  width: 190px;

}

#wrapper.enlarged .left.side-menu .sidebar-menu ul > li:hover > ul a {

  background: #ffffff;

  border: none;

  box-shadow: none;

  padding-left: 15px;

  position: relative;

  width: 190px;

  z-index: 6;

}

#wrapper.enlarged .left.side-menu .sidebar-menu ul > li:hover a span {

  display: inline;

}

#wrapper.enlarged .left.side-menu .sidebar-menu ul > li > ul {

  display: none;

}

#wrapper.enlarged .left.side-menu .sidebar-menu ul ul li:hover > ul {

  display: block;

  left: 190px;

  margin-top: -36px;

  position: absolute;

  width: 190px;

}

#wrapper.enlarged .left.side-menu .sidebar-menu ul ul li > a span.pull-right {

  -ms-transform: rotate(270deg);

  -webkit-transform: rotate(270deg);

  position: absolute;

  right: 20px;

  top: 12px;

  transform: rotate(270deg);

}

#wrapper.enlarged .left.side-menu .sidebar-menu ul > li > a span {

  display: none;

  padding-left: 10px;

}

#wrapper.enlarged .left.side-menu .user-details {

  display: none;

}

#wrapper.enlarged .content-page {

  margin-left: 70px;

}

#wrapper.enlarged .topbar .topbar-left {

  width: 70px !important;

}

#wrapper.enlarged .topbar .topbar-left .logo span {

  display: none;

  opacity: 0;

}

#wrapper.enlarged .topbar .topbar-left .logo i {

  margin-right: 0px;

}

#wrapper.enlarged .sidebar-menu > ul > li:hover > a.open :after {

  display: none;

}

#wrapper.enlarged .sidebar-menu > ul > li:hover > a.active :after {

  display: none;

}

#wrapper.enlarged .footer {

  left: 70px;

}

.user-details {

  min-height: 80px;

  padding: 20px;

  position: relative;

}

.user-details img {

  position: relative;

  z-index: 9999;

}

.user-details .user-info {

  color: #444444;

  margin-left: 60px;

  position: relative;

  z-index: 99999;

}

.user-details .user-info a.dropdown-toggle {

  /*color: #666666;*/

  color:#3e4556;

  display: block;

  font-family: 'Roboto', sans-serif;

  font-size: 16px;

  font-weight: 600;

  padding-top: 5px;

}

#wrapper.right-bar-enabled .right-bar {

  right: 0;

}

#wrapper.right-bar-enabled .left-layout {

  left: 0;

}

.side-bar.right-bar {

  float: right !important;

  right: -266px;

  top: 70px;

}

.side-bar {

  -moz-transition: all 200ms ease-out;

  -webkit-transition: all 200ms ease-out;

  background-color: #ffffff;

  box-shadow: 0px 0px 8px 1px rgba(0, 0, 0, 0.1);

  display: block;

  float: left;

  height: 100%;

  overflow-y: auto;

  position: fixed;

  transition: all 200ms ease-out;

  width: 240px;

}

.right-bar {

  background: #ffffff !important;

  z-index: 99 !important;

}

.right-bar h4 {

  border-bottom: 1px solid #eeeeee;

  padding-bottom: 10px;

}

.contact-list {

  max-height: 600px;

}

.contact-list .list-group-item {

  border: none;

}

.contact-list .list-group-item:hover {

  background: #ecf0f1;

}

.contact-list i.offline {

  color: #ef5350;

}

.contact-list i.away {

  color: #ffd740;

}

.contacts-list .avatar {

  display: inline-block;

  float: left;

  margin-right: 5px;

  width: 30px;

}

.contacts-list .avatar img {

  border-radius: 50%;

  width: 100%;

}

.contacts-list .list-group-item span.name {

  color: #707780;

  display: inline-block;

  float: left;

  overflow: hidden;

  padding-left: 5px;

  padding-top: 6px;

  text-overflow: ellipsis;

  white-space: nowrap;

  width: 130px;

}

.contacts-list i.online {

  color: #a0d269;

}

.contacts-list i {

  color: #dddddd;

  float: right;

  font-size: 9px;

  line-height: 30px;

}

.logo img {

    max-width: 85%;

}

.rm01 {

    width: 100%;

    text-align: center;

    overflow: hidden;

    display:block;

}

.rm02 .form-group {

    width: 23%;

    float: left;

    margin: 0 1% 15px 1%;

}

.rm03{

    width: 100% !important;

}

.rm04 {

    padding: 20px 7px !important;

}

.rm05 {

    float: left;

    margin: 25px 0 0 12px;

}

.rm05 .btn{

    font-family:'Roboto', sans-serif;

    font-size:18px;

    font-weight:500;

    line-height: 46px;

    background:#d05a21;

    border-radius: 3px;

    height: 46px;

    display: inline-block;

    padding: 0 14px;

    color: #fff;

    cursor: pointer;

}

.rm06{

    appearance: none;

-moz-appearance: none;

-webkit-appearance: none;

background:#fff url(../../../assets/profilearw.png)no-repeat right 13px center;

}

.rm06:focus{

    background:#FFF url(../../../assets/profilearw.png)no-repeat right 13px center !important;

}

label {

    margin-bottom: 5px;

    font-weight: 500;

    font: 400 15px/20px 'Roboto', sans-serif;

    color: #272828;

}

.rm07{

    text-align:center;

    position: relative;

}



.show-actions {

    display: none;

    position: absolute;

    z-index: 99;

    background: #fff;

    top: 49px;

    right: 0;

    width: 135px;

    border-radius: 6px;

    box-shadow: 0px 1px 10px 3px #eaeaea;

    border: 1px solid #dddcdc;

    padding: 8px 0;

}

.show-actions ul{

    float: left;

    width: 100%;

    text-align:left;

    margin:0;

    padding:0;

    }

.show-actions ul li {

    float: left;

    width: 100%;

    text-align:left;

    list-style:none;

}

.show-actions ul li a {

    float: left;

    width: 100%;

    padding: 5px 15px;

    color: #213047;

    font-size: 15px;
  cursor: pointer;

    font-weight: 400;

}

.show-actions ul li a:hover {

    color: #d05a21;

}

.angle {

    position: absolute;

    top: -22px;

    left: 36px;

}

.angle img {

    padding: 0px !important;

    width: 40px;

}



.rm08 {

    background: #FFF !important;

    padding: 0 !important;

    height: auto;

    text-align: center;

}

.rm08 img {


    margin: 53px 0 0 0;

}

.dropdown-menu > li > a i {

    color: #d05a21 !important;

    width: 16px;

    font-size: 15px;

}

.dropdown-menu > li > a {

    padding: 6px 10px !important;

}

.ri {

    font-size: 18px !important;

}

.ri1{

    font-size: 22px !important;

}

.ri2{

    font-size: 18px !important;

}

.ri3 {

    font-size:18px !important;

}

.ri4{

    font-size: 18px !important;

}

.ri5{

    font-size: 18px !important;

}

.ri7{

    font-size: 18px !important;

}

@media (max-width: 1024px) {

.rm02 .form-group {

    width: 31%;

    margin: 0 1% 15px 1%;

}

}

@media (max-width: 767px) {

.rm02 .form-group {

    width: 48%;

    margin: 0 1% 15px 1%;

}

.breadcrumb {

    padding: 2px 0;

    margin-bottom: 10px;

}

.page-title {

    margin-bottom: 0;

}



#wrapper.enlarged .topbar .topbar-left {

    width: 166px !important;

}

}

@media (max-width: 480px) {

.rm02 .form-group {

    width: 98%;

    margin: 0 1% 15px 1%;

}

}