/*load local google fonts*/
@font-face {
    font-family: 'Open Sans';
    src: url('./fonts/OpenSans-Regular.ttf') format('truetype');
}

@font-face {
    font-family: 'Open Sans Condensed';
    src: url('./fonts/OpenSansCondensed-Light.ttf') format('truetype');
}

@font-face {
    font-family: 'PT Sans';
    src: url('./fonts/PTSans-Regular.ttf') format('truetype');
}

@font-face {
    font-family: 'PT Sans Narrow';
    src: url('./fonts/PTSansNarrow-Regular.ttf') format('truetype');
}

html {
    font-family: "Open Sans", "Open Sans Condensed","PT Sans","PT Sans Narrow", "Helvetica Neue", Helvetica, Arial, sans-serif;
    height: 100%;
    font-size: 14px;
}

body {
    font-family: "Open Sans", "Open Sans Condensed","PT Sans","PT Sans Narrow", "Helvetica Neue", Helvetica, Arial, sans-serif;
    padding: 0;
    margin: 0;
    height: 100%;
    overflow-x: hidden;
    font-size: 14px;
}


/*START custom scrollbar*/
::-webkit-scrollbar {
    width: 7px;
    height: 7px;
}
/* Track */
::-webkit-scrollbar-track {
    background: #f1f1f1;
}
/* Handle */
::-webkit-scrollbar-thumb {
    background: #999999;
}
    /* Handle on hover */
    ::-webkit-scrollbar-thumb:hover {
        background: #444444;
    }
/* The track NOT covered by the handle.*/
::-webkit-scrollbar-track-piece {
    /*    background: #f1f1f1;*/
}
/* Corner */
::-webkit-scrollbar-corner {
    /*    background: #333;*/
}
/*END custom scrollbar*/

.header-container{
    padding: 0 15px;
}

.navbar {
    padding-top: 0;
    min-height: 60px;
    position: fixed;
}

.navbar-brand {
    font-size: 2.8em;
    letter-spacing: 10px;
    line-height: 10px;
    font-family: "PT Sans Narrow";
    height:60px;
}

.navbar-inverse .navbar-brand:hover,
.navbar-inverse .navbar-brand:focus,
.navbar-inverse .navbar-nav > li > a:hover,
.navbar-inverse .navbar-nav > li > a:focus {
    color: #0099CC;
}

#logoutForm, #loginLink, #popover_content_wrapper {
    font-family: "PT Sans Narrow";
    font-size: 1.2em; 
}

:root {
    --footer-margin: 20px;
    --footer-height: 50px;
    --without-menu-header-height: 115px;
    --with-menu-header-height: 0px;
    --page-content-height: 100%;
}

.body-content {
    padding-top: calc(var(--with-menu-header-height) + var(--without-menu-header-height) + 5px);
    padding-left: 15px;
    padding-right: 15px;
    margin-left: auto;
    margin-right: auto;
    width: 99.5%;
    max-width: 100%;
    min-height: calc(100vh - var(--footer-height) - var(--footer-margin));
}

/* 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;
    max-width:inherit;
}

.ra-well-title {
    font-size: 1.2857em;
    line-height: 1.2857em;
    border-bottom: 1px solid #e7e7e7;
    margin: -5px -19px 0.8333em;
    padding: 10px 19px 0.7222em;
    color: #1C2F5A;
}

.navbar-logo {
    float: left;
}

/*****************Custom Styles for Kendo Controls*/

.k-readonly {
    color: gray;
}

/*Added by Markos*/
/*all navigation mpdified by markos 09/27/2022*/
#navigationMenu {
    padding-top: 61px;
    z-index: 1029;
    position: fixed;
    width: 100%;
    background-color: #053267;
}

#navigationMenu .k-menu {
    font-family: "PT Sans";
    font-size: .97em;
/*    border-radius: 0 !important;
    background-color: transparent;
    color: #ffffff;
    background: #07477D !important;
*/}

#navigationMenu .k-menu.k-header {
    /*    border: 0;
border-top: solid 1px #045390 !important;
border-bottom: solid 1px #045390 !important;
    color: #ffffff !important;
*/ 
    border-color: #045390 !important;
    background-color: #053267 !important;
}

#navigationMenu .k-menu>.k-first{
/*    border-radius: 0;
*/}

#navigationMenu .k-menu .k-item {
/*    border-color: #044277 !important;
*/}

#navigationMenu .k-state-highlight {
/*    background: transparent !important;
*/    color: #ffffff !important;
    background-color: #07477D !important;
}

#navigationMenu .k-link:link, 
#navigationMenu .k-link:visited, 
#navigationMenu .k-nav-current.k-state-hover .k-link {
   /* color: #ffffff;*/
}

#navigationMenu .k-menu .k-item .k-link:link, 
#navigationMenu .k-menu .k-item .k-link:visited, 
#navigationMenu .k-menu .k-item .k-nav-current .k-link {
    color: #ffffff;
    text-decoration: none;
}

#navigationMenu .k-menu .k-item .k-state-default .k-state-hover:hover,
#navigationMenu .k-menu .k-item .k-state-hover:hover,
#navigationMenu .k-state-hover,
#navigationMenu .k-state-hover:hover {
    background-color: #053267 !important;
    color: #ffffff !important;
    border-color:#0b6cb6 !important;
}

#navigationMenu .k-menu .k-item .k-state-border-down {
    background: transparent;
    background-color: #07477D !important;
    color: #ffffff !important;
}

#navigationMenu k-menu .k-item .k-state-border-right,
#navigationMenu k-menu .k-item .k-state-border-left { 
    background: transparent;
    background-color: #07477D !important;
    color: #ffffff !important;
}

#navigationMenu .k-menu .k-item > .k-link > span {
/*    background-color: #DADCDE !important;
    margin-left: 10px !important;
    border-radius: 8px !important;
    color: #07477D !important;
*/}

#navigationMenu .k-menu .k-state-hover > .k-link,
#navigationMenu .k-menu-group .k-item.k-state-hover > .k-link {
    background-color: #07477D;
    color: #ffffff !important;
}

#navigationMenu .k-menu-group .k-item .k-link.k-state-active,
#navigationMenu .k-context-menu .k-item .k-link.k-state-active {
  color: #ffffff;
  background-color: #07477D; 

}

#navigationMenu .k-state-hover > .k-link,
.k-other-month.k-state-hover .k-link, 
div.k-filebrowser-dropzone em {
      color: #ffffff;
}

/*scroll menu overide*/
#navigationMenu .k-menu-scroll-button {
    border-color: #0b6cb6;
    color: #DADCDE;
    background-image: none;
    background-image: none,-webkit-gradient(linear,left top,left bottom,from(false));
    background-image: none,-webkit-linear-gradient(top,false);
    background-image: none,linear-gradient(to bottom,false);
    background-position: 50% 50%;
    background-color: #07477D;
}

#navigationMenu .k-state-hover,
#navigationMenu .k-state-hover:hover,
#navigationMenu .k-state-hover > .k-link {
    background-color: #0b6cb6 !important;
    color: #ffffff !important;
    border-color: #0b6cb6 !important;
}

#navigationMenu .k-group, 
#navigationMenu .k-popup, 
#navigationMenu .k-widget .k-status {
    background-color: #07477D;
    color: #ffffff;
    border-color:#0b6cb6;
}

