@import url("base.css");

/* ---------------------------------------------------------------------
BOOTSTRAP INPUT FIX
----------------------------------------------------------------------*/
/*bootstrap input type=text override*/
input[type=search]::-webkit-search-cancel-button {
    -webkit-appearance: searchfield-cancel-button;
}

/* ---------------------------------------------------------------------
BOOTSTRAP COL EQUAL HEIGHT FIX
----------------------------------------------------------------------*/
.row.display-flex {
    display: flex;
    flex-wrap: wrap;
}

.row.display-flex > [class*='col-'] {
    display: flex;
    flex-direction: column;
}

/* ---------------------------------------------------------------------
CRISALIS BRAND STYLES
----------------------------------------------------------------------*/

.btn-crisalis-primary {
    background-color: #075611 !important;
    border-color: #06460e !important;
    color: white !important;
}

    .btn-crisalis-primary:hover,
    .btn-crisalis-primary:active,
    .btn-crisalis-primary:focus {
        background-color: #06460e !important;
        border-color: #04370b !important;
        color: white !important;
    }
/* ---------------------------------------------------------------------
TOAST NOTIFICATIONS
----------------------------------------------------------------------*/
.notyf {
    z-index: 10000 !important;
}
/* ---------------------------------------------------------------------
SAVING/LOADING ICON SPINNER
----------------------------------------------------------------------*/
.glyphicon.fast-right-spinner {
    -webkit-animation: glyphicon-spin-r 1s infinite linear;
    animation: glyphicon-spin-r 1s infinite linear;
}

@-webkit-keyframes glyphicon-spin-r {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }

    100% {
        -webkit-transform: rotate(359deg);
        transform: rotate(359deg);
    }
}

@keyframes glyphicon-spin-r {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }

    100% {
        -webkit-transform: rotate(359deg);
        transform: rotate(359deg);
    }
}

/* ---------------------------------------------------------------------
Pagination
----------------------------------------------------------------------*/
.pagination {
    display: inline-block;
}

.pagination a {
    color: black;
    float: left;
    padding: 8px 16px;
    text-decoration: none;
}

.pagination a {
    border: 1px solid #ddd; /* Gray */
}

.pagination a.active {
    background-color: #4CAF50;
    color: white;
}

.center
{
    text-align: center;
}

/* ---------------------------------------------------------------------
DIV SECTIONS
----------------------------------------------------------------------*/
div.title
{
    font-size: 1.2em;
    text-align: left;
    padding: 2px 50px;
    margin-bottom: 10px;
    background: #075611 url("/Style/3rdParty/jqueryui/images/ui-bg_highlight-soft_75_120319_1x100.png") repeat-x scroll 50% 50%;
    border: solid 1px #000;
    color: #FFF;
}
div.sitemap
{
    font-size: 0.9em;
    padding: 4px 20px;
    color: #000;
    border-bottom: 1px solid #075611;
    background: #eee url("/Style/3rdParty/jqueryui/images/ui-bg_glass_75_dadada_1x400.png") repeat-x scroll 50% 50%;
}
div.forminfo {
    font-size: 0.9em;
    padding: 4px 20px;
    color: #000;
    border-bottom: 1px solid #075611;
    background: #eee url("/Style/3rdParty/jqueryui/images/ui-bg_glass_75_f2ebf6_1x400.png") repeat-x scroll 50% 50%;
}
div.forminfodata {
    display: inline-block;
    padding: 0 20px;
}
div.forminfodata > a {
    text-decoration: underline
}
div.data
{
    display: inline-block;
    padding: 2px 5px;
    min-width: 470px;
    position: relative;
}
div.data > div {
    display: inline-block;
    padding-right: 10px;
    vertical-align: middle;
}
div.data > div:first-child {
    width: 200px;
    text-align: right;
}
div.InfoText {
    float: right;
    display: inline-block;
}
div.required {
    border: 1px solid #333;
    padding: 5px 10px;
}
div.required > h4 {
    display: block;
}

