/*
Created by: Jyostna Designs

[TABLE OF CONTENTS]

1.  IMPORTS
2.  RESET STYLES
3.  HEADER STYLES
    3.1 HEADER RIGHT SIDE BAR
    3.2 HEADER LEFT
    3.3 HEADER RIGHT SIDE DROPDOWNS
4. LEFT SIDE BAR
5. MAIN WRAPPER STYLES
6. LEFT MENU COLLAPSE STYLES
7. CUSTOM STYLES
8. MEDIA QUERIES
9. PRELOADER

*/
/********** 1. IMPORTS **********/
/* Variables Imported from sass */
@import "bootstrap/variables";

/*****  2.RESET STYLES  *****/

html {
  background             : none repeat scroll 0 0 #FCFCFC;
  overflow-x             : hidden;
  -webkit-font-smoothing : antialiased;
  -webkit-transition     : all .25s ease-out;
  -moz-transition        : all .25s ease-out;
  transition             : all .25s ease-out;
  font-size              : small;
}
body {
  background             : none repeat scroll 0 0 #FCFCFC;
  -webkit-font-smoothing : antialiased;
  -webkit-transition     : all .25s ease-out;
  -moz-transition        : all .25s ease-out;
  transition             : all .25s ease-out;
  font-size              : small;
  letter-spacing         : 0.5px;
}
ul {
  list-style : none;
}
p {
  line-height : 20px;
}
label {
  font-weight    : 400;
  font-size      : 14px;
  letter-spacing : 1px;
}
/******  3.HEADER STYLES   ******/

body > .header {
  position   : fixed;
  top        : 0;
  left       : 0;
  right      : 0;
  z-index    : 100000;
}
body > .header .navbar {
  margin-bottom : 0;
  background-color: #EEE;
  border-bottom: 1px solid #ccc;
}
body > .header .navbar .nav > li > a > .label {
  -webkit-border-radius : 50%;
  -moz-border-radius    : 50%;
  border-radius         : 50%;
  position              : absolute;
  top                   : 12px;
  right                 : 9px;
  font-size             : 8px;
  font-weight           : normal;
  width                 : 13px;
  height                : 13px;
  line-height           : 1.0em;
  text-align            : center;
  padding               : 2px;
}
body > .header .navbar .nav > li > a:hover > .label {
  top : 7px;
}
body > .header .logo {
  display     : block;
  float       : left;
  height      : 50px;
  line-height : 50px;
  padding     : 3px 10px;
  text-align  : center;
  width       : 251px;
  background-color : #EEE;
}
body > .header .logo .icon {
  margin-right : 10px;
}
/* Define 2 column template */

.right-side,
.left-side {
  display : block;
}
/****** 3.1 HEADER RIGHT SIDE BAR *******/

.right-side {
  margin-left : 250px;
  padding     : 51px 10px 10px 10px;
}
.right-side > .content-header > h1 {
  margin       : 2px;
  padding-left : 13px;
  padding-top  : 7px;
}
.right-side > .content-header {
  margin     : -2px -10px 25px -10px;
  height     : 73px;
  background : #FAFAFA;
  box-shadow : 0 2px 18px #E5E5E5;
}
.right-side > .content-header > .breadcrumb {
  background-color : #F9F9F9;
  padding          : 2px 15px 9px 15px;
}
.right-side > .content-header > .breadcrumb > li > a,
.right-side > .content-header > .breadcrumb > li {
  color : #333;
}
.right-side > .content-header > .breadcrumb > li > a > .fa,
.right-side > .content-header > .breadcrumb > li > a > .glyphicon {
  margin-right : 5px;
}
.breadcrumb > li + li:before {
  padding: 0;
}
/* right side bar css start */

