/***** HEADER *****/

@media (min-width: 1200px) {

  body > .container > .tooltip {
    display: none !important;
  }

}

@media (min-width: 992px) and (max-width: 1199px) {

  /*.navbar-default .navbar-nav > li.user > a > span {
    display: none;
  }*/

}

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

  /*.navbar-default .navbar-nav > li.user > a > span {
    display: none;
  }*/

}

@media (min-width: 1200px) and (max-width: 1324px) {

  .nav > li > a {
    padding-left: 12px;
    padding-right: 12px;
  }

}

@media (min-width: 825px) and (max-width: 864px) {

  .nav > li > a {
    padding-left: 10px;
    padding-right: 10px;
  }

}

@media (min-width: 865px) and (max-width: 935px) {

  .nav > li > a {
    padding-left: 11px;
    padding-right: 11px;
  }

}

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

  .nav > li > a {
    padding-left: 7px;
    padding-right: 7px;
  }

}

@media (min-width: 1200px) and (max-width: 1258px) {

  #main-menu-navbar-collapse .navbar-nav > li > a {
    font-size: 13px;
    padding-left: 11px;
    padding-right: 11px;
  }

}

@media (min-width: 1350px) and (max-width: 1413px) {

  #main-menu-navbar-collapse .navbar-nav > li > a {
    padding-left: 12px;
    padding-right: 12px;
  }

}

@media (min-width: 1200px) and (max-width: 1388px) {

  #mainArea #centerArea .nav-tabs a {
    font-size: 13px;
    padding-left: 6px;
    padding-right: 6px;
  }

}

@media (min-width: 992px) and (max-width: 1108px) {

  #mainArea #centerArea .nav-tabs a {
    padding-left: 8px;
    padding-right: 8px;
  }

}

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

  #mainArea #centerArea .nav-tabs a {
    padding-left: 12px;
    padding-right: 12px;
  }

}

@media (min-width: 768px) {

  #mainArea #centerArea .campaignTicket-title .social {
    background: #FFF;
    position: absolute;
    right: 0;
  }

}

@media (max-width: 767px) {

  body > .container .tooltip {
    display: none !important;
  }

  .navbar .col-md-10 {
    padding-right: 0;
    width: 100%;
  }


  .navbar-default .navbar-nav > li.user > a > span {
    display: none;
  }

  .navbar-toggle {
    background: none;
    border: none;
    border-radius: 0;
    color: #c6cfda;
    font-weight: 300;
    margin: 0;
    outline: medium none;
    padding: 15px;
    text-shadow: 1px 1px 0 #000;
  }

  .navbar-toggle:hover {
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0 !important;
  }

  #main-menu-navbar-collapse {
    border: medium none;
    box-shadow: none;
    padding: 0 0 0 15px;
  }

  .navbar-default .navbar-nav {
    margin-top: 0;
  }

  .navbar-default .navbar-nav > li {
    border-left: 5px solid #3D424D;
  }

  .navbar-default .navbar-nav > li:hover,
  .navbar-default .navbar-nav > li.active:hover {
    background: none;
  }

  .navbar-default .navbar-nav > li.active {
    border-left: 5px solid #cc3d3a;
    border-top: none;
  }

  .navbar-default .navbar-nav > li:hover > a,
  .navbar-default .navbar-nav > li.active:hover > a,
  .navbar-default .navbar-nav > li.open > a {
    background: none !important;
    color: #c6cfda !important;
  }

  .navbar-default .navbar-nav > li > a > i {
    margin-right: 5px;
  }

  .navbar-default .navbar-nav > li.notifications-li > ul::before,
  .navbar-default .navbar-nav > li > ul::after {
    display: none !important;
  }

  .navbar-default .navbar-nav > li.notifications-li > ul {
    width: calc(100% - 5px) !important;
  }

  .dropdown-menu.notifications_list > li:last-child {
    border-bottom: 1px solid #eee;
  }

  .navbar-default .navbar-nav .open .dropdown-menu > li > a,
  .navbar-default .navbar-nav .open .dropdown-menu > li:hover > a {
    color: #fff;
    font-size: 12px;
  }

  .navbar-default .navbar-nav .open .dropdown-menu > li.new > a {
    color: #000;
  }

  .navbar-default .navbar-nav > li.quick-sidebar > a > i {
    margin-left: -2px;
    margin-right: 7px;
  }

}


/***** DASHBOARD *****/

@media (min-width: 1200px) {

  #main.dashboard #leftBar {
    transition: all 0.5s;
    transform: translateX(0);
  }

  #main.dashboard #leftBar.closed {
    transform: translateX(-280px);
  }

  #dashboardContainer {
    position: absolute;
    width: 100%;
  }

  #dashboardFooter {
    width: 100%;
  }

  #dashboardFooter .open_left_bar,
  #dashboardFooter .close_left_bar {
    color: #3D424D;
    display: block;
    float: left;
    font-weight: 300;
    line-height: 20px;
    margin: 0 10px;
    outline: medium none;
    padding: 11px 10px 9px;
    position: relative;
    text-decoration: none;
    text-shadow: 1px 1px 0 #FFF;
  }

  #dashboardFooter .close_left_bar {
    display: none !important;
    left: 226px;
  }

  #dashboardFooter .close_left_bar.active {
    display: block !important;
  }

}