#navigationMenu .k-group,
#navigationMenu .k-popup, 
#navigationMenu .k-animation-container{
   overflow: hidden !important;
}

#navigationMenu .k-state-selected{
    background-color: #07477D !important;
}
/*end added by Markos - Navigation*/

.form-control {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
    /*height: 37px !important;*//*Removed by Markos on 6/12/2018*/
}

.form-control.k-textbox {
    padding-top: 0 !important;
    /*height: 37px !important;*/ /*Removed by Markos on 6/12/2018*/
}

.k-textbox > input,
.k-autocomplete .k-input,
.k-picker-wrap .k-input,
.k-numeric-wrap .k-input,
.k-dropdown-wrap .k-input,
.k-selectbox .k-input {
    text-indent: 15px !important;
}

.labelMedium {
    font-weight: normal;
    margin-bottom: 0;
    vertical-align: middle;
}

.table th {
    white-space: nowrap;
    text-align: left;
    width: 15%;
}

.table td {
    width: 35%;
    text-align: left;
}

.form-group-display {
    line-height: 1.6em;
    margin-top: 5px;
}

.k-grid {
    font-family: "DejaVu Sans", "Arial", sans-serif;
    width: 99.5%;
    font-size: .9em;
}

.k-grid .k-dropdown-wrap .k-input {
    height: 2.2em !important;
    /*line-height: 1.94em;
    padding: .177em 0 !important;*//*Removed by Markos 6/12/2018*/
    text-indent: .8em !important;
    border: 0;
    margin: 0;
}

div.k-info {
    border-radius: 5px;
    background: blue;
    vertical-align: middle;
    width: 29px;
    height: 29px;
    padding: 3px 2px 3px 2px;
    float: left;
    margin: 5px 5px 0px 0px;
}

div.k-info:hover {
    border-radius: 5px;
    background: #eab70e;
    vertical-align: middle;
    width: 29px;
    height: 29px;
    padding: 3px 2px 3px 2px;
    float: left;
    margin: 5px 5px 0px 0px;
}

div.k-info > img {
    width: 28px;
    height: 28px;
    max-height: 100%;
    max-width: 100%;
    object-fit: contain;
}

:not(.k-spreadsheet-filter-menu) > div.k-details {
    border-radius: 5px;
    background: blue;
    vertical-align: middle;
    width: 29px;
    height: 29px;
    padding: 3px 2px 3px 2px;
    float: left;
    margin: 5px 5px 0px 5px;
}

:not(.k-spreadsheet-filter-menu) > div.k-details:hover {
    border-radius: 5px;
    background: #eab70e;
    vertical-align: middle;
    width: 29px;
    height: 29px;
    padding: 3px 2px 3px 2px;
    float: left;
    margin: 5px 5px 0px 5px;
}

:not(.k-spreadsheet-filter-menu) > div.k-details > img {
    width: 28px;
    height: 28px;
    max-height: 100%;
    max-width: 100%;
    object-fit: contain;
}

div.k-download {
    border-radius: 5px;
    background: #07477D;
    vertical-align: middle;
    width: 29px;
    height: 29px;
    padding: 3px 2px 3px 2px;
    float: left;
    margin: 5px 5px 0px 5px;
}

div.k-download:hover {
    border-radius: 5px;
    background: #eab70e;
    vertical-align: middle;
    width: 29px;
    height: 29px;
    padding: 3px 2px 3px 2px;
    float: left;
    margin: 5px 5px 0px 5px;
}

div.k-download > img {
    width: 28px;
    height: 28px;
    max-height: 100%;
    max-width: 100%;
    object-fit: contain;
}

div.k-modify {
    border-radius: 5px;
    background: #5087eb;
    vertical-align: middle;
    width: 29px;
    height: 29px;
    padding: 3px 2px 3px 2px;
    float: left;
    margin: 5px 5px 0px 5px;
}

div.k-modify:hover {
    border-radius: 5px;
    background: #eab70e;
    vertical-align: middle;
    width: 29px;
    height: 29px;
    padding: 3px 2px 3px 2px;
    float: left;
    margin: 5px 5px 0px 5px;
}

div.k-modify > img {
    width: 28px;
    height: 28px;
    max-height: 100%;
    max-width: 100%;
    object-fit: contain;
}


div.k-override {
    border-radius: 5px;
    background: #5087eb;
    vertical-align: middle;
    width: 29px;
    height: 29px;
    padding: 3px 2px 3px 2px;
    float: left;
    margin: 5px 5px 0px 5px;
}

div.k-override:hover {
    border-radius: 5px;
    background: #eab70e;
    vertical-align: middle;
    width: 29px;
    height: 29px;
    padding: 3px 2px 3px 2px;
    float: left;
    margin: 5px 5px 0px 5px;
}

div.k-override > img {
    width: 28px;
    height: 28px;
    max-height: 100%;
    max-width: 100%;
    object-fit: contain;
}

div.k-BulkCloning {
    border-radius: 5px;
    background: #c1035c;
    vertical-align: middle;
    width: 29px;
    height: 29px;
    padding: 3px 2px 3px 2px;
    float: left;
    margin: 5px 5px 0px 5px;
}

div.k-BulkCloning:hover {
    border-radius: 5px;
    background: #eab70e;
    vertical-align: middle;
    width: 29px;
    height: 29px;
    padding: 3px 2px 3px 2px;
    float: left;
    margin: 5px 5px 0px 5px;
}

div.k-BulkCloning > img {
    width: 28px;
    height: 28px;
    max-height: 100%;
    max-width: 100%;
    object-fit: contain;
}

div.k-edit {
    border-radius: 5px;
    background: #ff6a00;
    vertical-align: middle;
    width: 29px;
    height: 29px;
    padding: 3px 2px 3px 2px;
    float: left;
    margin: 5px 5px 0px 5px;
}

div.k-edit:hover {
    border-radius: 5px;
    background: #eab70e;
    vertical-align: middle;
    width: 29px;
    height: 29px;
    padding: 3px 2px 3px 2px;
    float: left;
    margin: 5px 5px 0px 5px;
}

div.k-edit > img {
    width: 28px;
    height: 28px;
    max-height: 100%;
    max-width: 100%;
    object-fit: contain;
}

div.k-BudgetReview {
    border-radius: 5px;
    background: #0099CC;
    vertical-align: middle;
    width: 29px;
    height: 29px;
    padding: 3px 2px 3px 2px;
    float: left;
    margin: 5px 5px 0px 5px;
}

div.k-BudgetReview:hover {
    border-radius: 5px;
    background: #eab70e;
    vertical-align: middle;
    width: 29px;
    height: 29px;
    padding: 3px 2px 3px 2px;
    float: left;
    margin: 5px 5px 0px 5px;
}

div.k-BudgetReview > img {
    width: 28px;
    height: 28px;
    max-height: 100%;
    max-width: 100%;
    object-fit: contain;
}

div.k-Review {
    border-radius: 5px;
    background: #9003af;
    vertical-align: middle;
    width: 29px;
    height: 29px;
    padding: 3px 2px 3px 2px;
    float: left;
    margin: 5px 5px 0px 5px;
}

div.k-Review:hover {
    border-radius: 5px;
    background: #eab70e;
    vertical-align: middle;
    width: 29px;
    height: 29px;
    padding: 3px 2px 3px 2px;
    float: left;
    margin: 5px 5px 0px 5px;
}