/* ---------------------------------------------------------------------
TABLE OPTIONS
----------------------------------------------------------------------*/
table.noBorders td 
{
    border-style: none;
    border-spacing: 0;
}

/* ---------------------------------------------------------------------
GRID
----------------------------------------------------------------------*/
.scrollableGrid
{
    overflow: auto;
    display: block;
}
.altrow 
{
    background-color: #EEEEEF;
    background-image: none;
}

/* ---------------------------------------------------------------------
TREEMENU DIVS
----------------------------------------------------------------------*/
.treetable {
    width: 100%;
    border-spacing: 0;
}
.treemenu {
    background-color: #dae2d1;
    border-right: solid 1px #333;
    border-left: solid 1px #999;
    color: #333;
    border-bottom: solid 1px #999;
    padding: 10px;
    width: 1px;
    vertical-align: top;
}
.treemenucontent {
    background-color: #FFF;
    border-right: solid 1px #999;
    border-bottom: solid 1px #999;
    padding: 0 10px;
    vertical-align: top;
}

/* ---------------------------------------------------------------------
DIVS
----------------------------------------------------------------------*/
.wrapper{
    padding: 0.5em 1em;
}

.content{
    border-left: solid 1px #999;
    border-right: solid 1px #999;
    border-bottom: solid 1px #999;
    background-color: #FFF;
}

.siteheader{
    background: url("../Images/header_bar.png") no-repeat #FFF;
    background-position: right;
    border: solid 1px #999;
    height: 55px;
    padding: 0px 10px;
}

.siteheader > .logo{
    background: url("../Images/Logos/CRISALIS.gif") no-repeat #FFF;
    float: left;
    background-size: 50px;   
    background-position: left;
    height: 50px;
    width: 50px;
    position: relative;
}
.siteheadertext {
    height: 50px;
    float: left;
}

    .siteheadertext > img {
        padding: 5px 0px 5px 50px;
    }

.siteheader > .info {
    float: right;
    text-align: right;
}
.siteheader > .info ul.loginbar {
	margin: 0;
    font-size: 1.3em;
}

.siteheader > .info ul.loginbar > li {
	display: inline;
	list-style: none;
	position: relative;
	padding-bottom: 15px;
}

    .siteheader > .info ul.loginbar > li,
    .siteheader > .info ul.loginbar > li > a,
    .siteheader > .info ul.loginbar > li > a:hover {
        font-size: 0.9em;
        color: whitesmoke;
        text-shadow: -1px 1px 0 #000, 1px 1px 0 #000, 1px -1px 0 #000, -1px -1px 0 #000;
    }


.siteheader > .info ul.loginbar > li > a {
    text-decoration: underline;
}

.siteheader > .info ul.loginbar li.divider { 
	top: -1px;
	padding: 0;
	font-size: 8px;
	position: relative;
	margin: 0 9px 0 5px;
	font-family: Tahoma;
	border-right: solid 1px #777;
}

.ui-dialog-titlebar-close {
  visibility: hidden;
}

.form-data-lock-heading {
    display: inline-block;
    color: red;
    padding-left: 40px;
    font-weight: bold;
    font-size: 18px;
}

.req{color:#ff0000;}
ul.msg {
    margin: 0;
    padding: 0;
}
ul.msg li {
    margin: 2px;
    position: relative;
    padding: 3px 2px;
    cursor: pointer;
    float: left;
    list-style: none;
}
#block_messages{
    width:100%;
    height: 300px;
    overflow-y:scroll;
}
.message {
}
#block_messages .header{
    color: #555;
    font-style: italic;
}
#block_messages .datetime{
    float:right; 
    padding-right:5px;
}
#block_messages .body{
    margin-top:2px;
    margin-bottom: 7px;
}

[v-cloak] {
    display: none;
}