#right {
  -webkit-transition : all .3s ease-in-out;
  -o-transition      : all .3s ease-in-out;
  transition         : all .3s ease-in-out;
  width              : 270px;
  z-index            : 999;
  position           : fixed;
  top                : 0;
  bottom             : 0;
  overflow-y         : auto;
  right              : -270px;
  box-shadow         : 0 0 15px #CCC;
  background         : #FAFAFA;
}
.rightsidebar-right .rightsidebar-right-content {
  padding-top : 53px;
}
#right .nav-tabs > li > a:hover {
  border: 1px solid transparent;
}
#right .nav > li > a:hover {
  background-color: transparent;
}
.rightsidebar-right .nav-tabs {
  border-bottom: 0;
}
.rightslider-p-t {
  padding-top : 0 !important;
}
.rightsidebar-right .text-muted {
  color : #555;
}
.rightsidebar-right .rightsidebar-right-content .rightsidebar-right-heading {
  background    : #FFF;
  color         : #555;
  border-bottom : 1px solid #DDD;
  border-top: 1px solid #DDD;
  margin        : 0px -20px 0;
  font-size     : 15px;
  padding       : 15px 20px 15px 15px;
}
.margin-none {
  margin : 0;
}
.rightsidebar-contact-wrapper {
  margin             : 1px -20px;
  -moz-transition    : all 0.5s ease;
  -o-transition      : all 0.5s ease;
  -webkit-transition : all 0.5s ease;
  transition         : all 0.5s ease;
}
.rightsidebar-contact-wrapper .rightsidebar-contact {
  padding : 15px 20px;
  display : block;
  color   : #2E576B;
}
.rightsidebar-contact-wrapper .rightsidebar-contact:hover {
  text-decoration : none;
}
.rightsidebar-notification {
  margin             : 1px 0;
  -moz-transition    : all 0.5s ease;
  -o-transition      : all 0.5s ease;
  -webkit-transition : all 0.5s ease;
  transition         : all 0.5s ease;
}
.rightsidebar-notification a {
  padding : 15px 0;
  display : block;
  color   : #2E576B;
}
.sidebar-right-opened {
  right : 250px
}
.sidebar-right-opened #right {
  right : 0
}
.sidebar-right-opened .background-overlay {
  position: fixed;
  display: block;
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;
  background: rgba(0,0,0,0.03);
  z-index: 998;
  -webkit-transition: background-color .3s;
  -moz-transition: background-color .3s;
  -o-transition: background-color .3s;
  transition: background-color .3s;
}
.scrollable-content {
  height : 100%;
}
/*rightside bar tabs*/

#right .nav-tabs > li {
  margin-bottom : -3px;
}
#right .nav-tabs > li > a {
  padding   : 10px 19px 4px 19px;
  font-size : 23px;
}
#right .nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus {
  border : 1px solid #DDD;
  color: #555;
  background-color: #FFF;
  border-bottom-color: transparent;
  margin-top: -2px;
}
#slim_t1, #slim_t2, #slim_t3 {
  padding-left  : 20px;
  padding-right : 20px;
}
#right #slim_t1 img {
  width :20px;
  height :20px;
}
#slim_t2 .notifications li {
  height : 52px;
}
#slim_t2 .notifications li a {
  line-height : 20px;
  font-size   : 12.5px;
  color       : #333;
}
#slim_t2 .message .message-image {
  height : 37px;
}
#slim_t2 .message-body {
  padding-top : 3px;
  color       : #717171;
}
#slim_t2 .noti-date {
  margin-top : -42px;
}
.m-t-15 {
  margin-top : 15px;
}
#slim_t2 .notifications .noti-footer {
  height      : 32px;
  padding-top : 10px;
}
#slim_t2 .notifications .noti-footer a {
  color : #6699CC;
}
/*tab 3 settings*/
#slim_t3 ul {
  padding : 0;
}
#right #slim_t3 .settings-list li {
  padding-top    : 8px;
  padding-bottom : 8px;
  font-size      : 14px;
}
input[type="range"] {
  display : block;
  width   : 80%;
  margin  : auto;
}
.stylehtml {
  background : url("../img/brick-wall.png") repeat;
}
/*tab 3 settings ends*/
/*rightside bar tabs ends*/