div.k-Review > img {
    width: 28px;
    height: 28px;
    max-height: 100%;
    max-width: 100%;
    object-fit: contain;
}

div.k-approvePacket {
    border-radius: 5px;
    background: #0b8cf8;
    vertical-align: middle;
    width: 29px;
    height: 29px;
    padding: 3px 2px 3px 2px;
    float: left;
    margin: 5px 5px 0px 5px;
}

div.k-approvePacket:hover {
    border-radius: 5px;
    background: #eab70e;
    vertical-align: middle;
    width: 29px;
    height: 29px;
    padding: 3px 2px 3px 2px;
    float: left;
    margin: 5px 5px 0px 5px;
}

div.k-approvePacket > img {
    width: 28px;
    height: 28px;
    max-height: 100%;
    max-width: 100%;
    object-fit: contain;
}

div.k-uploadPacket {
    border-radius: 5px;
    background: #1079d0;
    vertical-align: middle;
    width: 29px;
    height: 29px;
    padding: 3px 2px 3px 2px;
    float: left;
    margin: 5px 5px 0px 5px;
}

div.k-uploadPacket:hover {
    border-radius: 5px;
    background: #eab70e;
    vertical-align: middle;
    width: 29px;
    height: 29px;
    padding: 3px 2px 3px 2px;
    float: left;
    margin: 5px 5px 0px 5px;
}

div.k-uploadPacket > img {
    width: 28px;
    height: 28px;
    max-height: 100%;
    max-width: 100%;
    object-fit: contain;
}

div.k-Collect {
    border-radius: 5px;
    background: #9003af;
    vertical-align: middle;
    width: 29px;
    height: 29px;
    padding: 3px 2px 3px 2px;
    float: left;
    margin: 5px 5px 0px 5px;
}

div.k-Collect:hover {
    border-radius: 5px;
    background: #eab70e;
    vertical-align: middle;
    width: 29px;
    height: 29px;
    padding: 3px 2px 3px 2px;
    float: left;
    margin: 5px 5px 0px 5px;
}

div.k-Collect > img {
    width: 28px;
    height: 28px;
    max-height: 100%;
    max-width: 100%;
    object-fit: contain;
}

div.k-Acknowledge {
    border-radius: 5px;
    background: #9003af;
    vertical-align: middle;
    width: 29px;
    height: 29px;
    padding: 3px 2px 3px 2px;
    float: left;
    margin: 5px 5px 0px 5px;
}

div.k-Acknowledge:hover {
    border-radius: 5px;
    background: #eab70e;
    vertical-align: middle;
    width: 29px;
    height: 29px;
    padding: 3px 2px 3px 2px;
    float: left;
    margin: 5px 5px 0px 5px;
}

div.k-Acknowledge > img {
    width: 28px;
    height: 28px;
    max-height: 100%;
    max-width: 100%;
    object-fit: contain;
}

div.k-reviewAssign {
    border-radius: 5px;
    background: #35c138;
    vertical-align: middle;
    width: 29px;
    height: 29px;
    padding: 3px 2px 3px 2px;
    float: left;
    margin: 5px 5px 0px 5px;
}

div.k-reviewAssign:hover {
    border-radius: 5px;
    background: #eab70e;
    vertical-align: middle;
    width: 29px;
    height: 29px;
    padding: 3px 2px 3px 2px;
    float: left;
    margin: 5px 5px 0px 5px;
}

div.k-reviewAssign > img {
    width: 28px;
    height: 28px;
    max-height: 100%;
    max-width: 100%;
    object-fit: contain;
}

div.k-Admin {
    border-radius: 5px;
    background: #eab70e;
    vertical-align: middle;
    width: 29px;
    height: 29px;
    padding: 3px 2px 3px 2px;
    float: left;
    margin: 5px 5px 0px 5px;
}

div.k-Admin:hover {
    border-radius: 5px;
    background: #eab70e;
    vertical-align: middle;
    width: 29px;
    height: 29px;
    padding: 3px 2px 3px 2px;
    float: left;
    margin: 5px 5px 0px 5px;
}

div.k-Admin > img {
    width: 28px;
    height: 28px;
    max-height: 100%;
    max-width: 100%;
    object-fit: contain;
}

div.k-reAssign {
    border-radius: 5px;
    background: #35c138;
    vertical-align: middle;
    width: 29px;
    height: 29px;
    padding: 3px 2px 3px 2px;
    float: left;
    margin: 5px 5px 0px 5px;
}

div.k-reAssign:hover {
    border-radius: 5px;
    background: #eab70e;
    vertical-align: middle;
    width: 29px;
    height: 29px;
    padding: 3px 2px 3px 2px;
    float: left;
    margin: 5px 5px 0px 5px;
}

div.k-reAssign > img {
    width: 28px;
    height: 28px;
    max-height: 100%;
    max-width: 100%;
    object-fit: contain;
}

div.k-delete {
    border-radius: 5px;
    background-color: #d9534f !important;
    border-color: #ac2925;
    vertical-align: middle;
    width: 28px;
    height: 28px;
    padding: 3px 2px 3px 2px;
    float: left;
    margin: 5px 5px 0px 5px;
}

div.k-delete:hover {
    border-radius: 5px;
    background-color: #c9302c !important;
    border-color: #ac2925;
    vertical-align: middle;
    width: 28px;
    height: 28px;
    padding: 3px 2px 3px 2px;
    float: left;
    margin: 5px 5px 0px 5px;
}

div.k-delete > img {
    width: 28px;
    height: 28px;
    max-height: 100%;
    max-width: 100%;
    object-fit: contain;
}

div.k-generateSolNum {
    border-radius: 5px;
    background: #5087eb;
    vertical-align: middle;
    width: 29px;
    height: 29px;
    padding: 3px 2px 3px 2px;
    float: left;
    margin: 5px 5px 0px 5px;
}

div.k-generateSolNum:hover {
    border-radius: 5px;
    background: #eab70e;
    vertical-align: middle;
    width: 29px;
    height: 29px;
    padding: 3px 2px 3px 2px;
    float: left;
    margin: 5px 5px 0px 5px;
}

div.k-generateSolNum > img {
    width: 28px;
    height: 28px;
    max-height: 100%;
    max-width: 100%;
    object-fit: contain;
}

div.k-addLocations {
    border-radius: 5px;
    background: #07477D;
    vertical-align: middle;
    width: 29px;
    height: 29px;
    padding: 3px 2px 3px 2px;
    float: left;
    margin: 5px 5px 0px 5px;
}

div.k-addLocations:hover {
    border-radius: 5px;
    background: #eab70e;
    vertical-align: middle;
    width: 29px;
    height: 29px;
    padding: 3px 2px 3px 2px;
    float: left;
    margin: 5px 5px 0px 5px;
}

div.k-addLocations > img {
    width: 28px;
    height: 28px;
    max-height: 100%;
    max-width: 100%;
    object-fit: contain;
}

div.k-share {
    border-radius: 5px;
    background: #c1035c;
    vertical-align: middle;
    width: 29px;
    height: 29px;
    padding: 3px 2px 3px 2px;
    float: left;
    margin: 5px 5px 0px 5px;
}

div.k-share:hover {
    border-radius: 5px;
    background: #eab70e;
    vertical-align: middle;
    width: 29px;
    height: 29px;
    padding: 3px 2px 3px 2px;
    float: left;
    margin: 5px 5px 0px 5px;
}

