/*
  DJANGO JET Admin styles
*/

@import "globals";

html, body {
  margin: 0;
  padding: 0;
}

html {
  font-size: 87.5%;

  @include for-mobile {
    font-size: 100%;
  }
}

body {
  height: 100%;
  background: $background-color;
  color: $text-color;
  font-family: $font;
  text-size-adjust: 100%;

  @include for-mobile {
    padding-top: $sidebar-header-height;
  }

  &.non-scrollable {
    overflow: hidden;
  }

  &.popup {
    @include for-mobile {
      padding-top: 0;
    }
  }
}

/* PAGE STRUCTURE */

#container {
  padding: 0 0 0 $sidebar-width;
  min-height: 100%;

  @include for-mobile {
    padding-left: 0;
  }

  .popup & {
    padding-left: 0;
  }
}

#content {
  padding: 20px;

  @include for-phone {
    padding: 10px;
  }

  & > h1 {
    display: none;
  }
}

#content-main {
  float: left;
  width: 100%;

  @include for-mobile {
    float: none;
  }
}

#content-related {
  float: right;
  width: 260px;
  position: relative;
  margin-right: -300px;

  @include for-mobile {
    float: none;
    width: 100%;
    margin-left: 0;
    position: static;
  }
}

#footer {
  clear: both;
  padding: 10px;

  &:empty {
    display: none;
  }
}

.dialog-confirm {
  display: none;
}

/* COLUMN TYPES */

.colMS {
  margin-right: 300px;

  @include for-mobile {
    margin-right: 0;
  }
}

.colSM {
  margin-left: 300px;

  @include for-mobile {
    margin-left: 0;
  }
}

.colSM #content-related {
  float: left;
  margin-right: 0;
  margin-left: -300px;

  @include for-mobile {
    float: none;
    margin-left: 0;
  }
}

.colSM #content-main {
  float: right;

  @include for-mobile {
    float: none;
  }
}

.popup .colM {
  width: auto;
}

/* SIDEBAR */

//#content-related {
//    background: #f8f8f8;
//}
//
//#content-related .module {
//    background: none;
//}
//
//#content-related h3 {
//    font-size: 14px;
//    color: #666;
//    padding: 0 16px;
//    margin: 0 0 16px;
//}
//
//#content-related h4 {
//    font-size: 13px;
//}
//
//#content-related p {
//    padding-left: 16px;
//    padding-right: 16px;
//}
//
//#content-related .actionlist {
//    padding: 0;
//    margin: 16px;
//}
//
//#content-related .actionlist li {
//    line-height: 1.2;
//    margin-bottom: 10px;
//    padding-left: 18px;
//}
//
//#content-related .module h2 {
//    background: none;
//    padding: 16px;
//    margin-bottom: 16px;
//    border-bottom: 1px solid #eaeaea;
//    font-size: 18px;
//    color: #333;
//}
//
//.delete-confirmation form input[type="submit"] {
//    background: #ba2121;
//    border-radius: 4px;
//    padding: 10px 15px;
//    color: #fff;
//}
//
//.delete-confirmation form input[type="submit"]:active,
//.delete-confirmation form input[type="submit"]:focus,
//.delete-confirmation form input[type="submit"]:hover {
//    background: #a41515;
//}
//
//.delete-confirmation form .cancel-link {
//    display: inline-block;
//    vertical-align: middle;
//    height: 15px;
//    line-height: 15px;
//    background: #ddd;
//    border-radius: 4px;
//    padding: 10px 15px;
//    color: #333;
//    margin: 0 0 0 10px;
//}
//
//.delete-confirmation form .cancel-link:active,
//.delete-confirmation form .cancel-link:focus,
//.delete-confirmation form .cancel-link:hover {
//    background: #ccc;
//}
//

@import "jquery-ui/jquery-ui.theme";
@import "select2/layout";
@import "content";
@import "forms";
@import "tables";
@import "messages";
@import "header";
@import "breadcrumbs";
@import "modules";
@import "object-tools";
@import "changeform";
@import "changelist";
@import "sidebar";
@import "relatedpopup";
@import "dashboard";
@import "delete-confirmation";
@import "login";