/******* 3.2 HEADER LEFT ******/

/*side bar nav */

.sidebar {
  display : block;
  float   : left;
  width   : 250px;
}
.content {
  display : block;
  width   : auto;
  padding : 0 15px;
}
.left-side {
  background         : #FFF;
  -webkit-box-shadow : 0 0 15px #EEE;
  box-shadow         : 0 0 15px #EEE;
}
.skin-default .sidebar a {
  color                  : #808B9C;
  -webkit-font-smoothing : antialiased;
}
/* left side profile css */

.nav_profile .profile-left {
  padding       : 15px;
  min-height    : 90px;
  border-bottom : 1px solid #EEE;
}
.nav_profile .profile-left .profile-thumb {
  -moz-border-radius    : 50px;
  -webkit-border-radius : 50px;
  border-radius         : 50px;
  display               : inline-block;
  padding-top           : 9px;
}
.nav_profile .profile-left .media-heading {
  line-height : 23px;
  margin-top  : 12px;
  font-weight : 500;
  font-size   : 16px;
  color       : #2E576B;
}
.nav_profile .profile-left .profile-thumb img {
  width : 54px;
}
.nav_profile .content-profile .icon-list li {
  display        : inline-block;
  padding        : 0;
  vertical-align : top;
}
.nav_profile .content-profile .icon-list:before {
  content : '';
}
.nav_profile .content-profile .icon-list li i {
  font-size   : 13px;
  color       : #555;
  padding-top : 5px;
}
.nav_profile .content-profile .icon-list li a {
  display            : block;
  width              : 30px;
  height             : 25px;
  text-align         : center;
  line-height        : 23px;
  -webkit-transition : all 300ms ease-in-out;
  -moz-transition    : all 300ms ease-in-out;
  -o-transition      : all 300ms ease-in-out;
  transition         : all 300ms ease-in-out;
}
.content-profile .icon-list li a {
  border : 1px solid #DDD;
}
.icon-list li a {
  position : relative;
}
/******* 3.3 HEADER RIGHT SIDE DROPDOWNS  *****/

/*
   Dropdown menus
----------------------------
*/

/*Dropdowns in general*/

.dropdown-menu {
  -webkit-box-shadow : 0 3px 6px rgba(0, 0, 0, 0.1);
  -moz-box-shadow    : 0 3px 6px rgba(0, 0, 0, 0.1);
  box-shadow         : 0 3px 6px rgba(0, 0, 0, 0.1);
  z-index            : 2300;
}
.dropdown-menu > li > a > .glyphicon,
.dropdown-menu > li > a > .fa,
.dropdown-menu > li > a > .ion {
  margin-right : 10px;
}
/*Drodown in navbars*/

.skin-blue .navbar .dropdown-menu > li > a {
  color : #444444;
}
/*
   Navbar custom dropdown menu
------------------------------------
*/

