body {
    font-family: 'Open Sans', Verdana, Helvetica, Sans-Serif;
    font-size: 17px;
}

/* ------------------------------------------------------------------------------------
    #Type
-------------------------------------------------------------------------------------*/

/* General */

p {
    color: #2f2f2f;
    font-family: 'Open Sans', 'Verdana', 'Helvetica', sans-serif;
    font-size: 17px;
    font-weight: 400;
    line-height: 31px;
    margin-bottom: 40px;
}

.icon {
    display: inline-block;
    font-family: FontAwesome;      
}

.fa { line-height: inherit; }

/* Headers */
h1, h2, h3, h4, h5, h6 {
    color: #2f2f2f;
    font-family: 'Open Sans', 'Verdana', 'Helvetica', sans-serif;
    font-weight: 300;
    margin-top: 0;  
}

h1 { font-size: 40px; line-height: 50px; margin-bottom: 40px; }
h2 { font-size: 35px; line-height: 42px; margin-bottom: 35px; }
h3 { font-size: 30px; line-height: 40px; margin-bottom: 35px; }
h4 { font-size: 28px; line-height: 40px; margin-bottom: 30px; }
h5 { font-size: 25px; line-height: 40px; margin-bottom: 30px; }
h6 { font-size: 22px; line-height: 40px; margin-bottom: 30px; }

a {
    font-family: 'Open Sans', Verdana, Helvetica, Sans-Serif;
}
/* Sizes */
.text-large { font-size: 19px; }
.text-medium { font-size: 16px; }
.text-small { font-size: 14px; line-height: 29px; }
.text-xsmall { font-size: 12px; line-height: 29px; }

/* Weights */
.light { font-weight: 300; }
.regular { font-weight: 400; }
.bold, .semibold { font-weight: 600; }

/* Colors */
.primary-text-color { color: #2f2f2f; }
.secondary-text-color, .blue { color: #075388; }
.black { color: #000000; }
.green { color: #22A218; }
.grey-light { color: #f1f1f1; }
.grey-medium { color: #979797; }
.red { color: #831d08; }
.yellow { color: #f1c800; }
.gold { color: #EF9300; }
.white { color: #fff; }
.strikethrough { text-decoration: line-through !important; }

/* margins */
.margin-none { margin-bottom: 0; }
.margin-small { margin-bottom: 10px; }

/* Links */
.app-container a, .app-container a:link, .app-container a:visited {
    color: #075388;
    outline: none;
    text-decoration: none;
}
a, a:link, a:visited {
    color: #075388;
    outline: none;
}

a.text-link { position: relative; }

.app-container a.text-link:before {
      content: "";
      position: absolute;
      width: 100%;
      height: 2px;
      bottom: 0;
      left: 0;
      background-color: #075388;
      visibility: hidden;
      -webkit-transform: scaleX(0);
      transform: scaleX(0);
      -webkit-transition: all 0.3s ease-in-out 0s;
      transition: all 0.3s ease-in-out 0s;
}
.app-container a.text-link:hover:before {
      visibility: visible;
      -webkit-transform: scaleX(1);
      transform: scaleX(1);
}


/* ------------------------------------------------------------------------------------
    #Buttons
-------------------------------------------------------------------------------------*/
.btn, .btn:link, .btn:visited {
    background: #075388;
    -moz-box-shadow: 2px 2px 3px #888, -2px 2px 3px #888;
    -webkit-box-shadow: 2px 2px 3px #888, -2px 2px 3px #888;
    box-shadow: 2px 2px 3px #888, -2px 2px 3px #888;
    border-radius: 0;
    color: #fff !important;
    display: inline-block;
    font-size: 17px;
    font-weight: 300;
    line-height: 30px;
    outline: 0;
    overflow: hidden;
    padding: 10px 25px;
    position: relative;
    text-decoration: none;
    -webkit-transition: all 0.5s ease-in-out 0s;
    transition: all 0.5s ease-in-out 0s;
}
.btn > * { position: relative; }    
.btn:hover {
    background: #0b6496;
    -moz-box-shadow: 2px 2px 7px #888, -2px 2px 7px #888;
    -webkit-box-shadow: 2px 2px 7px #888, -2px 2px 7px #888;
    box-shadow: 2px 2px 7px #888, -2px 2px 7px #888;
}
.btn:active {
    background: #075388;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;  
}
/* Button Icons */
.btn .btn-icon, .btn-icon-left {
    color: #fff;
    display: inline-block;
    font-family: FontAwesome;  
    position: relative;    
}
.btn .btn-icon {
    margin-left: 18px;
    padding-left: 23px;
}
.btn .btn-icon-left {
    margin-right: 18px;
    padding-right: 23px;
}
.btn .btn-icon:before, .btn .btn-icon-left:before {
    content: "";
    display: inline-block;
    height: 54px;   
    position: absolute;
    top: -13px;
    width: 1px;     
}

.btn .btn-icon:before {
    border-left: 1px solid #fff;
    left: 0;
}
.btn .btn-icon-left:before {
    border-right: 1px solid #fff;
    right: 0;
}

/* Make Previous & Next Buttons Same Width */
.btn .step {
    display: inline-block;
    min-width: 66px;
} 

/* ------------------------------------------------------------------------------------
    #HTML Elements
-------------------------------------------------------------------------------------*/
.row.no-margin { margin: 0; } 
/* HR Horizontal Divider */
hr {
    border: 0;
    height: 1px;
    background-image: -webkit-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,0.28), rgba(0,0,0,0)); 
    background-image:    -moz-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,0.28), rgba(0,0,0,0)); 
    background-image:     -ms-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,0.28), rgba(0,0,0,0)); 
    background-image:      -o-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,0.28), rgba(0,0,0,0)); 
    margin: 30px 0 50px;      
}

/* Unordered List */
ul.square-bullet { margin-bottom: 40px; padding-left: 2px; }
ul.square-bullet li {
    font-weight: 300;
    list-style-type: none;
    margin-bottom: 13px;
    padding-left: 15px;
    position: relative;
}
ul.square-bullet li:before {
    background: #2f2f2f;
    content: "";
    display: inline-block;
    height: 5px;
    left: 0;
    position: absolute;
    top: 11px;
    width: 5px;
}

/* Boxes / Cards */
.box {
    border: 1px solid #d3d3d3;
    margin-bottom: 40px;
    text-align: center;
    -webkit-transition: all 0.3s ease-in-out 0s;
    transition: all 0.3s ease-in-out 0s;      
}
.box:hover { box-shadow: 0 5px 11px 0 rgba(0,0,0,0.18),0 4px 15px 0 rgba(0,0,0,0.15); }

    .box-text {
        font-size: 16px;
        font-weight: 300;
        line-height: 24px;
        margin-top: 40px;
    }
    .box .box-link a {
        background: #e5e5e5;
        border-top: 1px solid #d3d3d3;
        color: #565656;
        display: block;
        font-size: 13px;
        font-weight: 300;
        padding: 9px 0;
        width: 100%;
        -webkit-transition: all 0.3s ease-in-out 0s;
        transition: all 0.3s ease-in-out 0s;           
    }
    .box:hover .box-link a {
        background: #075388;
        color: #fff;      
    }

        .box .box-link .icon { margin-right: 7px; }

/* Override the default bootstrap behavior where horizontal description lists 
   will truncate terms that are too long to fit in the left column 
*/
.dl-horizontal dt {
    white-space: normal;
}

/* Set width on the form input elements since they're 100% wide by default */
input,
select,
textarea {
    max-width: 280px;
}

/* ------------------------------------------------------------------------------------
    #Main Layout
-------------------------------------------------------------------------------------*/
.page-container {
    width: 100%;
    height: 100%;
    position: absolute;
    min-width: 996px;  
}

.app-container {
    /*background-color: #fff;
    margin: 115px auto 0;
    max-width: 1200px;
    padding: 0 40px; 
    width: 100%;*/
    top: 60px;
    left: 0;
    position: absolute;
    width: 100%;
    height: auto;
    bottom: 0;
}

.container-full-page {
    background-color: #fff;
    margin: 0;
    padding: 0; 
    width: 100%;
    position: absolute;
    top: 0;
    bottom: 0;
    height: auto;
    overflow-y: auto;
    overflow-X: auto;
}

.container-dashboard {
    background-color: #fff;
    margin: 0;
    padding: 0; 
    /*width: 100%;*/
    position: absolute;
    left: 60px;
    right: 0;
    top: 0;
    bottom: 0;
    height: auto;
    overflow-y: auto;
    overflow-X: auto;
}

.inner-container-centered {
    background-color: #fff;
    margin: 55px auto 0;
    max-width: 1200px;
    padding: 0 40px; 
    width: 100%;
}

.col-xs-1, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9, .col-xs-10, .col-xs-11, .col-xs-12, .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12, .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12, .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12 {
    padding-left: 30px;
    padding-right: 30px;
}

/* ------------------------------------------------------------------------------------
    #Top Bar / Header Area
-------------------------------------------------------------------------------------*/
.top-bar {
    background-color: black;
    color: white;
    height: 60px;
    left: 0;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 999;
    min-width: 996px; 
}

.app-nav-bar {
    height: auto;
    background-color: lightgrey;
    border-right: 1px solid grey;
}

.app-nav-bar-content {
    height: auto;
    overflow-x: hidden;
    overflow-y: auto;
    background-color: lightgrey;
}

.app-nav-content {
    height: 100%;
    background-color: white;
    padding: 35px;
}

.activity-action-area {
    margin: 54px;
}

/* ------------------------------------------------------------------------------------
	#NAVIGATION
-------------------------------------------------------------------------------------*/
#side-toolbar {
	background-color: #F1F1F1;
	border-right: solid 1px #D3D3D3;
	height: 100%;
	left: 0;
	position: fixed;
	z-index: 99;
}
#side-toolbar ul { margin: 0; padding: 0; }
#side-toolbar li {
	line-height: 1em;
	list-style-type: none;
	margin: 0;
}
#side-toolbar li + li { border-top: solid 1px #D3D3D3; }
#side-toolbar li a {
	color: inherit;
	display: block;
	padding-bottom: 1em;
	padding-top: 1em;
}
#side-toolbar li a:hover:before { display: none; }

#side-toolbar li.root > a {
	font-size: 15px;
}
#side-toolbar li.root > a {
	color: #686868;
	text-align: center;
	transition: background-color 0.5s ease 0s;
	width: 60px;
}
#side-toolbar li.root:hover > a { background-color: #ddd; }
#side-toolbar li.root.active > a {
	background-color: #075388;
	color: #fff;
}

#side-toolbar .sub {
	background: #fff;
	box-shadow: 5px 0 5px rgba(0,0,0,0.25);
	display: none;
	height: 100%;
	font-size: 12px;
	left: 60px;
	position: absolute;
	top: 0;
	width: 160px;
}
#side-toolbar .sub li { line-height: 1.95em; }
#side-toolbar .sub a {
	padding-left: 1em;
	padding-right: 1em;
}
#side-toolbar .sub .title {
	color: #0A4881;
	font-size: 16px;
	line-height: 0.9375em;
}
#side-toolbar .sub .title .fa {
	line-height: inherit;
	vertical-align: top;
}


/* ------------------------------------------------------------------------------------
    #Site Title
-------------------------------------------------------------------------------------*/
.site-title {
    color: #c8c8c8;
    font-family: 'Open Sans', Verdana, Helvetica, Sans-Serif;
    font-size: 2.3em;
    font-weight: 300;
    margin: 0;
}

    .site-title a, .site-title a:hover, .site-title a:active {
        background: none;
        color: #c8c8c8;
        outline: none;
        text-decoration: none;
    }

/* ------------------------------------------------------------------------------------
    #Header
-------------------------------------------------------------------------------------*/

.top-bar-table {
    background-color: transparent;
    width: 100%;
}

.top-bar-left {
    float: left;
}

.top-bar-center {
    /*width: 100%;*/
    display: table-cell;
    vertical-align: top;
    text-align: center;
}

.top-bar-right {
    float: right;
}

.top-bar-second-menues {
    display: inline-block;
}

.top-bar-user-menu {  
    display: inline-block;    
    text-align: center;   
}

.top-bar button {
    background-color: transparent;
    border: 0;
    color: white;
    font-size: 28px;
    font-weight: normal;
    padding: 10px;
    margin: 0;
    outline: none;
}
    /*, .top-bar button:active, .top-bar button:visited, .top-bar button:focus */

    .top-bar button:focus {
        background-color: transparent;
        border: 0;
        color: white;
        font-size: 28px;
        font-weight: normal;
        padding: 10px;
    }

/* ------------------------------------------------------------------------------------
    #Drop Down Main Menu
-------------------------------------------------------------------------------------*/
.top-bar-main-menu {
    float: left;
}

#menu-button {
    background: #075388;
    height: 60px;
    padding: 0;
    position: relative;
    width: 60px;
    z-index: 100;
}
#menu-button:hover { background: #fff; }

#menu-button:before {
    color: #fff;
    content: "\f00a";
    display: inline-block;
    font-family: FontAwesome; 
    font-size: 29px;
    left: 15px;
    margin-top: 6px;
}
#menu-button:hover:before { color: #075388; }

#menu-button.active { background: #fff; }
#menu-button.active:before {
    color: #075388;
    content: "\f00d";
    left: 19px;
    margin-top: 0;
}

#main-menu {
    background-color: #fff;    
    box-shadow: 0 0 8px 0px rgba(0, 0, 0, 0.5);
    display: none;
    position: absolute;
    z-index: 99;
}

.menu-item {
    box-sizing: border-box;
    color: #fff;
    display: inline-block;     
    text-align: center;    
    vertical-align: middle;    
    -webkit-transition: all 0.2s ease-in-out 0s;
    transition: all 0.2s ease-in-out 0s;        
    z-index: 1;    
}
.menu-item:hover {
    box-shadow: 0 8px 16px 0 rgba(0, 0, 0, 0.5);     
    transform: scale(1.1); 
    z-index: 5;
}

.menu-item > button {
	height: 100px;
	width: 100px;
}

    .menu-item i {
		font-size: 42px;
        font-weight: normal;
    }

    .menu-item span {
        display: block;
		font-size: 13px;
        font-weight: 300;
		margin-top: 0;
    }

.menu-item-blue {
    background-color: #0b4982;
}

.menu-item-green {
    background-color: #23a319;
}

.menu-item-red {
    background-color: #831d08;
}

.menu-item-gold {
    background-color: #EF9300;
}

.menu-item-yellow {
    background-color: #f1c800;
}

.menu-item-purple {
    background-color: #8c0ba7;
}

.menu-item-cyan {
    background-color: #0aa5a7;
}

.menu-item-grey {
    background-color: #9da39d;
}


#alert-button.alert-button-none {
    color: white;
}

/* ------------------------------------------------------------------------------------
    #Header Titles
-------------------------------------------------------------------------------------*/
.top-bar-title, .top-bar-sub-title {
    display: inline-block;
    font-family: 'Open Sans', 'Verdana', 'Helvetica', sans-serif;
    font-size: 21px;
    font-weight: 300;
    margin-top: 15px;
    padding: 0 20px;
}

