/* Static copy of internal_app styles for Propshaft. */

@charset "UTF-8";

@font-face {
  font-family: 'icon-font';
  src:url("/assets/icon-font-2fe86f10.eot");
  src:url("/assets/icon-font-2fe86f10.eot?#iefix") format('embedded-opentype'),
    url("/assets/icon-font-85c216db.woff") format('woff'),
    url("/assets/icon-font-18be8e1f.ttf") format('truetype'),
    url("/assets/icon-font-89cb4d78.svg#icon-font") format('svg');
  font-weight: normal;
  font-style: normal;
}

@font-face {
    font-family: 'ProximaNovaLight';
    src: url("/assets/proximanova-light-webfont-4e5b72b0.eot");
    src: url("/assets/proximanova-light-webfont-4e5b72b0.eot?#iefix") format('embedded-opentype'),
         url("/assets/proximanova-light-webfont-1802b7ab.woff") format('woff'),
         url("/assets/proximanova-light-webfont-5d709d0a.ttf") format('truetype'),
         url("/assets/proximanova-light-webfont-db54c806.svg#ProximaNovaLight") format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'ProximaNovaRegular';
    src: url("/assets/proximanova-reg-webfont-4ed96d04.eot");
    src: url("/assets/proximanova-reg-webfont-4ed96d04.eot?#iefix") format('embedded-opentype'),
         url("/assets/proximanova-reg-webfont-259cc267.woff") format('woff'),
         url("/assets/proximanova-reg-webfont-34922c5c.ttf") format('truetype'),
         url("/assets/proximanova-reg-webfont-c626454b.svg#ProximaNovaLight") format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'ProximaNovaBold';
    src: url("/assets/proximanova-semibold-webfont-d142c479.eot");
    src: url("/assets/proximanova-semibold-webfont-d142c479.eot?#iefix") format('embedded-opentype'),
         url("/assets/proximanova-semibold-webfont-e30a6dc5.woff") format('woff'),
         url("/assets/proximanova-semibold-webfont-2477f6cf.ttf") format('truetype'),
         url("/assets/proximanova-semibold-webfont-ee7498c7.svg#ProximaNovaLight") format('svg');
    font-weight: normal;
    font-style: normal;
}


/* sidebar */
.sidebar-drawer {
  width: 230px;
  position: fixed;
  top: 0;
  left: 0;
  bottom: 0;
  overflow: hidden;
  -webkit-transition: left 0.3s;
	transition: left 0.3s;
  z-index: 9998;
}
.sidebar {
	color: #C3CFD8;
	position: absolute;
	left: 0;
	top: 0;
	bottom: 0;
	width: 230px;
	background: #31373D;
	font-size: 13px;
	padding-top: 56px;
	overflow-x: hidden;
	overflow-y: auto;
	-webkit-transition: all 0.3s;
	transition: all 0.3s;
}
.sidebar:after {
	background-color: #272C30;
	content: '';
	position: absolute;
	height: 56px;
	width: 100%;
	top: 0;
}
.sidebar .list-heading {
	color: #DBDBDB;
	padding-left: 30px;
	font-size: 18px;
	margin: 0;
}
.sidebar .list {
  position: absolute;
  top: 56px;
  bottom: 0;
  left: 0;
  right: 0;
  margin: 0;
}
.sidebar .sub-list {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: 0;
}
.sidebar li {
	list-style: none;
	display: block;
	margin-bottom: 0;
  min-height: 40px;
	font-family: "Helvetica Neue";
}
.sidebar li.is-active {
	background: #454E57;
	color: #fff;
	z-index: 250;
}
.sidebar li:hover a,
.sidebar li:hover *:before,
.sidebar li:active a,
.sidebar li:focus a,
.sidebar .list li:hover a:before {
	color: #fff;
	text-decoration: none;
}
.sidebar li a.divider {
	margin-bottom: 20px;
}
.sidebar li a {
	display: block;
	line-height: 40px;
	color: #C3CFD8;
	text-decoration: none;
	position: relative;
	padding-left: 50px;
}
.sidebar .sub-list li a {
  padding-left: 20px;
}
.is-mobile .sidebar li a {
	padding-left: 65px;
}

.sidebar .list li a:before {
	font-family: 'icon-font';
	font-size: 19px;
	position: absolute;
	left: 16px;
	top: 0;
	-webkit-font-smoothing: antialiased;
	color: #798C9C;
}