.navbar-nav > .messages-menu > .dropdown-menu {
  width   : 340px;
  padding : 0;
  margin  : 1px 0 0 0;
  top     : 100%;
  border  : 1px;
  box-shadow: 0 1px 6px rgba(0, 0, 0, 0.25);
}
.navbar-nav > .user-menu > .dropdown-menu {
  font-size     : 13px;
  padding       : 0;
  margin-top    : 1px;
  border-radius : 4px;
  box-shadow    : 0 3px 6px rgba(0, 0, 0, 0.2);
  border        : 0;
}
.navbar-nav > .user-menu > .dropdown-menu > li.user-header {
  height     : 140px;
  padding    : 6%;
  background : #F5F5F5;
  text-align : center;
  border-bottom: 1px solid #eee;
}
.navbar .nav a {
  color : #555;
}
.navbar .nav .user-footer a {
  color : #6699CC;
}
.navbar-right .nav > li > a {
  padding : 10px 15px;
}
.navbar-right .nav > li > .padding-user {
  padding-top : 8px;
}
.navbar-nav > .user-menu > .dropdown-menu > li.user-header > img {
  z-index : 5;
  height  : 90px;
  width   : 90px;
}
.navbar-nav > .user-menu > .dropdown-menu > li.user-header > p {
  z-index    : 5;
  font-size  : 14px;
  margin-top : 5px;
}
.navbar-nav > .user-menu > .dropdown-menu > li.user-header > p > small {
  display   : block;
  font-size : 12px;
}
.navbar-nav > .user-menu > .dropdown-menu > li.user-body {
  padding       : 15px;
  border-bottom : 1px solid #F4F4F4;
  border-top    : 1px solid #DDDDDD;
}
.navbar-nav > .user-menu > .dropdown-menu > li.user-body:before,
.navbar-nav > .user-menu > .dropdown-menu > li.user-body:after {
  display : table;
  content : " ";
}
.navbar-nav > .user-menu > .dropdown-menu > li.user-body:after {
  clear : both;
}
.navbar-nav > .user-menu > .dropdown-menu > li.user-body > div > a {
  color : #0073B7;
}
.navbar-nav > .user-menu > .dropdown-menu > li.user-footer {
  padding-right  : 12px;
  padding-left   : 12px;
  padding-bottom : 5px;
}
.navbar-nav > .user-menu > .dropdown-menu > li.user-footer:before,
.navbar-nav > .user-menu > .dropdown-menu > li.user-footer:after {
  display : table;
  content : " ";
}
.navbar-nav > .user-menu > .dropdown-menu > li.user-footer:after {
  clear : both;
}
.navbar-nav > .user-menu > .dropdown-menu > li.user-footer .btn-default {
  color : #666666;
}
/*===add nicescroll if wondow height is less------*/
.nice_dropdown {
  height   : 300px;
  overflow : scroll;
}
/* Add fade animation to dropdown menus */