div.k-share > img {
    width: 28px;
    height: 28px;
    max-height: 100%;
    max-width: 100%;
    object-fit: contain;
}

div.k-comment {
    border-radius: 5px;
    background: #5087eb;
    vertical-align: middle;
    width: 29px;
    height: 29px;
    padding: 3px 2px 3px 2px;
    float: left;
    margin: 5px 5px 0px 5px;
}

div.k-comment:hover {
    border-radius: 5px;
    background: #eab70e;
    vertical-align: middle;
    width: 29px;
    height: 29px;
    padding: 3px 2px 3px 2px;
    float: left;
    margin: 5px 5px 0px 5px;
}

div.k-comment > img {
    width: 28px;
    height: 28px;
    max-height: 100%;
    max-width: 100%;
    object-fit: contain;
}

div.k-revisefunding {
    border-radius: 5px;
    background: #5087eb;
    vertical-align: middle;
    width: 29px;
    height: 29px;
    padding: 3px 2px 3px 2px;
    float: left;
    margin: 5px 5px 0px 5px;
}

div.k-revisefunding:hover {
    border-radius: 5px;
    background: #eab70e;
    vertical-align: middle;
    width: 29px;
    height: 29px;
    padding: 3px 2px 3px 2px;
    float: left;
    margin: 5px 5px 0px 5px;
}

div.k-revisefunding > img {
    width: 28px;
    height: 28px;
    max-height: 100%;
    max-width: 100%;
    object-fit: contain;
}

div.k-publish {
    border-radius: 5px;
    background: #096d30;
    vertical-align: middle;
    width: 29px;
    height: 29px;
    padding: 3px 2px 3px 2px;
    float: left;
    margin: 5px 5px 0px 5px;
}

div.k-publish:hover {
    border-radius: 5px;
    background: #eab70e;
    vertical-align: middle;
    width: 29px;
    height: 29px;
    padding: 3px 2px 3px 2px;
    float: left;
    margin: 5px 5px 0px 5px;
}

div.k-publish > img {
    width: 28px;
    height: 28px;
    max-height: 100%;
    max-width: 100%;
    object-fit: contain;
}

div.k-unpublish {
    border-radius: 5px;
    background: #096d30;
    vertical-align: middle;
    width: 29px;
    height: 29px;
    padding: 3px 2px 3px 2px;
    float: left;
    margin: 5px 5px 0px 5px;
}

div.k-unpublish:hover {
    border-radius: 5px;
    background: #eab70e;
    vertical-align: middle;
    width: 29px;
    height: 29px;
    padding: 3px 2px 3px 2px;
    float: left;
    margin: 5px 5px 0px 5px;
}

div.k-unpublish > img {
    width: 28px;
    height: 28px;
    max-height: 100%;
    max-width: 100%;
    object-fit: contain;
}

.buttonNoWrap {
    white-space: nowrap;
    clear: both;
}

div.legendText {
    float: right;
    padding-right: 5px;
    padding-top: 8px;
}

/* Hide the Grid header and pager during export */
.k-pdf-export .k-grid-toolbar,
.k-pdf-export .k-pager-wrap,
.k-pdf-export .k-grouping-header,
.k-pdf-export .k-button {
    display: none;
}

.k-tabstrip {
    background-color: #d1e4fb;
    width: 100%;
}

.k-detail-cell .k-tabstrip .k-content {
    padding: 0.2em;
    background-color: #fff;
    border-color: #fff;
}

.k-edit-form-container {
    width: 98%;
}

.k-grid td {
    /*line-height: 2em;*//*Removed by Markos 6/12/18*/
}

.master-details ul {
    list-style: none;
    font-style: italic;
    margin: 15px;
    padding: 0;
}

.master-details table {
    width: 100%;
}

.master-details td {
    width: 50%;
}

.master-details ul li {
    margin: 0;
    line-height: 1.7em;
}

.master-details label {
    display: inline-block;
    width: 150px;
    padding-right: 10px;
    text-align: right;
    font-style: normal;
    font-weight: bold;
}

fieldset.fsborder {
    background: #efefef;
    border: 1px solid #CFCFCF !important;
    border-radius: 5px;
    padding: 0 1.4em 1.4em 1.4em !important;
    margin: 0 0 1.5em 0 !important;
    -webkit-box-shadow: 0px 0px 0px 0px #000;
    box-shadow: 0px 0px 0px 0px #000;
}

legend.legendborder {
    width: inherit; /* Or auto */
    padding: 0 10px; /* To give a bit of padding on the left and right */
    background: #EFEFEF;
    border: 1px solid #CFCFCF !important;
    border-radius: 2px;
}

.projectdetails ul {
    list-style: none;
    font-style: normal;
    margin: 15px;
    padding: 0;
}

.projectdetails table {
    width: 100%;
}

.projectdetails td {
    width: 100%;
}

.projectdetails ul li {
    margin: 0;
    line-height: 1.7em;
}

.projectdetails label {
    display: inline-block;
    width: 250px;
    padding-right: 10px;
    text-align: right;
    font-style: normal;
    font-weight: bold;
}

.k-grid-edit-row input {
    height: 30px;
}

.popover {
    width: 308px;
    max-width: 300px;
    font-size: 14px;
    padding: 0px 0px 0px 0px;
    margin: 0px 0px 0px 0px;
    text-align: left;
    white-space: nowrap;
}

.k-grid .k-grid-header .k-header .k-link {
    height: auto;
}

.k-grid .k-grid-header .k-header {
    white-space: normal;
}

.externalApps a {
    color: blue;
}

.k-tabstrip-items .k-state-active,
.k-panelbar .k-tabstrip-items .k-state-active,
.k-ie7 .k-tabstrip-items .k-state-active .k-loading {
    background-image: none !important;
    border-color: #ccc;
    background-color: lightgrey !important;
    font-weight: bold;

}

.k-tabstrip .k-content.k-state-active {
    background-color: #fff !important;
    color: #333 !important;
}

.k-grid .k-button {
    background-color: #95a5a6;
    border-color: #95a5a6;
    color: #ffffff;
}

.bottonActionButtons {
    text-align: center;
}

/*************** Start of TabStrip ****************/

.div-tabstrip:before {
    display: block;
    content: " ";
    margin-top: -75px;
    height: 75px;
    visibility: hidden;
}

#GoToTop:before {
    display: block;
    content: " ";
    margin-top: -200px;
    height: 200px;
    visibility: hidden;
}

#GoToTop {
    font-weight: normal;
}

.TabStripSection1 {
    background-color: #CCE5FF !important;
    color: #333 !important;
    margin-left: 1px !important;
    margin-right: 1px !important;
    margin-top: 1px !important;
    margin-bottom: 1px !important;
    border: 1px solid lightgrey !important;
}

.TabStripSection2 {
    background-color: #CCFFE5 !important;
    margin-left: 1px !important;
    margin-right: 1px !important;
    margin-top: 1px !important;
    margin-bottom: 1px !important;
    border: 1px solid lightgrey !important;
}

.TabStripSection3 {
    background-color: #FFE5CC !important;
    margin-left: 1px !important;
    margin-right: 1px !important;
    margin-top: 1px !important;
    margin-bottom: 1px !important;
    border: 1px solid lightgrey !important;
}