@media (min-width: 992px) and (max-width: 1199px) {

  #main.dashboard #leftBar {
    transition: all 0.5s;
    transform: translateX(0);
  }

  #main.dashboard #leftBar.closed {
    transform: translateX(-280px);
  }

  #dashboardContainer {
    position: absolute;
    width: 100%;
  }

  #dashboardContainer #mainArea #rightArea {
    display: none;
  }

  #dashboardFooter {
    width: 100%;
  }

  #dashboardFooter .open_left_bar,
  #dashboardFooter .close_left_bar {
    color: #c6cfda;
    display: block;
    float: left;
    font-weight: 300;
    line-height: 20px;
    margin: 0 10px;
    outline: medium none;
    padding: 11px 10px 9px;
    position: relative;
    text-decoration: none;
    text-shadow: 1px 1px 0 #000;
  }

  #dashboardFooter .close_left_bar {
    display: none !important;
    left: 226px;
  }

  #dashboardFooter .close_left_bar.active {
    display: block !important;
  }

}

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

  #main.dashboard #leftBar {
    display: none;
  }

  #dashboardContainer {
    float: left;
    width: 100%;
  }

  #dashboardContainer #mainArea #centerArea {
    overflow-y: scroll;
  }

  #dashboardContainer #mainArea #centerArea .line {
    display: block !important;
  }

  #dashboardContainer #mainArea #centerArea .line .block {
    width: calc(100% - 20px);
  }

  #dashboardContainer #mainArea #rightArea {
    display: none;
  }

  #dashboardFooter {
    width: 100%;
  }

}

@media (max-width: 767px) {

  #main.dashboard #leftBar {
    display: none;
  }

  #dashboardContainer {
    float: left;
    width: 100%;
  }

  #dashboardContainer #mainArea {
    overflow: hidden;
  }

  #dashboardContainer #mainArea #centerArea {
    overflow-y: scroll;
    -webkit-overflow-scrolling: touch;
  }

  #dashboardContainer #mainArea #centerArea .line {
    display: block !important;
  }

  #dashboardContainer #mainArea #centerArea .line .block {
    border: medium none;
    margin: 10px 0;
    padding: 0;
    width: 100%;
  }

  #dashboardContainer #mainArea #centerArea .line .block .title {
    font-size: 14px;
    height: 28px;
    padding: 0 0 10px;
    width: 100%;
  }

  #dashboardContainer #mainArea #centerArea .line .block .block_content {
    height: calc(100% - 28px);
  }

  #dashboardContainer #mainArea #centerArea .line .block .block_content .dash_entry {
    margin-right: 0;
  }

  #dashboardContainer #mainArea #centerArea .line .block .block_content .dash_entry:hover {
    background: none;
  }

  #dashboardContainer #mainArea #centerArea .line .block .block_content .dash_entry > div {
    width: calc(100% - 50px);
  }

  #dashboardContainer #mainArea #centerArea .line .block .block_content .dash_entry > div > p {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 100%;
  }

  #dashboardContainer #mainArea #rightArea {
    display: none;
  }

  #dashboardFooter {
    width: 100%;
  }

}


/***** TICKETING *****/

@media (min-width: 1200px) {

}

@media (min-width: 992px) and (max-width: 1199px) {

  #main.campaignTicketList #leftBar {
    transition: all 0.5s;
    transform: translateX(0);
  }

  #main.campaignTicketList #leftBar.closed {
    transform: translateX(-280px);
  }

  #projectsContainer {
    position: absolute;
    width: 100%;
  }

  #projectsFooter {
    width: 100%;
  }

  #projectsFooter .open_left_bar,
  #projectsFooter .close_left_bar {
    color: #c6cfda;
    display: block;
    float: left;
    font-weight: 300;
    line-height: 20px;
    margin: 0 10px;
    outline: medium none;
    padding: 11px 10px 9px;
    position: relative;
    text-decoration: none;
    text-shadow: 1px 1px 0 #000;
  }

  #projectsFooter .close_left_bar {
    display: none !important;
    left: 226px;
  }

  #projectsFooter .close_left_bar.active {
    display: block !important;
  }

  #mainArea #centerArea > .nano-content > .campaignTicket-title {
    width: calc(100% - 322px);
  }

  #mainArea #centerArea > .nano-content > .campaignTicket-tabs {
    width: calc(100% - 322px);
  }

}