.sidebar .list li a:before { content: "S"; }

.sidebar-overlay {
	background-color: #31373D;
	cursor: pointer;
	pointer-events: none;
  bottom: 0;
  top: 0;
  position: fixed;
  z-index: 999;
  right: 0;
  left: 0;
  opacity: 0;
  -webkit-transition: opacity 0.3s;
	transition: opacity 0.3s;
}

.sub-sidebar {
  position: absolute;
  z-index: 20;
  background-color: #30373C;
  top: 0;
  bottom: 0;
  left: 50px;
  right: 0;
  width: 180px;
  -webkit-transition: left 0.3s;
  transition: left 0.3s;
}
.sub-sidebar-header {
  text-transform: uppercase;
  font-weight: 600;
  padding: 19px 20px;
  height: 56px;
  border-bottom: 1px solid #202428;
  font-size: 11px;
  letter-spacing: 0.04em;
}
.without-sub-sidebar .sub-sidebar {
  left: 230px;
}
.sidebar.with-sub-sidebar {
  background: #212529;
  bottom: 0;
}
.sidebar.with-sub-sidebar .logo {
  opacity: 0;
}
.sidebar.with-sub-sidebar .user-profile {
  bottom: -53px;
}



@media only screen and ( max-width: 979px ){
.has-sidebar .main-header {
	left: 0;
}
.has-sidebar .user-profile {
	left: -230px;
}
.has-sidebar .sidebar-drawer {
	left: -230px;
	z-index: 1000;
}
.has-sidebar.sidebar-visible .sidebar-drawer,
.has-sidebar.sidebar-visible .user-profile {
	left: 0;
}
.has-sidebar.sidebar-visible .main-header {
	left: 230px;
}
.has-sidebar.sidebar-visible .sidebar-overlay-visible {
	opacity: 0.5;
}

.has-sidebar.is-mobile .sidebar-drawer {
	font-size: 26px;
	line-height: 35.5px;
}
.has-sidebar.is-mobile.sidebar-visible .sidebar-drawer {
	left: 0;
}

.has-sidebar.is-mobile .sidebar-drawer li {
	margin-bottom: 16px;
}
.has-sidebar.is-mobile .sidebar-overlay {
	min-width:780px;
}
.has-sidebar.is-mobile .sidebar-drawer li a.mobile:before {
	font-size: 32px;
	margin-left: -2px;
	line-height: 30px;
}
}


