/* Large desktop & notebooks */
 @media (min-width: 980px) { 
  /* sidebar */
  #sidebar {
    position: absolute;
    width: 215px;
    }

.page-sidebar-closed #sidebar {
    position: absolute;
    width: 35px;
}

    #sidebar > ul{
      margin-top:47px;
      width: 215px;
    }

    /* body container */
    #body { 
    margin-top: 0px !important;
  }

  .fixed-top #body {
    margin-top: 20px;
  } 

  .full-width-page #body {
    margin-left: 0px !important;
  }
}


/* dashboard date range button for all device size */

/* General styles for phones and tablets */
@media (max-width:979px) { 
  /* header bar */
  #header .navbar-inner li.dropdown i {
    display: inline-block;
    position: relative;
    top:1px;
    right:-2px;
  }

  #header.navbar {
    margin-bottom: 0px !important;
  }

  #header .navbar-search {
    margin-left: 80px !important;
  }

  /* page title*/
  .page-title {
    margin: 4px 0px 7px 0px !important;
  }

  /* body */
  .fixed-top #body {
    margin-top: 0px;
  } 

  /* container */
  #container {
    margin-top: 0px !important;
  }

  .fixed-top #container {
    margin-top: 0px !important;
  }

  #sidebar .sidebar-toggler {
    display: none;
  }

  #sidebar.in {
    margin-top: 9px !important;

  }

  #sidebar ul {
    margin-top:0px !important;
    width:100%;
  }

  .top-nav .text {
    display: none;
  }

  /* sidebar menu */
  #sidebar .triangle {
    display: none;
  }

  #sidebar {		
     -webkit-border-radius: 4px !important;
        -moz-border-radius: 4px !important;
             border-radius: 4px !important;
  }

  #sidebar > ul > li:first-child > a{
    border-top:0px !important;
  }		
  #sidebar > ul > li:last-child > a {
    border-bottom:0px !important;
  }

  #sidebar > ul > li:first-child > a:hover, #sidebar > ul > li.active:first-child > a{
     -webkit-border-radius: 4px 4px 0 0 !important;
        -moz-border-radius: 4px 4px 0 0 !important;
             border-radius: 4px 4px 0 0 !important;
         border-top:0px !important;		 
  }		
  #sidebar > ul > li:last-child > a:hover, #sidebar > ul > li.active:last-child > a {
     -webkit-border-radius: 0 0 4px 4px !important;
        -moz-border-radius: 0 0 4px 4px !important;
             border-radius: 0 0 4px 4px !important;
         border-bottom:0px !important;		 
  }

  /* stat overview containers */
  .stats-overview-cont {
    margin: 0px;
  }
  .stats-overview { 
    margin: 0px;
    padding: 10px 10px 0px 10px;
    margin-bottom: 20px;
  }	

  .stats-overview .details  .title {
    font-size: 13px;
  }

  /* cirlce stats */
  .circle-stat .details {
    margin-top: 0px !important;
  }
  .circle-stat .details .title {
    margin: 0px !important;
  }

  /* style switcher */
  #styler {
    top:55px;
    right:28px;
  }
}

@media (min-width: 768px) and (max-width: 1280px) { 

  /***
  Form wizard
  ***/
  .form-wizard .step .desc {
    margin-top: 10px;
    display: block;
  }

  /***
  Pricing tables
  ***/

  .pricing-table .rate .price,
  .pricing-table2 .rate .price {
    width: 100%;
    display: block;
    text-align: center;
    margin-bottom: 10px;
  }

} 
 
/* Portrait tablet to landscape and desktop */
@media (min-width: 768px) and (max-width: 979px) { 
  /* body */
  body {
    padding-top: 0px;
  }

  /* body container */	
  #body { 
    margin: 7px !important;
    position: none !important;
  }

  /* sidebar */
  #sidebar {
    margin: 0px 7px 10px 7px !important;
  }

  /* sidebar collabler */
  #sidebar .btn-navbar.collapsed .arrow { 
    display: none;
  }	

  #sidebar .btn-navbar .arrow {
    position: absolute;
    right: 35px;
    width: 0; 
    height: 0;
    top:48px;
    border-bottom: 15px solid #282e36;
    border-left: 15px solid transparent; 
    border-right: 15px solid transparent; 
  }
} 
 