@media (min-width: 768px) {

  #mainArea #centerArea .title {
    height: 26px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: calc(100% - 112px);
  }

  #main.dataList #mainArea #centerArea .title {
    height: 37px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 350px;
  }

  .responsiveStatusEmailsList #mainArea #centerArea .title {
    width: calc(100% - 164px);
  }

}

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

  #main.campaignTicketList #leftBar {
    transition: all 0.5s;
    transform: translateX(0);
  }

  #main.campaignTicketList #leftBar.closed {
    transform: translateX(-280px);
  }

  #projectsContainer {
    overflow: hidden;
    position: absolute;
    top: 70px;
    width: 100%;
  }

  #projectsContainer #topBar {
    display: none !important;
  }

  #projectsContainer #mainArea #leftArea {
    display: none !important;
  }

  #projectsContainer #mainArea #rightArea {
    background: #FFFFFF;
    transform: translateX(0px);
    transition: all 0.5s ease 0s;
    z-index: 1010;
  }

  #projectsContainer #mainArea #rightArea.closed {
    transform: translateX(300px)
  }

  #projectsFooter {
    width: 100%;
  }

  #projectsFooter .open_left_bar,
  #projectsFooter .close_left_bar,
  #projectsFooter .open_right_bar,
  #projectsFooter .close_right_bar {
    color: #c6cfda;
    display: block;
    float: left;
    font-weight: 300;
    line-height: 20px;
    margin: 0 10px;
    outline: medium none;
    padding: 11px 10px 9px;
    position: relative;
    text-decoration: none;
    text-shadow: 1px 1px 0 #000;
  }

  #projectsFooter .close_left_bar {
    display: none !important;
    left: 226px;
  }

  #projectsFooter .close_left_bar.active {
    display: block !important;
  }

  #projectsFooter .open_right_bar,
  #projectsFooter .close_right_bar {
    float: right;
  }

  #projectsFooter .close_right_bar,
  #projectsFooter .open_right_bar {
    display: none !important;
  }

  #projectsFooter .close_right_bar.active,
  #projectsFooter .open_right_bar.active {
    display: block !important;
  }

  #mainArea #centerArea > .nano-content > .campaignTicket-title {
    width: calc(100% - 20px);
  }

  #mainArea #centerArea > .nano-content > .campaignTicket-tabs {
    width: calc(100% - 20px);
  }

}

@media (max-width: 767px) {

  .campaignTicketManager .navbar .col-md-10 {
    border: none;
  }

  #main.campaignTicketList #leftBar {
    transition: all 0.5s;
    transform: translateX(0);
  }

  #main.campaignTicketList #leftBar.closed {
    transform: translateX(-280px);
  }

  #projectsContainer {
    overflow: hidden;
    position: absolute;
    top: 70px;
    width: 100%;
  }

  #projectsContainer #topBar {
    display: none !important;
  }

  #projectsContainer #mainArea #leftArea {
    display: none !important;
  }

  #projectsContainer #mainArea #centerArea .title {
    height: 25px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 100%;
  }

  #mainArea #centerArea .type {
    margin-top: 0;
  }

  #projectsContainer #mainArea #centerArea .social {
    float: left;
    padding: 0 5px 15px;
  }

  #projectsContainer #mainArea #centerArea .social > a {
    margin-left: 0;
    margin-right: 7px;
  }

  #projectsContainer #mainArea #centerArea .nav-tabs a {
    margin-right: 0;
  }

  #projectsContainer #mainArea #rightArea {
    background: #FFFFFF;
    transform: translateX(0px);
    transition: all 0.5s ease 0s;
    z-index: 1010;
  }

  #projectsContainer #mainArea #rightArea.closed {
    transform: translateX(300px)
  }

  #projectsContainer #mainArea #centerArea #tabs_container #tab_description .images_container .images_preview .main_image .image_view,
  #projectsContainer #mainArea #centerArea #tabs_container #tab_graph_description .images_container .images_preview .main_image .image_view {
    margin: 0 10px;
  }

  #projectsContainer #mainArea #centerArea #tabs_container #tab_description .comments .comments-content .comment,
  #projectsContainer #mainArea #centerArea #tabs_container #tab_graph_description .comments .comments-content .comment,
  #projectsContainer #mainArea #centerArea #tabs_container #tab_notes .comments .comments-content .comment,
  #projectsContainer #mainArea #centerArea #tabs_container #tab_adtrack .comments .comments-content .comment {
    padding: 8px 0;
  }

  #projectsContainer #mainArea #centerArea #tabs_container #tab_description .comments .comments-content .comment .comment_user .comment_date,
  #projectsContainer #mainArea #centerArea #tabs_container #tab_graph_description .comments .comments-content .comment .comment_user .comment_date,
  #projectsContainer #mainArea #centerArea #tabs_container #tab_notes .comments .comments-content .comment .comment_user .comment_date,
  #projectsContainer #mainArea #centerArea #tabs_container #tab_adtrack .comments .comments-content .comment .comment_user .comment_date {
    float: left;
    width: 100%;
  }

  #projectsContainer #mainArea #centerArea #tabs_container #tab_description .comments .comments-content .comment .comment_actions,
  #projectsContainer #mainArea #centerArea #tabs_container #tab_graph_description .comments .comments-content .comment .comment_actions,
  #projectsContainer #mainArea #centerArea #tabs_container #tab_notes .comments .comments-content .comment .comment_actions,
  #projectsContainer #mainArea #centerArea #tabs_container #tab_adtrack .comments .comments-content .comment .comment_actions {
    display: none !important;
  }

  #projectsContainer #mainArea #centerArea #tabs_container #tab_description .comments .comments-content .comment .comment_text,
  #projectsContainer #mainArea #centerArea #tabs_container #tab_graph_description .comments .comments-content .comment .comment_text,
  #projectsContainer #mainArea #centerArea #tabs_container #tab_notes .comments .comments-content .comment .comment_text,
  #projectsContainer #mainArea #centerArea #tabs_container #tab_adtrack .comments .comments-content .comment .comment_text {
    margin: 10px 0;
  }

  #projectsFooter {
    width: 100%;
  }

  #projectsFooter .open_left_bar,
  #projectsFooter .close_left_bar,
  #projectsFooter .open_right_bar,
  #projectsFooter .close_right_bar {
    color: #c6cfda;
    display: block;
    float: left;
    font-weight: 300;
    line-height: 20px;
    margin: 0 10px;
    outline: medium none;
    padding: 11px 10px 9px;
    position: relative;
    text-decoration: none;
    text-shadow: 1px 1px 0 #000;
  }

  #projectsFooter .close_left_bar {
    display: none !important;
    left: 226px;
  }

  #projectsFooter .close_left_bar.active {
    display: block !important;
  }

  #projectsFooter .open_right_bar,
  #projectsFooter .close_right_bar {
    float: right;
  }

  #projectsFooter .close_right_bar,
  #projectsFooter .open_right_bar {
    display: none !important;
  }

  #projectsFooter .close_right_bar.active,
  #projectsFooter .open_right_bar.active {
    display: block !important;
  }

  #mainArea #centerArea > .nano-content > .campaignTicket-title {
    width: calc(100% - 20px);
  }

  #mainArea #centerArea > .nano-content > .campaignTicket-tabs {
    margin-top: 85px;
    width: calc(100% - 20px);
  }

  #mainArea #centerArea #tabs_container.campaignTicket-container {
    margin-top: 125px;
    width: calc(100% - 20px);
  }


}


