html {
    overflow-y: scroll;
}

body {

    padding-top: 0px;
    position:relative;
    font-family: 'Open Sans', sans-serif;
    font-size:16px;
    font-weight: 300;
    line-height: 1.55;

}

body.private {

    background: #e9e9e9;
}



.page-header {
    border-bottom: 0px solid #EEEEEE;
}

.logo { margin: 0 10px 0 30px; }

.logo img {  width:170px}
.navbar-collapse {padding-right: 45px; }

 .actionbar
 {
     margin: 0 0 25px 0
 }

.navbar
{
    /*padding: 20px 0 0 0;height: 100px;
    background: none repeat scroll 0 0 #FFFFFF;
    box-shadow: 0 1px 5px rgba(0, 0, 0, 0.2); */

    }
.navbar-on-top .navbar-nav > li > a {
    color: #fff;

}

html, body, form { height: 100%;}

.bgimg {
    background-color: transparent;
    background-image: url("/bootstrap/images/slider1_1920x1080.jpg");
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    height: 100%;
    opacity: 1;
    visibility: inherit;
    width: 100%;
    z-index: 20;
}
.bgimg.subpage
{
    height:600px;
    margin-bottom:20px;
}
.bgimg h1
  {
      padding: 300px 0  230px 0;
      font-size:70px;
      line-height:70px;
      text-align:center;
      color:#ffffff;
      text-transform:uppercase;
      margin:0px;

  }
.navbar-on-top
{
    padding: 20px 0 0 0;
    height: 100px;
    width:100%;
    background: transparent;
    position:absolute;
    top:0;
    z-index:10;
    border:0px;
    box-shadow: none;
   /* background-color: rgba(0, 0, 0, 0.2);
    transition: background-color 0.3s ease-out 0s;*/
}
.navbar-on-top:hover
{
  /*  background-color: rgba(0, 0, 0, 0.7);*/
}

 .pagemenu { padding: 0 0 30px 0}


   .searchbar.affix
   {
        padding: 10px 0;
        background: none repeat scroll 0 0 #a4a4a4;
        box-shadow: 0 1px 5px rgba(0, 0, 0, 0.2);
        top:90px;
        left:0;
        width:100%;
    }
   .searchbar.affix  .container
   {
        padding: 0 45px;

    }
  .header-bg {
    background: #2a7aaf ;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;

    margin-bottom: 20px;
    padding-top:100px;
}



.header-bg .btnBack { display: inline-block;vertical-align: top; }
.header-bg h1 {display: inline-block; margin:0 0 0 10px }
.header-bg h1 a { color:White; text-decoration:none}


a.header-bg {
   opacity: 1;
   transition: opacity .25s ease-in-out;
   -moz-transition: opacity .25s ease-in-out;
   -webkit-transition: opacity .25s ease-in-out;
   display:block;
   }

a.header-bg:hover {
      opacity: 0.50;
      }


.jumbotron {
    background-color:  transparent;
    color: #ffffff;
    margin-top:60px;
    margin-bottom: 60px;
    padding: 0px;
    text-align:center;

     text-shadow: 2px 2px #000000;

}


.jumbotron-container {

   position:relative;
   max-width:750px;
}




.soga-header .excerpt { font-size:24px; margin: 0 0 20px}


.soga-header h1 { font-size:60px}