.open > .dropdown-menu {
  animation-name                    : fadeAnimation;
  animation-duration                : .7s;
  animation-iteration-count         : 1;
  animation-timing-function         : ease;
  animation-fill-mode               : forwards;
  -webkit-animation-name            : fadeAnimation;
  -webkit-animation-duration        : .7s;
  -webkit-animation-iteration-count : 1;
  -webkit-animation-timing-function : ease;
  -webkit-animation-fill-mode       : forwards;
  -moz-animation-name               : fadeAnimation;
  -moz-animation-duration           : .7s;
  -moz-animation-iteration-count    : 1;
  -moz-animation-timing-function    : ease;
  -moz-animation-fill-mode          : forwards;
}
@keyframes fadeAnimation {
  from {
    opacity : 0;
    top     : 120%;
  }
  to {
    opacity : 1;
    top     : 100%;
  }
}
@-webkit-keyframes fadeAnimation {
  from {
    opacity : 0;
    top     : 120%;
  }
  to {
    opacity : 1;
    top     : 100%;
  }
}
.dropdown-menu .menu i {
  display       : inline-block;
  margin        : 4px 12px;
  float         : left;
  padding       : 10px 30px 30px 10px;
  text-align    : center;
  border-radius : 50%;
  border        : 1px solid #E2E2E2;
}
.dropdown-menu .menu a {
  line-height : 42px;
}
.dropdown-menu .menu a .clearfix {
  color       : #FFF;
  line-height : 31px;
}
.mesages li img {
  width        : 46px;
  padding-top  : 5px;
  height       : auto;
  float        : left;
  margin-right : 15px;
}
.mesages li {
  padding : 5px;
  cursor  : pointer;
}
.mesages li span {
  font-size : 12px;
  display   : inline-block;
  clear     : both;
  float     : none;
}
.mesages li .samp {
  font-size  : 11px;
  clear      : both;
  margin-top : -3px;
}
.mesages li .time {
  font-size  : 11px;
  color      : #666;
  margin-top : -3px;
}
.message .message-image {
  display      : block;
  float        : left;
  height       : 45px;
  margin-right : 15px;
  text-align   : center;
}
li.dropdown-title {
  padding: 10px 10px 10px 17px;
  background: #f5f5f5;
  font-size: 15px;
  color: #555;
}
.slimScrollDiv .menu li {
  width     : 100%;
  font-size : 12px;
  display   : inline-block;
}
li.dropdown-footer {
  padding: 10px 10px 10px 17px;
  background : #F5F5F5;
  border-top: 1px solid #ccc;
}
li.dropdown-footer a {
  font-size : 15px;
  padding: 0;
}
.padding-15 {
  padding : 15px;
}
.dropdown-menu li > .message {
  padding : 5px 15px 5px 25px;
}
.dropdown-menu .footer {
  margin        : 0;
  padding       : 0;
  border-bottom : none;
}
.dropdown-menu .message:hover {
  background : #E0E0E0;
}
.message .ol {
  padding : 5px 10px 5px 5px;
}
.message .ol:hover {
  color : #090;
}
.dropdown-menu:after {
  border-color   : transparent;
  bottom         : 100%;
  content        : " ";
  height         : 0;
  margin-left    : -10px;
  pointer-events : none;
  position       : absolute;
  right          : 10px;
  width          : 0;
}
.paddingrightleft_10 {
  padding-left  : 15px;
  padding-right : 15px;
}
.paddingtopbottom_5px {
  padding-bottom : 5px;
  padding-top    : 5px;
}
.plus-minus {
  float : right;
}
.navbar-right .nav .open > a:hover > i,
.navbar-right .nav .open > a:focus > i,
.navbar-right .nav > li > a:hover  > i,
.navbar-right .nav > li > a:focus > i {
  color : #000;
}
.riot {
  color   : #555;
  padding : 7px 0 5px 45px;
}
.riot:hover {
  color   : #000;
}
.riot .caret {
  margin-top : 0;
}
.navbar-nav > .user-menu > .dropdown-menu:after {
  -moz-border-bottom-colors : none;
  -moz-border-left-colors   : none;
  -moz-border-right-colors  : none;
  -moz-border-top-colors    : none;
  border-color              : transparent;
}
.navbar-right .nav > li > a .black {
  padding-top : 7px;
  color       : #666;
  font-size   : 17px;
}
.dropdown-messages {
  min-width : 320px
}
.dropdown-messages > li {
  border-bottom : 1px solid #F5F5F5
}
.dropdown-messages > li.dropdown-title {
  border-bottom : 1px solid #CCC
}
.dropdown-messages > li > .message {
  line-height : 20px;
  white-space : normal;
  font-size   : 11px;
}
.dropdown-messages > li:last-child {
  border-bottom : none
}
.dropdown-notifications {
  min-width : 260px
}
.msg-lable {
  float      : right;
  margin-top : -19px;
}
.noti-date {
  float      : right;
  margin-top : -37px;
}
.striped-col {
  background-color : #F9F9F9;
}
/**** END HEADER RIGHT SIDE DROPDOWNS ****/

/****** 4.LEFT SIDEBAR ******/

