/*/**/*//*!
 * tiles.css v1.0 
 * Copyright 2020 PHW, LLC
 *//*! Structured after Twitter | Bootstrap v3.3.4 (http://getbootstrap.com) | ! normalize.css v3.0.1 */
.nav-up {
    top: -50px;
}

.nav-down {
    top: 0;
}

.mr-5 {
    margin-right: 5px;
}

.navbar-logo-sm {
    float: left;
    height: 50px;
    width: 50px;
    margin-left: 0;
    margin-top: 0;
    background-image: url('../Virtual/App_Themes/Default/img/statLogo-sm.png');
    background-repeat: no-repeat;
    background-position: center;
}

.navbar-brand {
    float: left;
    height: 50px;
    padding: 7px 20px;
    font-size: 18px;
    line-height: 20px;
}

.navbar-company {
    font-size: 14px;
    color: #777;
    padding-left: 0;
}

.navbar-title-sm {
    font-size: 20px;
    color: #777;
    line-height: 20px;
}

.containertiles {
    /*top: 70px;*/
    position: relative;
}

.navoptions a {
    color: white;
}

.navoptions a:hover {
    color: #d9534f;
}

.navbar-brand-options {
    float: left;
    height: 50px;
    padding: 15px 15px;
    font-size: 18px;
    line-height: 20px;
}
.group-tiles span, .group-tiles .box-tiles {
    float: left;
}

.tools-sm {
    float: right;
}

.tile:hover .tile-toolbar-sm {
    visibility: hidden !important;
}

.editModeTileGroup .tile:hover .tile-toolbar-sm {
    visibility: visible !important;
}

.group-tiles {
    /*position: unset !important;*/
}

.group-tiles .iconDeleteHidden {
    display: none !important;
}

.groupName .fa-edit:hover, .groupName .fa-trash:hover {
    cursor: pointer;
}

.groupName .fa-edit {
    margin-left: 5px;
}

.navbar-btn-sm .fa-bars:hover, .navbar-btn-sm .fa-plus-square-o:hover, .navbar-btn-sm .fa-save:hover {
    cursor: pointer;
}

.divPopUpInfo {
    margin: 10px 10px 15px 10px;
}

.btnSaveGroupName {
    float: right;
    position: relative;
    right: 20px;
}

.popover-footer {
    padding-bottom: 40px;
}

.rowTileGroup {
    margin-bottom: 30px;
}

.groupName {
    color: #777;
    font-weight: bold;
}

.lblTitle {
    color: #777;
    font-weight: bold;
}
.tile:hover {
    -webkit-box-shadow: 1px 1px 1px 1px rgba(0,0,0,0.75);
    -moz-box-shadow: 1px 1px 1px 1px rgba(0,0,0,0.75);
    box-shadow: 1px 1px 1px 1px rgba(0,0,0,0.75);
    color: white !important;
}

.fakeOpen > .dropdown-menu {
    display: block;
}
.group-tiles {
    width: 210px;
    margin: 0px;
    margin-right: 55px;
    margin-bottom: 55px;
    height: 210px;
    position: relative;
    float: left;
}

.groupName {
    display: inline-block;
    width: 100%;
}

.tile {
    width: 200px;
    height: 200px;
    margin: 0px;
    margin-right: 25px;
    margin-top: 25px;
    position: relative;
    display: block;
    float: left;
    color: #FFF;
    text-decoration: none;
    cursor: pointer;
    background-color: #2C83EF;
    /*border: 1px solid rgba(255, 255, 255, 0.3);*/
    -webkit-background-clip: padding;
    -moz-background-clip: padding;
    background-clip: padding-box;
    overflow: hidden;
    -moz-border-radius: 20px 20px 20px 20px;
    -webkit-border-radius: 20px 20px 20px 20px;
    border-radius: 20px 20px 20px 20px;
}

.tile2 {
    width: 175px;
    height: 200px;
    margin: 0px;
    /*margin-right: 25px;
    margin-top: 25px;*/
    position: relative;
    display: block;
    float: left;
    color: #FFF;
    text-decoration: none;
    /*cursor: pointer;*/
    background-color: #2C83EF;
    /*border: 1px solid rgba(255, 255, 255, 0.3);*/
    -webkit-background-clip: padding;
    -moz-background-clip: padding;
    background-clip: padding-box;
    overflow: hidden;
    -moz-border-radius: 20px 20px 20px 20px;
    -webkit-border-radius: 20px 20px 20px 20px;
    border-radius: 20px 20px 20px 20px;
}

.icon {       
    width: 100%;
}

.icon-wrapper {
    width: 100%;
    padding: 0px;
    display: block;
    height: 80px;
    margin-top: 20px;
    text-align: center;
    vertical-align: middle;
}

.tile-label {
    width: 100%;
    padding: 0px 2px;
    position: relative;
    font-size: 22px;
    text-align: center;
    top: 10px;
    display: inline-block;
    line-height: 1.2;
}