.top-bar-sub-title {
    border-left: 1px solid #fff;
    font-weight: 600;
}


/* ------------------------------------------------------------------------------------
    #Header Right Menu ( Right Side Notifications/Panels )
-------------------------------------------------------------------------------------*/
.header-icon {
    cursor: pointer;
    font-family: FontAwesome; 
    font-size: 23px;    
}

.right-header-menu { padding: 0; }
.right-header-menu li {
    float: left;    
    list-style-type: none;
}
.right-header-menu li > a {   
    border-left: 1px solid #fff;
    color: #fff;
    display: inline-block;     
    padding: 14px 23px; 
    position: relative;
    z-index: 100;
}
.right-header-menu li > a:hover,
.right-header-menu li > a.active {
    background: #fff;
    color: #303030 !important;
    text-decoration: none;
}

.toggle-background {
    background-color: #fff;
    -moz-box-shadow: 2px 2px 3px #888, -2px 2px 3px #888;
    -webkit-box-shadow: 2px 2px 3px #888, -2px 2px 3px #888;
    box-shadow: 2px 2px 3px #888, -2px 2px 3px #888;
    display: none;
    padding: 0;
    position: absolute;
    right: 0;
    width: 350px;
    z-index: 99;
}

.toggle-background p { margin-bottom: 0; }

.top-bar .list-group-item { width: 100%; }
.top-bar .list-group-item:first-child {
    border: none;
    border-radius: none;
}
.top-bar .list-group-item:last-child {
    border-radius: 0;
    border-bottom: none;
}

.notif-icon {
    font-family: FontAwesome;
}

/* ------------------------------------------------------------------------------------
    #Notification Alert Panel Dropdown
-------------------------------------------------------------------------------------*/
@keyframes anim-critical {
    from {
        color: white;
    }

    to {
        color: red;
    }
}

#alert-button.alert-button-critical {
    animation-name: anim-critical;
    animation-duration: 1s;
    animation-direction: alternate;
    animation-iteration-count: infinite;
}

@keyframes anim-warning {
    from {
        color: white;
    }

    to {
        color: yellow;
    }
}

#alert-button.alert-button-warning {
    animation-name: anim-warning;
    animation-duration: 1s;
    animation-direction: alternate;
    animation-iteration-count: infinite;
}

@keyframes anim-info {
    from {
        color: white;
    }

    to {
        color: blue;
    }
}


#alert-button.alert-button-info {
    animation-name: anim-info;
    animation-duration: 1s;
    animation-direction: alternate;
    animation-iteration-count: infinite;
}


#alert-menu-content {
    height: 100%;
    text-align: left;
    overflow-x: hidden;
    overflow-y: auto;
}

#alert-menu .notif-icon {
    color: #fff;
    display: block;
    font-size: 18px;
    text-align: center;
    width: 100%;
}

#alert-menu .list-group-item {
    border: none;
    margin: 0;
    padding: 0;
    width: 100%;
}
#alert-menu .list-group-item:first-child { border-radius: 0; border-top: none; }

#alert-menu .notif-area {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

#alert-menu .notif-type,
#alert-menu .notif-description,
#alert-menu .notif-dismiss  {
    align-items: center;
}
#alert-menu .notif-type,
#alert-menu .notif-dismiss {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
}


/* Type of Notification */
#alert-menu .notif-type {
    background: #000;
    position: relative;
    text-align: center;
    width: 15%;
}
    #alert-menu .list-group-item .notif-type .notif-view {
        display: none;
        left: 0;
        position: absolute;
        top: 33%;
    }
    #alert-menu .list-group-item:hover .notif-type .notif-view {
        display: block;
    }
    #alert-menu .list-group-item:hover .notif-type .notif-icon.main-icon {
        display: none;
    }


/* Description of Notification */
#alert-menu .notif-description {
    border-bottom: 1px solid #d3d3d3;
    border-right: 1px solid #d3d3d3;
    padding: 20px;
    width: 72%;
}

    #alert-menu .list-group-item:hover .notif-description {
        background: #000;
    }
    #alert-menu .notif-description h6 {
        font-size: 14px;
        font-weight: 600;
        line-height: 14px;
        margin-bottom: 5px;
    }
    #alert-menu .WAR .notif-description h6 { color: #f2c900; }
    #alert-menu .ALR .notif-description h6 { color: #841e09; }
    #alert-menu .INF .notif-description h6 { color: #0b4982; } 

    #alert-menu .notif-description p {
        font-size: 13px;
        font-weight: 300;
        line-height: 19px;
        margin-bottom: 0;
    }
    #alert-menu .list-group-item:hover .notif-description h6,
    #alert-menu .list-group-item:hover .notif-description p { color: #fff; }



/* Link to View Notification */
.view-notif-link {
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 105;
}


/* Dismiss / Delete Notification */
#alert-menu .notif-dismiss {
    border-bottom: 1px solid #d3d3d3;
    cursor: pointer;
    position: relative;
    text-align: center;
    width: 13%;
    z-index: 110;
}
    #alert-menu .notif-dismiss .notif-delete { width: 100%; }
        #alert-menu .notif-dismiss .notif-delete:hover { text-decoration: none; } 
        
    #alert-menu .notif-dismiss .notif-icon {
        color: #841e09;

    }
        #alert-menu .notif-dismiss:hover { background: #841e09; border-bottom: 1px solid #841e09; }
        #alert-menu .notif-dismiss:hover .notif-icon { color: #fff; }


/* Warning */
#alert-menu .notif-area.WAR .notif-type { background: #f2c900; border-bottom: 1px solid #f2c900; }
#alert-menu .list-group-item:hover .notif-area.WAR .notif-description { background: #f2c900; border-bottom: 1px solid #f2c900; }

/* Alert */
#alert-menu .notif-area.ALR .notif-type { background: #841e09; border-bottom: 1px solid #841e09; }  
#alert-menu .list-group-item:hover .notif-area.ALR .notif-description { background: #841e09; border-bottom: 1px solid #841e09; } 
/* Info */
#alert-menu .notif-area.INF .notif-type { background: #0b4982; border-bottom: 1px solid #0b4982; }
#alert-menu .list-group-item:hover .notif-area.INF .notif-description { background: #0b4982; border-bottom: 1px solid #0b4982; } 


/* ------------------------------------------------------------------------------------
    #Settings / Gear / General Menu Panel Dropdown
-------------------------------------------------------------------------------------*/
.default-menu p,
.default-menu a {
    color: #303030 !important;
    font-size: 13px;
    font-weight: 300;
    line-height: 19px;    
}

.default-menu .list-group-item { padding: 0; }

    .default-menu .list-group-item a span {
        display: inline-block;
        margin-right: 10px;
        text-align: center;
        width: 13px;
    }        
        .default-menu .list-group-item a {
        padding: 10px 15px;
        -webkit-transition: all 0.3s ease-in-out 0s;
        transition: all 0.3s ease-in-out 0s;      
        width: 100%;  
    }
        .default-menu .list-group-item a:hover {
            background: transparent;
            padding-left: 20px;
        }


/* ------------------------------------------------------------------------------------
    #Help / Question Panel Dropdown
-------------------------------------------------------------------------------------*/
#help-menu.toggle-background { background: #F4F4F4; }

#help-menu p,
#help-menu a {
    color: #303030;
    font-size: 13px;
    font-weight: 300;
    line-height: 19px;    
}

#help-menu .list-group-item { background: #F4F4F4; padding: 0; }
#help-menu .list-group-item:first-child { background: #fff; padding: 10px 15px; }

        #help-menu .list-group-item a span {
        display: inline-block;
        margin-right: 10px;
        text-align: center;
        width: 13px;
    }        
    #help-menu .list-group-item a {
        color: #075388;
        padding: 10px 15px;
        -webkit-transition: all 0.3s ease-in-out 0s;
        transition: all 0.3s ease-in-out 0s;      
        width: 100%;  
    }
        #help-menu .list-group-item a:hover {
            color: #075388 !important;
            padding-left: 20px;
        }

/* ------------------------------------------------------------------------------------
    #User / Profile Panel Dropdown
-------------------------------------------------------------------------------------*/
#user-menu p,
#user-menu a {
    color: #303030;
    font-size: 13px;
    font-weight: 300;
    line-height: 19px;    
}

#user-menu .user-area { margin: 10px 0; }

    #user-menu .user-photo {
        background-position: center center;
        background-size: cover;
        border-radius: 50%;
        float: left;
        height: 57px;
        padding-left: 15px;
        width: 57px;
    }

    #user-menu .user-info {
        float: left;
        margin-left: 20px;
        margin-top: 11px;
    }

        #user-menu .user-info h6 {
            font-size: 14px;
            font-weight: 600;
            line-height: 14px;
            margin-bottom: 5px;
        }

#user-menu .list-group-item.link { padding: 0; }
    
    #user-menu .list-group-item.link a span {
        display: inline-block;
        margin-right: 10px;
        text-align: center;
        width: 13px;
    }        
    #user-menu .list-group-item.link a {
        padding: 10px 15px;
        -webkit-transition: all 0.3s ease-in-out 0s;
        transition: all 0.3s ease-in-out 0s;      
        width: 100%;  
    }
        #user-menu .list-group-item.link a:hover {
            padding-left: 20px;
        }

/* ------------------------------------------------------------------------------------
    #View Elements
-------------------------------------------------------------------------------------*/
.view-standard-container {
    margin: 60px;
}


/* ------------------------------------------------------------------------------------
    #Home Banner
-------------------------------------------------------------------------------------*/
.home-banner {
    background: url("images/home-bg-banner.jpg") no-repeat;
    background-position: center right;
    background-size: cover;
    color: #fff;
    display: table;
    height: 100%;
    position: relative;
    text-align: center;
    width: 100%;
}

.home-banner .home-content {
    display: table-cell;
    vertical-align: middle;
}
.home-banner .home-content.row { margin: 0; }

.home-banner .home-content h1 {
    color: #fff;
    font-size: 74px;
}

.home-banner .home-content .home-btns {
    margin: 0 auto;
    width: 547px;
}

.home-banner .home-content .home-btns a {
    border: 1px solid #fff;
    color: #fff;
    float: left;
    font-size: 29px;
    font-weight: 300;
    padding: 30px 30px;
    position: relative;
    width: 50%;
    z-index: 10;
}
.home-banner .home-content .home-btns a:before {
    background: #fff;
    content: "";
    display: block;
    height: 100%;
    left: 0;
    opacity: 0.1;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 5;
}
.home-banner .home-content .home-btns a:first-child { border-right: none; }
.home-banner .home-content .home-btns a:hover { background: #fff; color: #094072; }

.home-banner .home-content .home-btns a i {
    display: block;
    font-size: 48px;
    margin-bottom: 10px;
}

/* ------------------------------------------------------------------------------------
    #Method Navigation
-------------------------------------------------------------------------------------*/
.method-menu {
    padding: 20px;
}

.method-tile {
    width: 190px;
    height: 180px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
    display: inline-block;
    margin: 10px;
    color: white;
    text-align: center;
    vertical-align: middle;
    padding: 20px 5px;
}

    .method-tile button {
        background-color: transparent;
        border: 0;
        color: white;
        font-size: 28px;
        font-weight: normal;
        padding: 10px;
        margin: 0;
        outline: none;
    }

    .method-tile i {
        font-size: 80px;
        font-weight: normal;
    }

    .method-tile span {
        margin-top: 15px;
        font-size: 16px;
        display: block;
    }

.method-tile-gray {
    background-color: gray;
}

/* ------------------------------------------------------------------------------------
    #Steps Panel Bar
-------------------------------------------------------------------------------------*/
#StepsPanelBar div.ItemPanel {
    padding-left: 30px;
    cursor: pointer;
    padding-bottom: 1px;
}

    #StepsPanelBar div.ItemPanel:hover {
        background-color: #eee;
    }

#StepsPanelBar div.ItemSelected {
    background-color: #a4d4e6;
}

#StepsPanelBar div.ItemDisabled {
    color: rgba(0, 0, 0, 0.36);
}

#StepsPanelBar div.ItemIconPanel {
    float: right;
    padding-right: 15px;
    padding-top: 8px;
}

#StepsPanelBar i.ItemIcon {
    font-size: 1.6em;
    margin-top: 12px;
}

#StepsPanelBar div.ItemTitlePanel {
    padding-top: 10px;
}

#StepsPanelBar p.ItemTitle {
    font-weight: 300;
    font-size: 1.1em;
}

.fa.ERR {
    color: #cc2424;
}

.fa.WAR {
    color: #f47c3c;
}

.fa.INF {
    color: #21a9e1;
}

.notification-delete {
    margin-left: 0.7em;
    color: #f47c3c;
}


/* ------------------------------------------------------------------------------------
    #Voting
-------------------------------------------------------------------------------------*/
.voting-box {
    box-shadow: 1px 1px 6px 0 rgba(0, 0, 0, 0.18);  
    display: block;
    margin-bottom: 30px;
    min-height: 130px;
    overflow: hidden;
    padding-right: 12%;
    position: relative;
}

.vote-text {   
    float: left;
    padding: 33px 180px 33px 33px;
    width: 88%;
}
    .vote-title {
        font-size: 16px;
        font-weight: 600;
        margin-bottom: 8px;
    }
    .vote-description {
        font-size: 14px;
        line-height: 22px;
        margin-bottom: 0;
    }