.left-side {
  position : absolute;
  width    : 250px;
}
li.active > a > .arrow {
  position      : absolute;
  right         : 15px;
}
li.active a,
a:hover,
a {
  text-decoration : none !important;
}
.content-header h1 {
  font-size   : 22px;
  line-height : 1.5;
}
.badge {
  background-color : #66CC99;
  font-weight      : 400;
  float            : right;
}
.sub-menu {
  list-style : none;
  padding    : 0;
  margin     : 0;
}
#menu li.active > a {
  border-right : 3px solid #68DEB7;
}
#menu li.active > a {
  background : #EEEEEE;
  color      : #33CC99;
}
#menu .profile-left li > a:hover {
  color : #0A1414;
}
#menu li > a:hover {
  color : #33CC99;
}
#menu .menu-dropdown > ul > li > a {
  padding-left : 37px;
}
#menu .menu-dropdown > ul,
#menu .menu-dropdown-open-ul {
  background : #FFF;
}
#menu .navigation .menu-icon {
  display      : inline-block;
  margin-right : 5px;
  line-height  : 20px;
  height       : 20px;
  width        : 20px;
  text-align   : center;
  font-size    : 16px;
}
#menu .navigation {
  padding : 4px 0 15px;
}
#menu .navigation a {
  text-align         : left;
  color              : #666;
  position           : relative;
  -webkit-transition : all .2s;
  transition         : all .2s;
  display            : block;
  font-size          : 13px;
  line-height        : 20px;
  padding            : 11px 20px;
}
#menu .fa.arrow:before {
  content: "\f105";
}

#menu .active > a > .fa.arrow:before {
  content: "\f107";
}
/******* END LEFT SIDEBAR *****/

/********* 5. MAIN WRAPPER STYLES *********/

.wrapper:before,
.wrapper:after {
  display : table;
  content : " ";
}
.wrapper:after {
  clear : both;
}
/********* END MAIN WRAPPER STYLES *********/

/********* 6. LEFT MENU COLLAPSE STYLES *********/

body > .header .navbar .sidebar-toggle {
  float       : left;
  color       : #666;
  font-size   : 23px;
  font-weight : bold;
  margin-left : 10px;
}
body > .header .navbar .sidebar-toggle:hover > i {
  color : #000;
}
body > .header .navbar .sidebar-toggle i {
  vertical-align : middle;
}
/********* END LEFT MENU COLLAPSE STYLES *********/

/*********7. CUSTOM STYLES *********/
.modal-dialog {
  margin : 60px 10px;
}
.progress_task {
  margin-top    : 8px;
  margin-bottom : 12px;
}
.progress-xs {
  height : 5px;
}
//to eliminate slider bar added due to animation effect on page change
.animsition {
  position : inherit;
}
.panel-heading small {
  line-height : 23px;
  font-size   : 12px;
}
//panel heading slideup and close icons
.clickable {
  cursor    : pointer;
  font-size : 12px;
}
.panel-heading span {
  margin-top : -20px;
  font-size  : 15px;
}
.nav-tabs > li.active > a,
.nav-tabs > li.active > a:hover,
.nav-tabs > li.active > a:focus {
  color: #555;
  background-color: #FFF;
  border-top: 3px solid #6699CC;
  border-bottom-color: transparent;
  cursor: default;
  font-weight: 500;
  margin-top: -2px;
}
.p-t-3 {
  padding-top : 3px;
}
.p-10 {
  padding : 10px;
}
.map_size {
  width  : 100%;
  height : 350px;
}
.navbar-right {
  margin-right : 0;
}
/* Users action icons*/
.actions_icon {
  cursor : pointer;
}
//advanced maps
#advanced_map {
  height : 350px;
}
.leaflet-top, .leaflet-bottom {
  z-index: 400;
}
//form section starts here
.m-t-10 {
  margin-top : 10px !important;
}
.m-l-18 {
  margin-left : 18px;
}
// text color white
.text-white {
  color : #FFFFFF;
}
.input-group-addon {
  padding : 5px 12px;
}
.radio label,
.checkbox label,
.checkbox-inline,
.radio-inline {
  padding-left : 0;
}
//form section ends here
.m-t-25 {
  margin-top : 25px;
}
/*
Customized Bootstrap toastr
*/