/***** USERS *****/

@media (min-width: 1200px) {

  #main.userAccount #leftBar,
  #main.userList #leftBar,
  #main.ftpUserList #leftBar {
    transition: all 0.5s;
    transform: translateX(0);
  }

  #main.userAccount #leftBar.closed,
  #main.userList #leftBar.closed,
  #main.ftpUserList #leftBar.closed {
    transform: translateX(-280px);
  }

  #userContainer {
    position: absolute;
    width: 100%;
  }

  #userFooter {
    width: 100%;
  }

  #userFooter .open_left_bar,
  #userFooter .close_left_bar {
    color: #c6cfda;
    display: block;
    float: left;
    font-weight: 300;
    line-height: 20px;
    margin: 0 10px;
    outline: medium none;
    padding: 11px 10px 9px;
    position: relative;
    text-decoration: none;
    text-shadow: 1px 1px 0 #000;
  }

  #userFooter .close_left_bar {
    display: none !important;
    left: 226px;
  }

  #userFooter .close_left_bar.active {
    display: block !important;
  }

}

@media (min-width: 992px) and (max-width: 1199px) {

  #main.userAccount #leftBar,
  #main.userList #leftBar,
  #main.ftpUserList #leftBar {
    transition: all 0.5s;
    transform: translateX(0);
  }

  #main.userAccount #leftBar.closed,
  #main.userList #leftBar.closed,
  #main.ftpUserList #leftBar.closed {
    transform: translateX(-280px);
  }

  #userContainer {
    position: absolute;
    width: 100%;
  }

  #userFooter {
    width: 100%;
  }

  #userFooter .open_left_bar,
  #userFooter .close_left_bar {
    color: #c6cfda;
    display: block;
    float: left;
    font-weight: 300;
    line-height: 20px;
    margin: 0 10px;
    outline: medium none;
    padding: 11px 10px 9px;
    position: relative;
    text-decoration: none;
    text-shadow: 1px 1px 0 #000;
  }

  #userFooter .close_left_bar {
    display: none !important;
    left: 226px;
  }

  #userFooter .close_left_bar.active {
    display: block !important;
  }

}

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

  #main.userAccount #leftBar {
    display: none;
  }

  #main.userList #leftBar,
  #main.ftpUserList #leftBar {
    transition: all 0.5s;
    transform: translateX(0);
  }

  #main.userList #leftBar.closed,
  #main.ftpUserList #leftBar.closed {
    transform: translateX(-280px);
  }

  #userContainer {
    position: absolute;
    top: 70px;
    width: 100%;
  }

  #userContainer #mainArea #centerArea .user_column.overview {
    margin-right: 0;
    width: calc(100% - 320px);
  }

  #userContainer #mainArea #centerArea .user_column.big.settings .user_box .title {
    height: 66px;
    position: relative;
  }

  #userContainer #mainArea #centerArea .user_column.big.settings .user_box .title > ul {
    position: absolute;
    right: 0;
    top: 36px;
  }

  #userFooter {
    width: 100%;
  }

  #userFooter .open_left_bar,
  #userFooter .close_left_bar {
    color: #c6cfda;
    display: block;
    float: left;
    font-weight: 300;
    line-height: 20px;
    margin: 0 10px;
    outline: medium none;
    padding: 11px 10px 9px;
    position: relative;
    text-decoration: none;
    text-shadow: 1px 1px 0 #000;
  }

  #userFooter .close_left_bar {
    display: none !important;
    left: 226px;
  }

  #userFooter .close_left_bar.active {
    display: block !important;
  }

}