.TabStripSection1 a {
    color: #000 !important;
}

.TabStripTabDataEntryNotStarted {
    border-bottom: 2px solid red !important;
}

.TabStripTabDataEntryInProgress {
    border-bottom: 2px solid yellow !important;
}

.TabStripTabDataEntryComplete {
    border-bottom: 2px solid green !important;
}

.TabStripSection1 gradient1 {
    color: #00d2ff !important; /* fallback for old browsers */
    color: -webkit-linear-gradient(to left, #CCFFFF, #0000FF) !important; /* Chrome 10-25, Safari 5.1-6 */
    color: linear-gradient(to left, #CCFFFF, #0000FF) !important; /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
}

#TabStrip1Footer {
    margin-top: -15px;
    padding: 5px;
    /*border: solid #CCC 1px;*/
    text-align: center;
    /*background-color: #CCE5FF;
    border-bottom-left-radius: 1em;
    border-bottom-right-radius: 1em;*/
}

#TabStrip2Footer {
    padding: 5px;
    border: solid #CCC 1px;
    text-align: center;
    background-color: #CCFFE5;
    border-bottom-left-radius: 2em;
    border-bottom-left-radius: 1em;
    border-bottom-right-radius: 1em;
}

#TabStrip3Footer {
    padding: 5px;
    border: solid #CCC 1px;
    text-align: center;
    background-color: #FFE5CC;
    border-bottom-left-radius: 2em;
    border-bottom-left-radius: 1em;
    border-bottom-right-radius: 1em;
}

.FormButtonPanelContainer {
    margin-left: auto;
    margin-right: auto;
    text-align: center;
}

.FormSubmissionButtonPanel {
    margin: 15px;
    padding: 15px;
    /*background-color: #f1f1f1;
    display: inline-block;
    border-radius: 0.25em;
    -moz-box-shadow: 3px 3px 6px 3px grey;
    -webkit-box-shadow: 3px 3px 6px 3px grey;
    box-shadow: 3px 3px 6px 3px grey;*/
}

.required:after {
    content: "*";
    color: red;
    font-weight: normal;
    font-size: medium;

}

.loader {
    border: 3px solid #f3f3f3; /* Light grey */
    border-top: 3px solid #3498db; /* Blue */
    border-radius: 100%;
    width: 50px;
    height: 50px;
    animation: spin 1s linear infinite;
}

@keyframes spin {
    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(360deg);
    }
}

input[readonly] {
    background-color: #F0F0F0;
    color: #303030;
}

button[disabled] {
    background-color: #FFF0F0;
    color: #303030;
}

.k-dropdown[aria-readonly="true"] .k-dropdown-wrap {
    background-color: lightgray !important;
    color: black !important;
}

.k-textbox[readonly = "readonly"] {
    background-color: lightgray !important;
    color: black !important;
}

.k-numerictextbox input[readonly = "readonly"] {
    background-color: lightgray !important;
    color: black !important;
}

.k-datepicker .k-picker-wrap input[data-role="datepicker"][readonly = "readonly"] {
    background-color: lightgray !important;
    color: black !important;
}

.k-datetimepicker .k-picker-wrap input[data-role="datetimepicker"][readonly = "readonly"] {
    background-color: lightgray !important;
    color: black !important;
}

.k-editable-area body[contenteditable = "false"] {
    background-color: lightgray !important;
    color: black !important;
}

textarea[contenteditable = "false"] {
    background-color: lightgray !important;
    color: black !important;
}

.BorderRedForRequiredAndMissing {
    border-color: #ff0000 !important;
    border-style: solid !important;
    border-width: 1px !important;
}

/*.k-multiselect:hover::after {
  content: attr(title);
  position: absolute;
  left: 0;
  top: 24px;
  min-width: 200px;
  border: 1px #aaaaaa solid;
  border-radius: 10px;
  background-color: #ffffcc;
  padding: 12px;
  color: #000000;
  font-size: 14px;
  z-index: 1;
}*/
/*************** End of Tabstrip ****************/

/*************** Added by Markos - 08/02/2016 ****************/
.form-horizontal .control-label {
    padding-top: 5px;
}

#RequiredTopContainer {
    font-weight: normal;
    margin-bottom: 0;
}

#RequiredTop {
    text-align: right;
    padding-right: 20px;
}

.k-grid tbody td > .k-grid-delete,
.k-grid tbody td > .k-grid-Delete  {
    margin-top: 0 !important;
    min-width: 33px;
    width: 33px;
    height: 35px;
    border: 0;
    background-image: url("icons/garbage.png");
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 28px 28px;
    background-color: #d9534f !important;
    border-color: #ac2925;
    text-align:center;
}

span.k-icon.k-delete,
span.k-icon.k-Delete {
    width: 0px;
    height: 0px;
    border: 0;
}

.k-grid tbody td > .k-grid-delete:hover,
.k-grid tbody td > .k-grid-Delete:hover  {
    background-color: #c9302c !important;
    border-color: #ac2925;
}


#categoryGrid.k-grid tbody td > .k-grid-edit,
#sourceGrid.k-grid tbody td > .k-grid-edit,
#categoryDataGrid.k-grid tbody td > .k-grid-edit,
#projectIdentifierGrid.k-grid tbody td > .k-grid-edit,
#prjIdendifierRoleGrid.k-grid tbody td > .k-grid-edit {
    margin-top: 0 !important;
    min-width: 33px;
    width: 33px;
    height: 35px;
    border: 0;
    background-image: url("icons/edit.png");
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 28px 28px;
    background-color: #ff6a00 !important;
    border-color: #ff6a00;
}

span.k-icon.k-edit {
    width: 0px;
    height: 0px;
    border: 0;
}

.k-grid tbody td > .k-grid-edit:hover {
    background-color: #eab70e !important;
    border-color: #ff6a00;
}

.k-grid tbody td > .k-grid-edit {
    text-align: center;
}

/*************** End Added by Markos****************/


/*Home page cards animation - Added by Markos*/

.sub-card {
    height: 210px;
    margin-bottom: 5px;
}

.sub-front {
    display: block;
    text-align: center;
}

.sub-front-card {
    height: 180px;
    text-align: center;
    vertical-align: middle;
    overflow: no-display;
}

.sub-front-card img {
    height: 100%;
    background-color: #ebebeb;
    border-radius: 7px;
}

.enabled-icon-menu img:hover {
    /*height: 105%;*/
    cursor: pointer;
}

.disabled-icon-menu img:hover {
    cursor: default;
}

.back {
    background-color: #fff;
    font-family: "Open Sans";
    font-size: 1em;
}

.card-text {
    text-align: left;
    padding: 10px;
    overflow-x:auto;
}

.nav-widget {
    margin-bottom: 0px;
    padding: 0;
    padding-bottom: 20px;
    border-radius: 0px;
}

.nav-widget h4 {
    font-family: "PT Sans Narrow";
    padding: 3px 10px;
    padding-left: 20px;
    border-bottom: 1px solid #e7e7e7;
    margin-top: 10px;
    margin-bottom: 1px;
}

.front-card, .back-card {
    text-align: center;
    overflow: no-display;
}

.front-card img,
.front-card a img {
    vertical-align: top;
    text-align: center;
}

.ext-app {
    border-top: solid thin #e8e8e8;
    border-bottom: solid thin #e8e8e8;
}