/* Landscape phones and down */
@media (max-width: 767px) { 
  /* body */
  body {
    padding: 0px 5px 5px 5px !important;
  }

  /* header */
  #header {
    padding-left: 0px;
    padding-right: 0px;
    margin: 0px;
    margin-left: -5px;
    margin-right: -5px;
  }	

  #footer {
    padding-left: 0px;
    padding-right: 0px;		
  }	

  #header .navbar-inner {
    padding-top: 0px !important;
    margin-top: 0px !important;
    height: 50px !important;
  }

  /* sidebar */
  #sidebar > ul > li:first-child > a:hover, #sidebar > ul > li.active:first-child > a {
     -webkit-border-radius: 0px !important;
        -moz-border-radius: 0px !important;
             border-radius: 0px !important;
  }

  /* sidebar */
  #sidebar .btn-navbar .arrow {
    display: none;
  }
      
  #sidebar {
    margin: 0px 0px 8px 0px !important;
  }

  #sidebar .navbar-search {
    width: 100% !important;
  }

  #sidebar.in {
    margin-top: 7px !important;
  }

  /* header */
  #header .top-nav .nav{  
    margin-top: 0px;
    margin-right: 5px;
  }

  #header .navbar-inner {
    padding-top: 0px !important;
    margin-top: 0px !important;
  }

  .container-fluid {
    margin: 0px;
    padding:5px;
  }

  /* main container */
  #container {
    margin-top: 0px !important;
  }
  
  /* body container */
  #body { 
    margin: 0px  !important;
  }

  /* style switcher */
  #styler {
    top:58px;
    right:12px;
  }	

  .breadcrumb {
    padding-left: 10px;
      padding-right: 10px;
    margin-left: -5px;
    margin-right: -5px;
  }

  #header.navbar .nav > li > .dropdown-menu.notification::after {
    margin-right: 110px;
  }

  #header.navbar .nav > li > .dropdown-menu.notification {
      margin-right: -105px;
  }

  #header.navbar .nav > li > .dropdown-menu.inbox::after {
    margin-right: 85px;
  }

  #header.navbar .nav > li > .dropdown-menu.inbox {
      margin-right: -80px;
  }

  /* main container  */	
  #container {
    margin-top: 1px !important;
  }

  .fixed-top #container {
    margin-top: 1px !important;
  }	

  .widget-body.form .form-actions{
    padding-left: 15px;	
  } 

  /* gritter notification fix */
  #gritter-notice-wrapper {
    right:1px !important;
  }

  .circle-stats {
    margin: 0px 0px !important;
  }
  /* cirlce stats */
  .circle-stat .details .title {
    margin: 10px 0px !important;
  }

  /*input error states*/
  .input-icon .input-error, .input-icon .input-warning, .input-icon .input-success { 
    top:-25px;
    float: right;
    right:10px !important;
  }	

  /*table advance*/
  .table-advance tr td.highlight:first-child a {
    margin-left: 8px;
  }

  /* full calendar fix */
  .fc-header-right {
    left:25px;
    position: absolute;
  }

  .fc-header-left .fc-button { 
    margin: 0px !important;
    top: 5px !important;
  }	

  .fc-header-right .fc-button { 
    margin: 0px !important;
    top: 50px !important;
  }	

  .fc-button {
    border: none !important;
    margin-right: 2px;		
  }

  .fc-view {
    top: 0px !important;
  }

  .fc-button .fc-button-inner {
    padding: 2px !important;	
    border: none !important;
    margin-right: 2px !important;
    background-color: #fafafa !important;
      -webkit-box-shadow: 0 1px 0px rgba(255, 255, 255, .8) !important;
  -moz-box-shadow: 0 1px 0px rgba(255, 255, 255, .8) !important;
  box-shadow: 0 1px 0px rgba(255, 255, 255, .8) !important;
  -webkit-border-radius: 3px !important;
  -moz-border-radius: 3px !important;
  border-radius: 3px !important;
  color: #646464 !important;
  border: 1px solid #ddd !important;
  text-shadow: 0 1px 0px rgba(255, 255, 255, .6) !important;
  text-align: center;
  background-image: linear-gradient(to bottom, #fafafa, #efefef) !important;
  margin-left: 0px !important;
  margin-top: 0px !important;
  margin-bottom: 0px !important;
}

  .fc-button.fc-state-disabled .fc-button-inner {
    color: #bcbbbb !important;
  }

  .fc-button.fc-state-active .fc-button-inner {
    background-color: #e5e4e4 !important;
      background-image: linear-gradient(to bottom, #e5e4e4, #dddcdc) !important;
      }

  .fc-content {
    margin-top: 50px;
  }

  .fc-header-title h2 {
    line-height: 40px !important;
    font-size: 12px !important;
  }

  .fc-header {
    margin-bottom:0px !important;
  }

  /* footer */
  #footer .go-top {  
    float: right;
    display: block;
    margin-top: -22px;
    margin-right: 0px;
    margin-bottom: 5px !important;
  }
}

/* Landscape phones and down */
@media (max-width: 430px) { 
  /* dashboard daterange containers */
  .dashboard-report-li {
    float: left;
    width: 100%;
    padding: 0px !important;
  }
  .dashboard-report-range-container {		
    margin: 20px 0px 10px 0px !important;
  }
}	

/* Landscape phones and down */
@media (max-width: 385px) {

  /***
  Form controls
  ***/	
  .form-horizontal.form-bordered .control-label {
      float: none;
      width: auto;
      padding-top: 0;
      text-align: left;
      margin-left: 10px;
  }

  .form-horizontal.form-bordered .controls {
    padding-top: 0 !important;
    border-left: 0 !important;	
  }

  .form-horizontal.form-bordered.form-label-stripped .control-group:nth-child(even) {
    background-color: none !important;
  } 

  .form-horizontal.form-bordered.form-label-stripped .control-group:nth-child(even) .controls {
    background-color: none !important;  
  }

  .form-horizontal.form-bordered .form-actions {
      padding-left: 10px !important;
    }

  .form-horizontal.form-row-seperated .control-label {
      float: none;
      width: auto;
      padding-top: 0;
      text-align: left;
      margin-left: 10px;
  }

    .form-horizontal.form-row-seperated .controls {
    border-left: 0;
      margin-left: 10px;
    }

    .form-horizontal.form-row-seperated .form-actions {
      padding-left: 10px !important;
    }

}

/* Landscape phones and down */
@media (max-width: 385px) {
  /* style switcher */
  #styler {
    top:92px !important;
    right:12px !important;
  }	

  /* page title*/
  .page-title small {
    display: block;
    margin: 0px 0px 18px 0px;
  }

  /* sidebar */
  #sidebar.in {
    margin-top: 7px !important;
  }

  #header .navbar-inner {
    padding-top: 0px !important;
    margin-top: 0px !important;
    height: 84px !important;
  }
} 

/* Landscape phones and down */
@media (max-width: 320px) {
  /* dashboard daterange containers */
  .dashboard-report-range-container {	
     margin: 20px  2px 10px 0px !important;
  }
  
}