/*
	This file has been auto-generated by a tool
	Any changes made will be overwritten the next time the tool is run
*/

/*





*/

/* HTML tags */

html, body { color: #191c1f; font-family: 'Open Sans', Sans-Serif; font-size: 15px; line-height: 1.7; height: 100%; width: 100%; }

input, select, textarea { box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; font-family: 'Open Sans', Sans-Serif; font-size: 15px; line-height: 1.7; -webkit-box-shadow: rgba(0, 0, 0, 0.2) 0 2px 4px inset; -moz-box-shadow: rgba(0, 0, 0, 0.2) 0 2px 4px inset; box-shadow: rgba(0, 0, 0, 0.2) 0 2px 4px inset; height: 32px; line-height: 32px; padding: 0 8px; }
    input:focus, select:focus, textarea:focus { background-color: #faffbd; }
textarea { height: 128px; }
input { -webkit-appearance: none; }

/* Resets */
* { margin: 0; padding: 0 }

/* Shadows */
.Shadowed { -webkit-box-shadow: rgba(0, 0, 0, 0.2) 0 2px 4px; -moz-box-shadow: rgba(0, 0, 0, 0.2) 0 2px 4px; box-shadow: rgba(0, 0, 0, 0.2) 0 2px 4px; }

/* Overlay background colour */
.OverlayBackgroundColour { background: rgba(0, 0, 0, 0.5) none no-repeat scroll 0 0; color: #fff; }
.OverlayBackgroundColour .AlternateColour { color: #191c1f; }

/* Fullscreen / full panel */
.Fullscreen { bottom: 0; left: 0; position: fixed; right: 0; top: 0; z-index: 100; }
.FullPanel { bottom: 0; left: 0; position: absolute; right: 0; top: 0; z-index: 100; }

/* Page colour - Light grey */
.PageColour { color: #f1f1f1; }
.PageBackgroundColour { background-color: #f1f1f1; }

/* Primary colour - Black */
.PrimaryColour { color: #c9282d; }
.PrimaryBackgroundColour { background-color: #c9282d; color: #fff; }
    .PrimaryBackgroundColour .AlternateColour { color: #191c1f; }

/* Secondary colour - White */
.SecondaryColour { color: #fff; }
.SecondaryBackgroundColour { background-color: #fff; color: #c9282d; }
    .SecondaryBackgroundColour .AlternateColour { color: #191c1f; }

/* Tertiary colour - Gold */
.TertiaryColour { color: #191c1f; }
.TertiaryBackgroundColour { background-color: #191c1f; color: #fff; }
    .TertiaryBackgroundColour .AlternateColour { color: #c9282d; }

/* Wraps */
.OuterWrap { float: left; width: 100%; }
.InnerWrap { box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; margin: 0 auto; min-width: 768px; max-width: 960px; width: auto; overflow: auto; }

/* Header */
#Header .InnerWrap { padding: 16px; }
    #Header img { position: relative; left: 50%; margin: 0 0 0 -160px; transition: 0.5s; }
    #Header.LoggedIn img { margin: 0; left: 0; }
#Body .InnerWrap { overflow-x: hidden; overflow-y: auto; padding: 16px 0; }

/* Pod */
.Pod { float: left; width: 33.3%; }
.WidePod { width: 66.6%; }
    .Pod .Pod-Inner { background-color: #c9282d; color: #fff; -webkit-box-shadow: rgba(0, 0, 0, 0.2) 0 2px 4px; -moz-box-shadow: rgba(0, 0, 0, 0.2) 0 2px 4px; box-shadow: rgba(0, 0, 0, 0.2) 0 2px 4px; /*cursor: pointer;*/ height: 128px; margin: 16px; overflow: hidden; padding: 16px; position: relative; text-align: center; /*transition: margin 0.25s, padding 0.25s;*/ }
    .DoublePod .Pod-Inner { height: 320px; }
    /*.Pod .Pod-Inner:hover { margin: 0; padding: 32px; }*/
        .Pod .Pod-Inner .Pod-Icon { text-align: center; }
        .Pod .Pod-Inner .Framework_IconButton { margin: 8px 0 0; }

/* Login */
.Framework_Login { background-color: #c9282d; color: #fff; margin: 0 auto; padding-top: 2px;}
    .Framework_Login label { font-weight: bold; }
    .Framework_Login .Framework_Form_Row { padding: 4px 0 0; }
    .Framework_Login .Framework_Form_ButtonRow { border-top: 0 none; }

/* Framework icon buttons */
/*.Framework_IconButton, .Framework_IconButton * { background-color: #191c1f; color: #fff; transition: 0.25s; }*/
.Framework_IconButton:hover{ background-color: #000; }
.Framework_IconButton, .Framework_IconButton .Framework_IconButton_Inner { background-image: none; }
.Framework_IconButton { -webkit-box-shadow: rgba(0, 0, 0, 0.2) 0 2px 4px; -moz-box-shadow: rgba(0, 0, 0, 0.2) 0 2px 4px; box-shadow: rgba(0, 0, 0, 0.2) 0 2px 4px; }
    .Framework_IconButton .Framework_IconButton_Text { border-right-color: #333; font-weight: bold; }

/* Prompts */
.Framework_Prompt_Container_TitleBar { }
    .Framework_Prompt_Container_TitleBar_Left { background: #c9282d none no-repeat scroll 0 0; padding: 0 0 0 8px; }
        .Framework_Prompt_Container_TitleBar_Right { background: #c9282d none no-repeat scroll 0 0; padding: 0 8px 0 0; }
            .Framework_Prompt_Container_TitleBar_Center { background: #c9282d none no-repeat scroll 0 0; color: #fff; }
                .Framework_Prompt_Title { color: #fff; display: block; font-size: 18px; font-weight: bold; height: 32px; line-height: 32px; padding: 2px 0 6px; }
    .Framework_Prompt_Container_Top { display: none; height: 0; line-height: 0; overflow: hidden; }
    .Framework_Prompt_Container_Middle { }
        .Framework_Prompt_Container_Middle_Left { background: #fff; padding: 0; }
            .Framework_Prompt_Container_Middle_Right { background: transparent none no-repeat scroll 0 0; padding: 0; }
                .Framework_Prompt_Container_Middle_Center { background: transparent none no-repeat scroll 0 0; padding: 0; }
                    .Framework_Prompt_Alert .Framework_Prompt_Container_Content { background-position: 4px center; }
                    .Framework_Prompt_Container_Bottom { padding: 0 16px; }
    .Framework_Prompt_Container_Bottom { display: none; height: 0; line-height: 0; overflow: hidden; }
    .Framework_Prompt_Container_Buttons { box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; background: #f1f1f1 none no-repeat scroll 0 0; padding: 8px; border-top: 0 none; }
        .Framework_Prompt_Container_Buttons #Framework_Prompt_CancelButton { background-color: #c9282d; }
            .Framework_Prompt_Container_Buttons #Framework_Prompt_CancelButton:hover { background-color: #000; }
        .Framework_Prompt_Container_Buttons #Framework_Prompt_OkButton { background-color: #6c6f70; }
            .Framework_Prompt_Container_Buttons #Framework_Prompt_OkButton:hover { background-color: #000; }

/* Framework.Tooltip */
#Framework_Tooltip { background-color: #fff; color: #c9282d; -webkit-box-shadow: rgba(0, 0, 0, 0.2) 0 2px 4px; -moz-box-shadow: rgba(0, 0, 0, 0.2) 0 2px 4px; box-shadow: rgba(0, 0, 0, 0.2) 0 2px 4px; border: 0 none; max-width: 90%; }
    #Framework_Tooltip_Title { PrimaryBackgroundColour; font-weight: bold; padding: 8px; }
    #Framework_Tooltip_Text { padding: 9px; }

/* Framework modals */
.Framework_Modal_Overlay { background: rgba(0, 0, 0, 0.5) none no-repeat scroll 0 0; }
.Framework_Modal_Container { /*-webkit-box-shadow: rgba(0, 0, 0, 0.2) 0 2px 4px; -moz-box-shadow: rgba(0, 0, 0, 0.2) 0 2px 4px; box-shadow: rgba(0, 0, 0, 0.2) 0 2px 4px;*/ }
    .Framework_Modal_Container .Framework_Modal_Container_TitleBar { position: relative; z-index: 2; }
        .Framework_Modal_Container .Framework_Modal_Container_TitleBar a { }
        .Framework_Modal_Container .Framework_Modal_Container_TitleBar .Framework_Modal_Container_TitleBar_Left { background: #c9282d none no-repeat scroll 0 0; }
        .Framework_Modal_Container .Framework_Modal_Container_TitleBar .Framework_Modal_Container_TitleBar_Right { background: #c9282d none no-repeat scroll 0 0; }
        .Framework_Modal_Container .Framework_Modal_Container_TitleBar .Framework_Modal_Container_TitleBar_Center { background: #c9282d none no-repeat scroll 0 0; color: #fff; }
    .Framework_Modal_Container .Framework_Modal_Container_Top { margin: 0; padding: 0; display: none; height: 0; line-height: 0; overflow: hidden; }
    .Framework_Modal_Container .Framework_Modal_Container_Middle { margin: 0; padding: 0; }
        .Framework_Modal_Container .Framework_Modal_Container_Middle .Framework_Modal_Container_Middle_Left { margin: 0; padding: 0; background: #e1e1e1 none no-repeat scroll 0 0; }
        .Framework_Modal_Container .Framework_Modal_Container_Middle .Framework_Modal_Container_Middle_Right { margin: 0; padding: 0; background: transparent none no-repeat scroll 0 0; }
        .Framework_Modal_Container .Framework_Modal_Container_Middle .Framework_Modal_Container_Middle_Center { background: transparent none no-repeat scroll 0 0; }
        .Framework_Modal_Container .Framework_Modal_Container_Middle .Framework_Modal_Container_Middle_Content { background: transparent none no-repeat scroll 0 0; }
    .Framework_Modal_Container .Framework_Modal_Container_Bottom { margin: 0; padding: 0; display: none; height: 0; line-height: 0; overflow: hidden; }
        .Framework_Modal_Container .Framework_Modal_Container_Bottom .Framework_Modal_Container_Bottom_Left { background: #fff none no-repeat scroll 0 0; }
        .Framework_Modal_Container .Framework_Modal_Container_Bottom .Framework_Modal_Container_Bottom_Right { background: #fff none no-repeat scroll 0 0; }
        .Framework_Modal_Container .Framework_Modal_Container_Bottom .Framework_Modal_Container_Bottom_Center { background: #fff none no-repeat scroll 0 0; }

.Framework_Prompt_Container_Buttons .Framework_IconButton {
  float: right;
  margin: 0 0 0 9px;
}

.Framework_IconButton {
  background: #c9282d none no-repeat scroll 0 0;
  border-radius: 3px;
  text-transform: uppercase;
  transition: 0.25s;
  margin-top: 0px;
}

.Framework_IconButton .Framework_IconButton_Text {
  border-right: 1px solid #fff;
  color: #fff;
  transition: 0.25s;
}

.Framework_IconButton {
  color: #fff;
}

/* User Details */
.UserDetails { float: right; width: auto; height: 93px; line-height: 93px; }
    .UserDetails .Framework_IconButton { margin: 0 0 0 8px; }

/* Alerts */
.Alerts-ScrollingContent { margin-top: 16px; height: 224px; overflow-x: hidden; overflow-y: scroll; text-align: left; }
    .Alerts-ScrollingContent a { background-color: #c9282d; color: #fff; display: block; padding: 4px; text-decoration: none; transition: 0.25s; }
    .Alerts-ScrollingContent a:hover { background-color: #191c1f; color: #fff; }

/* Search Pod */
.SearchPod { display: block; overflow: hidden; padding: 8px 0 0; }
    .SearchPod .textbox { text-align: center; }
    
    
/* Admin styling */
.lytAdminLayout{
    padding:40px 0 110px;
}

    .lytAdminLayout .modulesItem
    {
        background:#c9282d;
        min-height:160px;
        text-align:center;
        padding:20px;
        margin-bottom:32px;
    }
        
        .lytAdminLayout .modulesItem .button{
            padding: 0 15px 0 20px !important;
        }
        
            .lytAdminLayout .modulesItem .button span:first-child
            {
                margin-right:5px;   
            }

        .lytAdminLayout .modulesItem .Framework_IconButton .Framework_IconButton_Inner
        {
            background:transparent !important;
        }

        .lytAdminLayout .modulesItem .Framework_IconButton .Framework_IconButton_Text
        {
            border-right:0;
            padding:0px;
            vertical-align:top;
            color:#fff;
        }
        
        .lytAdminLayout .heroTitle
        {
              font-family: "Open Sans", sans-serif;
              font-size: 40px;
              font-weight: 300;
              line-height: 1.6;
              margin: 0 0 40px 0;
        }
        

        .lytAdminLayout .modulesItem h2
        {
            color:#fff;
            margin-top:15%;
        }

        .lytAdminLayout .modulesItem .iconBox
        {
            width:45px;
            height:45px;
            text-align:center;
        }
    
        .lytAdminLayout .modulesItem .iconBox img
        {
            width: 45px;
            height: 45px;
            text-align:center;
        }

        .lytAdminLayout .modulesItem .iconBox img:hover
        {
            opacity: 0.8;
        }


/*
    Progress animations
*/

#Framework_Core_Loading_Loading,
.Framework_Modal_Loading,
.Framework_Prompt_Loading {
    background: url(../Images/CSS/spinner.png) no-repeat;
    position: absolute;
    top: 50%;
    left: 50%;
    width: 60px;
    height: 60px;
    margin:-130px 0 0 -30px;
    -webkit-animation:spin 2s linear infinite;
    -moz-animation:spin 2s linear infinite;
    animation:spin 2s linear infinite;
}

.spinner {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    x-background-color: rgba(62, 69, 69, 0.7);
    z-index: 99999998;
}

.x-loader {
    width: 60px;
    height: 60px;
    background: url(/intranet/images/spinner.png) no-repeat;
    position: fixed;
    z-index: 99999999;
    left: calc(50% - 30px);
    top: calc(45% - 60px);
    x-margin: 100px auto;
    -webkit-animation: sk-rotateplane 1.2s infinite ease-in-out;
    animation: sk-rotateplane 1.2s infinite ease-in-out;
}

.loader {
    background: url(/intranet/images/spinner.png) no-repeat;
    position: absolute;
    top: 50%;
    left: 50%;
    width: 60px;
    height: 60px;
    margin:-60px 0 0 -60px;
    -webkit-animation:spin 2s linear infinite;
    -moz-animation:spin 2s linear infinite;
    animation:spin 2s linear infinite;
}

@-webkit-keyframes sk-rotateplane {
  0% { -webkit-transform: perspective(120px) }
  50% { -webkit-transform: perspective(120px) rotateY(-180deg) }
  100% { -webkit-transform: perspective(120px) rotateY(0deg) }
}

@keyframes sk-rotateplane {
  0% { 
    transform: perspective(120px) rotateY(0deg);
    -webkit-transform: perspective(120px) rotateY(0deg) 
  } 50% { 
    transform: perspective(120px) rotateY(180deg);
    -webkit-transform: perspective(120px) rotateY(180deg) 
  } 100% { 
    transform: perspective(120px) rotateY(360deg);
    -webkit-transform: perspective(120px) rotateY(360deg);
  }
}

@-moz-keyframes spin { 100% { -moz-transform: rotate(360deg); } }
@-webkit-keyframes spin { 100% { -webkit-transform: rotate(360deg); } }
@keyframes spin { 100% { -webkit-transform: rotate(360deg); transform:rotate(360deg); } }