.envDisplay {
    color: #faf509;
    margin-left: 250px;
    margin-top: 20px;
    display: block;
    font-family: "PT Sans Narrow";
    font-size: 1.2em;
}

.navbar-toggle {
    background-color: #07477d !important;
    border-color: #07477d !important;
    border-radius:0;
}

#home-menu {
    height: 100%;
}

#home-menu .jumbotron {
    padding-top:30px;
    padding-bottom:30px;
    margin-top: 20px;
    margin-bottom: 20px;
    border-radius: 0;
    border-bottom: 1px solid #e7e7e7;
}

#home-menu .row {
    padding-left: 0;
    padding-right: 0;
    margin-left: 0;
    margin-right: 0;
}

#home-menu .container {
    padding-left: 0;
    padding-right: 0;
    margin-left: 0;
    margin-right: 0;
}

.sub-card-text a {
    color: #293F6C;
    font-size: 1.25em;
    font-family: "PT Sans Narrow";
}

.enabled-icon-text a:hover {
    cursor: pointer;
    color: #2c77ba;
    font-size: 1.3em;
    text-decoration: none;
}

.disabled-icon-text a:hover {
    cursor: default;
    text-decoration: none;
}

/*End Added by Markos - Home page cards*/

.headerSubTitle {
    float: left;
    font-size: 0.85em;
    margin-left: -233px;
    margin-top: 42px;
    color: #fff;
    font-family: "PT Sans Narrow";
    font-style: italic;
    letter-spacing: 1px;
}

.emailSupport {
    color: #293F6C;
    font-style: italic;
    font-size: 12px;
}

.emailSupport a {
    color: #293F6C;
}

.divtextarea textarea {
    width: 100%;
    min-height: 100px;
    resize: none;
    border-radius: 8px;
    border: 1px solid #ddd;
    padding: 0.5rem;
    color: #666;
    box-shadow: inset 0 0 0.25rem #ddd;
}

.divtextarea textarea:focus {
    outline: none;
    background-color: #ffffff;
    border: 1px solid #B2B2B2;
    box-shadow: inset 0 0 1rem #EEEEEE;
}

/*Collapse menu for smaller devices*/
/*Added by Markos 5/30/2017*/
.nav-message {
    text-align: center;
    font-size: 1.3em;
    color: red;
}

#navigationMenu .k-rpanel-toggle {
    display: none;
}

#navigationMenu .btn-toggle {
    /*    line-height: 20px;
    background: transparent;*/
    background-color: #053267;
    color: #fff;
    float: left;
    padding: 0;
    margin: 0;
    /*    margin-left: 1px;*/
    width: 32px;
    height: 32px;
    border: 1px solid #056bc0;
}

#navigationMenu .btn-toggle:hover {
    background-color: #07477D;
}

#navigationMenu .k-icon.k-i-hbars {
    width: 32px;
    height: 32px;
    line-height: inherit;
    vertical-align: top;
    font-size: inherit;
    background: none;
}

#navigationMenu .k-i-hbars:before {
    font-size: 21px;
    content: "\2630";
    display: inline-block;
    margin-top:3px;
}

#responsive-panel {
    padding-top: 0;
    background-color: transparent;
    overflow: visible;
}
/*End Added by Markos*/

.field-validation-valid {
    display: none;
}

.validation-summary-valid {
    display: none;
}

.overlay {
    background: #000000;
    display: none;
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    opacity: 0.6;
    width: 100%;
    height: 100%;
}

#loading-img {
    background: url('Images/loader.gif') no-repeat center center;
    width: 100%;
    height: 100%;
}

.k-grid .selectedRow td {
    background: #b6d3fa;         
}

.k-grid .deletedRow td {
    background: #fca685;         
    color:#000000;
    text-decoration:line-through;
}

.k-grid-header th.k-header .k-icon {
    position: relative !important;
}

.bootbox-button-order {
    position: relative;
    float: right;
    margin-left: 6px;
}

/*Kendo notification overides - Added by markos*/
.k-notification {
    border: 0;
}

/* Info template */
.k-notification-info {
    background: rgba(0%,0%,0%,.7) !important;
    color: #fff;
}

.new-mail {
    width: 300px;
    height: 100px;
}

.new-mail h3 {
    font-size: 1em;
    padding: 12px 10px 5px;
}

.new-mail img {
    float: left;
    margin: 10px 15px 30px 30px;
}

/* Error template */
.k-notification-error {
    background: rgba(100%,0%,0%,.7) !important;
    color: #ffffff;
}

.wrong-pass {
    width: 300px;
    height: 100px;
}

.wrong-pass h3 {
    font-size: 1em;
    padding: 12px 10px 5px;
}

.wrong-pass img {
    float: left;
    margin: 10px 15px 30px 30px;
}

/* Success template */
.k-notification-upload-success {
    background: rgba(0%,60%,0%,1) !important;
    color: #fff;      
}

.upload-success {
    width: 240px;
    height: 100px;
    padding: 0 30px;
}

.upload-success h3 {
    font-size: 1.7em;
    font-weight: normal;
    display: inline-block;
    vertical-align: middle;
}

.upload-success img {
    display: inline-block;
    vertical-align: middle;
    margin-right: 10px;
}

/*Added by Markos 3/16/2018*/
/*Grid record deletion custon confirmation window*/
#confirmDeletionWindow .modal-content {
    width: 100%;
}

#confirmDeletionWindow .modal-open .modal {
    overflow: hidden;
}

#confirmDeletionWindow .modal-dialog-centered {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    min-height: calc(100% - (.5rem * 2));
}


/* gnh 7/6/2018 - fix for kendo upload button */
.k-upload .k-upload-button {
    white-space: nowrap;
}
/* IE11-specific */
.k-upload .k-upload-button input {
    font-size: 15px !important;
}

/* gnh 11/9/2018 - makes dropdown arrow background gray for read-only look */
.kc-readonly span {
    background-color: lightgray;
}

.dueDaysInRed {
    color: red;
    font-weight:bold;
    text-align:right;
}
.dueDaysInBlack {
    color: black;
    font-weight: bold;
    text-align: right;
}

/* Style for idr map legend - for ipad - portatit and landscape*/

@media screen and (max-width : 1024px ) {
    .idr-legend-container {
        padding-right: 5px !important;
    }

    .idr-legend-item {
        font-size: 0.8em;
        margin-right: 0 !important;
    }

    .idr-legend-title {
        font-size: 0.8em;
        margin-right: 0 !important;
        margin-top: 15px !important;
    }
}

@media screen and (max-width : 768px ) {
    .idr-legend-container {
        padding-right: 5px !important;
    }

    .idr-legend-item {
        font-size: 0.7em;
        margin-right: 0 !important;
    }

    .idr-legend-title {
        font-size: 0.7em;
        margin-right: 0 !important;
        margin-top: 15px !important;
    }
}

/*Added by markos Feb 5, 2020 to handle consistent grid row height*/
/*.k-grid td {
    white-space: nowrap;
}*/

/* Added by Nitin Bansal on March 25, 2020 to wrap the contents of Grid column so that all the contents of column are visible. 
    On ellipses the tooltip does nt comeup which could have shown the contents. 
    So this style is added to wrap the contents and make them visible*/
td[role="gridcell"] {
    overflow: visible !important;
    white-space: normal !important;
    height: auto !important;
}