.radio,
.checkbox {
  display       : inline;
  min-height    : 0;
  margin-top    : 10px;
  margin-bottom : 10px;
}
div.radio,
div.checker {
  margin-right : 0;
  margin-left  : 3px;
}
div.selector,
div.checker,
div.button,
div.uploader {
  display        : -moz-inline-box;
  display        : inline-block;
  zoom           : 1;
  vertical-align : middle;
}
.resize_vertical {
  resize : vertical;
}
.input-group-addon {
  background-color : #DCDCDC;
  border           : 1px solid #CCC;
}
// data tables
.m-t-6 {
  margin-top : 6px;
}
.dataTables_length {
  margin-top : 10px;
}
.table-responsive {
  overflow-y : hidden;
}
//dimple chart
.chartWindow {
  border-radius : 5px;
  border        : 1px solid #E5E5E5;
  margin-bottom : 15px;
  overflow-x    : auto;
  overflow-y    : hidden;
}
//dropdown page
.right-side .label {
  text-align : left;
}
.selectric-items {
  width    : 100% !important;
}
.multiselect-container > li > a {
  padding : 5px;
}
.multiselect-item .multiselect-search,
.multiselect-item .multiselect-clear-filter {
  height: 35px;
}
.btn_selection {
  margin : 3px 0;
}
body.fixed-layout > .header,
body.fixed-layout .left-side,
body.fixed-layout .navbar {
  position : fixed;
}
body.fixed-layout > .header {
  top   : 0;
  right : 0;
  left  : 0;
}
body.fixed-layout .navbar {
  left  : 0;
  right : 0;
}
body.fixed-layout .wrapper {
  margin-top : 50px;
}
.padding-top {
  padding-top : 50px;
}
body.fixed-top > .header {
  position : fixed;
}
.sub-submenu {
  padding-left : 20px;
}
.p-l-40 {
  padding-left: 40px;
}
#menu .menu-dropdown > .form-submenu > li > a  {
  padding-left: 55px;
}
/*image-magnifier*/
.img_height {
  height : 200px;
}
/* layout css ends*/

/**** 8.MEDIA QUERIES ****/

@media screen and (min-width : 993px) {
  .left-side {
    top : 51px;
  }
  /*Right side strech mode*/
  .right-side.strech {
    margin-left : 0;
  }
  /* Left side collapse */
  .left-side.collapse-left {
    left : -250px;
  }
}
/*Give content full width on xs screens*/

@media screen and (max-width : 992px) {
  .right-side {
    margin-left : 0;
  }
  #menu {
    padding-top : 54px;
  }
}
/*======pull modal below the fixed header=======*/
@media screen and (min-width : 768px) {
  .modal-dialog {
    margin : 70px auto;
  }
}
@media screen and (max-width : 560px) {
  .right-side {
    padding : 107px 10px 10px 10px;
  }
  .modal-dialog {
    margin : 115px 10px;
  }
}
/*
* Off Canvas
* --------------------------------------------------
*  Gives us the push menu effect
*/

@media screen and (max-width : 992px) {
  .relative {
    position : relative;
  }
  .row-offcanvas-right .sidebar-offcanvas {
    right : -250px;
  }
  .row-offcanvas-left .sidebar-offcanvas {
    left : -250px;
  }
  .row-offcanvas-right {
    right : 250px;
  }
  .row-offcanvas-left {
    left : 250px;
  }
  .sidebar-offcanvas {
    left : 0;
  }
  body.fixed .sidebar-offcanvas {
    margin-top : 50px;
    left       : -250px;
  }
  body.fixed .row-offcanvas-left .navbar {
    left  : 250px;
    right : 0;
  }
  body.fixed .row-offcanvas-left .sidebar-offcanvas {
    left : 0;
  }
}
@media screen and (max-width : 767px) {
  .right-side > .content-header > .breadcrumb {
    position   : relative;
    margin-top : 5px;
    top        : 0;
    right      : 0;
    float      : none;
  }

  .navbar .navbar-nav > li {
    float : left;
  }
  .navbar-nav {
    margin : 0;
    float  : left;
  }
  .navbar-nav > li > a {
    padding-top    : 15px;
    padding-bottom : 15px;
    line-height    : 20px;
  }
  .navbar .navbar-right {
    float : right;
  }
  body > .header .navbar {
    padding-left: 19px;
    padding-right: 19px;
  }
}
/* Fix dropdown menu for small screens to display correctly on small screens */