h3.color-header  { color:#eb7f00; margin-top: 30px;margin-bottom: 20px;}

/*
orange: #eb7f00
beige: #f3ffe2
lightblue #acf0f2
mediumblue #1695a3
blue #225378
*/


/* Footer
-------------------------------------------------- */
.footer { background-color: #242424; margin-top: 70px; color: #727272;  text-align:center; overflow:hidden }
.footer-copyright { padding: 30px 0 30px 0 }
.footer-externallinks { list-style:none;   padding:0; margin:25px 0}
.footer-externallinks li { display:inline-block; padding:0; margin:0}
.footer-externallinks a { display:block; background-image: url(/assets/images/footer_external.png);height:60px; padding:0; margin:0; text-indent:-99999px}
.footer-externallinks .vilbli {  width:140px;  }
.footer-externallinks .vigo {  width:110px; background-position:-140px 0  }
.footer-externallinks .utdanningno {  width:130px; background-position:-250px 0  }
.footer-externallinks .trettienskoler {  width:160px; background-position:-400px 0  }
.footer-externallinks .jobbfeber {  width:210px; background-position:-560px 0  }
.footer-externallinks .ungno {  width:170px; background-position:-770px 0  }


.alert-login {color: #B94A48; display:block; margin:0px 0 10px 0;padding: 5px;
              background-color: #F2DEDE; border-radius: 4px;border: 1px solid #EBCCD1;}



@media (max-width: 767px) {

 .icon-large { margin:10px 0 0 0 }
}

@media (min-width: 768px) and (max-width: 991px) {
 .icon-large { margin:10px 0 0 0 }

}

small .btn-group {
    top: 5px;
    vertical-align: top;
}

.highlight {
    background-color: #F7F7F9;
    border: 1px solid #E1E1E8;
    border-radius: 4px;
    margin-bottom: 14px;
    padding: 9px 14px;
}
.SortableList  { margin:0; padding:0}
.SortableList li { list-style:none}
.SortableList .ui-state-disabled {
    background-color: #EEEEEE;

}
.SortableList .glyphicon-move {
     cursor:move

}
.SortableList .ui-state-disabled a {
    color: #BBBBBB;

}
.SortableList .ui-state-disabled .glyphicon-move {
    color: #BBBBBB;

}



.list-group-item { list-style: none }

.list-group { margin-left:0 }

.Ribbon { margin:0 0 25px 0; padding:0; overflow:hidden}
.Ribbon li { margin:0; padding:0 5px 0 0 ; list-style:none;display: inline-block; float: left;}

.Ribbon br {display:none}

.Ribbon a,
.button {
  display: inline-block;
  padding: 6px 12px;
  margin-bottom: 0;
  font-size: 14px;
  font-weight: normal;
  line-height: 1.428571429;
  text-align: center;
  white-space: nowrap;
  vertical-align: middle;
  cursor: pointer;
  border: 1px solid transparent;
  border-radius: 4px;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
       -o-user-select: none;
          user-select: none;
}

a.btn-no-style  { border:0; background-color:transparent; text-decoration:underline}
a.btn-no-style:hover  {  text-decoration:underline}
.Ribbon a:focus {
  outline: thin dotted #333;
  outline: 5px auto -webkit-focus-ring-color;
  outline-offset: -2px;
}

.Ribbon a:hover,
.Ribbon a:focus {
  color: #333333;
  text-decoration: none;
}

.Ribbon a:active,
.Ribbon a.active {
  background-image: none;
  outline: 0;
  -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
          box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
}

.Ribbon a.disabled,
.Ribbon a[disabled] {
  pointer-events: none;
  cursor: not-allowed;
  opacity: 0.65;
  filter: alpha(opacity=65);
  -webkit-box-shadow: none;
          box-shadow: none;
}
.Ribbon a {
  color: #333333;
  background-color: #ffffff;
  border-color: #cccccc;
}

.Ribbon a:hover,
.Ribbon a:focus,
.Ribbon a:active,
.Ribbon a.active {
  color: #333333;
  background-color: #ebebeb;
  border-color: #adadad;
}

.Ribbon a:active,
.Ribbon a.active {
  background-image: none;
}


.Ribbon .btnSave a,
.buttonSave {
  color: #ffffff;
  background-color: #5cb85c;
  border-color: #4cae4c;
}

    .Ribbon .btnSave a :hover,
    .Ribbon .btnSave a :focus,
    .Ribbon .btnSave a :active,
    .Ribbon .btnSave a .active,
    buttonSave:hover,
    buttonSave:active,
    buttonSave:focus {
        color: #ffffff;
        background-color: #47a447;
        border-color: #398439;
    }


.Ribbon .btnBack { margin: -100px 0 0 0}


.NewForm input[type=text], .NewForm select, .NewForm textarea {
    background-color: #FFFFFF;
    background-image: none;
    border: 1px solid #CCCCCC;
    border-radius: 4px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset;
    color: #555555;
    display: block;
    font-size: 14px;
    height: 34px;
    line-height: 1.42857;
    padding: 6px 12px;
    transition: border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s;
    vertical-align: middle;
    width: 100% !important;
    margin-bottom: 15px;
}


.content_card {
    background: none repeat scroll 0 0 #FFFFFF;
    border-radius: 3px;
    box-shadow: 0 0 6px rgba(0, 0, 0, 0.3);
    float: left;
    padding: 15px;
    position: relative;
    text-align: left;
    text-rendering: optimizelegibility;
    text-shadow: none;
    width: 100%;
    margin:0 0 20px 0;
}


.project_card {
    background: none repeat scroll 0 0 #FFFFFF;
    border-radius: 3px;
    box-shadow: 0 0 6px rgba(0, 0, 0, 0.3);
    float: left;
    height: 160px;
    padding: 15px;
    position: relative;
    text-align: left;
    text-rendering: optimizelegibility;
    text-shadow: none;
    width: 100%;
    margin:0 0 20px 0;
}


.project_card .status {
    background-color: #E9E6DF;
    border-radius: 0 0 4px 4px;
    color: #808080;
    display: none;
    font-size: 12px;
    left: 10px;
    padding: 0 5px;
    position: absolute;
    top: 0;
}
.project_card.distributed .status {
    display: block;
}

.project_card a.card {
    display: block;
    height: 100%;
}
.project_card h5 {
    font-size: 19px;
    line-height: 1.1em;
    margin: 0 0 3px;
    word-wrap: break-word;
    color: #000;
}

.project_card.distributed h5 {
    margin-top: 12px;
}

.project_card p {
    color: #808080;
    font-size: 12px;
    line-height: 1.2em;
    word-wrap: break-word;
}
.project_card p.description {

    font-size: 16px;
    margin-bottom: 5px;
    color: #444444;
}
.project_card a.card:hover {
    text-decoration: none;
}



h1 a.icon-add { background: url("../images/icon-add.png"); height:44px; width: 44px; display:block;  }

.RadioButtonList label,
.StyledCheckBoxList label { font-weight:normal}
.StyledCheckBoxList input {margin: 4px 8px 0;}


.table {
    margin: 30px 0;

}

/*sheets*/

.sheet .nav-pills {

    margin-bottom:30px;
}


div.sheet {
    background: none repeat scroll 0 0 #FFFFFF;
    border-radius: 3px;
    box-shadow: 0 0 6px rgba(0, 0, 0, 0.3);
    min-height: 480px;
    position:relative;
}
div.sheet.inactive {    background: #f7f7f7;}
/*div.sheet.inactive:hover {    background: #FFFFFF;}
div.sheet.inactive:hover  h1 a {    color: #000;}*/


div.sheet-inner {padding:30px; min-height:700px; background:#f5f5f5}

div.sheet div.sheet {
    margin: -26px -40px -50px -15px;
}

div.sheet  h1 a {  color: #000}
div.sheet.inactive  h1 a {  color: #808080}


div.sheet-inner h1 {  font-size: 32px; font-weight:bold;  }
div.sheet-inner h2 {  font-size: 24px;color: #f39c12;}
div.sheet-inner h3 {  font-size: 18px; font-weight:bold;color: #f39c12;}
div.sheet-inner h4 {  font-size: 14px; font-weight:bold}


div.sheet-inner > header > h1,
div.sheet-inner > h1 { padding-bottom:10px;  margin:0 0 20px 0;  line-height:40px; border-bottom: 1px solid #dedede;}

.sheet.inactive > .sheet-inner > header > h1,
.sheet.inactive > .sheet-inner > h1 { color: #808080; font-weight:normal}

div.sheet-inner > header
{
  ;
    padding: 0 0 5px 0;

}

div.sheet-inner > header .btn
{
  margin-left:10px;
  margin-top:2px;
}


/*
div.sheet-inner div.sheet-inner > header > h1,
div.sheet-inner div.sheet-inner > h1 { font-size: 24px;}

div.sheet-inner div.sheet-inner div.sheet-inner > header > h1,
div.sheet-inner div.sheet-inner div.sheet-inner > h1 { font-size: 20px;}

div.sheet-inner div.sheet-inner div.sheet-inner  h2 { font-size: 18px;}
*/


/*.sheet-inner > .row {
    margin-left: 0px;
    margin-right: 0px;
}*/

div.sheet-inner div.sheet-inner > h1 small {   font-size: 16px;}
div.sheet-inner div.sheet-inner div.sheet-inner > h1  small {   font-size: 12px;}



div.container > header:after,
div.sheet-inner > header:after {
	visibility: hidden;
	display: block;
	font-size: 0;
	content: " ";
	clear: both;
	height: 0;
	}
* html .header             { zoom: 1; } /* IE6 */
*:first-child+html .header { zoom: 1; } /* IE7 */




header.with-buttons h2 {float: left; margin:0; padding:0}
header.with-buttons a { display:inline-block; margin: 6px 0 0 10px;}

header.with-buttons .btn-group { margin: 0 0 0 10px;}




table th.nowrap,
table td.nowrap { white-space:nowrap }

table th.condensed,
table td.condensed { width:1%;white-space:nowrap }
/*table td.condensed a { padding:0 15px 0 0 }*/


table .clickme a {color: #3564CF;}

.truncate {
  width: 450px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  display:inline-block;
}

.truncate-small {
  width: 250px;
}

.truncate-x-small {
  width: 150px;
}

.truncate.medium {
  width: 350px;

}
.truncate.large {
  width: 450px;

}

.Ribbon a > .badge {
    margin-left: 6px;
}



div.cells .cell { border: 1px solid #E9E9E9; margin: 0 -1px  -1px 0; height: 250px; color: #000000; text-align:center;
                  display: table;

                  }

  .cell      div   {display: table-cell;
    text-align: center;
    vertical-align: middle;}

div.cells .cell:hover { background: #f5f5f5; text-decoration:none}

div.cells h2 { font-weight:bold; font-size:16px}





dl.multicol {    margin: 10px 0;}

   .multicol dt {
    float: left;
    line-height: 1.5em;
    margin: 0 10px 0 0px;
    width: 105px;
}
.multicol dd:after {
    clear: both;
    content: "";
    display: block;
}
.multicol dd {
    float: none;
    line-height: 1.5em;
    margin: 0 0 0 135px;
    width: auto;
}


.attachments {
    border: 1px dashed #b2b2b2;
    border-radius: 4px;
    padding: 15px;
    position: relative;
    white-space: nowrap;
    margin: 15px 0;

}
.attachments.RadUpload_Default .ruButton,
.attachments .RadUpload_Default .ruButton  { background-image: url(); height: 25px; width:auto; text-decoration:underline; color: #3564CF; font-size:14px; cursor:pointer; margin:0; padding:0; }

.attachments.RadUpload .ruStyled .ruFileInput,
.attachments .RadUpload .ruStyled .ruFileInput {

    cursor: pointer;

}
.attachments.RadUpload_Default,
.attachments .RadUpload_Default .ruFakeInput {

}


    .attachments.RadUpload_Default .ruFakeInput
    {
        visibility: hidden;
        width: 0;
        padding: 0;
    }
    .attachments.RadUpload_Default .ruFileInput
    {
        width: 1;
    }







.WeekLable                  { float:left; width: 220px;border-collapse:collapse;}
.WeekLable  th              { line-height:16px; font-size:11px; text-align:left; font-weight:bold; }
.WeekLable  td              { line-height:16px; font-size:11px;}

.WeekLable th,
.WeekLable td               { background: White;  border:1px solid White;  height:16px; }

     #GroupsWrapper { position:relative;margin:0px 0 0;}
 .btnForward { position:absolute; right:-15px; top:0; width:150px; background:White; height: 100%; display:none;
               box-shadow: -9px 0 10px -6px rgba(0, 0, 0, 0.25); }
 .btnBackward { position:absolute; left:-30px; top:0; width:30px; background:White; height: 100%;display:none;
               box-shadow: 9px 0 10px -6px rgba(0, 0, 0, 0.25);}

.WeekScrollWrapper          { float:left;/*  overflow:hidden; width: 875px*/ }
.WeekSelector               { border-collapse:collapse; }
.WeekScrollWrapper.spring-weeks  { width:100%}
.WeekScrollWrapper.spring-weeks .WeekSelector { margin-left:-875px}
.WeekSelector th            { text-align:center; font-weight:normal; font-size:11px}
.WeekSelector th,
.WeekSelector td            { /*background: #cad3de;*/  border:1px solid #dedede; border-left:0px; border-right:0px; border-top:0px;  height:16px; cursor:pointer;line-height:16px;
                              width:19px; min-width:19px;vertical-align: middle; margin:0; padding:3px 0 3px 0 }


/*
.WeekSelector td.Selected   { border-left: 1px solid #abd0f6;border-top : 1px solid #abd0f6;background:#3891e9 } */

.WeekSelector  .group-name  { white-space:nowrap; margin:0;width:118px; padding: 0 0px 0 5px; text-align:left; line-height:14px; font-size:14px; overflow:hidden; display:inline-block}
.WeekSelector  .group-name .glyphicon { display:none; padding: 0 5px  0 0}

.WeekSelector .form-control { width:50%}

     .hover { background-color: #eee; }

.WeekSelector ul            { width: 100%; height:16px;border:0px ;margin: 0; padding: 0;  }
.WeekSelector li            { display:block; float:left; width:20%; height:16px; padding:0;margin:0;  }
.WeekSelector li.Selected   { background:#0374e2;  /*border-top:1px solid #6eafee;
                              border-right:1px solid #0257aa; border-bottom:1px solid #02478a;border-left:1px solid #3891e8*/  }
.WeekSelector ul.Selected,
.WeekSelector td.Selected ul   { background:#6aa3da; }
.WeekSelector .row-label small { font-size:11px;padding: 0 0 0 5px}

.WeekSelector .row-label .active .DeleteGroup {}


.WeekSelector td.currentWeek {background: url(../images/currentweek.png) center}

.WeekSelector th.currentWeek { color: #fc2125}

 .row-label .DeleteGroup { display:none;  cursor:pointer; margin-left:2px}
 .row-label .MaxUsers { display:none;  margin-left:2px}

 .row-label:hover .DeleteGroup { display:inline-block;  cursor:pointer; margin-left:2px}
 .row-label:hover .MaxUsers { display:inline-block;  margin-left:2px}



.WeekSelector ul.JointWeek     {height:14px; width:25px;border-top:1px solid #3f6890; border-bottom:1px solid #3f6890; overflow:hidden}
.WeekSelector ul.JointWeekFirst,.JointPeriodFirst ul.JointWeek     {height:14px; width:24px;border-top:1px solid #3f6890; border-bottom:1px solid #3f6890;border-left:1px solid #3f6890; overflow:hidden}
.WeekSelector ul.JointWeekLast, .JointPeriodLast ul.JointWeek     {height:14px; width:24px;border-top:1px solid #3f6890; border-bottom:1px solid #3f6890;border-right:1px solid #3f6890; overflow:hidden}

.WeekSelector ul.JointWeekFirst li,
.WeekSelector ul.JointWeek li,
.WeekSelector ul.JointWeekLast li {height:12px; width:4px }

.ui-selected ul {height:14px; width:23px;border:1px solid Red; overflow:hidden}
.ui-selected li,
.ui-selected li.Selected{height:12px;  }


.ui-selecting ul {height:14px; width:23px;border:1px solid Yellow; overflow:hidden}
.ui-selecting li,
.ui-selecting li.Selected{height:12px;  }

.CompactWeek .WeekSelector     { width: 700px;}
.CompactWeek .WeekScrollWrapper{ overflow:auto; width:auto}
.CompactWeek .WeekSelector th,
.CompactWeek .WeekSelector td  { font-size:10px; width: 13px; text-align:center}
.CompactWeek .WeekSelector li  { border-left: 0px; width: 0px}


.CheckboxList label { float: left; padding-top: 3px;}
.CheckboxList td {  padding-right:  10px;}

#contentInner .contentwidthsidebar  { width: 700px; float: left; margin-right:18px}
#contentInner .sidebar              { width: 210px; float: left}




.log h3 {font-size: 14px; font-weight:700; margin:0 0 5px 0; padding:0}
.log  { margin:0 0 30px 0; padding:0}
.log abbr {font-size: 11px; color:#999; border-bottom: 0; margin:5px 0 0 0 ;}


article.attachment {border: 1px solid #e9e9e9;  height:250px; text-align:center}
article.attachment img { margin: 10px 0 0 0}
article.attachment .filesize { color:#000; display:block}
article.attachment abbr:hover,
article.attachment .filesize:hover { text-decoration:none}


article.attachment abbr {
    border-bottom: 0 none;
    color: #999;
    font-size: 11px;
    margin: 5px 0 0;
}

.alert { display:block}




/* *****************************  wpadminbar ***************************** */

.wpadminbar {
    background-color: #464646;
    color: #CCCCCC;

    left: 0;
    min-width: 600px;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 99999;
}

.wpadminbar ul { list-style: none;margin: 0;    padding: 0;}
.wpadminbar li {    float: left;list-style: none;margin: 0;    padding: 0;}
.wpadminbar * { color: #CCCCCC; font-size:13px;    line-height:28px;    height: 28px;}
.wpadminbar a { display: block;height: 28px; padding:0 12px}
.wpadminbar a:hover { background:#3a3a3a;color: #fafafa; text-decoration:none }











.section { margin-bottom: 30px; margin-top:15px }


.threecolumn .column-box { width: 30%; float:left; margin-right: 3% }
.column-box.schooluser { height:95px}

.column-box.action-box { border:0px; padding:25px 0}
.column-box.action-box img { display: block; margin: 0 auto;}
.column-box.action-box h3 { text-align:center;font-size:22px;padding:10px 0 5px 0;margin: 0}
.column-box.action-box p { text-align:center; font-size:15px; }
.column-box.action-box a p.caption {  height:40px;display:block;line-height:20px;padding:9px 0;margin: 0}
.column-box.action-box a { display:block; overflow:hidden}
.column-box.action-box p.caption { display:block;height:70px;}

.column-box.action-box a:hover p.caption { display:none}
.column-box.action-box a:hover p.action { display:block; }
.column-box.action-box a:hover { text-decoration:none}

 p.action {
  display: none;
  border: 1px solid #ccc;
  border-radius: 5px;
   height:30px;
   line-height:30px;
  padding: 0;
  margin: 0;
  font-weight: bold;
  background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#e8e8e8));
  background: -moz-linear-gradient(top,  #fff,  #e8e8e8);
  color: #336699;
}



/* *****************************  RadEditor ***************************** */

.RadEditor.nostyle
{
    border: 0px  !important;
    background-color: transparent !important;
    background-color: #ffffff !important;
    border: 1px solid #cccccc !important;
    overflow: hidden;
    padding-bottom: 50px;
    }

.RadEditor.nostyle .reContentCell
{
    border: 0px  !important;

    }

.RadEditor.nostyle  .reToolbar li { background-image: url() !important; }
.RadEditor.nostyle .reTool:hover { background: url()  #dedede !important; }



.RadEditor.nostyle .reToolbar .reTool { border: 1px solid #ccc; margin-right:-1px; padding: 0 5px; width: 40px;
                                        -webkit-box-shadow:0px 1px 0px #e3e3ae;-moz-box-shadow:0px 1px 0px #e3e3ae;box-shadow:0px 1px 0px #e3e3ae}

.RadEditor.nostyle .reToolbar li:nth-of-type(0) .reTool {
    border-bottom-left-radius: 4px;
    border-top-left-radius: 4px;
}

.RadEditor.nostyle .reToolZone { display:none}

.RadEditor.nostyle iframe { overflow-y: hidden !important;}


.jobitem { border-bottom:#eeeeee 1px solid;
           margin-bottom: 20px;
    padding-bottom: 8px;}




@media (max-width: 992px) {
  .affix {
    position: static;
}
}





.LargeIcon {
    display: block;
    float: left;
    height: 195px;
    padding: 0 20px 0 0;
    position: relative;
    text-align: center;
    width: 150px;
}


.MyJobs,
.MyVGS,
.MyProject          { height: 150px; width:150px; background-image: url(/assets/images/icons-large.png); float:left; text-align:center; }


.MyExibition        { height: 150px; width:150px; background-image: url(/assets/images/icons-large.png);  text-align:center; }

.MyJobs                { background-position:   0px 0px}
.MyJobs:hover          { background-position:-150px 0px}
.MyJobs:active         { background-position:-300px 0px}

.MyVGS                 { background-position:   0px -300px}
.MyVGS:hover           { background-position:-150px -300px}
.MyVGS:active          { background-position:-300px -300px}

.MyExibition           { background-position:   0px -150px}
.MyExibition:hover     { background-position:-150px -150px}
.MyExibition:active    { background-position:-300px -150px}

.MyProject                { background-position:   0px -450px}
.MyProject:hover          { background-position:-150px -450px}
.MyProject:active         { background-position:-300px -450px}



.StudentExcibitionSelectlist .SubCategories { display:none; margin:3px 0 5px 22px}
li.Selected  .SubCategories { display:block}

.StudentExcibitionSelectlist .ValidationError i { color:Red; }
.StudentExcibitionSelectlist .ValidationError  {  border: 1px solid Red}

.StudentExcibitionSelectlist    { border:1px solid #dedede;border-bottom:0px; list-style:none; margin: 0; padding:0}
.StudentExcibitionSelectlist h2     { padding:0; margin:0; font-size:14px; font-weight:bold}
.StudentExcibitionSelectlist li        { padding:5px;border-bottom:1px solid #dedede; list-style:none }

.StudentExcibitionSelectlist .Selected   { background:#f0f0f0}

.StudentExcibitionSelectlist select   {  display:none}
.StudentExcibitionSelectlist .Selected select   {  display:block}




.paper
{
	background-color: #fafafa;
	border: 1px solid #fafafa;
	box-shadow: 0 1px 4px rgba(0,0,0,.3),0 0 40px rgba(128,128,128,.1)inset;
	margin-bottom: 20px;
	min-height: 20px;
	padding: 0px 45px 0 0;
	position: relative;
	webkit-box-shadow: 0 1px 4px rgba(0,0,0,.3),0 0 40px rgba(128,128,128,.1)inset;
}
.paper:after,.paper:before
{
	content: "";
	position: absolute;
	z-index: -2;
}



.document
{
 background-color:#ffffff;
 -webkit-box-shadow:0 0 2px rgba(0,0,0,0.3);
 -moz-box-shadow:0 0 2px rgba(0,0,0,0.3);
 box-shadow:0 0 2px rgba(0,0,0,0.3)
 }

 .paper .RadEditor.nostyle
 { border:0px !important;
   background: transparent !important;
  -webkit-box-shadow:0 0 0px rgba(0,0,0,0) !important;
 -moz-box-shadow:0 0 0px rgba(0,0,0,0) !important;
 box-shadow:0 0 0px rgba(0,0,0,0) !important;

padding: 0px 0 0 0 !important;
                                }

  .paper .title { border:0; background: transparent;
    font-size: 20px;
    font-weight: bold;
    line-height: 26px;

    padding: 40px 40px 25px 15px;

                     }

     .paper .border {
    border-left: 1px solid #efd3d3;

    margin-left: 33px;
    padding:0 0 40px;

                     }


.paper .RadEditor.reWrapper table td.reContentCell
{
    padding: 15px 0 0 0;
 }

.paper .border.padding
{
    padding: 40px
}



paper.small .border.padding
{
    margin-bottom: 10px;
}


.paper.small .border.padding
{
    padding: 20px;

  margin-left: 20px;
  height:420px; overflow:hidden;
  margin-bottom:20px;
}

.paper.small h3
{
    font-size: 18px;
    margin-bottom: 0px;
    margin-top: 5px;
}

.paper.small
{

    padding: 0 20px 0 0;
    cursor:pointer;
}
.paper.small,
.paper.small td,
.paper.small th,
.paper.small span,
.paper.small font
{
    font-size: 11px ;
}

.paper.small p
{
    margin: 0 0 5px;
}

.paper.small ul
{
    padding: 0 0 0 20px;
    margin:0 0 5px 0;
}
.paper.small li
{
    padding: 0 0 2px 0px;
}





.alert-default {
    background-color: #f7f7f9;
    border-color: #e1e1e8;
    color: #333;
}




/* Side notes for calling out things
-------------------------------------------------- */

.bs-callout
{
	border: 1px solid #eee;
	border-left-width: 5px;
	border-radius: 3px;
	margin: 20px 0;
	padding: 20px;
}
.bs-callout h4
{
	margin-bottom: 5px;
	margin-top: 0;
}
.bs-callout p:last-child
{
	margin-bottom: 0;
}
.bs-callout code
{
	border-radius: 3px;
}
.bs-callout+.bs-callout
{
	margin-top: -5px;
}
.bs-callout-danger
{
	border-left-color: #d9534f;
}
.bs-callout-danger h4
{
	color: #d9534f;
}
.bs-callout-warning
{
	border-left-color: #f0ad4e;
}
.bs-callout-warning h4
{
	color: #f0ad4e;
}
.bs-callout-info
{
	border-left-color: #5bc0de;
}
.bs-callout-info h4
{
	color: #5bc0de;
}




.form-control-line {border:0; border-bottom:1px solid #ccc; width:100%; margin: 0 0 10px 0 }

.form-control-line:focus {
    border-color: #66afe9;
    -webkit-box-shadow:  0 4px 2px -2px rgba(102, 175, 233, 0.5);
    box-shadow:  0 4px 2px -2px rgba(102, 175, 233, 0.3);
    outline: 0 none;
}








html.oslo .searchbar.affix
   {
        top:150px;
    }


    .has-error .error { color: #a94442}

    .has-success .error { display:none}

.rolemodel a
{
     position: relative;
     display: block;
     overflow:hidden;
     margin: 0 0 30px 0;
}

.rolemodel .img-container
{
    height: 300px;
    overflow:hidden;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    background-position : center center;
}

.rolemodel .text-container
{
    padding:15px 15px 30px 15px;
    background:#ffffff;

}
.rolemodel .text-container h3
{
    margin:0px 0px 10px 0px;
    font-size:20px;
    line-height:20px;
        white-space:nowrap;
      overflow: hidden;
  text-overflow: ellipsis;


}
.rolemodel .text-container h4
{
    margin:0px;
    font-size:13px;
    line-height:13px;
    white-space:nowrap;
      overflow: hidden;
  text-overflow: ellipsis;

}


.hover-zoomout  {
    bottom: 0;
    left: 0;
    opacity: 0;
    position: absolute;
    right: 0;
    top: 0;
    transform: scale(1.3);
    transition: all 0.2s ease-in-out 0s;
    background-color: rgba(43, 222, 115, 0.9);
    z-index: 1;
    display: block;
}
.hover-zoomout:hover  {
    opacity:1;
    transform: scale(1);
}
.mobile-table {
    display: table;
    table-layout: fixed;
    width: 100%;
}
.full-height {
    height: 100%;
}
.center {
    text-align: center;
}
.mobile-table-cell {
    display: table-cell;
    vertical-align: middle;
}
.hover-zoomout h3 { color: #ffffff}



.rolemodel-details dt
{
    padding:15px 0 0 0 ;
   color:#808080;
   font-weight:normal;
   border-bottom:1px solid #e1e1e1;

}
.rolemodel-details dd
{
   padding:0 0 15px 0 ;
   font-size: 16px;

}

.rolemodel-details h2
{
   font-size: 22px;

}



.guillotine-window {
  display: block;
  position: relative;
  overflow: hidden;
}

.guillotine-canvas {
  position: absolute;
  top: 0;
  left: 0;
  text-align: center;
  margin: 0 !important;
  padding: 0 !important;
  border: none !important;
}

.guillotine-canvas > * {
  position: absolute;
  top: 0;
  left: 0;
  max-width: none;
  max-height: none;
  width: 100%;
  height: 100%;
  margin: 0 !important;
  padding: 0 !important;
  border: none !important;
}




table.evaluering   { margin: 0 0 15px 0 }
table.evaluering th.freq   { width:70px;white-space:nowrap;}
table.evaluering th.cnt    { width:100px;white-space:nowrap;}


table.evaluering td,
table.evaluering th   { background:  #F0EFEE;    border-bottom: 1px solid #CCCCCC;padding: 10px 15px 10px 8px;}

table.evaluering thead tr.header th {
    background-color: #d2d1d0;
    border-bottom: 1px solid #666666;
    font-size: 12px;
    line-height: 16px;
    text-align: left;
}
table.evaluering thead tr.header th.qst {
     font-size: 16px;
     line-height: 18px;
}
div.freqbar {
    background: none repeat scroll 0 0 #80c218;
    border: medium none;
    height: 10px;
}

.paper.small .emptystate-icon,
.emptystate-icon { font-size: 100px; color:#c5c5c5}

.guillotine-window { cursor: move}

.searchresulttext { display:block; margin: 30px 0 30px 0; font-size:20px}
.searchresulttext b { color: #5cb85c}


.text-strikethru {
    position: relative;
    text-align: center;
    padding: 40px 0 0 0;
}
.text-strikethru .text {
    background-color: #fff;
    color: #828587;
    display: inline-block;
    font-size: 14px;
    padding: 5px 10px;
    position: relative;
    top: -16px;
}
.text-strikethru .line {
    background-color: #d9d9de;
    height: 1px;
    margin-left: 5%;
    width: 90%;
}
.btn-fullwidth {
    width: 100%;
}



.btn-fullwidth {
    width: 100%;
}
.relative {
    position: relative;
}
.absolute {
    position: absolute;
}
.r0 {
    right: 0;
}
.t0 {
    top: 0;
}
.l0 {
    left: 0;
}
.b0 {
    bottom: 0;
}


.forgot-password
{
    right:10px; top:7px;
    color: #3564CF;
}

.filters
{
    background: #f3f3f3;
    padding:20px;
    margin:10px 0 30px 0;

}

.filters span
{
    display:inline-block;
    margin-right:10px;
}
.filters .form-control
{
    width:auto;
    display:inline-block;
     margin-right:10px;
}

button.multiselect
{
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 300px;

    }

.multiselect-container{position:absolute;list-style-type:none;margin:0;padding:0}.multiselect-container .input-group{margin:5px}.multiselect-container>li{padding:0}.multiselect-container>li>a.multiselect-all label{font-weight:700}.multiselect-container>li.multiselect-group label{margin:0;padding:3px 20px 3px 20px;height:100%;font-weight:700}.multiselect-container>li.multiselect-group-clickable label{cursor:pointer}.multiselect-container>li>a{padding:0}.multiselect-container>li>a>label{margin:0;height:100%;cursor:pointer;font-weight:400;padding:3px 20px 3px 40px}.multiselect-container>li>a>label.radio,.multiselect-container>li>a>label.checkbox{margin:0}.multiselect-container>li>a>label>input[type=checkbox]{margin-bottom:5px}.btn-group>.btn-group:nth-child(2)>.multiselect.btn{border-top-left-radius:4px;border-bottom-left-radius:4px}.form-inline .multiselect-container label.checkbox,.form-inline .multiselect-container label.radio{padding:3px 20px 3px 40px}.form-inline .multiselect-container li a label.checkbox input[type=checkbox],.form-inline .multiselect-container li a label.radio input[type=radio]{margin-left:-20px;margin-right:0}
.multiselect-container input[type=radio] { display:none}
.multiselect-container > li > a > label.radio {
    cursor: pointer;
    font-weight: 400;
    height: 100%;
    margin: 0;
    padding: 3px 20px 3px 10px;
}
.btn-group > .btn.multiselect  { float:none}


.popover-footer {
    background-color: #f7f7f7;
    border-top: 1px solid #ebebeb;
    border-radius: 5px 5px 0 0;

    margin: 0;
    padding: 8px 14px;
}


.job-panels h2  {
    font-size:22px;
    margin:0 0 10px 0;
    padding:0;

}
.job-panels h3  {
    font-size:18px;
    margin:0 0 10px 0;
    padding:0;

}

.job-description {
  max-height: 100px;
  position: relative;
  overflow: hidden;
}
 .read-more {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  text-align: center;
  margin: 0; padding: 30px 0;

  /* "transparent" only works here because == rgba(0,0,0,0) */
  background-image: linear-gradient(to bottom, transparent, white);
}


.faq {
			counter-reset: my-badass-counter;
			margin-top:20px;
		}
		.faq dt {
			position: relative;
			font: bold 16px Georgia;
			padding: 4px 0 10px 0;
		}
		.faq dt:before {
			content: counter(my-badass-counter);
			counter-increment: my-badass-counter;
			position: absolute;
			left: 0;
			top: 0;
			font: bold 50px/1 Sans-Serif;
		}
		.faq dd {
			margin: 0 0 25px 0;
		}
		.faq dt, .faq dd {
			padding-left: 50px;
}


.hpanel {
    border: medium none;
    box-shadow: none;
    margin-bottom: 25px;
}
.hpanel .panel-body {
    background: #fff none repeat scroll 0 0;
    border: 1px solid #e4e5e7;
    border-radius: 2px;
    padding: 20px;
    position: relative;
}
.hpanel > .panel-footer {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    background: #f7f9fa none repeat scroll 0 0;
    border-color: #e4e5e7;
    border-image: none;
    border-style: none solid solid;
    border-width: medium 1px 1px;
    color: inherit;
    font-size: 90%;
}
.panel-footer {
    background-color: #f5f5f5;
    border-bottom-left-radius: 3px;
    border-bottom-right-radius: 3px;
    border-top: 1px solid #ddd;
    padding: 10px 15px;
}


.panel-body h3 {
    font-size:18px;

}


.h-100 {
    min-height: 100px;
}
.h-200 {
    min-height: 200px;
}
.h-300 {
    min-height: 300px;
}
.h-400 {
    min-height: 400px;
}

.panel-link {
    background: #fff;
    bottom: 0;
    cursor: pointer;
    display: block;
    left: 0;
    opacity: 0.01;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 15;

}

.panel-body h3 {
    font-size:18px;

}
.image-panel
{
    height:160px;
    margin-bottom:10px;
    vertical-align: middle;
    display: table-cell;
    text-align: center;
}

.hpanel:hover .panel-body {
    background: #f3f8fb;
}
.hpanel:hover h3 {
    color: #3564CF;
}
.table-row {
    display: table-row;
}
.table-table {
    display: table;
    width: 100%;
}


.project-label { font-weight:bold}




.stats-title h4 {
    font-size: 12px;
    font-weight: 600;
    text-transform: uppercase;
}
.stats-title h4 {
    margin: 5px 0;
    text-align:left;
}




.table-calendar {
    margin-bottom: 20px;
    max-width: 100%;
    width: 100%;
    border-collapse: collapse;
    border-spacing: 0;
}



.table-calendar td { position:relative; cursor:pointer; width:2%; height:21px; border: 1px solid #e9e9e8}

.table-calendar th.class-name { width:5%;font-size: 13px;padding:0 0 0 3px}

.table-calendar .week-number th { font-size: 11px; font-weight:normal;text-align:center; }


.table-calendar .weeknb { position: absolute; top:0px; right:0px; left:0px; bottom:0px; font-size:11px; line-height:25px; text-align:center; z-index:9 }




.table-calendar td >  span {height:20px; width:20%; display:block;  float:left; }


.table-calendar td.selected  {color: #ffffff;   }
.table-calendar td.selected > span {background-color: #76b0e3;  }

.table-calendar td.selected > span.day-selected { background-color: #337ab7;}




.popover  th, .popover  td { text-align:center }

.school .allclasses { display:none }

.school.collaps .calendar,
.school.collaps h4 {display: none }
.school.collaps .allclasses {display: block }


.school h4 { font-size:14px; margin:0; padding:0 }


.leftcol, .rightcol
{
    padding-top:80px;
    }
    .width100
    {
        width:100%;
    }
 .label-radiobutton,
.label-checkbox {color:#c0392b}

.label-checkbox + .checkbox {margin-top: 0px;}



/* guidance */

.guidance {
  /* background-image: url("sprite.png");*/
    background-position: 0 0;
    background-repeat: no-repeat;

    position:relative;
    display: block;

    margin:50px 0px 50px 100px;


}
.guidance-newproject
{
    margin-left:200px;
}


.guidance:before {
content:'';
background-image: url("sprite.png");
	background-position: -371px -149px;
	background-repeat: no-repeat;
    height: 52px;
   width: 48px;
position: absolute;
top: -11px;
  left: -56px;
}

.guidance span
{
    clear:both;
     display: block;
    float: left;
     background-color:  #3dbef3;
     color:#FFFFFF;
     padding:8px 10px;
     font-size:18px;

   font-family: 'Architects Daughter', cursive;
   font-weight: 400;


   }


.guidance span:first-child
{
    font-size:20px;
    font-weight: bold;
    margin-bottom: -1px;
    margin-left:5px;
    -ms-transform: rotate(-1deg); /* IE 9 */
    -webkit-transform: rotate(-1deg); /* Chrome, Safari, Opera */
    transform: rotate(-1deg);
}
.guidance span:nth-child(3)
{
    margin-top: -1px;
    margin-left:13px;
    -ms-transform: rotate(1deg); /* IE 9 */
    -webkit-transform: rotate(1deg); /* Chrome, Safari, Opera */
    transform: rotate(1deg);
}


#support_button {

    left: 0;
    position: fixed;
    top: 166px;
    z-index: 1;
}
#support_button a {
    background-color: #339a63;
    color: #fff;
    display: block;
    font-weight: bold;
    height: 41px;
    line-height: 50px;
    margin-left: -15px;
    padding: 0 10px;
    transform: rotate(-90deg);
    transition: all 0.15s ease-in-out 0s;
}
#support_button a:hover {
    background-color: #00b351;
    margin-left: -10px;
    text-decoration: none;
}







.eventrow:hover {
    background-color: #ecf0f1;
}
.eventrow {
    border-bottom: 1px solid #f5f5f5;
    margin: 0 -20px;
    padding: 15px;
    position: relative;
    transition: background-color 0.5s ease 0s;
}

.eventrow-link {
    bottom: 0;
    display: block;
    left: 0;
    overflow: hidden;
    position: absolute;
    right: 0;
    text-indent: 9999px;
    top: 0;
    white-space: nowrap;
    z-index: 10;
}
.eventdate-time,
.eventdate-date {
    display: inline-block;
    margin-bottom: 10px;
    margin-right: 40px;
    vertical-align: middle;
}


.glyphicon.true
{
    color: #5da423;
    }

.glyphicon.false
{
    color: #c60f13;
    }



.alert-info .table > thead > tr > th,
.alert-info .table > tbody > tr > th,
.alert-info .table > tfoot > tr > th,
.alert-info .table > thead > tr > td,
.alert-info .table > tbody > tr > td,
.alert-info .table > tfoot > tr > td
{
    border-color: #bce8f1
}






    .bgimg
    {
        -moz-box-shadow:    inset 0 0 150px #000000;
   -webkit-box-shadow: inset 0 0 150px #000000;
   box-shadow:         inset 0 0 150px #000000;
    }



.title-box
{
     border-left: 10px solid #46ac2e;
          position: absolute;
     bottom:0px;
     left:0px;
     padding:45px;
     color:#ffffff;
     font-size:50px;
}


.event-list
{
     position: absolute;
     bottom:0px;
     right:0px;
     padding:0;
     margin:0;
}
.event-list li
{
    margin:5px 0 0 0;
    list-style:none
}
.event-box
{
     background: #46ac2e;

     padding:20px;
     color:#ffffff;
     font-size:13px;
     display: block;
}
.event-date
{
font-size:13px;
}
.event-box h3
{
    margin:3px 0 0 0;
    padding:0px;
    font-size:20px;
     line-height: 26px;
}
.event-box .glyphicon-chevron-right
{

    font-size:50px;
    line-height: 74px;
}

.event-box:Hover
{
     color:#ffffff;
     background: #3d9628;

}

.event-box .row
{
    margin:0px;

}



.frontend .navbar-on-top .navbar-nav > li > a {
    color: #fff;
    font-size:16px;
    text-transform:uppercase;
    padding-bottom:10px;
}
.frontend .navbar-on-top .navbar-nav > li > a:hover {
    border-bottom:4px solid #d01855 ;
}



.frontend .navbar-on-top .navbar-nav > li > a .caret {
    display:none;
}
.frontend .navbar-on-top .navbar-nav > li > a.login-button
{
    color:#d01855;
}






@media print
{
body,
td,
th
{
        font-size: 10px;
        line-height: 14pt !important;
        color: #000 !important;

}




  a[href]:after {
    content: none;
  }
 .page-header,
    .header-bg { display:none }
    div.sheet-inner { padding:0px;}

    div.sheet div.sheet {
        margin: 0;
    }

    div.sheet-inner > h1
    {
        border-bottom: 4pt solid #000;
        padding: 0 0 5px 0;
        margin: 0 0 5px 0;
         font-size: 20px !important ;
         font-weight:bold !important ;
         line-height: 20px !important ;
    }

    div.sheet-inner > h1 a
    {
         font-size: 20px !important ;
         font-weight:bold !important ;
         line-height: 20px !important ;
    }


    div.sheet-inner div.sheet-inner > h1,
    div.sheet-inner div.sheet-inner > h1  a
    {
        border-bottom: 0px;
        font-size: 20px  !important ;
        font-weight:normal;
        line-height: 20px !important ;
        margin: 0 0 10px 0  !important;
    }
    div.sheet-inner div.sheet-inner div.sheet-inner > h1,
    div.sheet-inner div.sheet-inner div.sheet-inner > h1 a
    {
        font-size: 18pt !important ;
        line-height: 18px !important ;
    }
    .wpadminbar,
    .btnSave, .btn { display:none !important }

    .form-control { border:0px}

    .table td,
     .table th { padding: 0 3px !important; vertical-align:middle}

     .table .form-control { padding: 0px !important; font-size: 10px;}
}








    .modern-browser
    {
        width:100%
    }
    .question-fieldset
    {
        margin: 0 0 30px;
    }
   div.sheet-inner .question-fieldset h4
    {
        font-size: 16px;
    }


.question-fieldset input,
.question-fieldset textarea {
    background: #fff none repeat scroll 0 0 padding-box;
    border: 1px solid #999;
    border-radius: 0;
    box-sizing: border-box;
    max-width: 100%;
    padding: 6px;
    transition: all 0.1s linear 0s;
    min-width:33%;
}
.question-fieldset .other {
    margin: 5px 0 0 32px;
}


.question-fieldset input[type=radio] {
    min-width: 0;
}







/*Evaluering*/
.endSurvey {padding: 150px 0;
    text-align: center;
}

.question-container-edit {}
.question-container { position:relative;border: 1px solid transparent;padding: 5px;}
.question-actions { position: absolute; top:5px; right: 5px;}



/*
.modern-browser input,
.modern-browser input {
    height: 20px;
    left: 0;
    opacity: 0;
    outline: 0 none;
    overflow: hidden;
    position: absolute;
    top: 8px;
    width: 20px;
}


.question-container input[type=checkbox]:not(old) + label,
.question-container input[type=radio   ]:not(old) + label{
  display      : block;
  font-size: 14px;
  font-style: normal;
    font-weight: 300;
    text-decoration: none;
  padding-left : 28px;
  background   : url('/bootstrap/images/blue.png') no-repeat 0 0;
  line-height  : 35px;

}



.question-container-edit .question-container:hover {
    border: 1px dashed #87c7c9;
    cursor: pointer;
}

.question-container-edit .question-container:hover .question-actions {
    display:block;
}



.question-container input[type=radio]:not(old) + label{
  background-position : 0 -200px;
}
.question-container input[type=radio]:not(old) + label:hover{
  background-position : 0 -250px;
  background-color: #efefee;
  cursor:pointer;
}
.question-container input[type=radio]:not(old):checked + label{
  background-position : 0 -300px;
}
.question-container input[type=radio]:not(old):disabled + label{
  background-position : 0 -350px;
}
.question-container input[type=radio]:not(old):disabled:checked + label{
  background-position : 0 -400px;
}



.question-container input[type=checkbox]:not(old):checked + label:hover{
  background-position : 0 -50px;
}

.question-container input[type=checkbox]:not(old):checked + label{
  background-position : 0 -100px;
}
.question-container input[type=checkbox]:not(old):disabled + label{
  background-position : 0 -150px;
}
.question-container input[type=checkbox]:not(old):disabled:checked + label{
  background-position : 0 -200px;
}

*/


.form-error textarea { border-color: Red}



.btn-impersonate {

    left: 0;
    position: fixed;
    top: 0px;
    z-index: 999;
}
.btn-impersonate {
    background-color: #339a63;
    color: #fff;
    display: block;
    font-weight: bold;
    height: 41px;
    line-height: 50px;
    margin-left: -15px;
    padding: 0 10px 0 20px;
    transition: all 0.15s ease-in-out 0s;
}
.btn-impersonate:hover {
    background-color: #00b351;
    margin-left: -10px;
    text-decoration: none;
     color: #fff;

}

span.ie7 { display:none}







.header-container
{
    position:relative;
     padding-top: 0px;
}
#lead-image {
    left: 0;
    position: absolute;
    top: 0;
    z-index: 0;
}
.list-centered
{
    display: inline-table;
    float:none;
    margin: 10px auto;
    width: -webkit-fit-content;
       width: -moz-fit-content;
            width: fit-content;

}
.header-container .navbar-collapse {
    text-align:center;
}


.header-container .navbar-default .navbar-nav > li > a {
    color: #fff;
}
.frontend .header-container .navbar-default .navbar-nav > li > a {
    color: #777;
}


.frontend .navbar {
    margin-bottom: 0px;

}


.frontend .navbar-default {
    background-color: #fff;
    border-color: #fff;
}
.frontend .navbar-nav > li > a {
    padding-bottom:0px;

}
.frontend .navbar {

    min-height: 35px;

}



.page-content ul
{
    padding-left: 16px;
    margin-bottom:30px;
}
.page-content ul li {
    margin-bottom: 5px;
}

.page-content h1
{
    font-size:60px;
    margin-top:50px;
}







    .AspNet-Menu-Horizontal {
         border-bottom: 1px solid #ddd;
    }

    .AspNet-Menu-Horizontal ul {
        overflow:auto;
    }
    .AspNet-Menu-Horizontal ul li {
        height: 53px;
    line-height: 56px;
    }


    .AspNet-Menu-Horizontal ul li  a {
    margin: 0 8px;
    padding: 0 8px;
}
   .AspNet-Menu-Horizontal  a.AspNet-Menu-Selected {
    border-bottom: 3px solid #4285f4;
    color: #4285f4;
    font-weight: bold;
    height: 53px;
    margin: 2px 8px 0;
    padding: 0 8px;
}


.header-container .nav-pills {
    margin-top: 17px;

}


.hero.is-loaded {
    opacity: 1;
}



.card {
    background-color: #fff;
    border-radius: 2px;
    margin: 0.5rem 0 1rem;
    position: relative;
    transition: box-shadow 0.25s ease 0s;
    box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12), 0 3px 1px -2px rgba(0, 0, 0, 0.2);
}
.card .card-content {
    border-radius: 0 0 2px 2px;
    padding: 24px;
    position:relative;
}

.card .card-content .card-title {
    display: block;
    line-height: 32px;
    margin-bottom: 8px;
    font-size: 20px;
    font-weight: bold;
    border-bottom: 1px solid #d9d9d9;
    padding-bottom: 8px;
}
.card .card-action {
    background-color: inherit;
    border-top: 1px solid rgba(160, 160, 160, 0.2);
    padding: 16px 24px;
    position: relative;
}
.card .card-action:last-child {
    border-radius: 0 0 2px 2px;
}
.card .card-action a:not(.btn):not(.btn-large):not(.btn-large):not(.btn-floating) {
    color: #ffab40;
    margin-right: 24px;
    text-transform: uppercase;
    transition: color 0.3s ease 0s;
}
.card-app a  {
    bottom: 0;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
     color:#333

}
.card-app a:hover {
     text-decoration:none;

}
.card-app img {
     margin: 5px 0

}
a.card  {
   color:#333

}
a.card:hover  {
    text-decoration:none;

}

.card-app {
    position:relative
}

.card-app::before {
    padding-top: 100%;
}
.card-app::before {
    content: "";
    display: block;
    padding-top: 140%;
}


.btn-setting {

    position:absolute;
    top:45px;
    right:30px;
    padding:0;

}