@media (max-width: 767px) {

  #main.userAccount #leftBar {
    display: none;
  }

  #main.userAccount #leftBar {
    display: none;
  }

  #main.userList #leftBar {
    transition: all 0.5s;
    transform: translateX(0);
  }

  #main.userList #leftBar.closed {
    transform: translateX(-280px);
  }

  #userContainer {
    position: absolute;
    top: 70px;
    width: 100%;
  }

  #userContainer #mainArea {
    overflow: hidden;
  }

  #userContainer #mainArea #centerArea {
    overflow-y: scroll;
    -webkit-overflow-scrolling: touch;
  }

  #userContainer #mainArea #centerArea .user_column {
    margin-right: 0;
    width: 100% !important;
  }

  #userContainer #mainArea #centerArea .user_column .user_box .picture > img,
  #userContainer #mainArea #centerArea .user_column .user_box .picture > .no_photo {
    max-width: 152px;
  }

  #userContainer #mainArea #centerArea .user_column .user_box .picture .file_dropper {
    height: 100%;
    left: 50%;
    margin-top: 0;
    max-width: 152px;
    transform: translateX(-50%);
    width: 50%;
  }

  #userContainer #mainArea #centerArea .user_column.big .user_box .activity_entry > div.date {
    display: none;
  }

  #userContainer #mainArea #centerArea .user_column.big.settings .user_box .title {
    height: 60px;
    position: relative;
  }

  #userContainer #mainArea #centerArea .user_column.big.settings .user_box .title > ul {
    position: absolute;
    right: 0;
    top: 36px;
  }

  #userContainer #mainArea #centerArea .permissionsBox,
  #userContainer #mainArea #centerArea .countriesBox,
  #userContainer #mainArea #centerArea .notificationsBox {
    max-width: 100%;
    width: 100%;
  }

  #userContainer #mainArea #centerArea .permissionsBox .pbBody .checkbox,
  #userContainer #mainArea #centerArea .countriesBox .pbBody .checkbox,
  #userContainer #mainArea #centerArea .notificationsBox .pbBody .checkbox {
    font-size: 11px;
  }

  #userFooter {
    width: 100%;
  }

  #userFooter .open_left_bar,
  #userFooter .close_left_bar {
    color: #c6cfda;
    display: block;
    float: left;
    font-weight: 300;
    line-height: 20px;
    margin: 0 10px;
    outline: medium none;
    padding: 11px 10px 9px;
    position: relative;
    text-decoration: none;
    text-shadow: 1px 1px 0 #000;
  }

  #userFooter .close_left_bar {
    display: none !important;
    left: 226px;
  }

  #userFooter .close_left_bar.active {
    display: block !important;
  }

}


/***** FTP *****/

@media (min-width: 992px) and (max-width: 1199px) {

  #main.ftpUserList #leftBar {
    transition: all 0.5s;
    transform: translateX(0);
  }

  #main.ftpUserList #leftBar.closed {
    transform: translateX(-280px);
  }

  #ftpUserContainer {
    position: absolute;
    width: 100%;
  }

}

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

  #main.ftpUserList #leftBar {
    transition: all 0.5s;
    transform: translateX(0);
  }

  #main.ftpUserList #leftBar.closed {
    transform: translateX(-280px);
  }

  #ftpUserContainer {
    position: absolute;
    top: 70px;
    width: 100%;
  }

}

@media (max-width: 767px) {

  #main.ftpUserList #leftBar {
    transition: all 0.5s;
    transform: translateX(0);
  }

  #main.ftpUserList #leftBar.closed {
    transform: translateX(-280px);
  }

  #ftpUserContainer {
    position: absolute;
    top: 70px;
    width: 100%;
  }

  #ftpUserContainer #mainArea {
    overflow: hidden;
  }

  #ftpUserContainer #mainArea #centerArea {
    overflow-y: scroll;
    -webkit-overflow-scrolling: touch;
  }

  #ftpUserContainer #mainArea #centerArea .ftp_user_column {
    margin-right: 0;
    width: 100% !important;
  }

}