/* base styles */
* { margin:0; padding:0; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing:border-box; }
html,body {font:16px/22px 'ProximaNovaRegular', 'Proxima Nova', 'Helvetica Neue', Helvetica, Arial, sans-serif; color: #212529; width:100%; padding:0; margin:0; }
h1,h2,h3,h4,h5,h6 { font-family:'ProximaNovaBold'; font-weight: normal; }
h1 { margin: 48px 0 24px; }
h2, h3, h4 { margin: 32px 0 16px 0; }
h5 { margin: 32px 0 12px; padding-bottom: 8px; border-bottom: 1px solid #bbb; }
p { margin-bottom: 16px; font-weight: 300; font-family:'ProximaNovaLight'; }
a { font-weight: 400; }
pre { background-color: #fafafa; }
li { font-weight: 300; margin-bottom: 8px; font-family:'ProximaNovaLight'; }
ul { list-style-type: square; margin: 24px 15px 24px; }
ul ul { margin-top:8px;}
ol { margin: 24px 15px 24px; }
ol ol { margin-top: 8px;}
table { border: 1px solid #ccc; }
td { border-bottom: 1px solid #ddd; border-right: 1px solid #ddd; padding: 3px 7px; }
strong { font-family:'ProximaNovaBold'; font-weight: normal; }

.logo {
	position: absolute;
	top: 0;
	left: 0;
	width: 230px;
	height: 55px;
	z-index: 2;
	overflow: hidden;
	opacity: 1;
	-webkit-transition: opacity 0.3s;
	transition: opacity 0.3s;
}

.btn.btn-primary { background:#3084ca; color:#fff; border-radius:4px; border:1px solid #2a70ad; }
.btn.btn-primary:hover { background-color:#2a70ad; color:#fff; text-decoration:none; }
.btn.grey { background:#bbb; border:1px solid #aaa; }
.btn.grey:hover { background:#aaa; }

/* header */
.main-header {
	position: fixed;
	z-index: 9998;
	top: 0;
	left: 0;
	right: 0;
	height: 55px;
	color: #212529;
	background: #fff;
	min-width: 980px;
	box-shadow: 0 1px 0 rgba(0, 0, 0, 0.07);
	-webkit-transition: left 0.3s; transition: left 0.3s;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	-webkit-flex-direction: row;
	-ms-flex-direction: row;
	flex-direction: row;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center;
}
.main-header .sidebar-toggle-container{cursor:pointer; display:none; float:left; width:24px; height:19px;margin:-4px -6px 0 20px; position:relative; top:2px;}
.main-header .sidebar-toggle{background:transparent; border:0px solid transparent !important; display:block; outline:0px !important; width:24px; height:3px; background:#212529; margin:8px 0; -webkit-transition: all 0.2s ease-in; transition: all 0.2s ease-in; border-radius:2px;}
.main-header .sidebar-toggle:after, .main-header .sidebar-toggle:before{content: '';display: block;width: 24px;height: 3px;background:#212529;position:absolute;-webkit-transition: all 0.3s ease-in-out;transition: all 0.3s ease-in-out; border-radius:2px;}
.main-header .sidebar-toggle:before{top:0px;}
.main-header .sidebar-toggle:after{bottom:0px;}

.sidebar-visible .main-header .sidebar-toggle{background:transparent;}
.sidebar-visible .main-header .sidebar-toggle:before{-webkit-transform: translateY(8px) rotate(45deg); transform: translateY(8px) rotate(45deg);}
.sidebar-visible .main-header .sidebar-toggle:after{-webkit-transform: translateY(-8px) rotate(-45deg); transform: translateY(-8px) rotate(-45deg);}

.app-title {
	-webkit-box-flex: 1;
  -webkit-flex: 1 0 0%;
  -ms-flex: 1 0 0%;
  flex: 1 0 0%;
  -webkit-box-ordinal-group: 2;
  -webkit-order: 1;
  -ms-flex-order: 1;
  order: 1;
  font-size: 24px;
  text-align: left;
  margin: 0;
  padding-left: 20px;
  padding-right: 20px;
  font-family: "ProximaNovaLight", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: 300;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  z-index: 2;

  .divider {
    color: #798C9C;
  }
  a, a:hover {
    color:#798C9C;
  }
  .icon {
    position:relative;
    top:-1px;
    font-family:'icon-font';
    padding-right:15px;
  }
}
.sub-app:hover { text-decoration: none;}

#header-actions {
	padding-right: 20px;
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 auto;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  -webkit-box-ordinal-group: 3;
  -webkit-order: 2;
  -ms-flex-order: 2;
  order: 2;
  background: #FFF;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
  -webkit-justify-content: flex-end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  -webkit-align-content: center;
  -ms-flex-line-pack: center;
  align-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.user-profile {
  height: 56px;
  padding: 8px 16px;
  -webkit-box-ordinal-group: 4;
  -webkit-order: 3;
  -ms-flex-order: 3;
  order: 3;
  border-left: 1px solid rgba(0, 0, 0, 0.07);
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
  -webkit-justify-content: flex-end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}
.user-profile:hover { text-decoration: none; color:#fff; }
.user-profile a { color:#000000; display: flex; align-items: center; line-height: 16px; }
.user-profile a:hover { color: #333; text-decoration: none;}
.user-profile .user-email {opacity: 0.7; font-size: 12px; }
.user-info {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  margin: 0 20px
}
.user-profile .gravatar img { height: 32px; border-radius: 15px; position: relative; top:-2px;}

/* flash message */
#flash-msg  { margin: 10px auto;}

/* page layout */
.page-frame { position:relative; display:block; margin:0; padding:0; width:100%; left:0; right:0; top:0;}
.page-container { position:absolute; display:block; left:0; top:56px; right:0; -webkit-transition: left 0.3s; transition: left 0.3s;}

/* responsive layout */
.has-sidebar .page-frame{min-width:780px;}
.has-sidebar .main-header,
.has-sidebar .page-container{min-width:780px; left:230px;}

@media only screen and (max-width: 979px){
.has-sidebar .main-header,
.has-sidebar .page-container{left:0px;}
.has-sidebar .sidebar-toggle-container{display:block;}
.has-sidebar.is-mobile .page-container{overflow-x:hidden;}
}