/*login Info and optional header items*/
/*New added css by Markos 12/15/2020  - kendo upgrade*/
.header-items-container {
    color: #ffffff;
    display: flex;
    min-height: 35px;
    align-items: center;
    height: 60px;
    float:right;
}

.login-items-container,
.optional-headers-container {
    display: inline-flex;
}

.login-items,
.optional-headers {   
    margin-right: 10px;
   letter-spacing: normal;
}

.optional-headers a {
    color: #eab70e;
}

.optional-headers a:hover {
    color: #ebce6f;
    text-decoration: none;
}

.ptp-log-out,
.login-name {
    color: #ffffff;
    cursor: pointer
}

.ptp-log-out:hover,
.login-name:hover {
    color: #79c7fb;
    text-decoration: none;
}

.login-info-popup{
    overflow:hidden;
    margin-top:20px;
}

.login-info {
    min-width: 310px !important;
    width: 310px;
    font-family: "PT Sans Narrow" !important;
    font-size: 0.9em;
    border-radius: 0 !important;
    max-width: 500px;
    height: 100%;
}

.login-info .login-info-header {
    text-align: center;
    font-size: 1.15em;
    background-color: #2179C0;
    border: solid 0px #3498db;
    color: #ffffff;
    line-height: 40px;
    height: 40px;
    letter-spacing:1px;
}

.login-info .login-info-content {
    overflow-y:auto;
    height:90%;
}

.login-info table {
    font-size: 1em;
    margin: 0;
}

.login-info-body {
    overflow-x: hidden;
    overflow-y: auto;
}

.login-info .login-info-title {
    font-weight: bold;
    font-size: 1.1em;
}

.login-info .login-info-detail {
    width: 60%;
}
.login-info .login-info-col {
    width: 40%;
    font-weight: bold;
}

div.ra-well-title {
    /*font-family: 'PT Sans Narrow'; */   
    font-size: 1.12em;
    line-height: 1.12em;
    border-bottom: 1px solid #e7e7e7;
    margin: 0px -19px 0.5em;
    padding: 11px 19px;
    color: #1C2F5A;
    height: 45px !important;
}

h2.ra-well-title {
    /*font-family: 'PT Sans Narrow'; */   
    font-size: 1.12em;
    line-height: 1.12em;
    border-bottom: 1px solid #e7e7e7;
    margin: 0px -19px 0.5em;
    padding: 11px 19px;
    color: #1C2F5A;
    height: 45px !important;

}

.ra-well-title > div, .ra-well-title > span {
    width: auto !important;
/*        font-size: 0.8em !important;*/
/*        margin-top: -12px !important;
*/   

}

.ra-well-title .legendText {
    padding-top: 11px !important;
}

#navigationMenu .k-menu-scroll-wrapper .k-menu-group .k-item > .k-link,
#navigationMenu .k-popups-wrapper.vertical > .k-item > .k-link {
    color: #ffffff !important;
}

.k-grid-content-locked, .k-grid-content-locked td,
.k-grid-header-locked, .k-grid-header-locked .k-header {
    border-left-color: #cccccc;
    border-right-color: #cccccc;
}

/*ddot ticker*/
.ddot-ticker {
    font-family: 'PT Sans Narrow';
    font-size: 1.1em !important;
    margin-left: 10px;
}

.ticker-content {
    left: 40px !important;
    padding-top: 8px !important;
}

.ticker-left {
    float: left;
}

    .ticker-left span {
        font-weight: bold;
        color: red;
        margin: 0px 10px 0px 10px;
    }

.ptp-vticker {
    font-family: "PT Sans Narrow";
    padding: 0;
    font-weight: normal;
    text-wrap: none;
    line-height: 1.5em;
    margin-top: 10px;
}

.ticker-ul {
    font-size: 1.1em;
}

.btn {
    padding: 6px 12px;
    margin: 2.016px;
    line-height: 18px !important;
}

/*Kendo notification overides - Added by markos*/
.k-notification {
    border-radius: 0;
}

.new-mail, .wrong-pass, .upload-success {
    max-width: 350px;
    min-width: 310px;
    height: 100px;
    padding: 15px;
}

    .new-mail img, .wrong-pass img, .upload-success img {
        float: left;
        margin: 10px;
    }


    .new-mail h3, .wrong-pass h3, .upload-success h3 {
        font-size: 1.5em;
        padding: 0;
        margin: 17px 0 20px 0;
    }

.k-dropzone em {
    display: none;
}

.k-grid tbody td > .k-grid-delete,
.k-grid tbody td > .k-grid-Delete {
    border-radius: 5px !important;
    margin-top: 5px !important;
}

.k-i-close:before {
/*    content: "";
*/}
/*New Page header*/
.ra-well {
    font-family: 'PT Sans Narrow';
    font-size: 1.3em;
    border-bottom: 1px solid #e7e7e7;
    margin: 0px -19px 0.5em;
    padding: 10px 19px 5px 19px;
    color: #1C2F5A;
    height: 45px;
}

.ra-well-page-title {
    float: left;
    width: auto !important;
    white-space: nowrap !important;
    margin-right: 10px !important;
}

.ra-well-legend {
    float: right;
    width: auto !important;
    white-space: nowrap !important;
    margin-right: 10px !important;
}

.ra-well-wf-buttons {
    float: right;
    width: auto !important;
    white-space: nowrap !important;
    margin-right: 10px !important;
    margin-top: -12px;
}

.ra-well-legend > div {
    float: right;
    white-space: nowrap;
    width: auto !important;
    margin-right: 0 !important;
    margin-top: -6px !important;
    font-size: 13px;
    font-weight: normal;
}

.ra-well-wf-buttons > input {
    font-size: 1.0em;
}

.k-loader-wrap {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: #000;
    z-index: 10001;
    height: var(--page-content-height);
    min-height: 100vh;
    width: 100%;
    opacity: 0.7;
}

.kendo-loader {
    left: calc(50% - 0.425rem);
    top: 50%;
    opacity: 1;
    position: fixed;
}

.k-window, .k-dialog {
    border-radius:0;
    min-width: 350px !important;
}

.k-window-content, .k-dialog-content {
    min-height: 65px;
}

.k-alert .k-button {
    border-color: #337ab7;
    color: #f5f5f5;
    background-color: #337ab7;
}

fieldset.fsborder {
    border-radius: 0px;
}

/*Added by Markos 2/2/2021*/
.k-overlay {
    z-index: 10010;
    opacity: 0.3;
}

.loader-image {
    left: calc(50% - 0.425rem);
    top: 50%;
    position: fixed;
    z-index: 10011;
}

.k-window {
    z-index: 10012 !important;
}


.k-pager-sizes .k-dropdownlist {
    width: 8em; /* Example: sets the width to 8ems. Default is 6ems */
}