/***** BUG TRACKER *****/

@media (min-width: 1200px) {

  #main.bugTracker #leftBar {
    transition: all 0.5s;
    transform: translateX(0);
  }

  #main.bugTracker #leftBar.closed {
    transform: translateX(-280px);
  }

  #bugTrackerFooter {
    width: 100%;
  }

  #bugTrackerFooter .open_left_bar,
  #bugTrackerFooter .close_left_bar {
    color: #c6cfda;
    display: block;
    float: left;
    font-weight: 300;
    line-height: 20px;
    margin: 0 10px;
    outline: medium none;
    padding: 11px 10px 9px;
    position: relative;
    text-decoration: none;
    text-shadow: 1px 1px 0 #000;
  }

  #bugTrackerFooter .close_left_bar {
    display: none !important;
    left: 226px;
  }

  #bugTrackerFooter .close_left_bar.active {
    display: block !important;
  }

}

@media (min-width: 992px) and (max-width: 1199px) {

  #main.bugTracker #leftBar {
    transition: all 0.5s;
    transform: translateX(0);
  }

  #main.bugTracker #leftBar.closed {
    transform: translateX(-280px);
  }

  #bugTrackerContainer {
    position: absolute;
    width: 100%;
  }

  #bugTrackerFooter {
    width: 100%;
  }

  #bugTrackerFooter .open_left_bar,
  #bugTrackerFooter .close_left_bar {
    color: #c6cfda;
    display: block;
    float: left;
    font-weight: 300;
    line-height: 20px;
    margin: 0 10px;
    outline: medium none;
    padding: 11px 10px 9px;
    position: relative;
    text-decoration: none;
    text-shadow: 1px 1px 0 #000;
  }

  #bugTrackerFooter .close_left_bar {
    display: none !important;
    left: 226px;
  }

  #bugTrackerFooter .close_left_bar.active {
    display: block !important;
  }

}

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

  #main.bugTracker #leftBar {
    transition: all 0.5s;
    transform: translateX(0);
  }

  #main.bugTracker #leftBar.closed {
    transform: translateX(-280px);
  }

  #bugTrackerContainer {
    position: absolute;
    top: 70px;
    width: 100%;
  }

  #bugTrackerFooter {
    width: 100%;
  }

  #bugTrackerFooter .open_left_bar,
  #bugTrackerFooter .close_left_bar {
    color: #c6cfda;
    display: block;
    float: left;
    font-weight: 300;
    line-height: 20px;
    margin: 0 10px;
    outline: medium none;
    padding: 11px 10px 9px;
    position: relative;
    text-decoration: none;
    text-shadow: 1px 1px 0 #000;
  }

  #bugTrackerFooter .close_left_bar {
    display: none !important;
    left: 226px;
  }

  #bugTrackerFooter .close_left_bar.active {
    display: block !important;
  }

}

@media (max-width: 767px) {

  #main.bugTracker #leftBar {
    transition: all 0.5s;
    transform: translateX(0);
  }

  #main.bugTracker #leftBar.closed {
    transform: translateX(-280px);
  }

  #bugTrackerContainer {
    position: absolute;
    top: 70px;
    width: 100%;
  }

  #bugTrackerContainer #mainArea {
    overflow: hidden;
  }

  #bugTrackerContainer #mainArea #centerArea {
    overflow-y: scroll;
    -webkit-overflow-scrolling: touch;
  }

  #bugTrackerFooter {
    width: 100%;
  }

  #bugTrackerFooter .open_left_bar,
  #bugTrackerFooter .close_left_bar {
    color: #c6cfda;
    display: block;
    float: left;
    font-weight: 300;
    line-height: 20px;
    margin: 0 10px;
    outline: medium none;
    padding: 11px 10px 9px;
    position: relative;
    text-decoration: none;
    text-shadow: 1px 1px 0 #000;
  }

  #bugTrackerFooter .close_left_bar {
    display: none !important;
    left: 226px;
  }

  #bugTrackerFooter .close_left_bar.active {
    display: block !important;
  }

}


/***** ADTRACK / BI *****/

@media (min-width: 1200px) {

  #main.adtrack #leftBar {
    transition: all 0.5s;
    transform: translateX(0);
  }

  #main.adtrack #leftBar.closed {
    transform: translateX(-280px);
  }

  #adtrackContainer {
    position: absolute;
    width: 100%;
  }

  #adtrackFooter {
    width: 100%;
  }

  #adtrackFooter .open_left_bar,
  #adtrackFooter .close_left_bar {
    color: #c6cfda;
    display: block;
    float: left;
    font-weight: 300;
    line-height: 20px;
    margin: 0 10px;
    outline: medium none;
    padding: 11px 10px 9px;
    position: relative;
    text-decoration: none;
    text-shadow: 1px 1px 0 #000;
  }

  #adtrackFooter .close_left_bar {
    display: none !important;
    left: 226px;
  }

  #adtrackFooter .close_left_bar.active {
    display: block !important;
  }

}