.vote-text *:last-child { margin-bottom: 0; }
.vote-choice {
    border-left: 1px solid #c6c6c6;  
    height: 100%;
    position: absolute;
    right: 0;
    text-align: center;
    width: 12%;
    top: 0;
}
    .like,
    .dislike {       
        font-size: 27px;
        height: 50%;
        position: relative;
        width: 100%;
    }

    .like .vote-click {
        color: #22a218;
        border-bottom: 1px solid #c6c6c6;
    }
        .like .vote-click:hover, .like .vote-click.active {
            background: #22a218;
            color: #fff;
        }
    .dislike .vote-click { color: #831d08; }
        .dislike .vote-click:hover, .dislike .vote-click.active {
            background: #831d08;
            color: #fff;
        }


    .vote-choice .vote-click {
        cursor: pointer;
        display: block;
        height: 100%;
        width: 100%;    
    }

    .vote-choice .icon {
        left: 0;
        margin-top: -19px;
        position: absolute;
        top: 50%;
        width: 100%;
    }

.vote-details-link {
    cursor: pointer;
    display: inline-block;
    font-size: 14px;
    margin-top: 10px;
}
.vote-details {
    background: #ebebeb;
    display: none;
    margin-bottom: 30px;
    margin-top: -30px;
    padding: 33px;
    position: relative;
}
.vote-details .close {
    background-color: #ebebeb;
    border-radius: 50%;
    display: block;
    font-size: 0.85em;
    line-height: 1.5em;
    height: 1.5em;
    opacity: 1;
    position: absolute;
    text-align: center;
    right: -0.75em;
    top: -0.75em;
    width: 1.5em;
}
.vote-details .close:hover:before { display: none; }
.vote-details p {
    font-size: 14px;
    line-height: 22px;
    margin-bottom: 0;
}

/* ------------------------------------------------------------------------------------
    #Panel Default
-------------------------------------------------------------------------------------*/
.panel {
    border-radius: 0;
    box-shadow: none;
    margin-bottom: 40px;
}
.panel-default .table thead {
    background: #0a4881;
    color: #fff;
    padding: 10px;
}

.panel-default .table tr:nth-child(even) { background: #f1f1f1; }

.panel-default .table thead > tr > th {
    border-bottom: none;
    font-size: 17px;
    font-weight: 600;
    padding: 16px 25px;
}
.panel-default .table thead > tr > th:first-child { width: 100%; }

.panel-default .table tbody > tr > td {
    color: #2f2f2f;
    border-left: 1px solid #ddd;
    font-size: 14px;
    font-weight: 400;
    padding: 15px 25px;    
}
.panel-default .table tbody > tr > td:first-child { border-left: none; }


#help-button + .trigger-menu {
    position: fixed;
}

/* ------------------------------------------------------------------------------------
    #Correlations Table Tables
-------------------------------------------------------------------------------------*/
.table.correlation-table {
    max-width: 100%;
    width: auto;
}
.correlation-table {
    border-collapse: collapse;
    font-size: 14px;
    margin-left: 5em;
}

.correlation-table thead {
        position: relative;
        display: block; /*seperates the header from the body allowing it to be positioned*/
        width: 100%;
        overflow: visible;
}

.correlation-table th {
    border: none !important;
    font-weight: 600;
    padding: 5px 10px;
}

.correlation-table thead th:nth-child(1) { /*first cell in the header*/
       
        background: white;
        z-index: 10;
        border-top-left-radius: 0px;
        border-top-right-radius: 0px;
}

.correlation-table th.rotate {
    height: 293px;
    width: 55px;
    min-width: 55px;
}
.correlation-table th.rotate .corr-strat-name {
    transform: 
        translate(25px, 33px)
        rotate(315deg);
    margin: 0 0 0 -23px;
    width: 12px;
}
.correlation-table th.rotate .corr-strat-name > span {
    background: #0A4881;
    border-bottom: 1px solid #ddd;
    color: #fff;
    display: block;
    height: 38px;
    line-height: 35px;
    overflow: hidden;
    padding: 0 20px 0 50px;
    width: 293px;
}

.correlation-table th.rotate .corr-strat-name > .light-blue { background: #1D66A9; }

.correlation-table th.rotate .corr-strat-name > span:before {
    background: #fff;
    content: "";
    display: inline-block;
    height: 25px;
    left: 230px;
    position: absolute;
    top: -2px;
    transform: translate(24px, 1px) rotate(225deg);
    width: 65px;
}

.correlation-table tbody {
    position: relative;
    display: block; /*seperates the tbody from the header*/
    /*top: 80px;*/
    left: 0;
    bottom: 0;
    right: 0;
    width: 100%;
    height: 600px;
    overflow-y: scroll;
}

.correlation-table tbody tr td:nth-child(2) {
                background-color: #E9E9E9;
            }

            .correlation-table tbody tr td:nth-child(1) { /*the first cell in each tr*/
                height: 100px;
                border-collapse: collapse;
                padding: 8px;
                z-index: 10;
            }

.correlation-table .title-detail {
    position: absolute;
    margin-top: -3em;
    margin-left: -4px;
}
.correlation-table .top-title {
    transform: translate(50%, -122px) rotate(315deg);
    padding: 0;
    margin: 0;
}
.correlation-table td { width: 30px; }

.correlation-table td {
    border: 1px solid #ddd;
    padding: 10px 5px;
    text-align: center;
}



.corr-strat-number {
    background: #0A4881;
    border: 1px solid #fff;
    color: #fff;
    font-weight: 300;
    margin-bottom: -9px;
    margin-left: -9px;
    padding: 6px;
    position: relative;
    text-align: center;
    width: 145%;
    min-height: 34px;
    z-index: 5;
}
.corr-strat-number.light-blue { background: #1D66A9; }

.correlation-table .corr-number,
.correlation-table .corr-name, 
.correlation-table .corr-progress { vertical-align: middle; }

.correlation-table .corr-number { width: 10px; }
.correlation-table .corr-name { text-align: left; width: 300px; }
.correlation-table .corr-progress {
     width: 55px !important;
}
.correlation-table .corr-progress:hover { background-color: #ddd; }
/* ------------------------------------------------------------------------------------
    #Dashboard
-------------------------------------------------------------------------------------*/
.dashboard.std-dashboard{
    clear: both;
    height: auto;
    overflow: hidden;
    position: relative;
}
.dashboard-frame {
    background: #fff;
    box-shadow: 0 0 8px 0px rgba(0, 0, 0, 0.5);
    float: left;
	margin: 10px;
    max-height: 100%;
    position: relative;
    width: 600px;    
}
.std-dashboard .dashboard-frame.frame-thin { width: 500px; }

.dashboard-frame + .dashboard-frame { margin-left: 0; }
.dashboard-frame.dirty { box-shadow: 0 0 8px 0px #f00; }

.std-dashboard .dashboard-frame p { margin-bottom: 0; }

.std-dashboard .dashboard-frame .frame-container { 
    padding: 0 25px;
    /*helps with internal link (a) positioned with absolute in the container area, may need to remove later*/
    position: relative;
}

.std-dashboard .dashboard-frame ol {
    font-size: 13px;
    margin: 5px 0;
    padding-left: 16px;
}

.std-dashboard .dashboard-frame .blade-list-scroll {
    height: auto;
    min-height: 200px;
    overflow-y: auto;
}

/* Dashboard Hover / Active States
-----------------------------------*/
.std-dashboard .list-item:hover { background: #f1f1f1; }

.std-dashboard .list-item.active { background: #075388 !important; }

.std-dashboard .list-item.active p,
.std-dashboard .list-item.active h1,
.std-dashboard .list-item.active h2,
.std-dashboard .list-item.active h3,
.std-dashboard .list-item.active h4,
.std-dashboard .list-item.active h5,
.std-dashboard .list-item.active h6 {
    color: #fff;
}


/* Alt */
.std-dashboard .list-item.active .list-item-alt {
    background: #f1f1f1;
}

.std-dashboard .list-item.active .list-item-alt  p,
.std-dashboard .list-item.active .list-item-alt  h1,
.std-dashboard .list-item.active .list-item-alt  h2,
.std-dashboard .list-item.active .list-item-alt  h3,
.std-dashboard .list-item.active .list-item-alt  h4,
.std-dashboard .list-item.active .list-item-alt  h5,
.std-dashboard .list-item.active .list-item-alt  h6 {
    color: inherit;
}


.std-dashboard .list-item-alt.active {
    background: #075388;
    color: #fff;
}
.std-dashboard .list-item-alt.active  p,
.std-dashboard .list-item-alt.active  h1,
.std-dashboard .list-item-alt.active  h2,
.std-dashboard .list-item-alt.active  h3,
.std-dashboard .list-item-alt.active  h4,
.std-dashboard .list-item-alt.active  h5,
.std-dashboard .list-item-alt.active  h6 {
    color: #fff;
}

/* Dashboard Edit
-----------------------------------*/
.std-dashboard .dashboard-edit-link {
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 10;
}

.std-dashboard .dashboard-edit-icon {
    color: #686868;
    position: absolute;
    right: 25px;
    top: 0;
    z-index: 5;
}
.std-dashboard .dashboard-edit-area:hover .dashboard-edit-icon { color: #075388; }

.std-dashboard .dashboard-edit-icon a { color: #686868; }
.std-dashboard .dashboard-edit-icon a:hover { color: #075388; }

/* Frame Title
-----------------------------------*/
.std-dashboard .frame-title {
    background: #043354;
    color: #fff;
    font-size: 23px;
    margin-bottom: 0;
    padding: 10px;
    position: relative;
    text-align: center;
}

.std-dashboard a.frame-close {
    background: #9bbacf;
    color: #043354;
    border-radius: 50%;
    cursor: pointer;
    display: block;
    font-size: 16px;
    height: 26px;
    padding: 2px;
    position: absolute !important;
    right: 25px;
    text-align: center;
    top: 18px;
    width: 26px;
}
.std-dashboard .frame-close:before { display: none; }

.std-dashboard .frame-close:link, .std-dashboard .frame-close:visited {
    color: #043354;
}

.std-dashboard .frame-close:hover {
    background: #fff;
    color: #043354;
}

.std-dashboard .frame-title-two {
    background: #F1F1F1;
    border-bottom: 1px solid #d3d3d3;
    position: relative;
    text-align: center;
}

/* Frame Title Two
-----------------------------------*/
.std-dashboard .frame-title-two h6 {
    color: #075388;
    font-size: 17px;
    margin-bottom: 0;
}
.std-dashboard .frame-title-two .dashboard-edit-icon { top: 6px; }

/* Frame Button
-----------------------------------*/
.std-dashboard .frame-btn {
    background: #f1f1f1;
    border-bottom: 1px solid #d3d3d3;
    border-top: 1px solid #d3d3d3;
    display: block;
    font-size: 20px;
    font-weight: 300;
    padding: 10px 20px;
    position: relative;
    -webkit-transition: all 0.3s ease-in-out 0s;
    transition: all 0.3s ease-in-out 0s;      
}
.std-dashboard .frame-btn .icon {
    border-left: 1px solid #d3d3d3;
    height: 100%;
    padding: 10px 0 10px 20px;
    position: absolute;
    right: 20px;
    top: 0;    
}
.std-dashboard .frame-btn:hover,
.std-dashboard .frame-btn.active {
    background: #075388;
    color: #fff !important;
}
.std-dashboard .frame-btn:before { display: none; }

/* Frame Descriptions
-----------------------------------*/
.std-dashboard .frame-desc { 
    width: 100%;
    border-bottom: 1px solid #d3d3d3;
    display: table;
    position: relative;
}

.std-dashboard .frame-desc .left,
.std-dashboard .frame-desc .right {
    display: table-cell;
	vertical-align: top;
    width: 50%;
}

.std-dashboard .frame-desc .left { border-right: 1px solid #d3d3d3; }

.std-dashboard .frame-desc .box-text {
    margin: 0;
	padding: 10px 25px;
    position: relative;
}

	.std-dashboard .frame-desc h6 {
        font-size: 20px;
        font-weight: 400;
        line-height: 28px;
        margin-bottom: 0;
    }
	.std-dashboard .frame-desc p {
        font-size: 13px;
        line-height: 21px;
        margin: 5px 0;
		max-height: 70px;
        overflow: hidden;
    }
	.std-dashboard .frame-desc .box-text .read-more {
        color: #075388;
        display: inline-block;
        font-size: 13px;
        line-height: 21px;        
		text-align: right;
		width: 100%;      
    }
	.std-dashboard .frame-desc .box-text a:not(.modal-link) {
        height: 100%;
        left: 0;
        position: absolute !important;
        top: 0;
        width: 100%;
    }
	.std-dashboard .frame-desc .box-text a:before { display: none; }

/* Frame Subtitle
-----------------------------------*/
.std-dashboard .frame-subtitle {
    background: #043354;
    color: #fff;
    font-size: 19px;
    margin-bottom: 0;
    padding: 3px;
    position: relative;
    text-align: center;
}   
.std-dashboard .frame-subtitle-bg {
    background: #043354;
    position: relative;
    text-align: center;
}   
.std-dashboard .frame-subtitle-bg > h3 {
    color: #fff;
    font-size: 19px;
    margin-bottom: 0;
    padding: 3px;
}
/* Frame Subtitle Btns */
.std-dashboard .frame-subtitle-btns {
    position: absolute;
    right: 25px;
    top: 10px;
}
.std-dashboard .frame-subtitle-btns > a {
    color: #fff; 
    padding: 0 10px;
    -webkit-transition: all 0.2s ease-in-out 0s;
    transition: all 0.2s ease-in-out 0s;       
}
.std-dashboard .frame-subtitle-btns a:hover { opacity: 0.8; }

/* Thrusts
-----------------------------------*/
.std-dashboard .goals {
    background: #fff;
    border-top: 1px solid #d3d3d3;
    display: table;
    position: relative;
    -webkit-transition: all 0.3s ease-in-out 0s;
    transition: all 0.3s ease-in-out 0s;
    cursor: pointer;
} 
.std-dashboard .goals:hover,
.std-dashboard .goals.active { background: #f1f1f1; }

/* Thrust Link */
.std-dashboard .goals .objective-link {
    height: 100%;
    left: 0;
    position: absolute !important;
    top: 0;
    width: 100%;
    z-index: 10;
}
.goals .objective-link:before { display: none; }
.goals .editable-click, a.editable-click, a.editable-click:hover {
    border-bottom: none;
}
.std-dashboard .goals p,
.std-dashboard .goals h3,
.std-dashboard .goals h6 { margin-bottom: 0; }
.std-dashboard .goals p { font-weight: 300; }

.std-dashboard .goal-bar,
.std-dashboard .goal-title,
.std-dashboard .goal-notif,
.std-dashboard .goal-objectives,
.std-dashboard .goal-icon {
    display: table-cell;
	padding: 8px 15px;
    position: relative;
    vertical-align: middle;
}

.std-dashboard .goal-list {
    overflow-y: auto;
    height: auto;
}

.std-dashboard .goal-bar,
.std-dashboard .goal-notif,
.std-dashboard .goal-objectives,
.std-dashboard .goal-icon { text-align: center; }

.std-dashboard .goal-bar { width: 5%; }
.std-dashboard .goal-title { width: 68%; }
.std-dashboard .goal-notif { width: 10%; }
.std-dashboard .goal-objectives { width: 20%; }

.std-dashboard .goal-list.five .goal-bar { width: 10%; }
.std-dashboard .goal-list.five .goal-title { width: 60%; }
.std-dashboard .goal-list.five .goal-icon { width: 8%; }
.std-dashboard .goal-list.five .goal-notif { width: 10%; }
.std-dashboard .goal-list.five .goal-objectives { width: 20%; }

.std-dashboard .goal-objectives .priority-change {
    color: #075388;
}

.std-dashboard .goal-objectives .priority-change.priority-update {
    top: 0;bottom: 0; width: 100%; position: absolute;padding-top: 20px;
}

.std-dashboard .goal-objectives .priority-change.up {
    top: 0; bottom: 50%; width: 100%; position: absolute;
}

.std-dashboard .goal-objectives .priority-change.down {
    top: 50%; bottom: 0; width: 100%; position: absolute;
}

.std-dashboard .goal-objectives .priority-change i {
    font-size: 14px; line-height: 1;
}

.std-dashboard .goal-objectives .priority-change p {
    font-size: 12px; padding: 0; margin: -2px 0 0 0; color: inherit;
}

.std-dashboard .goal-objectives .priority-change:hover,
.std-dashboard .goal-objectives .priority-change:focus { background: #075388; color: #fff !important; }

/* Icon */
.std-dashboard .goals .goal-icon {
    border-right: 1px solid #d3d3d3;
}
.std-dashboard .goals.list-item.active .goal-icon {
    background: #fff;
}

/* Bar Graph */
.std-dashboard .goal-bar { padding: 24px 0; }

	.std-dashboard .goal-bar .progress {
        background: #ededed;
        box-shadow: inset 0px 4px 6px rgba(100,100,100,0.2);
        margin-bottom: 0;
        margin-left: -13px;
        margin-right: -16px;
        overflow: hidden;
    }
	.std-dashboard .goal-list.five .goal-bar .progress { margin: 0; }
	.std-dashboard .goal-bar .vertical {
        display: inline-block;
        width: 60px;
        height: 23px;
        -webkit-transform: rotate(-90deg); /* Chrome, Safari, Opera */
        transform: rotate(-90deg);
    }

	.std-dashboard .goal-bar .progress-bar { box-shadow: inset 0px 4px 6px rgba(100,100,100,0.6); }
	.std-dashboard .goal-bar .progress-bar-striped, .goal-bar .progress-striped .progress-bar {
        background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
        background-size: 15px 15px;
    }
	.std-dashboard .goal-bar .progress-bar-info { background-color: #075388; }

/* Symbol Graph */
.std-dashboard .goal-bar.status-symbol { padding: 7px 0; } 
    .std-dashboard .goal-bar.status-symbol .fa {
        border: 1px solid #dcdcdc;
        border-radius: 3px;
        box-shadow: inset 0px 4px 6px rgba(100,100,100,0.1);
        font-size: 14px;
        margin: 0 4px;
        padding: 19px 5px;
    }
    /* Completed / Checkmark */
    .std-dashboard .goal-bar.status-symbol .fa.fa-check {
        background: #075388;
        border: none;
        color: #fff;
    }
    .std-dashboard .list-item.active .goal-bar.status-symbol .blue.fa,
    .std-dashboard .list-item.active .goal-bar.status-symbol .gold.fa,
    .std-dashboard .list-item.active .goal-bar.status-symbol .red.fa,
    .std-dashboard .list-item.active .goal-bar.status-symbol .yellow.fa { color: #fff; }


/* Title */
.std-dashboard .priority-num {
    display: table-cell;
    vertical-align: middle;
}
.std-dashboard .priority-num .num {
    background: #075388;
    border-radius: 50%;
    color: #fff;
    display: block;
    font-size: 12px;
    height: 22px;
    margin-right: 13px;
    padding: 2px 0;
    text-align: center;
    width: 22px;
}
.std-dashboard .list-item.active .priority-num .num {
    background: #fff;
    color: #075388;
}

.std-dashboard .goal-title h6 {
    display: table-cell;
    font-size: 15px;
    line-height: 24px;
    position: relative;
    vertical-align: middle;
}


/* Notifications */
.std-dashboard .goal-notif { border-left: 1px solid #d3d3d3; border-right: 1px solid #d3d3d3; }
.std-dashboard .goal-notif .goal-circle {
    background: #ccc;
    border-radius: 50%;
    display: block;
    height: 14px;
    margin-bottom: 15px;
    margin-left: 6px;
    width: 14px;
}
.std-dashboard .goal-notif .goal-circle.red { background: #831d08; }
.std-dashboard .goal-notif .goal-circle.green { background: #22a218; }
.std-dashboard .goal-notif .goal-circle.yellow { background: #f1c800; }
.std-dashboard .goal-notif .goal-circle.gray { background: lightgray; }

.std-dashboard .goal-notif p { font-size: 13px; line-height: 13px; }

/* Objectives */
.std-dashboard .goal-objectives {
    min-height: 90px;
    overflow: hidden;
    padding-left: 0;
    padding-right: 0;
}
.std-dashboard .goal-objectives h3 {
    color: #075388;
    font-size: 26px;
    font-weight: 400;
    line-height: 26px;
}
.std-dashboard .list-item.active .goal-objectives h3 { color: #075388; }
.std-dashboard .goal-objectives p {
    font-size: 15px;
    line-height: 15px;
    margin: 5px 0 0;
}

.std-dashboard .goal-objectives .icon {
    background: #075388; 
    bottom: 0;
    color: #fff;
    display: block;
    font-size: 12px;
    padding: 5px 0;
    position: absolute;
    text-align: center;
    width: 100%;
}

/* Thrust Objective Hover */
.std-dashboard .goal-objectives .goal-hover {
    background: #075388;     
    bottom: -100%;
    color: #fff;
    height: 100%;
    left: 0;
    position: absolute;
    -webkit-transition: all 0.2s ease-in-out 0s;
    transition: all 0.2s ease-in-out 0s;    
    width: 100%;
}

.std-dashboard .goal-objectives .goal-button, .std-dashboard .goal-notif .goal-corr-remove {
    background: #075388;     
    bottom: -100%;
    color: #fff;
    height: 100%;
    top: 0;
    left: 0;
    bottom: 0;
    position: absolute;
    width: 100%;
    cursor: pointer;
}
.std-dashboard .goals:hover .goal-objectives .goal-hover,
.std-dashboard .goals.active .goal-objectives .goal-hover {
    bottom: 0;
}

.std-dashboard .goal-objectives .goal-hover .button {
    display: table;
    height: 100%;
    width: 100%;
}
.std-dashboard .goal-objectives .goal-hover .button .button-text { display: table-cell; vertical-align: middle; }
.std-dashboard .goal-objectives .goal-hover .hover-icon {
    color: #fff;
    font-family: FontAwesome; 
    font-size: 24px; 
}
.std-dashboard .goal-objectives .goal-hover p {
    color: #fff;
    font-size: 15px;
    margin-bottom: 0;
}

.std-dashboard .goal-objectives .goal-button .button, .std-dashboard .goal-notif .goal-corr-remove .button {
    display: table;
    height: 100%;
    width: 100%;
}
.std-dashboard .goal-objectives .goal-button .button .button-text, .std-dashboard .goal-notif .goal-corr-remove .button .button-text { display: table-cell; vertical-align: middle; }
.std-dashboard .goal-objectives .goal-button .hover-icon, .std-dashboard .goal-notif .goal-corr-remove .hover-icon {
    color: #fff;
    font-family: FontAwesome; 
    font-size: 24px; 
}
.std-dashboard .goal-objectives .goal-button p, .std-dashboard .goal-notif .goal-corr-remove p{
    color: #fff;
    font-size: 15px;
    margin-bottom: 0;
}
.std-dashboard .goal-notif .goal-corr-remove p {
    font-size: 11px;
}

.std-dashboard .goal-notif .goal-corr-remove .hover-icon {
    font-size: 20px;
}
/* Objective Name
-----------------------------------*/
.std-dashboard .objective-name { padding: 20px 0; }
.std-dashboard .objective-name p {
    color: #075388;
    font-size: 15px;
    font-weight: 600;
    line-height: 22px;
    margin: 0 auto;
    width: 75%;
}

/* Thrust Description & Target Date
-----------------------------------*/
.std-dashboard .goal-details { 
    border-bottom: 1px solid #d3d3d3;
    border-top: 1px solid #d3d3d3;
    display: table-cell;
    position: relative;
}

/* Thrust Description */
.std-dashboard .goal-desc {
    display: table-cell;
	padding: 10px 25px;
    vertical-align: middle;
    width: 384px;
}
.std-dashboard .goal-desc p {
    font-size: 13px;
    line-height: 21px;
    margin: 5px 0;
	max-height: 82px;
	min-width: 276px;
	overflow: hidden;
}

.std-dashboard .goal-desc .owner-area {
    margin-top: 12px;
}
.std-dashboard .goal-desc .owner-area a { margin-left: 2px; }

/* Thrust Date */
.std-dashboard .target-dates {
    display: table-cell;   
	height: 100%;
    vertical-align: middle;     
    width: 216px;
}
.std-dashboard .target-dates .target-wrapper {
	display: table;
	height: 100%;
	padding-bottom: 29px;
	position: relative;
}

.std-dashboard .goal-date {
    background: #075388;
    border-right: 1px solid #fff;
	display: table-cell;
	height: 100%;
    padding: 16px 25px;
    text-align: center;
	vertical-align: middle;
    width: 50%;
}
.std-dashboard .goal-date + .goal-date { border-right: none; }
.std-dashboard .goal-date .icon {
    color: #fff;
    display: block;
    font-size: 13px;
    margin-bottom: 5px;
}
.std-dashboard .goal-date p {
    color: #fff;
    font-size: 13px;
    line-height: 18px;
    margin-bottom: 0;
}
.std-dashboard .goal-date p span {
    display: block;
    font-size: 13px;
    font-weight: 300;
    margin-top: 7px;
}

.std-dashboard .date-status {
    background: #075388;   
    border-top: 1px solid #fff;
	bottom: 0;
    clear: both;
	left: 0;
    padding: 8px 0;
	position: absolute;
    text-align: center;
	vertical-align: bottom;
	width: 100%;
}
.std-dashboard .date-status p {
    color: #fff;
    font-size: 13px;
    line-height: 13px;
    margin: 0;
}

/* Thrust Charts
-----------------------------------*/
.std-dashboard .goal-charts {    
    display: table;
    text-align: center; 
    width: 100%;
}
.std-dashboard .goal-charts h6 {
    font-size: 20px;
    font-weight: 400;
    margin-bottom: 0;
}
.std-dashboard .goal-charts .chart-1 {
    border-right: 1px solid #d3d3d3;
    display: table-cell;
    padding: 0;
    position: relative;
    vertical-align: top;
    width: 50%;
    cursor: pointer;
}

.std-dashboard .goal-charts h6 {
	margin-bottom: 0;
	margin-top: 8px;
}

.std-dashboard .goal-charts .chart-1 .prog-chart-cont{
    width: 300px; 
	height: 129px; 
    overflow-y: hidden; 
	margin-bottom: 15px;
}

.std-dashboard .goal-charts .chart-1 .prog-chart-cont .prog-chart {
    width: 300px; 
    height: 300px; 
    top: -28px;
}

.std-dashboard .goal-charts .chart-2 {
    display: table-cell;
	padding: 0px 25px;
    position: relative;
    vertical-align: top;
    width: 50%;
    cursor: pointer;
}

.std-dashboard .health-status {
    background: #999;
    border-radius: 50%;
    color: #fff;
    display: block;
    font-size: 49px;
    font-weight: 500;
    height: 110px;
	margin: 15px auto;
    padding: 6px;
    text-align: center;
    width: 110px;
}

.std-dashboard .health-status.large {
    height: 160px;
    width: 160px;
    font-size: 74px;
}

.std-dashboard .health-status.red { background: #831d08; }
.std-dashboard .health-status.green { background: #22a218; }
.std-dashboard .health-status.yellow { background: #f1c800; }

.std-dashboard .health-status .health-issues {
    display: block;
    font-size: 16px;
    line-height: 12px;
}

.std-dashboard .health-status .health-issues.large {
    font-size: 22px;
}

/* Thrust Measures
-----------------------------------*/

.std-dashboard .measures-list {
    overflow-y: auto;
}

.measures-update a {
    background: #F1F1F1;
    color: #2f2f2f !important;
    display: block;
    text-align: center;
    font-size: 15px;
    padding: 5px 0;
}
.measures-update a:hover { color: #075388 !important; }

/* Measures Frame Button
-----------------------------------*/
.std-dashboard .measure-frame-btn {
    background: #f1f1f1;
    border-bottom: 1px solid #d3d3d3;
    border-top: 1px solid #d3d3d3;
    display: table;
    position: relative;
    width: 100%;
    cursor: pointer;
}

/* Measure Button Link */
.std-dashboard .measure-frame-btn a {
    height: 100%;
    left: 0;
    position: absolute !important;
    top: 0;
    width: 100%;
}


.std-dashboard .measure-frame-btn a:before { display: none; }

.std-dashboard .measure-frame-btn .btn-text,
.std-dashboard .measure-frame-btn .measure-notif,
.std-dashboard .measure-frame-btn .icon {
    display: table-cell;
    vertical-align: middle;
}

/* Measure Button Text */
.std-dashboard .measure-frame-btn .btn-text {
    color: #075388;
    font-size: 20px;
    font-weight: 300;
    padding: 10px 25px;
}


/* Measure Button Notifs */
.std-dashboard .measure-frame-btn .measure-notif,
.std-dashboard .measure-frame-btn .icon {
    border-left: 1px solid #d3d3d3;
    text-align: center;
}

.std-dashboard .measure-frame-btn .measure-notif {
    padding: 10px 25px;
    width: 70px;
}
.std-dashboard .measure-frame-btn .goal-circle {
    background: #ccc;
    border-radius: 50%;
    display: block;
    height: 14px;
    margin: 0 auto 15px;
    width: 14px;
}
.std-dashboard .measure-frame-btn .goal-circle.red { background: #831d08; }
.std-dashboard .measure-frame-btn .goal-circle.green { background: #22a218; }
.std-dashboard .measure-frame-btn .goal-circle.yellow { background: #f1c800; }

.std-dashboard .measure-frame-btn .measure-notif p {
    font-size: 13px;
    line-height: 13px;
}

/* Measure Button Arrow Icon */
.std-dashboard .measure-frame-btn .icon {
    color: #075388;
    padding: 10px;
    width: 60px;
}

/* Hover */
.std-dashboard .measure-frame-btn:hover,
.std-dashboard .measure-frame-btn.active {
    background: #075388;
    border-color: #fff;
    color: #fff;
}
.std-dashboard .measure-frame-btn:hover .btn-text,
.std-dashboard .measure-frame-btn.active .btn-text,
.std-dashboard .measure-frame-btn:hover .measure-notif p,
.std-dashboard .measure-frame-btn.active .measure-notif p,
.std-dashboard .measure-frame-btn:hover .icon,
.std-dashboard .measure-frame-btn.active .icon { color: #fff; }

/* Thrust Measures
-----------------------------------*/
.std-dashboard .measure {
    border-top: 1px solid #d3d3d3;
    display: table;
    position: relative;
    width: 100%;
    cursor: pointer;
}
.std-dashboard .measure:hover,
.std-dashboard .measure.active { background: #f1f1f1; }
.std-dashboard .measure h3 {
    color: #075388;
    font-size: 16px;
    font-weight: 400;
    line-height: 20px;
    margin-bottom: 0;
}
.std-dashboard .measure .measure-title,
.std-dashboard .measure .measure-status,
.std-dashboard .measure .measure-current-values,
.std-dashboard .measure .measure-future {
    display: table-cell;
    vertical-align: middle;
}

.std-dashboard .measure .measure-actual,
.std-dashboard .measure .measure-target,
.std-dashboard .measure .measure-status,
.std-dashboard .measure .measure-actual-date,
.std-dashboard .measure .measure-future { text-align: center; }

.std-dashboard .measure .measure-actual,
.std-dashboard .measure .measure-target { padding: 10px 5px; }

.std-dashboard .measures-list .measure .goal-icon {
    border-right: 1px solid #d3d3d3;
}
/* Title */ 
.std-dashboard .measure .measure-title {
	padding: 5px 8px;
    width: 189px;
}
.std-dashboard .measure .measure-title h6 {
    font-size: 15px;
    line-height: 24px;
    margin-bottom: 0;
}

.std-dashboard .measure .measure-current-values {
    width: 250px;
    height: 100%;
    border-left: 1px solid #d3d3d3;
    border-right: 1px solid #d3d3d3;
}

/* Actual */
.std-dashboard .measure .measure-actual {
    float: left;
    border-right: 1px solid #d3d3d3; 
    width: 50%;
    overflow: hidden;
}
.std-dashboard .measure .measure-actual p {
    font-size: 14px;
    font-weight: 300;
    line-height: 17px;
    margin-bottom: 10px;
}

.std-dashboard .measure .measure-actual-date {
    width: 100%;
}

.std-dashboard .measure .measure-actual-date p {
    font-size: 14px;
    font-weight: 300;
    line-height: 17px;
    margin-bottom: 10px;
}

/* Target */
.std-dashboard .measure .measure-target {
    float: right;
    width: 50%; 
    overflow: hidden;
}
.std-dashboard .measure .measure-target p {
    font-size: 14px;
    font-weight: 300;
    line-height: 17px;
    margin-bottom: 10px;
}

/* Status Arrow */
.std-dashboard .measure .measure-status { width: 36px; }

.std-dashboard .measure .measure-status .bg {
    background: #f1f1f1;
    display: block;
    height: 30px;
    margin: 3px;
}

.std-dashboard .measure .measure-status .bg.green, .std-dashboard .measure .measure-status .bg.GOOD, .std-dashboard .current-measure .bg.green, .std-dashboard .current-measure .bg.GOOD { background: #22a218 !important; }
.std-dashboard .measure .measure-status .bg.red, .std-dashboard .measure .measure-status .bg.CRIT, .std-dashboard .current-measure .bg.red, .std-dashboard .current-measure .bg.CRIT { background: #831d08 !important; }
.std-dashboard .measure .measure-status .bg.yellow, .std-dashboard .measure .measure-status .bg.WARN, .std-dashboard .current-measure .bg.yellow, .std-dashboard .current-measure .bg.WARN { background: #f1c800 !important; }
.std-dashboard .measure .measure-status .bg.darkgreen, .std-dashboard .measure .measure-status .bg.STRT, .std-dashboard .current-measure .bg.darkgreen, .std-dashboard .current-measure .bg.STRT { background: #1c8714 !important; }


.std-dashboard .measure .measure-status .icon {
    color: #fff;
    font-size: 15px;
}

.std-dashboard .measure .measure-future {
    border-left: 1px solid #d3d3d3;
    width: 125px;
}

.std-dashboard .measure .measure-future p {
    font-size: 14px;
    font-weight: 300;
    line-height: 17px;
    margin-bottom: 10px;
}

.std-dashboard .measure .measure-future .measure-future-date {
    margin-top: 7px;
}

.std-dashboard .measure .measure-future .measure-future-date p {
    margin-bottom: 0;
}

/* Correlations
-----------------------------------*/
.std-dashboard .correlations { padding: 20px 0; }

.std-dashboard .correlations ul {
    margin: 0;
    padding: 0;
}
.std-dashboard .correlations ul li {
    font-size: 14px;
    list-style-type: none;
    margin-top: 7px;
}
.std-dashboard .correlations ul li:first-child { margin-top: 0; }
.std-dashboard .correlations ul li .corr-chart { margin-right: 7px; }

/* Thrust - Progress Status Buttons
-----------------------------------*/
.std-dashboard .action-btns {
    border-bottom: 1px solid #d3d3d3;
    display: table;
    text-align: center;
    width: 100%;
}
.std-dashboard .action-btns .apply-btn,
.std-dashboard .action-btns .cancel-btn {
    display: table-cell;
    vertical-align: middle;
    width: 50%;
}
.std-dashboard .action-btns .apply-btn { border-right: 1px solid #d3d3d3; }

.std-dashboard .action-btns a {
    background: #F1F1F1;
    display: block;
    font-size: 16px;
    padding: 7px;
    -webkit-transition: all 0.2s ease-in-out 0s;
    transition: all 0.2s ease-in-out 0s;        
} 
.std-dashboard .action-btns a:hover,
.std-dashboard .action-btns a:focus {
    background: #075388;
    color: #fff !important;
} 

/* Thrust - Progress Status %
-----------------------------------*/
.std-dashboard .goal-charts .progress-status {
    color: #5B9BD5;
    display: block;
    font-size: 54px;
    font-weight: 300;
    padding-top: 16px;
}

.std-dashboard .goal-charts .dashboard-edit-icon { top: 8%; }

/* Health Status
-----------------------------------*/
.std-dashboard .health { padding: 25px; text-align: center; }

.std-dashboard .chart.health-gauge { position: relative; }

.std-dashboard .health-gauge h6 { font-weight: 400; line-height: 24px; }
.std-dashboard .health-gauge h6 .small { font-size: 12px; }

/* Issues */
.std-dashboard .add-issues a {
    background: #f1f1f1;
    display: block;
    font-size: 15px;
    padding: 5px 25px;
    text-align: center;
}

/* Issues List */
.std-dashboard .issues {
    border-top: 1px solid #d3d3d3;
    display: table;
    position: relative;
    width: 100%;
    cursor: pointer;
}

/*.std-dashboard .issue-link {
    height: 100%;
    left: 0;
    position: absolute !important;
    top: 0;
    width: 100%;
    z-index: 10;
}*/
.std-dashboard .issues:hover,
.std-dashboard .issues.active { background: #f1f1f1; }

.std-dashboard .issue-status,
.std-dashboard .issue-title {
    display: table-cell;
    vertical-align: middle;
}

.std-dashboard .issue-status {
    border-right: 1px solid #d3d3d3;
    text-align: center;
    width: 10%;
}

.std-dashboard .issue-status .circle {
    border-radius: 50%;
    display: block;
    height: 20px;
    margin: 0 auto;
    width: 20px;
}
.std-dashboard .issue-status .circle.resolved { background: #23A319; }
.std-dashboard .issue-status .circle.cancelled { background: #EF9300; }

.std-dashboard .issue-status .circle i {
    color: #fff;
    display: block;
    font-size: 13px;
    line-height: 0;
}
.std-dashboard .issue-status .circle.resolved i { padding-top: 10px; }
.std-dashboard .issue-status .circle.cancelled i { margin-top: -1px; margin-left: 0.5px; padding-top: 10px; }
.std-dashboard .issue-status .circle.red { background: #831D08; }
.std-dashboard .issue-status .circle.yellow { background: #F1C800; }

.std-dashboard .issue-title {
    padding: 10px 25px;
    width: 90%    
}
.std-dashboard .issue-title h6 {
    font-size: 15px;
    line-height: 24px;
    margin-bottom: 0;    
}


/* Thrust - Measure
-----------------------------------*/
.std-dashboard .measure-description {
    border-bottom: 1px solid #d3d3d3;
    padding: 25px 0;
    position: relative;    
    text-align: center;
}
.std-dashboard .measure-description p {
    font-size: 15px;
    font-weight: 300;
    line-height: 24px;
    margin-bottom: 20px;
    text-align: left;
}

.std-dashboard .measure-description .description-area {
    display: table;
    position: relative;
    width: 100%; 
}
.std-dashboard .measure-description .description-area .unit,
.std-dashboard .measure-description .description-area .weight {
    display: table-cell;
    font-weight: 300;
    min-width: 300px;    
    vertical-align: middle;
}

.std-dashboard .current-measure {
    padding: 12px 0 0 0;
    position: relative;    
    text-align: center;
    min-height: 243px;
}
.std-dashboard .current-measure table td:nth-child(1) {
    width: 110px;
    text-align: left;
}
.std-dashboard .current-measure table td:nth-child(2) {
    width: 150px;
}
.std-dashboard .current-measure table td:nth-child(3) {
    width: 150px;
}
.std-dashboard .current-measure table td:nth-child(4) {
    width: 150px;
}
.std-dashboard .current-measure table td:nth-child(5) {
    width: 40px;
}

.std-dashboard .current-measure table.current-measure-table td:nth-child(1) {
    border-top: 1px solid #d3d3d3;
    border-bottom: 1px solid #d3d3d3;
    border-right: 1px solid #d3d3d3;
    padding-left: 8px;
}
.std-dashboard .current-measure table.current-measure-table td:nth-child(2) {
    border-top: 1px solid #d3d3d3;
    border-bottom: 1px solid #d3d3d3;
    border-right: 1px solid #d3d3d3;
}
.std-dashboard .current-measure table.current-measure-table td:nth-child(3) {
    border-top: 1px solid #d3d3d3;
    border-bottom: 1px solid #d3d3d3;
    border-right: 1px solid #d3d3d3;
}
.std-dashboard .current-measure table.current-measure-table td:nth-child(4) {
    border-top: 1px solid #d3d3d3;
    border-bottom: 1px solid #d3d3d3;
    border-right: 1px solid #d3d3d3;
}
.std-dashboard .current-measure table.current-measure-table td:nth-child(5) {
    border-top: 1px solid #d3d3d3;
    border-bottom: 1px solid #d3d3d3;
}

.std-dashboard .current-measure table.current-measure-table td {
    height: 47px;
    font-weight: 300;
}

.std-dashboard .current-measure table.current-measure-table tr.current-measure-current-row td {
    background-color: #f1f1f1;
}

.std-dashboard .current-measure table.current-measure-table tr.current-measure-final-row td {
    font-weight: 500;
}

.std-dashboard .current-measure table.current-measure-table tr.current-measure-final-row td p {
    font-size: 9px;
    line-height: 1.8;
}

.std-dashboard .current-measure table.current-measure-table td a {
    font-size: 18px;
}

.std-dashboard .current-measure table.current-measure-head {
    width: 100%;
}

.std-dashboard .current-measure table.current-measure-head td {
    color: #2f2f2f;
    font-family: 'Open Sans', 'Verdana', 'Helvetica', sans-serif;
    font-size: 18px;
    font-weight: 300;
}

.std-dashboard .current-measure .current-measure-inner-div {
    margin-top: 6px;
    min-height: 200px;
    overflow-y: auto;
}

.std-dashboard .current-measure .bg {
    background: #ffffff;
    display: block;
    height: 30px;
    width: 30px;
    margin: 0 auto;
}
.std-dashboard .current-measure .bg.green { background: #22a218; }
.std-dashboard .current-measure .bg.red { background: #831d08; }
.std-dashboard .current-measure .bg.yellow { background: #f1c800; }
.std-dashboard .current-measure .bg.darkgreen { background: #1c8714; }


.std-dashboard .measure .measure-status .icon {
    color: #fff;
    font-size: 15px;
}

/* Innovation Objectives for Thurst
-----------------------------------*/

/* Buttons */
.std-dashboard .org-btns {
    border-bottom: 1px solid #d3d3d3;     
    display: table;
    position: relative;
    text-align: center;
    width: 100%;       
}
.std-dashboard .org-btns a:not(.dropdown-toggle),.std-dashboard .org-btns .dropdown {
    border-left: 1px solid #d3d3d3;
    display: table-cell;
    font-size: 14px;
    padding: 10px 0;
    vertical-align: middle;
    width: 25%;
}
.std-dashboard .org-btns.two-buttons a:not(.dropdown-toggle) { width: 50%; }
.std-dashboard .org-btns.five-buttons a:not(.dropdown-toggle),.std-dashboard .org-btns .dropdown { width: 20%; }
    .std-dashboard .org-btns.six-buttons a:not(.dropdown-toggle){
        width: 16.25%;
    }
.std-dashboard .org-btns.two-buttons a:not(.dropdown-toggle) { width: 50%; }
.std-dashboard .org-btns a:first-child:not(.dropdown-toggle),.std-dashboard .org-btns .dropdown  { border-left: none; }
.std-dashboard .org-btns .dropdown .dropdown-menu .modal-link{padding: 7px 12px;font-size: inherit;}
.std-dashboard .org-btns .dropdown .dropdown-menu .modal-link .fa{font-size: inherit;}
.std-dashboard .org-btns a:not(.dropdown-toggle) .fa,.std-dashboard .org-btns .dropdown .fa { font-size: 25px; }

.std-dashboard .org-btns a:not(.dropdown-toggle):hover,
.std-dashboard .org-btns a:not(.dropdown-toggle):focus { background: #075388; color: #fff !important; }
.std-dashboard .org-btns a:not(.dropdown-toggle):hover .fa,
.std-dashboard .org-btns a:not(.dropdown-toggle):focus .fa { color: #fff !important; }

/* Achievement Percentage */
.std-dashboard .achievement-percentage {
    background: #F1F1F1;
    border-bottom: 1px solid #d3d3d3;
    padding: 15px 25px;
    position: relative;
}
.std-dashboard .achievement-percentage p {
    font-size: 15px;
    font-weight: 300;
    line-height: 24px;    
}
.std-dashboard .achievement-percentage .percentage {
    color: #075388;
    font-weight: 600;
}

.std-dashboard .achievement-percentage .dashboard-edit-icon { top: 26%; }

/* Objective List */
.std-dashboard .objectives-for-thrust .objective-list .objective-title {
    border-bottom: 1px solid #d3d3d3;
    position: relative;
}
.std-dashboard .objectives-for-thrust .objective-list .objective-title h6 {
    font-size: 15px;
    font-weight: 300;
    line-height: 24px; 
    margin-bottom: 0; 
    padding: 15px 25px;
}
/* Objective List Link */
.std-dashboard .objective-title .objective-link {
    height: 100%;
    left: 0;
    position: absolute !important;
    top: 0;
    width: 100%;
    z-index: 10;
}
.std-dashboard .objective-title:hover,
.std-dashboard .objective-title.active { background: #f1f1f1; }

/* Total Percentage */
.std-dashboard .total-percentage { 
    background: #075388; 
    padding: 15px 0;
}
.std-dashboard .total-percentage p {
    color: #fff;
    font-size: 15px;
    font-weight: 600;
    line-height: 24px;       
}


/* Organization Units
-----------------------------------*/
.std-dashboard .organization-units { padding: 15px 0; position: relative; }
.std-dashboard .organization-units h6 {
    font-weight: 400;
    line-height: 24px;
    margin-bottom: 17px;    
    position: relative;
    text-align: center;
}
.std-dashboard .organization-units .dashboard-edit-icon { top: 14px; }
.std-dashboard .organization-units ol {
    font-size: 15px;
    list-style-type: none;
    margin-top: 20px;
    margin-bottom: 0;
    position: relative;
}

.std-dashboard .organization-units li {
    counter-increment: count-me;
    margin-bottom: 20px;
    padding-left: 10px;
    position: relative;
}

.std-dashboard .organization-units ol li:before {
    border: 1px solid #075388;
    border-radius: 50%;
    content: "";
    display: block;
    height: 25px;
    left: -24px;
    position: absolute;
    top: -3px;
    width: 25px;
}
.std-dashboard .organization-units ol li:after {
    color: #075388;
    content: counter(count-me) " ";
    display: block;
    font-weight: 600;
    left: -25px;
    line-height: 0;
    max-height: 0;
    max-width: 0;
    position: relative;
    top: -21px;
}

/* Checklist Items
-----------------------------------*/
.std-dashboard .checklist-item-group {
    border-bottom: 1px solid #d3d3d3;     
    display: table;
    position: relative;
    text-align: center;
    width: 100%;    
}
.std-dashboard .checklist-item-group .checklist-item,
.std-dashboard .checklist-item-group .checklist-remove,
.std-dashboard .checklist-item-group .checklist-move {
    border-left: 1px solid #d3d3d3; 
    display: table-cell;
    position: relative;
    vertical-align: middle;
}

/* Checklist Item */
.std-dashboard .checklist-item-group .checklist-item {
    border-left: none;
    padding: 0 25px 5px 25px;
    text-align: left;
    width: 70%;
}
    /* Checkbox */
    .std-dashboard .checklist-item-group .checklist-item .frame-checkbox,
    .std-dashboard .checklist-item-group .checklist-item .frame-checkbox label { margin: 0; }
    /* Assigned User */
    .std-dashboard .checklist-item-group .checklist-item .assigned-user { margin-left: 35px; }
        .std-dashboard .checklist-item-group .checklist-item .assigned-user span { font-size: 14px; }
        .std-dashboard .checklist-item-group .checklist-item .assigned-user span i { color: #075388; margin-right: 5px; }


/* Remove */
.std-dashboard .checklist-item-group .checklist-remove { width: 10%; }
    .std-dashboard .checklist-item-group .checklist-remove a {
        height: 100%;
        left: 0;
        position: absolute;
        top: 0;
        width: 100%;
    }
    .std-dashboard .checklist-item-group .checklist-remove i { color: #831D08; font-size: 16px; }
    .std-dashboard .checklist-item-group .checklist-remove:hover { background: #831D08; }
    .std-dashboard .checklist-item-group .checklist-remove:hover i { color: #fff; }

/* Move */
.std-dashboard .checklist-item-group .checklist-move {
    height: 100%;
    overflow: hidden;
    width: 20%;
}
    .std-dashboard .checklist-item-group .checklist-move .move-link {
        display: inline-table;
        height: 50%;
        width: 100%;
    }
    .std-dashboard .checklist-item-group .checklist-move .move-link + .move-link { border-top: 1px solid #D3D3D3; }
    .std-dashboard .checklist-item-group .checklist-move .move-link a {
        background: #F1F1F1;
        display: table-cell;
        font-size: 12px;
        height: 100%;
        padding: 4px 0;
        vertical-align: middle;
        width: 100%;
    }
    .std-dashboard .checklist-item-group .checklist-move a i { display: block; font-size: 14px; }
    .std-dashboard .checklist-item-group .checklist-move a:hover {
        background: #075388;
        color: #fff;
    }


/* Task Items
-----------------------------------*/
.std-dashboard .task-item .goal-bar,
.std-dashboard .task-item .task-priority,
.std-dashboard .task-item .task-title,
.std-dashboard .task-item .task-health,
.std-dashboard .task-item .task-number {
    display: table-cell;
    position: relative;
    text-align: center;
    vertical-align: middle;
}
.std-dashboard .task-item .goal-bar,
.std-dashboard .task-item .task-title { text-align: left; }

/* Bar */
.task-item .goal-bar { width: 5%; }

/* Priority */
.std-dashboard .task-item .task-priority { width: 10%; }
.std-dashboard .task-item .task-priority span {
    background: #075388;
    border-radius: 50%;
    color: #fff;
    display: block;
    font-size: 14px;
    height: 25px;
    line-height: 0;
    margin: 0 auto;
    padding: 12px 0;
    width: 25px;   
}
.std-dashboard .task-item.list-item.active .task-priority span {
    background: #fff;
    color: #075388;
}

/* Title */
.std-dashboard .task-item .task-title { padding: 15px 0; width: 65%; }
.std-dashboard .task-item .task-title h6 {
    font-size: 15px;
    line-height: 24px;
    position: relative;
    margin-bottom: 0;    
}
.std-dashboard .task-item .task-title .assigned-user span { font-size: 14px; font-weight: 300; }
.std-dashboard .task-item .task-title .assigned-user span i { color: #075388; margin-right: 5px; }

.std-dashboard .task-item.list-item.active .task-title .assigned-user span,
.std-dashboard .task-item.list-item.active .task-title .assigned-user span i {
    color: #fff;
}

/* Health */
.std-dashboard .task-item .task-health { border-right: none; width: 3%; }
.std-dashboard .task-item .task-health.goal-notif .goal-circle { margin-left: 0; }

/* Number */
.std-dashboard .task-item .task-number {
    background: #075388;
    height: 100%;
    padding: 0;
    position: relative;
    width: 17%;
}
.std-dashboard .task-item .goal-objectives.task-number { padding: 0; }

.std-dashboard .task-item .task-number h3 {
    color: #fff;
    font-size: 15px;
}
.std-dashboard .task-item .task-number p {
    bottom: 10px;
    color: #fff;
    font-size: 14px;
    position: absolute;
    width: 100%;
}

/* Task Items With Move Option
-----------------------------------*/
.std-dashboard .goals.move-task { cursor: auto; }
.std-dashboard .goals.move-task:hover, .std-dashboard .goals.move-task { background: transparent; }


    /* Hover Move Link */
    .std-dashboard .task-item .task-number .move-link {
        display: inline-table;
        height: 50%;
        width: 100%;
    }
    .std-dashboard .task-item .task-number .move-link + .move-link { border-top: 1px solid #fff; }
    .std-dashboard .task-item .task-number a {
        color: #fff;
        display: table-cell;
        font-size: 12px;
        height: 100%;
        padding: 3px 0;
        vertical-align: middle;
        width: 100%;
    }
    .std-dashboard .task-item .task-number a i { display: block; font-size: 14px; }
    .std-dashboard .task-item .task-number a:hover { background: #043354; }

/* Health Issues Frame
-----------------------------------*/

/* Radio Buttons */
.std-dashboard .issue-radio {
    height: 100px;
    margin: 65px 0 15px;
    position: relative;    
}
.std-dashboard .issue-radio label {
    display: inline-block;
    cursor: pointer;
    margin: 8px 46px;       
    position: relative;
}

.std-dashboard .issue-radio input[type=radio] { display: none; }

.std-dashboard .issue-radio label {
    border-radius: 50%;
    color: #fff;
    display: inline-block;
    font-weight: 300;
    height: 100px;
    left: -11px;
    line-height: 100px;
    margin-right: 10px;
    position: relative;
    text-align: center;
    top: -40px;
    -webkit-transition: all 0.2s ease-in-out 0s;
    transition: all 0.2s ease-in-out 0s;     
    width: 100px;     
}
.std-dashboard .issue-radio label.green { background: #23a319; }
.std-dashboard .issue-radio label.red { background: #831D08; }
.std-dashboard .issue-radio label.yellow { background: #F1C800; }

.std-dashboard .issue-radio input[type=radio]:checked + label {
    box-shadow: 0 0px 5px 0 rgba(0, 0, 0, 0.5);  
    transform: scale(1.1);  
}

.std-dashboard .issues-dates .date {
    float: left;
    width: 50%;
}
.std-dashboard .issues-dates .row { margin: 0; }
.std-dashboard .issues-dates .date + .date { padding-left: 10px; padding-right: 0; }
.std-dashboard .issues-dates .date { padding-right: 10px; }

/* ------------------------------------------------------------------------------------
    #Form Styles
-------------------------------------------------------------------------------------*/
.std-dashboard .form-label {
    color: #075388;
    display: block;    
    font-size: 17px;
    margin-bottom: 0;   
}
.std-dashboard .frame-input,
.std-dashboard .frame-textarea {
    border: 1px solid #d3d3d3;
    color: #2f2f2f;
    font-family: 'Open Sans', 'Verdana', 'Helvetica', sans-serif;
    font-size: 15px;
    font-weight: 400;
    margin: 10px 0 20px 0;
    max-width: 100%;
    padding: 8px;
    width: 100%;
}
.std-dashboard .frame-input:focus,
.std-dashboard .frame-textarea:focus,
.std-dashboard .k-dropdown-wrap .k-input:focus {
    border: 1px solid #043354;
    box-shadow: none;
    outline: none;
}

/* CheckBox */
.std-dashboard .frame-checkbox { margin: 10px 0 15px; }

.std-dashboard .frame-checkbox input[type=checkbox] {
    display: none;
}

.std-dashboard .frame-checkbox p {
    font-size: 15px;
    font-weight: 300;
    margin: -8px 0 0 36px;
    position: relative; 
}

.std-dashboard .frame-checkbox label {
    font-size: 15px;
    font-weight: 400;
    margin: 8px 0;
    padding-left: 36px;
    position: relative;    
}

.std-dashboard .frame-checkbox input[type=checkbox] + label:before {
    border: 1px solid #d3d3d3;
    color: #fff;
    content: "\f00c";
    display: inline-block;
    font-family: FontAwesome; 
    font-size: 14px;
    height: 20px;
    left: 0;
    line-height: 18px;
    position: absolute;
    text-align: center;    
    top: 2px;
    width: 20px;
}
.std-dashboard .frame-checkbox input[type=checkbox]:checked + label:before {
    background: #043354;
    border: 1px solid #043354;
    color: #fff;
    content: "\f00c";
    display: inline-block;
    font-family: FontAwesome; 
    font-size: 14px;
    height: 20px;
    left: 0;
    line-height: 18px;
    position: absolute;
    text-align: center;
    top: 2px;
    width: 20px;
}

/* Radio Buttons */
.std-dashboard .frame-radio { margin: 10px 0 15px; }
.std-dashboard .frame-radio label {
    display: inline-block;
    cursor: pointer;
    font-size: 15px;  
    font-weight: 400;  
    margin: 8px 0;       
    padding-left: 36px;
    position: relative;    
}

.std-dashboard .frame-radio input[type=radio] { display: none; }

.std-dashboard .frame-radio label:before {
    background-color: #fff;
    border: 1px solid #d3d3d3;
    border-radius: 50%;
    bottom: 1px;        
    content: "";
    display: inline-block;
    height: 20px;
    left: 0;    
    margin-right: 10px;
    position: absolute;
    width: 20px; 
    top: 1px;   
}
.std-dashboard .frame-radio input[type=radio]:checked + label:before {
    background-color: #043354;
    border: 1px solid #043354;
    top: 1px;
}

/* Kendo Data Entry Controls */
.std-dashboard .k-autocomplete.k-state-default,
.std-dashboard .k-dropdown-wrap.k-state-default,
.std-dashboard .k-multiselect.k-header,
.std-dashboard .k-numeric-wrap.k-state-default,
.std-dashboard .k-picker-wrap.k-state-default {
    background: none;
    border-color: #d3d3d3;
    border-radius: 0;
    box-shadow: none !important;
    margin: 10px 0 20px 0;
    outline: none !important;
}
.std-dashboard .k-block,
.std-dashboard .k-button,
.std-dashboard .k-draghandle,
.std-dashboard .k-grid-header,
.std-dashboard .k-grouping-header,
.std-dashboard .k-header,
.std-dashboard .k-pager-wrap,
.std-dashboard .k-toolbar,
.std-dashboard .k-treemap-tile,
.std-dashboard html .km-pane-wrapper .k-header {
    background: transparent;
    border-radius: 0;
}

/* Kendo Select / Dropdown */
.std-dashboard .kendo-dropdown-picker { width: 100%; }

/* Kendo Date Picker */
.std-dashboard .k-widget.k-datepicker.k-header.datepicker { width: 100%; }
.std-dashboard .k-state-focused > .k-select, .k-state-hover > .k-select {
    background: #EBEBEB;
    border-radius: 0;
}
.std-dashboard .k-state-hover > .k-select { border-color: #d3d3d3; }

/* Kendo MultiSelect */
.std-dashboard .multiselect .k-button {
    background: #f2f2f2;
    color: #2f2f2f !important;
    transition: none;
}
.std-dashboard .multiselect .k-button.k-state-hover {
    background: #EBEBEB;
    color: #fff;
}
.std-dashboard .multiselect .k-multiselect-wrap li {
    border-radius: 20px;
    box-shadow: none;
    float: left;
    line-height: 25px;
    margin: 3px;
    padding: 0.1em 2em 0.1em 1em;
    position: relative;
}
.std-dashboard .multiselect .k-i-close {
    background-position: -35px -17px;
}
.std-dashboard .multiselect .k-button.k-state-hover .k-i-close {
    background-position: -35px -17px;  
}

/* Kendo Switch */
.std-dashboard .switch-btns { margin: 0 0 15px; padding: 0; }
.std-dashboard .switch-btns li {
    border-top: 1px solid #d3d3d3;
    cursor: pointer;
    font-size: 15px;
    list-style-type: none;
    line-height: 28px;
    margin: 8px 0 13px;
    min-height: 28px;    
    padding: 13px 0 8px;
    vertical-align: middle;
}
.std-dashboard .switch-btns li:first-child { border-top: none; }

.std-dashboard .switch-btns .km-switch { 
    float: right;
    height: 31px;
}

.std-dashboard .switch-btns .km-switch-container {
    background: #043354;
    color: #fff;
}
.std-dashboard .switch-btns .km-switch-handle {
    background-color: #fff;
    border: 2px solid #043354;
    margin: 0;
    width: 27px;
}
.std-dashboard .switch-btns .km-switch-label-off, .km-switch-label-on {
    font-size: 14px;
    line-height: 27px;
}
.std-dashboard .switch-btns .km-switch-label-on { left: -146%; }

/* ----------
Kendo Slider 
------------- */
.std-dashboard .horizontal-slider {
    margin: 25px 0 45px;
    width: 100%;
}

.std-dashboard .horizontal-slider .k-slider-selection { display: none; }

/* Arrows */
.std-dashboard .horizontal-slider .k-button { box-shadow: none; }
.std-dashboard .horizontal-slider .k-button.k-state-hover { background: none; }

/* Handle */
.std-dashboard .k-draghandle {
    background: #043354 !important;
    border: none;
    border-radius: 50%;
    box-shadow: none;
}

/* Line */
.k-slider-horizontal .k-slider-selection, .k-slider-horizontal .k-slider-track { margin-top: -1px; }
.k-slider-horizontal .k-slider-selection, .k-slider-horizontal .k-slider-track { height: 0; }

/* ------------------------------------------------------------------------------------
    #Rhythm Update
-------------------------------------------------------------------------------------*/
.rhythm-container.row { margin: 0; }

.rhythm-container { display: table; width: 100%; }
.rhythm-container .col-sm-3 {
    background: #f9f9f9;
    border-right: 1px solid #d3d3d3;
    box-shadow: 2px 2px 3px #b5b5b5, -2px 2px 3px #b5b5b5;
    display: table-cell;
    float: none;
    padding: 0;
    vertical-align: top;
    width: 20%;
}
.rhythm-container .col-sm-9 {
    display: table-cell;
    float: none;
    padding-left: 50px;
    padding-right: 50px;
    width: 80%;
}

.rhythm-update { margin: 50px auto; }
.rhythm-update .rhythm-header p { font-weight: 600; }

/* Rhythm Menu
-----------------------------------*/
.rhythm-menu h6 {
    background: #fff;
    font-size: 18px;
    font-weight: 400;
    line-height: 28px;
    margin-bottom: 0;
    padding: 15px;
}

.rhythm-menu ul { margin: 0; padding: 0; }
.rhythm-menu ul li {
    border-top: 1px solid #d3d3d3;
    list-style-type: none;
}
.rhythm-menu ul li:last-child { border-bottom: 1px solid #D3D3D3; }
.rhythm-menu ul li a {
    color: #2f2f2f !important;
    display: block;
    font-size: 15px;
    padding: 20px 15px;
}
.rhythm-menu ul li a:hover {
    background: #fff;
    color: #075388 !important;
}

/* Text Styles
-----------------------------------*/
.rhythm-update .rhy-status-header {
    font-size: 16px;
    line-height: 16px;
}

.rhythm-update .rhy-type-header {
    border-bottom: 1px solid #d3d3d3;
    font-size: 22px;
    font-weight: 400;
    margin-bottom: 10px;
    padding: 15px;
}

.rhythm-update p {
    font-weight: 300;
    margin-bottom: 0;
}

.rhythm-update h6,
.rhythm-update .current-state {
    font-size: 20px;
    font-weight: 400;
    margin-bottom: 0;
}

.rhythm-update .rhy-update-btn .btn,
.rhythm-update .rhy-update-btn-pop-up .btn  {
    box-shadow: none;
    font-size: 15px;
    padding: 5px 15px;
}



/* Rhystm Basic
-----------------------------------*/
.rhythm-update .rhy-basic {
    border-bottom: 1px solid #D3D3D3;    
    border-top: 1px solid #D3D3D3;
    display: table;
    margin-top: 20px;
    text-align: center;
    width: 100%;
}

/* Main Columns */
.rhythm-update .rhy-basic .rhy-left,
.rhythm-update .rhy-basic .rhy-right {
    display: table-cell;
    vertical-align: middle;
    width: 50%;
}
.rhythm-update .rhy-basic .rhy-right {
    border-left: 1px solid #d3d3d3;
}

/* Secondary Columns */
.rhythm-update .rhy-row {
    display: table;
    padding: 25px 15px;
    width: 100%;
}
.rhythm-update .rhy-row.border-bottom {
    border-bottom: 1px solid #d3d3d3;
}
.rhythm-update .rhy-row .rhy-inner-col {
    display: table-cell;
    vertical-align: middle;
    width: 50%;
}

/* Rhythm Current Health
-----------------------------------*/
.rhythm-update .rhy-health {
    border-bottom: 1px solid #D3D3D3;
    display: table;
    text-align: center;
    width: 100%;
}
.rhythm-update .rhy-health .health-current,
.rhythm-update .rhy-health .health-symbol,
.rhythm-update .rhy-health .health-update {
    display: table-cell;
    padding: 25px 15px;
    vertical-align: middle;
    width: 33.3333%;
}

.rhythm-update .rhy-health .health-symbol .circle {
    background: #075388;
    border-radius: 50%;
    display: block;
    height: 55px;
    margin: 0 auto;
    width: 55px;
}
.rhythm-update .rhy-health .health-symbol .circle.green { background: #23A319; }
.rhythm-update .rhy-health .health-symbol .circle.red { background: #831D08; }
.rhythm-update .rhy-health .health-symbol .circle.yellow { background: #F1C800; }

.rhythm-update .rhy-health #health-status-dd { text-align: left; }

/* Rhythm Open Issues
-----------------------------------*/
.rhy-open-issues {
    border-bottom: 1px solid #d3d3d3;
    padding-bottom: 15px;
}

.rhy-open-issues .rhy-issue {
    display: table;
    padding: 6px 15px;
    width: 100%;
}

/* Columns */
.rhy-open-issues .rhy-issue .health,
.rhy-open-issues .rhy-issue .title,
.rhy-open-issues .rhy-issue .date,
.rhy-open-issues .rhy-issue .update,
.rhy-open-issues .rhy-issue .new-issue {
    display: table-cell;
    vertical-align: middle;
}
.rhy-open-issues .rhy-issue .health { width: 5%; padding: 0; }
.rhy-open-issues .rhy-issue .title { width: 50%; }
.rhy-open-issues .rhy-issue .date { width: 25%; }
.rhy-open-issues .rhy-issue .update { width: 20%; }
.rhy-open-issues .rhy-issue .new-issue {
    display: block;
    margin-left: 20px;
    width: 100%;
}
.rhy-open-issues .rhy-issue .new-issue .rhy-update-btn { margin-left: 20px; }

/* Health Status Circles */
.rhy-open-issues .rhy-issue .health .circle {
    background: #075388;
    border-radius: 50%;
    display: block;
    height: 15px;
    margin: 0 auto;
    width: 15px;   
}
.rhy-open-issues .rhy-issue .health .circle.green { background: #23A319; }
.rhy-open-issues .rhy-issue .health .circle.orange { background: #ef9300; }
.rhy-open-issues .rhy-issue .health .circle.red { background: #831D08; }
.rhy-open-issues .rhy-issue .health .circle.yellow { background: #F1C800; }

/* Update */
.rhy-open-issues .rhy-issue .update a { font-weight: 400; }


/* Rhythm Measures
-----------------------------------*/

/* Measure Item Header */
.rhy-measures .measure-header {
    background: #F1F1F1;
    border-bottom: 1px solid #d3d3d3;
    display: table;
    margin-top: -10px;
    padding: 15px 15px;
    text-align: center;
    width: 100%;
}
.rhy-measures .measure-header .measure-name,
.rhy-measures .measure-header .measure-target,
.rhy-measures .measure-header .measure-actual,
.rhy-measures .measure-header .measure-new {
    display: table-cell;
    vertical-align: middle;
    padding: 0 15px;
    font-weight: 400;
}
.rhy-measures .measure-header .measure-name { width: 35%; text-align: left; }
.rhy-measures .measure-header .measure-target { width: 20%; }
.rhy-measures .measure-header .measure-actual { width: 15%; }
.rhy-measures .measure-header .measure-new { width: 25%; }

/* Measure Item */
.rhy-measures .measure-item {
    border-bottom: 1px solid #d3d3d3;
    display: table;
    padding: 0 15px;
    width: 100%;
}
.rhy-measures .measure-item .measure-status,
.rhy-measures .measure-item .measure-name,
.rhy-measures .measure-item .measure-target,
.rhy-measures .measure-item .measure-actual,
.rhy-measures .measure-item .measure-new {
    display: table-cell;
    font-weight: 400;
    padding: 20px 15px;
    text-align: center;
    vertical-align: middle;    
}
.rhy-measures .measure-item .measure-status { text-align: right; width: 5%; }
.rhy-measures .measure-item .measure-name { border-right: 1px solid #d3d3d3; padding-left: 0; text-align: left; width: 30%; }
.rhy-measures .measure-item .measure-target { border-right: 1px solid #d3d3d3; width: 25%; }
.rhy-measures .measure-item .measure-actual { border-right: 1px solid #d3d3d3; width: 15%; }
.rhy-measures .measure-item .measure-new { width: 25%; }

.rhy-measures .measure-item .measure-status .block {
    background: #075388;
    display: block;
    height: 15px;
    width: 15px;
}

/* Measure Status */
.rhy-measures .measure-item .measure-status .block.green { background: #23A319; }
.rhy-measures .measure-item .measure-status .block.orange { background: #ef9300; }
.rhy-measures .measure-item .measure-status .block.red { background: #831D08; }
.rhy-measures .measure-item .measure-status .block.yellow { background: #F1C800; }

/* Measure Target */
.rhy-measures .measure-item .measure-target .percentage {
    border-left: 1px solid #d3d3d3;
    font-weight: 600;
    margin-left: 7px;
    padding-left: 8px;
}

.rhy-measures .measure-item .measure-new.row { margin: 0; }
.rhy-measures .measure-item .measure-new.row .col-sm-8,
.rhy-measures .measure-item .measure-new.row .col-sm-4 { padding: 0; }

.rhy-measures .measure-item .measure-new.row .col-sm-4 { text-align: right; }


/* Rhythm Kendo and HTML Forms
-----------------------------------*/
.rhythm-update.std-dashboard .k-autocomplete.k-state-default, .rhythm-update.std-dashboard .k-dropdown-wrap.k-state-default, .rhythm-update.std-dashboard .k-multiselect.k-header, .rhythm-update.std-dashboard .k-numeric-wrap.k-state-default, .rhythm-update.std-dashboard .k-picker-wrap.k-state-default {
    margin: 0;
}
.rhythm-update.std-dashboard .frame-input { margin: 0; }


/* Measure Previous & Next Buttons */
.row.measure-buttons .col-sm-6 {
    margin-top: 50px;
    padding: 0 13px;    
}

/* ------------------------------------------------------------------------------------
	#Dashboard Tiles
-------------------------------------------------------------------------------------*/
.dashboard-container-tile-menu {
	margin: 55px auto 0;
	padding: 0 80px;
	width: 100%;
}

/* Tile Buttons
-----------------------------------*/
.dashboard-container-tile-menu h1 { margin-bottom: 15px; }

.dashboard-tiles { margin-bottom: 35px; }

.dashboard-tiles .tile {
	background: #0A4881;
	box-sizing: border-box;
	display: inline-block; 
	color: #fff;
	cursor: pointer;
	font-size: 13.5px;
	font-weight: 300;
	height: 140px;
	margin-bottom: 10px;
	margin-right: 10px;
	position: relative;
	padding: 10px;
	text-align: center;
	-webkit-transition: all 0.2s ease-in-out 0s;
	transition: all 0.2s ease-in-out 0s;        
	width: 162px;
	z-index: 1;
}
	.dashboard-tiles .tile.blue { background: #0A4881; }
	.dashboard-tiles .tile.green { background: #23A319; }
	.dashboard-tiles .tile.red { background: #831D08; }
	.dashboard-tiles .tile.yellow { background: #F2C900; }  

.dashboard-tiles.new-tiles .tile a {
	height: 100%;
	left: 0;
	position: absolute;
	top: 0;
	width: 100%;
}

.dashboard-tiles.new-tiles .tile:before {
	background: #0A4881;
	border: 1px solid #fff;
	border-radius: 50%;
	color: #fff;
	content: "\f067";
	display: inline-block;
	font-family: FontAwesome; 
	font-size: 12px;
	height: 25px;
	padding: 3px;
	position: absolute;
	right: -10px;
	top: -7px;
	width: 25px;
}    

.dashboard-tiles.new-tiles .tile.blue:before { background: #0A4881; }
.dashboard-tiles.new-tiles .tile.green:before { background: #23A319; }
.dashboard-tiles.new-tiles .tile.red:before { background: #831D08; }
.dashboard-tiles.new-tiles .tile.yellow:before { background: #F2C900; }

.dashboard-tiles .tile .tile-icon {
	font-size: 50px;
	margin-bottom: 5px;
}

/* Tile Button Hover / Active
-----------------------------------*/
.dashboard-tiles .tile:hover,
.dashboard-tiles .tile.active {
	box-shadow: 0 8px 16px 0 rgba(0, 0, 0, 0.5);     
	transform: scale(1.1); 
	z-index: 5;
}

/* Tile Details
-----------------------------------*/
.dashboard-tiles .tile-details {
	background: #fff;
	border: 1px solid #0A4881;
	display: block;
	height: 85px;
	left: 0;
	position: absolute;
	/*opacity: 0;*/
    display: none;
	text-align: left;
	top: 0;
	-webkit-transition: all 0.2s ease-in-out 0s;
	transition: all 0.2s ease-in-out 0s;      
	width: 100%;
}
.dashboard-tiles .active .tile-details {
     /*opacity: 1;*/
    /*display: block;*/
}

.dashboard-tiles .tile-details ul {
	margin: 0;
	padding: 0;
}
.dashboard-tiles .tile-details ul li { list-style-type: none; }
.dashboard-tiles .tile-details ul li a {
	border-top: 1px solid #0A4881;
	color: #2f2f2f;
	display: block;
	font-size: 12px;
	padding: 5px 15px;
}
.dashboard-tiles .tile-details ul li:first-child a { border-top: none !important; }
.dashboard-tiles .tile-details ul li a .fa { font-size: 12px; width: 20px; }

/* Colors */
.dashboard-tiles .blue .tile-details { border: 1px solid #0A4881; }
.dashboard-tiles .green .tile-details { border: 1px solid #23A319; }
.dashboard-tiles .red .tile-details { border: 1px solid #831D08; }
.dashboard-tiles .yellow .tile-details { border: 1px solid #F2C900; }

.dashboard-tiles .blue .tile-details ul li a { border-top: 1px solid #0A4881; }
.dashboard-tiles .green .tile-details ul li a { border-top: 1px solid #23A319; }
.dashboard-tiles .red .tile-details ul li a { border-top: 1px solid #831D08; }
.dashboard-tiles .yellow .tile-details ul li a { border-top: 1px solid #F2C900; }



/* Attachments Link Button
-----------------------------------*/
.std-dashboard .attachment-frame-btn {
    background: #f1f1f1;
    border-bottom: 1px solid #d3d3d3;
    border-top: 1px solid #d3d3d3;
    display: table;
    position: relative;
    width: 100%;
    cursor: pointer;
}

/* Measure Button Link */
.std-dashboard .attachment-frame-btn a {
    height: 100%;
    left: 0;
    position: absolute !important;
    top: 0;
    width: 100%;
}


.std-dashboard .attachment-frame-btn a:before { display: none; }

.std-dashboard .attachment-frame-btn .btn-text,
.std-dashboard .attachment-frame-btn .attachment-notif,
.std-dashboard .attachment-frame-btn .icon {
    display: table-cell;
    vertical-align: middle;
}

/* Attachment Button Text */
.std-dashboard .attachment-frame-btn .btn-text {
    color: #075388;
    font-size: 20px;
    font-weight: 300;
    padding: 10px 25px;
}


/* Attachment Button Notifs */
.std-dashboard .attachment-frame-btn .attachment-notif,
.std-dashboard .attachment-frame-btn .icon {
    border-left: 1px solid #d3d3d3;
    text-align: center;
}

.std-dashboard .attachment-frame-btn .attachment-notif {
    padding: 10px 25px;
    width: 70px;
}
.std-dashboard .attachment-frame-btn .attachment-icon {
    color: #075388;
}
.std-dashboard .attachment-frame-btn .attachment-icon.fa {
    display: block;
    line-height: 30px;
    margin-top: -3px;
}

.std-dashboard .attachment-frame-btn .attachment-notif p {
    font-size: 13px;
    line-height: 13px;
}

/* Attachment Button Arrow Icon */
.std-dashboard .attachment-frame-btn .icon {
    color: #075388;
    padding: 10px;
    width: 60px;
}

/* Hover */
.std-dashboard .attachment-frame-btn:hover,
.std-dashboard .attachment-frame-btn.active {
    background: #075388;
    border-color: #fff;
    color: #fff;
}
.std-dashboard .attachment-frame-btn:hover .btn-text,
.std-dashboard .attachment-frame-btn.active .btn-text,
.std-dashboard .attachment-frame-btn:hover .attachment-notif p,
.std-dashboard .attachment-frame-btn.active .attachment-notif p,
.std-dashboard .attachment-frame-btn:hover .attachment-icon,
.std-dashboard .attachment-frame-btn.active .attachment-icon,
.std-dashboard .attachment-frame-btn:hover .icon,
.std-dashboard .attachment-frame-btn.active .icon { color: #fff; }


/* Attachments Blade List
-----------------------------------*/
.attachment-item {
    border-top: 1px solid #d3d3d3;    
    display: table;
    position: relative;
    width: 100%;
}
.attachment-item:hover { background: #f1f1f1; }
.attachment-item.active { background: #0B4982; }

.attachment-link {
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 10;
}

.attachment-type,
.attachment-title,
.attachment-modify {
    border-right: 1px solid #d3d3d3;
    display: table-cell;
    padding: 15px 12px;
    vertical-align: middle;
}

/* Attachment Type */
.attachment-type {
    padding: 15px 0;
    width: 9%;
}
.attachment-type i {
    color: #0B4982;
    font-size: 23px;
}
.attachment-item.active .attachment-type i { color: #fff; }


/* Attachment Title */
.attachment-title {
    position: relative;
    width: 66%;
}

.attachment-title p {
    font-size: 15px;
    font-weight: 300;
    line-height: 24px;
    margin-bottom: 0;
    position: relative; 
    z-index: 5;   
}
.attachment-item.active .attachment-title p { color: #fff; }


/* Attachment Modify */ 
.attachment-modify {
    border-right: none;
    font-weight: 300;
    width: 25%;
}
.attachment-modify p { 
    font-size: 15px;
    line-height: 22px;
    margin-bottom: 0;
}
.attachment-item.active .attachment-modify p,
.attachment-item.active .attachment-modify span { color: #fff; }
.attachment-date,
.attachment-user {
    display: block;
    font-size: 15px;
}


/* Attachments Blade List Children
-----------------------------------*/
.attachment-list--children .attachment-link { width: 88%; }

/* Attachment Title */
.attachment-list--children .attachment-title {
    width: 58%;
}

/* Attachment Modify */ 
.attachment-list--children .attachment-modify {
    border-right: 1px solid #d3d3d3;
    width: 21%;
}

/* Attachment Children */
.attachment-list--children .attachment-children {
    color: #2f2f2f;
    display: table-cell;
    font-size: 15px;
    font-weight: 300;
    height: 100%;
    padding: 0;
    vertical-align: middle;
    width: 12%;
}


.children-item {
    border-top: 1px solid #d3d3d3;
    display: inline-table;
    padding: 8px 0;
    position: relative;
    width: 100%;
}

.children-item:first-child { border-top: none; }

.children-item:first-child:nth-last-child(1) {
    height: 100%;
}
.children-item:first-child:nth-last-child(2),
.children-item:first-child:nth-last-child(2) ~ .children-item {
    height: 50%;
}
.children-item:first-child:nth-last-child(3),
.children-item:first-child:nth-last-child(3) ~ .children-item {
    height: 33.3333%;
}

.children-item a {
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
}

.children-item:hover {
    background: #0A4881;
    color: #fff;
}

.children-item .fa {
    color: #0A4881;
    width: 21px;
}
.children-item:hover .fa,
.attachment-item.active .children-item .fa,
.attachment-item.active .children-item { color: #fff; }

.children-block {
    display: table-cell;
    height: 100%;
    vertical-align: middle;
}


/* ------------------------------------------------------------------------------------
    #Kendo Pop Up Box / Lightbox
-------------------------------------------------------------------------------------*/
/* Overall Box */
.k-widget.k-window { border-radius: 0;}

@media (max-height: 4000px) {
    .k-widget.k-window {
        top: 130px !important;
    }
}

@media (max-height: 1080px) {
    .k-widget.k-window {
        top: 75px !important;
    }
}

@media (max-height: 900px) {
    .k-widget.k-window {
        top: 15px !important;
    }
}




/* Title Area */
.k-window-titlebar.k-header {
    background: #f1f1f1;
    border-color: #d3d3d3;
    border-radius: 0;
}

/* Title */
.k-window-title {
    font-size: 18px;
    font-weight: 300;
    left: 1.5em;
}
.k-grid-header .k-header > .k-link, .k-header, .k-treemap-title { color: #2f2f2f; }

.k-window-titlebar div.k-window-actions {
    top: -6px;
}

.k-window-actions a.k-window-action {
    color: #555555 !important;
}

/* Close Button */
.k-window-titlebar .k-window-actions {
    padding-top: 4px;
    right: 1.5em;
}

/* Content */
div.k-window-content {
    padding: 1em 1.5em;
}

/* Buttons */
.k-overflow-container .k-primary, .k-primary, .k-button {
    background: #075388;
    -moz-box-shadow: 2px 2px 3px #888, -2px 2px 3px #888;
    -webkit-box-shadow: 2px 2px 3px #888, -2px 2px 3px #888;
    box-shadow: 2px 2px 3px #888, -2px 2px 3px #888;
    border: none;
    border-radius: 0;
    color: #fff !important;
    display: inline-block;
    font-size: 17px;
    font-weight: 300;
    line-height: 30px;
    outline: 0;
    overflow: hidden;
    padding: 10px 25px;
    position: relative;
    text-decoration: none;
    -webkit-transition: all 0.5s ease-in-out 0s;
    transition: all 0.5s ease-in-out 0s;
}
.k-overflow-container .k-primary:hover, .k-primary:hover, .k-button:hover {
    background: #0b6496;
    border: none;
    -moz-box-shadow: 2px 2px 7px #888, -2px 2px 7px #888;
    -webkit-box-shadow: 2px 2px 7px #888, -2px 2px 7px #888;
    box-shadow: 2px 2px 7px #888, -2px 2px 7px #888;
}

/* Delete Confirm Button */
.delete-confirm.k-button {
    border: 1px solid #075388;
    -moz-box-shadow: -2px 2px 3px #888, -2px 2px 3px #888;
    -webkit-box-shadow: -2px 2px 3px #888, -2px 2px 3px #888;
    box-shadow: -2px 2px 3px #888, -2px 2px 3px #888;
    z-index: 5;
}
.delete-confirm.k-button:hover {
    border: 1px solid #0b6496;
}

/* Cancel   Delete Button */
.delete-cancel.k-button {
    background: #fff;
    border: 1px solid #075388;
    -moz-box-shadow: 2px 2px 3px #888, -2px 2px 3px #888;
    -webkit-box-shadow: 2px 2px 3px #888, -2px 2px 3px #888;
    box-shadow: 2px 2px 3px #888, -2px 2px 3px #888; 
    color: #075388 !important;
    z-index: 1;
}
.delete-cancel.k-button:hover {
    background: #efefef;
}

/* ------------------------------------------------------------------------------------
    #pop up content
-------------------------------------------------------------------------------------*/

/* Delete Message */
.delete-message {
    font-size: 16px;
    line-height: 28px;
}

 .progress-status .editable-input > input[type='text'], .editable-input > select {
        font-size: 25px;
        padding-right: 24px;
        width: 92px;
        height: 55px;
    }


 .editable-input > .select2 > .selection > .select2-selection {
    height: 55px;
    font-size: 20px;
    width: 155px;
    padding: 11px;
}

 .editable-input > select {
     font-size: 20px;
 }

 .select2-results {
     margin-top: 1em; 
 }

  .select2-container--default .select2-selection--single .select2-selection__arrow {
        height: 53px !important;
    }

  
.editable-input > .select2 > .selection > .select2-selection {
    width: auto;
    max-width: 400px;
}
.select2-dropdown .select2-dropdown--below {
    width: auto;
    max-width: 400px;
}
 .goal-settings-mdl .list-group.inner li {
        border: none;
    }

  .goal-settings-mdl  .list-group label {
        font-weight: inherit;
    }

   .goal-settings-mdl .list-group-item {
        border: none;
    }

   .goal-settings-mdl .goal-settings-mdl {
        padding: 1em;
        border: 1px solid rgba(20,53,80,0.14);
        box-shadow: 0 1px 2px 1px rgba(0,0,0,.08), 0 3px 6px rgba(0,0,0,.08);
    }

   .goal-settings-mdl .subtext {
        font-size: smaller;
    }

   .health-status-circle {
        display: inline-block;
        height: 20px;
        border-radius: 50%;
        width: 20px;
    }

        .health-status-circle.Critical {
            background: #831d08;
        }

        .health-status-circle.Warning {
            background: #f1c800;
        }

        .health-status-circle.Good,.health-status-circle.Information {
            background: #22a218;
        }

         .health-status-circle.None {
            background: gray;
        }

        .sorting-tooltip {
    background: #F1F1F1 !important;
    border: 1px solid #d3d3d3 !important;
    width: 300px;
    height: auto;
}

.sorting-callout {
    border-bottom-color: #d3d3d3;
}

.active-filtering {
        width: 10em;
        height: 6em;
        background-color: #fff;
        position: relative;
    }

        .active-filtering::before,
        .active-filtering::after {
            content: '';
            position: absolute;
            top: 0;
            right: 0;
            border-color: transparent;
            border-style: solid;
        }

        .active-filtering::after {
            border-radius: 0.2em;
            border-width: 0.7em;
            border-right-color: #a94442;
            border-top-color: #a94442;
        }

                
.popover {
    min-width: 250px;
    width: auto;
}

.stg-name {
        text-align: center;
        border-bottom: 1px solid #ddd;
        margin-bottom: -4px;
        padding-bottom: 10px;
    }

.highlight {
    background-color: #fff34d;
    -moz-border-radius: 5px; /* FF1+ */
    -webkit-border-radius: 5px; /* Saf3-4 */
    border-radius: 5px; /* Opera 10.5, IE 9, Saf5, Chrome */
    -moz-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.7); /* FF3.5+ */
    -webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.7); /* Saf3.0+, Chrome */
    box-shadow: 0 1px 4px rgba(0, 0, 0, 0.7); /* Opera 10.5+, IE 9.0 */
}

.highlight {
    padding:1px 4px;
    margin:0 -4px;
}


.goal-sort-filter-options {
        color: black;
        text-align: left;
        font-size: 12px;
        padding: 10px;
    }

        .goal-sort-filter-options .btn {
            line-height: 20px;
        }

        .goal-sort-filter-options input[type=radio] {
            margin-left: 1em;
        }

        .goal-sort-filter-options select {
            width: 100%;
            padding: 2px;
        }

        .goal-sort-filter-options .fa {
            font-size: 1.5em;
            color: #075388;
        }

        .goal-sort-filter-options .k-widget.k-dropdown {
            width: 100%;
            padding: 2px;
        }

        .goal-sort-filter-options .list-group {
            display: none;
        }

        .continuous-goal {
             color:rgb(67, 116, 160);
        }


        .manual-settings-tooltip {
            color: #686868;top: 8%;position: absolute;right: 25px; z-index: 5;
        }

       
    .std-dashboard .blade-panel-bar.k-header:not(.k-state-selected) {
        color:;
        background-color: #F1F1F1;
    }

    .std-dashboard .blade-panel-bar.k-header.k-state-selected.k-state-focused {
        color: #fff;
        background-color: #075388;
    }

    .std-dashboard .blade-panel-bar .goals {
        cursor: default;
    }


     .dashboard-frame .blade-panelbar-content .blade-list-scroll {
         max-height: 250px !important;
         min-height: 50px !important;
     }
   

     .task-copy [type="checkbox"]:not(:checked),
    .task-copy [type="checkbox"]:checked {
        position: absolute;
        left: -9999px;
    }

        .task-copy [type="checkbox"]:not(:checked) + label,
        .task-copy [type="checkbox"]:checked + label {
            position: relative;
            padding-left: 1.95em;
            cursor: pointer;
        }

            /* checkbox aspect */
            .task-copy [type="checkbox"]:not(:checked) + label:before,
            .task-copy [type="checkbox"]:checked + label:before {
                content: '';
                position: absolute;
                left: 0;
                top: 0;
                width: 1.25em;
                height: 1.25em;
                border: 2px solid #ccc;
                background: #fff;
                border-radius: 4px;
                box-shadow: inset 0 1px 3px rgba(0,0,0,.1);
            }
            /* checked mark aspect */
            .task-copy [type="checkbox"]:not(:checked) + label:after,
            .task-copy [type="checkbox"]:checked + label:after {
                content: '✔';
                position: absolute;
                top: .1em;
                left: .1em;
                font-size: 1.3em;
                line-height: 0.8;
                color: #09ad7e;
                transition: all .2s;
            }
            /* checked mark aspect changes */
            .task-copy [type="checkbox"]:not(:checked) + label:after {
                opacity: 0;
                transform: scale(0);
            }

            .task-copy [type="checkbox"]:checked + label:after {
                opacity: 1;
                transform: scale(1);
            }
    /* disabled checkbox */
    .task-copy [type="checkbox"]:disabled:not(:checked) + label:before,
    .task-copy [type="checkbox"]:disabled:checked + label:before {
        box-shadow: none;
        border-color: #bbb;
        background-color: #ddd;
    }

    .task-copy [type="checkbox"]:disabled:checked + label:after {
        color: #999;
    }

    .task-copy [type="checkbox"]:disabled + label {
        color: #aaa;
    }
    /* accessibility */
    .task-copy [type="checkbox"]:checked:focus + label:before,
    .task-copy [type="checkbox"]:not(:checked):focus + label:before {
        border: 2px dotted blue;
    }

    /* hover style just for information */
    label:hover:before {
        border: 2px solid #4778d9 !important;
    }

    .std-dashboard .task-item.task-copy .task-number p {
         bottom: 40%;
         left: 8%;
     }

/*** TAG COMPONENTS STYLES ***/

.tags-selector.k-widget.k-multiselect {
}

    .tags-selector.k-widget.k-multiselect .k-button {
        background-color: transparent;
        border-color: #888888;
        box-shadow: none;
        color: #000000 !important;
        border-radius: 12px;
        font-size: 12px;
        padding: 1.4px 23px 1.4px 6px;
    }

.tags-selector-list.k-list-container .k-list .k-item > .k-group, .tags-selector-list.k-list-container .k-group-header {
    color: #000000;
}

.tag-display {
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
}

    .tag-display .tag-display-item {
        background-color: transparent;
        border-color: #888888;
        box-shadow: none;
        color: #000000 !important;
        border-radius: 12px;
        font-size: 12px;
        padding: 1.4px 6px 1.4px 6px;
        display: inline-block;
    }