/* Extra small devices (phones, 576px and down) */
@media only screen and (max-width: 576px) {
    .header-container {
        padding: 0 5px;
    }
    .card-text,
    .front-card img,
    .front-card a img {
        width: auto;
        height: 200px;
    }
    .front-card img:hover,
    .front-card a img:hover {
        width: auto;
        height: 205px;
    }
    .back {
        font-size: 0.8em;
    }
    .card-text ul {
        font-size: 0.65em;
        padding-left: 10px;
    }
    .envDisplay {
        display: block;
        font-size:0.73em;
    }
    .header-items-container {
        width: 100%;
        display: block;
        height: 100%;
        line-height: 35px;
    }
    .login-items-container, 
    .optional-headers-container {
        display: block;
        width:100%;
    }
    .login-items, .optional-headers {
        float: left;
    }
    #navigationMenu .k-menu-scroll-wrapper {
        width: 100% !important;
    }
    #responsive-panel {
        padding-top: 35px;
        background-color: #053267;
        overflow: hidden;
    }
    #responsive-panel .k-item {
        float: none;
    }
    #navigationMenu .k-rpanel-toggle {
        display: block;
    }
    .nav-widget {
        padding-bottom: 0px;
        margin-top: 5px;
    }
    .nav-widget h4 {
        padding: 0;
        margin: 0;
    }
    .btn-menu {
        border-radius: 0;
        border: thin solid #444444;
    }
    .ddot-ticker{
        margin-left:0;
    }
    .ticker-left span{
        margin-left:0;
    }
    .ticker-wrapper.has-js, .ptp-vticker {
        font-family: "PT Sans Narrow";
        font-size: 0.8em !important;
        padding: 0;
        font-weight: normal;
        text-wrap: none;
        line-height: 22px;
        margin-top: 10px;
    }
    .ticker-content {
        left: 40px !important;
        padding-top: 8px !important;
    }
    .body-content {
        padding-left: 10px;
        padding-right: 10px;
        padding-top:100px;
    }
}

/* Extra small devices (phones, 374px and down) */
@media only screen and (max-width: 374px) {
    .envDisplay {
        display: none;
    }
}

@media only screen and (min-width : 576px) {
    .header-container {
        padding: 0 10px;
    }
    .card-text,
    .front-card img,
    .front-card a img {
        width: auto;
        height: 200px;
    }
    .front-card img:hover,
    .front-card a img:hover {
        width: auto;
        height: 205px;
    }
    .back {
        font-size: 0.8em;
    }
    .card-text ul {
        font-size: 0.65em;
        padding-left: 10px;
    }
    .envDisplay {
        display: block;
        font-size: 1em;
    }
    #navigationMenu .k-menu-scroll-wrapper {
        width: 100% !important;
    }
    .ddot-ticker {
        margin-left: 10px;
    }

}

@media only screen and (min-width : 768px) {
    .header-container {
        padding: 0 15px;
    }
    .card-text,
    .front-card img,
    .front-card a img {
        width: auto;
        height: 200px;
    }

        .front-card img:hover,
        .front-card a img:hover {
            width: auto;
            height: 200px;
        }

        .card-text ul {
            font-size: 1em;
        }
    .ddot-ticker {
        margin-left: 10px;
        margin-top:10px;
    }
    .envDisplay {
        display: none;
        font-size: 1.2em;
    }
    .login-items-container,
    .optional-headers-container {
        display: inline-flex;
    }
}

@media only screen and (min-width : 992px) {
    .card-text,
    .front-card img,
    .front-card a img {
        width: auto;
        height: 200px;
    }
        .front-card img:hover,
        .front-card a img:hover {
            width: auto;
            height: 200px;
        }
        .card-text ul {
            font-size: 0.65em;
        }

    .envDisplay{
          display:block;
      }

}

@media only screen and (min-width : 1200px) {
    .card-text,
    .front-card img,
    .front-card a img {
        width: auto;
        height: 190px;
    }

        .front-card img:hover,
        .front-card a img:hover {
            width: auto;
            height: 205px;
        }

        .card-text ul {
            font-size: 0.95em;
        }
}

@media only screen and (min-width : 1800px) {
    .card-text,
    .front-card img,
    .front-card a img {
        width: auto;
        height: 270px;
    }

        .front-card img:hover,
        .front-card a img:hover {
            width: auto;
            height: 275px;
        }

        .card-text ul {
            font-size: 0.95em;
        }
}

div.k-required {
    border-radius: 5px;   
    vertical-align: text-bottom;
    width: 29px;
    height: 29px;
    padding: 3px 2px 3px 2px;
    float: left;
    margin: 5px 5px 0px 0px;
}

.text-required {
    content: "*";
    color: red;
    font-weight: normal;
    font-size: medium;
    padding-top:12px;
}

/*Added by Anji for SSL Grid - Start */
#gridSSLInfo.k-grid tbody td > .k-grid-edit {
    margin-top: 0 !important;
    min-width: 33px;
    width: 33px;
    height: 35px;
    border: 0;
    background-image: url("icons/edit.png");
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 28px 28px;
    background-color: #ff6a00 !important;
    border-color: #ff6a00;
    color: transparent;
}

    #gridSSLInfo.k-grid tbody td > .k-grid-edit:hover {
        background-color: #eab70e !important;
        border-color: #ff6a00;
    }

#gridSSLInfo.k-grid tbody td > .k-grid-SSLInfoDetails {
    background-color: blue;
    border-color: #95a5a6;
    color: transparent;
    margin-top: 0 !important;
    min-width: 33px;
    width: 33px;
    height: 35px;
    border: 0;
    background-image: url("icons/details.png");
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 28px 28px;
    background-color: blue !important;
    border-color: #ff6a00;
}
    #gridSSLInfo.k-grid tbody td > .k-grid-SSLInfoDetails:hover {
        background-color: #eab70e !important;
        border-color: #ff6a00;
    }


#gridSSLInfo.k-grid tbody td > .k-grid-SSLInfo_GenerateProperty {
    background-color: blue;
    border-color: #95a5a6;
    color: transparent;
    margin-top: 0 !important;
    min-width: 33px;
    width: 33px;
    height: 35px;
    border: 0;
    background-image: url("icons/generateSolNum.png");
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 28px 28px;
    background-color: #428bca !important;
    border-color: #428bca;
}
    #gridSSLInfo.k-grid tbody td > .k-grid-SSLInfo_GenerateProperty:hover {
        background-color: #eab70e !important;
        border-color: #ff6a00;
    }

/*Added by Anji for SSL Grid - End */




/*NEW for CORE*/
.k-icon.k-svg-icon.k-svg-i-caret-alt-right.k-menu-expand-arrow-icon {
    display: none;
}

#page-footer {
    bottom: 0;
    color: #fff;
    background-color: #293E6B;
    padding-left: 20px;
    padding-right: 20px;
    margin-top: 20px;
    width: 100%;
    height: 50px;
    overflow: hidden;
    font-family: Calibri;
    display: flex;
    width: 100%;
    align-items: center;
    justify-items: center;
}
#footer-left {
    display: flex;
    width: 80%;
    justify-content: start;
}
#footer-right {
    display: flex;
    width: 20%;
    justify-content: end;

}
.copy-right {
    font-size: 1em;
}
.powered-by {
    padding-right: 8px;
    font-size: 1em;
}
.ddot-image {
    margin-top: -2px;
}
.ddot-image img {
    width:18px;
    height:18px;
}
@media screen and (max-width : 375px) {
    #page-footer {
        padding-left: 5px;
        padding-right: 5px;
    }

    #footer-left {
        padding-top: 22px;
    }

    #footer-right {
        padding-top: 22px;
    }

    .copy-right {
        font-size: 0.65em;
    }

    .powered-by {
        font-size: 0.65em;
    }

    .ddot-image {
        margin-top: -10px;
    }
}