@media (min-width: 992px) and (max-width: 1199px) {

  #main.adtrack #leftBar {
    transition: all 0.5s;
    transform: translateX(0);
  }

  #main.adtrack #leftBar.closed {
    transform: translateX(-280px);
  }

  #adtrackContainer {
    position: absolute;
    width: 100%;
  }

  #adtrackFooter {
    width: 100%;
  }

  #adtrackFooter .open_left_bar,
  #adtrackFooter .close_left_bar {
    color: #c6cfda;
    display: block;
    float: left;
    font-weight: 300;
    line-height: 20px;
    margin: 0 10px;
    outline: medium none;
    padding: 11px 10px 9px;
    position: relative;
    text-decoration: none;
    text-shadow: 1px 1px 0 #000;
  }

  #adtrackFooter .close_left_bar {
    display: none !important;
    left: 226px;
  }

  #adtrackFooter .close_left_bar.active {
    display: block !important;
  }

}

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

  #main.adtrack #leftBar {
    transition: all 0.5s;
    transform: translateX(0);
  }

  #main.adtrack #leftBar.closed {
    transform: translateX(-280px);
  }

  #adtrackContainer {
    position: absolute;
    top: 70px;
    width: 100%;
  }

  #adtrackFooter {
    width: 100%;
  }

  #adtrackFooter .open_left_bar,
  #adtrackFooter .close_left_bar {
    color: #c6cfda;
    display: block;
    float: left;
    font-weight: 300;
    line-height: 20px;
    margin: 0 10px;
    outline: medium none;
    padding: 11px 10px 9px;
    position: relative;
    text-decoration: none;
    text-shadow: 1px 1px 0 #000;
  }

  #adtrackFooter .close_left_bar {
    display: none !important;
    left: 226px;
  }

  #adtrackFooter .close_left_bar.active {
    display: block !important;
  }

}

@media (max-width: 767px) {

  #main.adtrack #leftBar {
    transition: all 0.5s;
    transform: translateX(0);
  }

  #main.adtrack #leftBar.closed {
    transform: translateX(-280px);
  }

  #adtrackContainer {
    position: absolute;
    top: 70px;
    width: 100%;
  }

  #adtrackContainer #mainArea {
    overflow: hidden;
  }

  #adtrackContainer #mainArea #centerArea {
    overflow-y: scroll;
    -webkit-overflow-scrolling: touch;
  }

  #adtrackContainer .stats-charts .stats-charts-line .stats-charts-column-title {
    height: 45px !important;
    width: 100%;
  }

  #adtrackContainer .stats-charts .stats-charts-line .stats-charts-column-title > div {
    left: 0 !important;
    transform: rotate(0deg);
    width: 100% !important;
  }

  #adtrackContainer .stats-charts .stats-charts-line .stats-charts-column {
    height: auto !important;
    margin-right: 0 !important;
    width: 100% !important;
  }

  #adtrackContainer .stats-charts .stats-charts-line:last-child .stats-charts-column {
    margin-bottom: 2px;
  }

  #adtrackContainer div.statisticsFilters > div,
  #adtrackContainer div.statisticsFilters > div.small {
    margin-right: 0;
    width: 100%;
  }

  #adtrackContainer div.statisticsFilters > div > label,
  #adtrackContainer div.statisticsFilters > div.small > label {
    font-size: 14px;
    width: 100%;
  }

  #adtrackContainer div.statisticsFilters > div > input {
    width: 100%;
  }

  #adtrackContainer div.statisticsFilters .select-widget {
    margin-right: 0;
    width: 100%;
  }

  #adtrackContainer div.statisticsFilters .select-widget .select-widget-head > span > em {
    width: calc(100% - 10px);
  }

  #adtrackFooter {
    width: 100%;
  }

  #adtrackFooter .open_left_bar,
  #adtrackFooter .close_left_bar {
    color: #c6cfda;
    display: block;
    float: left;
    font-weight: 300;
    line-height: 20px;
    margin: 0 10px;
    outline: medium none;
    padding: 11px 10px 9px;
    position: relative;
    text-decoration: none;
    text-shadow: 1px 1px 0 #000;
  }

  #adtrackFooter .close_left_bar {
    display: none !important;
    left: 226px;
  }

  #adtrackFooter .close_left_bar.active {
    display: block !important;
  }

}


/***** CAMPAIGNS *****/