.tile-label2 {
    width: 100%;
    padding: 0px 2px;
    position: relative;
    font-size: 22px;
    text-align: center;
    top: 10px;
    display: inline-block;
    line-height: 1.2;
}

.tile-toolbar-sm {
    display: none;
}

@media (max-width: 430px) {
.ungrouped {
    margin-right: 10px;
    margin-left: 10px;
}

.groupName {
    margin-right: 10px;
    margin-left: 10px;
    margin-bottom: 5px;
    font-size: 16px;
}

.tile {
    overflow: initial;
    height: 50px;
    margin-top: 0;
    width: 100%;               
    margin-bottom: 10px;
    -moz-border-radius: 5px 5px 5px 5px;
    -webkit-border-radius: 5px 5px 5px 5px;
    border-radius: 5px 5px 5px 5px;
}

.icon-wrapper {
    height: 50px;
    margin-top: 0px;
    text-align: center;             
    width: 100%;
}

.icon {
    font-size: 35px;
    position: relative;
    display: inline-block;
    width: 60px;
    float: left;
    border-right: 2px solid #ccc;
    line-height: 50px;
    height: 48px;
    background-color: #555555; /*rgb(8, 48, 107)*/
    -moz-border-radius: 5px 0px 0px 0px;
    -webkit-border-radius: 5px 0px 0px 0px;
    border-radius: 5px 0px 0px 5px;
}

.icon2 {
    /*font-size: 35px;*/
    position: relative;
    display: inline-block;
    /*width: 60px;
    float: left;
    border-right: 2px solid #ccc;*/
    line-height: 50px;
	margin-top: 50px;
    /*height: 48px;
    background-color: #555555;
    -moz-border-radius: 5px 0px 0px 0px;
    -webkit-border-radius: 5px 0px 0px 0px;
    border-radius: 5px 0px 0px 5px;*/
}

.mblText {
    font-size: 9px;
    text-align: center;
    color: black;
    overflow: hidden;
}

.group-tiles {
    width: auto !important;
    height: auto !important;
    margin: 0px !important;
    margin-bottom: 25px !important;
}

    .group-tiles .box-tiles {
        width: auto !important;
        height: auto !important;
    }

.tile-label {
    position: relative;
    font-size: 18px;
    display: inline-block;
    height: 50px;
    overflow: hidden;
    text-overflow: ellipsis;
    float: left;
    width: 70%;
    text-align: left;
    line-height: 40px;
    text-indent: 10px;
    top: 5px;
}
	
.tile-label2 {
    position: relative;
    font-size: 22px;
    display: inline-block;
    height: 50px;
    overflow: hidden;
    text-overflow: ellipsis;
    /*float: left;
    width: 70%;
    text-align: left;
    line-height: 50px;
    text-indent: 10px;
    top: 5px;*/
}

.row {
    margin-right: 0;
    margin-left: 0;
}           
}


/* Tile colors */
.bg-color-orange {
	background-color: #f0ad4e !important;
}
.bg-color-purple {
	background-color: #7b4f9d !important;
}
.bg-color-greenDark {
	/*background-color: #008641 !important;*/
    background-color: #1e88e5 !important;
}
.bg-color-blue {
	background-color: #5bc0de !important;
}
.bg-color-red {
	/*background-color: #d9534f !important;*/
     background-color: #1e88e5 !important; /*not sure when/why this one was changed, so I am just going to create a new overide one below for psc colors*/
}
.bg-color-red-psc {
    background-color: #d9534f !important;
}
.bg-color-green {
	background-color: #5cb85c !important;
}
.bg-color-blueDark {
	background-color: #428bca !important;
}
.bg-color-yellow {
	background-color: #ffc40d !important;
}
.bg-color-pink {
	background-color: #e671b8 !important;
}
.bg-color-darken {
	background-color: #1c1c1c !important;
}
.bg-color-gray {
	background-color: #555555 !important;
}
.bg-color-grayLight {
	background-color: #999999 !important;
}
.bg-color-primary {
	/*background-color: #007aff !important;*/
    background-color: #1e88e5 !important;
}
.font-color-white {
	color: #ffffff !important;
}
.color-white {
	border-top-color: #ffffff !important;
}

@media (max-width: 768px) {
    .navbar-logo-sm {
        left: 10px;
        position: relative;
    }
}

@media (min-width: 415px) and (max-width:767px) {
    .containertiles {
        margin-left: 10px;
    }
}

#permalink_section
{
    width: 100%;
    /*height:400px;
    border:1px solid red;*/
    /*white-space: pre-wrap;*/ /* css-3 */    
    /*white-space: -moz-pre-wrap;*/ /* Mozilla, since 1999 */
    /*white-space: -pre-wrap;*/ /* Opera 4-6 */    
    /*white-space: -o-pre-wrap;*/ /* Opera 7 */    
    word-wrap: break-word; /* Internet Explorer 5.5+ */

}