@media screen and (max-width : 767px) {
  .navbar-nav > .user-menu > .dropdown-menu,
  .navbar-nav > .messages-menu > .dropdown-menu {
    position   : absolute;
    top        : 100%;
    right      : -120px;
    left       : auto;
    background : #FFFFFF;
  }
  .navbar-nav > .user-menu > .dropdown-menu {
    right : 0;
  }
  .navbar-nav .user-menu .dropdown-menu > li > a {
    padding : 3px 20px;
  }
  .navbar-right .nav > li > a {
    padding: 10px 12px;
  }
}
/* Fix menu positions on xs screens to appear correctly and fully */

@media screen and (min-width : 550px) {
  .skin-default .navbar .navbar-right > .nav {
    margin-right : 15px;
  }
}
@media screen and (max-width : 560px) {
  .rightsidebar-right .rightsidebar-right-content {
    padding-top : 105px;
  }
  .rightslider-p-t-small {
    padding-top : 51px !important;
  }
  #menu {
    padding-top : 104px;
  }
}
@media screen and (max-width : 480px) {
  .navbar-nav > .messages-menu > .dropdown-menu > li.header:after {
    border-width : 0;
  }
  .navbar-nav > .messages-menu > .dropdown-menu {
    position : absolute;
    right    : -190px;
    left     : auto;
  }
}
@media screen and (max-width : 560px) {
  body > .header {
    position : fixed;
  }
  body > .header .logo,
  body > .header .navbar {
    width    : 100%;
    float    : none;
    position : relative;
    height   : initial;
  }
  body > .header .navbar {
    margin : 0;
  }
  body.fixed > .header {
    position : fixed;
  }
  body.fixed > .wrapper,
  body.fixed .sidebar-offcanvas {
    margin-top : 100px;
  }
}
@media screen and (max-width : 350px) {
  .navbar-nav > .messages-menu > .dropdown-menu {
    right : -207px;
  }
}
@media screen and (max-width : 360px) {
  #right .nav-tabs > li {
    width : 89px;
  }
}
@media (min-width : 768px) {
  body.boxed,
  body.boxed .Footer,
  body.boxed .navbar.navbar-fixed-top {
    max-width    : 650px;
    margin-left  : auto;
    margin-right : auto
  }
}
@media (min-width : 1024px) {
  body.boxed,
  body.boxed .Footer,
  body.boxed .navbar.navbar-fixed-top {
    max-width    : 900px;
    margin-left  : auto;
    margin-right : auto
  }
}
@media (min-width : 1200px) {
  body.boxed,
  body.boxed .Footer,
  body.boxed .navbar.navbar-fixed-top {
    max-width    : 1170px;
    margin-left  : auto;
    margin-right : auto
  }
}

@media (min-width : 1440px) and (max-width : 2560px) {
  #menu .menu-dropdown > ul,
  #menu .menu-dropdown-open-ul {
    margin-top : -1px;
  }
}
/****** END MEDIA QUERIES ****/

/****** 9.PRELOADER ****/
.preloader {
  position            : fixed;
  width               : 100%;
  height              : 100%;
  top                 : 0;
  left                : 0;
  z-index             : 100001;
  backface-visibility : hidden;
  background          : #FFFFFF;
}
.loader_img {
  width               : 50px;
  height              : 50px;
  position            : absolute;
  left                : 50%;
  top                 : 50%;
  background-position : center;
  margin              : -25px 0 0 -25px;
}
/****** END PRELOADER ****/