@media (min-width: 992px) and (max-width: 1199px) {

  #main.campaignsList #leftBar {
    transition: all 0.5s;
    transform: translateX(0);
  }

  #main.campaignsList #leftBar.closed {
    transform: translateX(-280px);
  }

  #campaignsContainer {
    position: absolute;
    width: 100%;
  }

  #campaignsFooter {
    width: 100%;
  }

  #campaignsFooter .open_left_bar,
  #campaignsFooter .close_left_bar {
    color: #c6cfda;
    display: block;
    float: left;
    font-weight: 300;
    line-height: 20px;
    margin: 0 10px;
    outline: medium none;
    padding: 11px 10px 9px;
    position: relative;
    text-decoration: none;
    text-shadow: 1px 1px 0 #000;
  }

  #campaignsFooter .close_left_bar {
    display: none !important;
    left: 226px;
  }

  #campaignsFooter .close_left_bar.active {
    display: block !important;
  }

}

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

  #main.campaignsList #leftBar {
    transition: all 0.5s;
    transform: translateX(0);
  }

  #main.campaignsList #leftBar.closed {
    transform: translateX(-280px);
  }

  #campaignsContainer {
    overflow: hidden;
    position: absolute;
    top: 70px;
    width: 100%;
  }

  #campaignsContainer #topBar {
    display: none !important;
  }

  #campaignsContainer #mainArea #leftArea {
    display: none !important;
  }

  #campaignsFooter {
    width: 100%;
  }

  #campaignsFooter .open_left_bar,
  #campaignsFooter .close_left_bar,
  #campaignsFooter .open_right_bar,
  #campaignsFooter .close_right_bar {
    color: #c6cfda;
    display: block;
    float: left;
    font-weight: 300;
    line-height: 20px;
    margin: 0 10px;
    outline: medium none;
    padding: 11px 10px 9px;
    position: relative;
    text-decoration: none;
    text-shadow: 1px 1px 0 #000;
  }

  #campaignsFooter .close_left_bar {
    display: none !important;
    left: 226px;
  }

  #campaignsFooter .close_left_bar.active {
    display: block !important;
  }

  #campaignsFooter .open_right_bar,
  #campaignsFooter .close_right_bar {
    float: right;
  }

  #campaignsFooter .close_right_bar,
  #campaignsFooter .open_right_bar {
    display: none !important;
  }

  #campaignsFooter .close_right_bar.active,
  #campaignsFooter .open_right_bar.active {
    display: block !important;
  }

}

@media (max-width: 767px) {

  #main.campaignsList #leftBar {
    transition: all 0.5s;
    transform: translateX(0);
  }

  #main.campaignsList #leftBar.closed {
    transform: translateX(-280px);
  }

  #campaignsContainer {
    overflow: hidden;
    position: absolute;
    top: 70px;
    width: 100%;
  }

  #campaignsContainer #topBar {
    display: none !important;
  }

  #campaignsContainer #mainArea #leftArea {
    display: none !important;
  }

  #campaignsContainer #mainArea #centerArea .title {
    height: 25px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 100%;
  }

  #campaignsContainer #mainArea #centerArea .nav-tabs a {
    margin-right: 0;
  }

  #campaignsFooter {
    width: 100%;
  }

  #campaignsFooter .open_left_bar,
  #campaignsFooter .close_left_bar,
  #campaignsFooter .open_right_bar,
  #campaignsFooter .close_right_bar {
    color: #c6cfda;
    display: block;
    float: left;
    font-weight: 300;
    line-height: 20px;
    margin: 0 10px;
    outline: medium none;
    padding: 11px 10px 9px;
    position: relative;
    text-decoration: none;
    text-shadow: 1px 1px 0 #000;
  }

  #campaignsFooter .close_left_bar {
    display: none !important;
    left: 226px;
  }

  #campaignsFooter .close_left_bar.active {
    display: block !important;
  }

  #campaignsFooter .open_right_bar,
  #campaignsFooter .close_right_bar {
    float: right;
  }

  #campaignsFooter .close_right_bar,
  #campaignsFooter .open_right_bar {
    display: none !important;
  }

  #campaignsFooter .close_right_bar.active,
  #campaignsFooter .open_right_bar.active {
    display: block !important;
  }

}


/***** CREATE MODAL *****/

@media (max-width: 767px) {

  #addModal .modal-body > .col-sm-3 {
    border-bottom: 1px solid #dae0e6;
    border-right: none;
    padding: 10px 15px;
  }

  #addModal .col-right form.newCampaignTicket > div.tech_description,
  #addModal .col-right form.newCampaignTicket > div.graph_description,
  #addModal .col-right form.newTask > div.description {
    height: 100%;
    left: 100%;
    width: calc(100% - 30px);
  }

  #addModal .modal-body > .col-sm-3 {
    height: auto;
  }

  #addModal .modal-body > .col-sm-3:empty {
    display: none;
  }

  #addModal .modal-body > .col-sm-9:not(:empty) {
    height: auto;
    padding-bottom: 30px;
  }

  #addModal .modal-body > .col-sm-9:empty {
    height: 400px;
  }

  #addModal #descriptionModal .tabs .tab_description textarea,
  #addModal #descriptionModal .tabs .tab_graph_description textarea {
    height: 310px;
  }

  #addModal #assignModal .section_content {
    max-height: 90px;
  }

}