.alert-popup-form {
    width: 100%;
    max-width: 800px;
}

.alert-popup-form .popup-titlebar {
    background-color: #781313;
}


.alert-popup-datagridcontainer {
    position: relative;
    height: 400px;
}

    .alert-popup-datagridcontainer td {
        text-align: left;
    }

.alert-popup-datagrid-button {
    background-color: transparent;
    border: 1px lightgray solid;
    border-radius: 4px;
    width: 25px;
    height: 25px;
    font-size: 16px;
    padding: 0px;
    margin: 2px 4px;
}

.alert-popup-form .form-group {
    margin-bottom:0px;
    margin-top:15px;
}

.pcsdk-datagrid {
    position: absolute;
    top: 0px;
    bottom: 0px;
    left: 0px;
    right: 0px;
}

    .pcsdk-datagrid table {
        table-layout: fixed;
        width: 100%;
        border-collapse: collapse;
        position: relative;
        top: 0px;
    }

    /* Filter button */
    .pcsdk-datagrid > a {
        padding: 8px;
        position: absolute;
        top: 0px;
        right: 0px;
    }

        .pcsdk-datagrid > a:hover {
            background-color: whitesmoke;
        }

        .pcsdk-datagrid > a:focus {
            outline: none;
        }

        .pcsdk-datagrid > a > img {
            height: 16px;
        }


/* Header */

.pcsdk-datagrid-header {
    height: 40px;
    left: 0px;
    right: 18px;
    position: absolute;
}

    .pcsdk-datagrid-header th {
        height: 40px;
        font-weight: 600;
        color: #18689E;
        border-bottom: 2px solid;
        cursor: pointer;
    }

        .pcsdk-datagrid-header th span {
            margin: 0px 0px 0px 6px;
        }

/* Filter */

.pcsdk-datagrid-filter {
    height: 40px;
    top: 40px;
    left: 0px;
    right: 18px;
    position: absolute;
}

    .pcsdk-datagrid-filter td {
        height: 40px;
    }

        .pcsdk-datagrid-filter td span {
            display: block;
            padding: 0px 10px 0px 0px;
        }

            .pcsdk-datagrid-filter td span input {
                width: 100%;
                max-width: 180px;
            }

.pcsdk-datagrid-filter-full {
        display: none;
    }
.pcsdk-datagrid[filtered="true"] .pcsdk-datagrid-filter-full {
        display: inline-block;
    }
.pcsdk-datagrid[filtered="true"] .pcsdk-datagrid-filter-empty {
        display: none;
    }

/* Body */
.pcsdk-datagrid-body {
    position: absolute;
    top: 40px;
    bottom: 0px;
    width: 100%;
    overflow-y: scroll;
}

    .pcsdk-datagrid-body tr {
        border-bottom: 1px solid #EAEAEA;
    }

        .pcsdk-datagrid-body tr:last-child {
            border-bottom: none;
        }

        .pcsdk-datagrid-body tr:hover {
            background-color: #EFF8FF;
        }
    /*.pcsdk-datagrid-body tr:nth-child(even) {background-color: #f2f2f2}*/

    .pcsdk-datagrid-body td {
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
        height: 26px;
        cursor: default;
    }

.pcsdk-datetimepicker {
    position: relative;
    white-space: normal;
}

.container.dberror {
    color: #ff0000;
    font-size: 18px;
    font-weight: bold;
    text-align: center;
}

.devmessages-popup {
    height: 450px;
    width: 600px;
    background-color: white;
}

    .devmessages-popup .dataGrid {
        position: relative;
        height: 400px;
    }

    .devmessages-popup .btncontainer {
        padding: 10px;
    }

        .devmessages-popup .btncontainer .copyToClipboardButton {
            background-color: #18689e;
            color: white;
            border: none;
            padding: 5px;
        }

            .devmessages-popup .btncontainer .copyToClipboardButton:hover {
                color: white;
                background-color: #18689e;
            }

.loginView.container {
    background-color: #0a2436;
    width: 100%;
    height: 100%;
    position: fixed;
}

    .loginView.container .systemName {
        color: white;
        font-size: 16px;
        position: relative;
        top: 24%;
        text-align: center;
        overflow: hidden;
        word-wrap: break-word;
    }

.form-signin {
    margin: 0 auto;
    background-color: #eaeaea;
    padding-bottom: 1px;
    position: relative;
    top: 25%;
}

@media (min-width: 768px) {
    .form-signin {
        max-width: 330px;
    }

    .loginView.container .systemName {
        font-size: 40px;
    }
}

.form-signin .form-signin-heading {
    margin-bottom: 10px;
    background-color: #18689e;
    color: white;
    height: 42px;
    font-size: 18px;
    padding: 10px;
    font-weight: 600;
}

.form-signin .alertlabel {
    font-weight: normal;
    position: absolute;
    right: 10px;
}

.form-signin .checkbox {
    display: inline;
}

.form-signin .form-control {
    position: relative;
    height: auto;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding: 5px;
    font-size: 16px;
    border: none;
    border-radius: 0;
    margin: 2%;
    width: 96%;
    height: 32px;
}

    .form-signin .form-control:focus {
        z-index: 2;
    }

.form-signin input[type="email"] {
    margin-bottom: -1px;
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0;
}

.form-signin input[type="password"] {
    margin-bottom: 10px;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
}

.form-signin .btn {
    border-radius: 0;
    border: none;
    height: 42px;
    margin: 2%;
    border-color: #18689e;
    width: 96%;
    background-image: none;
    box-shadow: none;
    text-shadow: none;
}

.form-signin .progress {
    border: none;
    border-radius: 0;
    margin: 2%;
    height: 32px;
    width: 96%;
    background-color: white;
    background-image: none;
    box-shadow: none;
}

    .form-signin .progress .progress-bar {
        box-shadow: none;
        background-image: none;
        background-color: #4eb85b;
    }

.form-signin #errormessage {
    display: none;
    text-align: center;
    color: red;
}

.system-using-alert-form {
    max-width: 50%;
}

.system-using-alert-mobile {
    text-align: justify;
    word-break: break-all;
    overflow: hidden;
    height: 100%;
    white-space: normal;
}

.system-using-alert-pc {
    text-align: justify;
}

.PcsButton {
    background-color: #FFF;
    min-width: 80px;
    border: 1px gray solid;
    color: #444;
    padding: 4px 6px;
}

    .PcsButton:hover {
        background-color: #e1e9ed;
    }

.PcsCanvas {
    position:relative;
}

.PcsCommunicationMonitor{
    min-width: 1050px;
}
.PcsCommunicationMonitor .pcsdk-datagrid {
        top: 78px !important;
        background: #ffffff;
}

.PcsCommunicationMonitor .pcsdk-datagrid th, .PcsCommunicationMonitor .pcsdk-datagrid td{
    text-align: center;
}

.PcsCommunicationMonitor .pcsdk-datagrid .pcsdk-datagrid-header table thead tr th:first-of-type,
.PcsCommunicationMonitor .pcsdk-datagrid .pcsdk-datagrid-body table tbody tr td:first-of-type{
    text-align: left;
    padding-left: 10px;
}

.PcsCommunicationMonitor .nav.nav-pills{
    background: #ffffff;
    /*background:#18689E;
    color:#ffffff;*/
}

.PcsCommunicationMonitor .nav.nav-pills>li>a{
    color: #18689E;
    border-radius: 0;
}

.PcsCommunicationMonitor .nav-pills>li.active{
    background-color: #ffffff;
    color: #18689E;
}

.PcsCommunicationMonitor .nav-pills>li.active>a, .nav-pills>li.active>a:focus, .PcsCommunicationMonitor .nav-pills>li.active>a:hover{
    background-color:#18689E;
    color:#ffffff;
}

.PcsCommunicationMonitor .communitarionMonitorAlnokName{
    cursor: pointer;
}



.ModemError{
    color: red;
}

.KommNoCurrent{
    /*background-color: gray;*/
    border: 1px solid gray;
    width: 20px;
    height: 20px;
    margin: 0 auto;
    display:inline-block;
}

.KommCurrent{
    background-color: yellow;
    border: 1px solid gray;
    width: 20px;
    height: 20px;
    margin: 0 auto;
    display:inline-block;
}

.KommOK{
    /*background-color: gray;*/
    border: 1px solid gray;
    width: 20px;
    height: 20px;
    margin: 0 auto;
    display:inline-block;
}

.KommErr{
    background-color: red;
    border: 1px solid gray;
    width: 20px;
    height: 20px;
    margin: 0 auto;
    display:inline-block;
}

.settingTextBox{
    text-align: right; width: 50px; padding-left:5px; padding-right: 5px;
}
.settingUnitLabel{
    margin-left: 5px;
}
.PcsCommunicationMonitorScrollingTabs .tab-content .pcsdk-datagrid{
    min-width: 1050px;
}
.PcsCommunicationMonitorScrollingTabs .pcsdk-datagrid {
        top: 78px !important;
        background: #ffffff;
}

.PcsCommunicationMonitorScrollingTabs .pcsdk-datagrid th, .PcsCommunicationMonitorScrollingTabs .pcsdk-datagrid td{
    text-align: center;
}

.PcsCommunicationMonitorScrollingTabs .pcsdk-datagrid .pcsdk-datagrid-header table thead tr th:first-of-type,
.PcsCommunicationMonitorScrollingTabs .pcsdk-datagrid .pcsdk-datagrid-body table tbody tr td:first-of-type{
    text-align: left;
    padding-left: 10px;
}

.PcsCommunicationMonitorScrollingTabs .nav.nav-pills{
    background: #ffffff;
    /*background:#18689E;
    color:#ffffff;*/
}

.PcsCommunicationMonitorScrollingTabs .nav.nav-pills>li>a{
    color: #18689E;
    border-radius: 0;
}

.PcsCommunicationMonitorScrollingTabs .nav-pills>li.active{
    background-color: #ffffff;
    color: #18689E;
}

.PcsCommunicationMonitorScrollingTabs .nav-pills>li.active>a, .nav-pills>li.active>a:focus, .PcsCommunicationMonitorScrollingTabs .nav-pills>li.active>a:hover{
    background-color:#18689E;
    color:#ffffff;
}

.PcsCommunicationMonitorScrollingTabs .communitarionMonitorAlnokName{
    cursor: pointer;
}



.ModemError{
    color: red;
}

.KommNoCurrent{
    /*background-color: gray;*/
    border: 1px solid gray;
    width: 20px;
    height: 20px;
    margin: 0 auto;
    display:inline-block;
}

.KommCurrent{
    background-color: yellow;
    border: 1px solid gray;
    width: 20px;
    height: 20px;
    margin: 0 auto;
    display:inline-block;
}

.KommOK{
    /*background-color: gray;*/
    border: 1px solid gray;
    width: 20px;
    height: 20px;
    margin: 0 auto;
    display:inline-block;
}

.KommErr{
    background-color: red;
    border: 1px solid gray;
    width: 20px;
    height: 20px;
    margin: 0 auto;
    display:inline-block;
}

.settingTextBox{
    text-align: right; width: 50px; padding-left:5px; padding-right: 5px;
}
.settingUnitLabel{
    margin-left: 5px;
}

.PcsCommunicationMonitorScrollingTabs .nav.nav-tabs {
    background: #fff;
}

.PcsCommunicationMonitorScrollingTabs .nav-tabs>li.active {
    background-color: #fff;
    color: #18689e;
}

.PcsCommunicationMonitorScrollingTabs .nav.nav-tabs>li>a {
    color: #18689e;
    border-radius: 0;
    border: 0px;
    font-weight:bold;
}

.PcsCommunicationMonitorScrollingTabs .nav-tabs>li.active>a, .nav-tabs>li.active>a:focus, .masterParam .nav-tabs>li.active>a:hover {
    background-color: #18689e;
    color: #fff;
}

@media(max-width: 768px) {
        .PcsCommunicationMonitorScrollingTabs .nav-tabs>li{
            float: none;
            text-align: center;
        }
}
.PcsDailyArchive {
    background-color: white;
    position: fixed;
}

    .PcsDailyArchive .pcsdk-datagrid {
        margin-left: 8px;
    }

.PcsDailyArchive-DropDown div {
    display: inline-block;
}

.PcsDailyArchive-DropDown .dropdown-menu {
    left: auto;
    top: auto;
    border-radius: 0px;
    border-radius: 0px;
    padding: 0px 0px;
    min-width: 120px;
}

    .PcsDailyArchive-DropDown .dropdown-menu li {
        float: none;
        cursor: default;
    }

    .PcsDailyArchive-DropDown .dropdown-menu > li > a {
        background-image: none;
    }

.PcsDailyArchive-DropDown:not(.open) > ul {
    display: none;
}

.PcsDailyArchive tr:nth-child(even) {
    background: #efefef;
}

.PcsDailyArchivetr:nth-child(odd) {
    background: #FFF;
}


.PcsDailyArchive .loading-screen {
    position: absolute;
    top: 0px;
    background: black;
    opacity: 0.5;
    height: 100%;
    width: 100%;
    text-align: center;
    padding-top: 25%;
}

    .PcsDailyArchive .loading-screen .loading-screen-text {
        color: white;
        font-size: large;
    }

.PcsDailyArchive .progress {
    border: none;
    border-radius: 0;
    height: 40px;
    width: 50%;
    background-color: white;
    background-image: none;
    box-shadow: none;
    margin: auto;
}

    .PcsDailyArchive .progress .progress-bar {
        box-shadow: none;
        background-image: none;
        background-color: #4eb85b;
    }

.PcsEventViewer {
    background-color: white;
    min-width: 900px;
}

    .PcsEventViewer .pcsdk-datagrid {
        margin-left: 8px;
    }


    .PcsEventViewer .pcsdk-datagrid-body td span {
        margin: 0px 4px 0px 0px;
    }

.PcsEventViewer-ComplexPopupForm {
    width: 320px;
}

.PcsEventViewer-ComplexPopupForm hr {
    margin-bottom: 30px;
}

.PcsEventViewer-EventPriorities {
    width: 100%;
    border-collapse: collapse;
    background-color: white;
}

    .PcsEventViewer-EventPriorities tr {
        border-bottom: 1px solid #EAEAEA;
    }

        .PcsEventViewer-EventPriorities tr:last-child {
            border-bottom: none;
        }

        .PcsEventViewer-EventPriorities tr:hover {
            background-color: #EFF8FF;
        }

    .PcsEventViewer-EventPriorities td {
        height: 32px;
        cursor: default;
        text-align: left;
    }

        .PcsEventViewer-EventPriorities td:first-child {
            width: 44px;
            padding: 0px 14px;
        }

            .PcsEventViewer-EventPriorities td:first-child div {
                width: 16px;
                height: 16px;
            }

        .PcsEventViewer-EventPriorities td:nth-child(2) {
            width: 30px;
        }

    .PcsEventViewer-EventPriorities .checkbox {
        margin: 0px;
    }

.PcsEventViewer-Filters {
    width: 100%;
    /*background-color: transparent;*/
}

    .PcsEventViewer-Filters td {
        height: 32px;
        text-align: left;
    }

        .PcsEventViewer-Filters td:first-child {
            width: 80px;
        }

    .PcsEventViewer-Filters input {
        border: none;
        width: 100%;
        height: 25px;
    }

    .PcsEventViewer-Filters select {
        border: none;
        width: 100%;
        height: 28px;
    }

.PcsEventViewer-TimeSelection {
    width: 100%;
    /*background-color: transparent;*/
}

    .PcsEventViewer-TimeSelection td {
        height: 32px;
        text-align: left;
    }

        .PcsEventViewer-TimeSelection td:first-child {
            width: 80px;
        }

    .PcsEventViewer-TimeSelection .pcsdk-datetimepicker input {
        border: none;
        width: 100%;
        height: 25px;
    }

.PcsEventViewer-ComplexPopupForm .PcsEventViewer-TimeSelection-custom,
.PcsEventViewer-ComplexPopupForm .PcsEventViewer-TimeSelection-day,
.PcsEventViewer-ComplexPopupForm .PcsEventViewer-TimeSelection-month,
.PcsEventViewer-ComplexPopupForm .PcsEventViewer-TimeSelection-year {
    display: none;
}

.PcsEventViewer-ComplexPopupForm.PcsEventViewer-ComplexPopupForm-TimeSelectionMode-custom .PcsEventViewer-TimeSelection-custom,
.PcsEventViewer-ComplexPopupForm.PcsEventViewer-ComplexPopupForm-TimeSelectionMode-day .PcsEventViewer-TimeSelection-day,
.PcsEventViewer-ComplexPopupForm.PcsEventViewer-ComplexPopupForm-TimeSelectionMode-month .PcsEventViewer-TimeSelection-month,
.PcsEventViewer-ComplexPopupForm.PcsEventViewer-ComplexPopupForm-TimeSelectionMode-year .PcsEventViewer-TimeSelection-year {
    display: table-row;
}


.PcsEventViewer-Interval {
    text-align: left;
}

    .PcsEventViewer-Interval input {
        margin-left: 10px;
        border: none;
        width: 30px;
        height: 25px;
        padding-left: 4px;
    }

.PcsEventViewer-UserMessageForm {
    width: 400px;
}

.PcsEventViewer-UserMessageForm-error {
    color: red;
}

.PcsEventViewer tr:nth-child(even) {
    background: #efefef;
}

.PcsEventViewer tr:nth-child(odd) {
    background: #FFF;
}

@media screen and (min-width: 640px) {

    .PcsEventViewer-ComplexPopupForm {
        width: 640px;
        overflow: hidden;
    }
    .PcsEventViewer-EventPriorities {
        width: 300px;
        float: left;
    }
    .PcsEventViewer-ComplexPopupForm .pcsdk-timeselection {
        width: 50%;
    }
    .PcsEventViewer-Filters {
        width: 50%;
    }
    .PcsEventViewer-ComplexPopupForm td:first-child,
    .PcsEventViewer-ComplexPopupForm .PcsEventViewer-Interval span {
        padding-left: 5px;
    }
}
.PcsFillObject > div {
    width: 100%;
    height: 100%;
}

.PcsFillObject-circle {
    border-radius: 50%;
}

.PcsInputTextBox {
    background-color: #E5E5E5;
    border: 1px solid gray;
    cursor: pointer;
}

.PcsInputTextBox-ContentContainer.popup-contentContainer {
    padding: 0px;
}


.PcsInputTextBox-Parameters {
    margin: 20px;
}

    .PcsInputTextBox-Parameters .PcsOutputTextBox {
        width: 50px;
        border: none;
        margin-right: 4px;
        background-color: white;
    }

    .PcsInputTextBox-Parameters table {
        margin: auto;
    }

        .PcsInputTextBox-Parameters table td, .PcsInputTextBox-Parameters table th {
            padding: 4px 10px;
        }

        .PcsInputTextBox-Parameters-HeaderRow td{
            font-weight: bold;
        }



.PcsInputTextBox-Trend {
    background-color: white;
    height: 350px;
    width: 630px;
}

.PcsInputTextBox-Trend-Mobile {
    background-color: white;
    height: 350px;
    width: 100%;
}

.PcsInputTextBox-Trend-Mobile .pcsdk-toolbar {
    overflow: hidden;
}

.cursor-pointer{
    cursor: pointer !important;
}

.PcsLevelDisplay {
}

.PcsLevelDisplay-item {
    position: absolute;
    right:0px;
}

.PcsLevelDisplay-handle {
    font-size: 18px;
}

.PcsLevelDisplay-text {
    position: relative;
    bottom: 2px;
}

.PcsMap {
    position: fixed;
    left: 0px;
}

.MainHeader {
    color: #636363;
    width: 100px;
    text-align: center;
    vertical-align: middle;
    text-shadow: 0px 1px 2px white;
    background: #e4e4e4; /* Old browsers */
    background: -moz-linear-gradient(top, #e4e4e4 0%, #c4c4c4 64%, #b6b6b6 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#e4e4e4), color-stop(64%,#c4c4c4), color-stop(100%,#b6b6b6)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #e4e4e4 0%,#c4c4c4 64%,#b6b6b6 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #e4e4e4 0%,#c4c4c4 64%,#b6b6b6 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #e4e4e4 0%,#c4c4c4 64%,#b6b6b6 100%); /* IE10+ */
    background: linear-gradient(to bottom, #e4e4e4 0%,#c4c4c4 64%,#b6b6b6 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e4e4e4', endColorstr='#b6b6b6',GradientType=0 ); /* IE6-9 */
    border-top: 1px solid #F6F6F6;
    border-radius: 5px;
    position: relative;
    box-shadow: 0px 4px 2px -2px #787878;
    margin-bottom: 12px;
    left: -39px;
}

.MainHeader_Triengle {
    width: 0px;
    height: 0px;
    border-left: 11px solid transparent;
    border-right: 11px solid transparent;
    border-top: 12px solid #B6B6B6;
    position: absolute;
    bottom: -12px;
    left: 39px;
}

.PcsModemStatus span{
    border: 1px solid #808080;
    padding: 2px 5px;
}

.PcsModemStatus:before{
    content:'Adatátvitel';
    display:block;
    font-size: 10px;
    margin-bottom: 0px;
}


.PcsObject-CommandWindow .PcsButton {
    width: 280px;
    display: block;
    margin: 5px auto;
}

.PcsObject-CommandWindow p {
    margin: 4px 0px 2px 0px;
}

.PcsObject-CommandWindow span {
    margin: 0px 2px;
}

.PcsObject-CommandWindow h2 {
    font-size: 16px;
}

.PcsObject-CurrentCommandButton{
    border-color:blue;
}
.PcsOnlinePred .popup-contentContainer .pcsdk-datagrid, .PcsOnlinePred .popup-contentContainer .pcsdk-datagrid .pcsdk-datagrid-body {
    position: relative;
}


.PcsOnlinePred .alert {
    border: 1px solid #ff6961;
    height: 100%;
    width: 100%;
}

.PcsOnlinePred .errorText {
    text-align: center;
    color: #ff6961;
}


.PcsOnlinePred .selectedrow {
    background-color: #18689e;
    color: white;
}

.PcsOnlinePred tbody tr:hover {
    background-color: #18689e;
    color: white;
}


.PcsOnlinePred .loadingWindow {
    position: absolute;
    background-color: white;
    top: 0px;
    bottom: 0px;
    left: 0px;
    right: 0px;
}

    .PcsOnlinePred .loadingWindow img {
        display: block;
        margin: auto;
        height: 100%;
        vertical-align: middle;
    }


.PcsOnlinePred .dgContainer {
    background-color: white;
    margin-left: -5px;
    height: 100%;
}

    .PcsOnlinePred .dgContainer .containerHeader {
        height: 20px;
        background: #134568;
        color: white;
    }

        .PcsOnlinePred .dgContainer .containerHeader .evaluationTime {
            display: inline-block;
            margin-left: 5px;
        }

        .PcsOnlinePred .dgContainer .containerHeader .error {
            display: inline;
            float: right;
            margin-right: 5px;
            color: #ff6961;
            cursor: default;
        }

        .PcsOnlinePred .dgContainer .containerHeader .ok {
            display: inline;
            float: right;
            margin-right: 5px;
            color: #77dd77;
        }

        .PcsOnlinePred .dgContainer .containerHeader .settings {
            display: inline;
            float: right;
            margin-right: 5px;
            cursor: pointer;
        }

    .PcsOnlinePred .dgContainer .pcsdk-datagrid {
        top: 20px;
    }


    .PcsOnlinePred .dgContainer .containerBody {
        margin: 0;
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
    }


.PcsOnlinePred .blueButton {
    padding: 5px 10px 5px 10px;
    color: white;
    border: none;
    background-color: #18689e;
    height: 98%;
    width: 98%;
    margin: 1%;
}

    .PcsOnlinePred .blueButton:hover {
        color: white;
        background-color: #134568;
        background-image: none;
    }



.PcsOnlinePred .opreadSettingsContent .pcsdk-datagrid-body {
    height: 100px;
}

.PcsOutputTextBox{
    background-color:#e5e5e5;
    border:1px gray solid;
    cursor:text;
}

.PcsOutputTextBox.readonly{
    background-color:lightgray;
}


.PcsPictureButton{
    background:none;
    border:none;
    padding:0px;
    cursor: pointer;
}



.PcsRemoteUI {
    min-width: 700px;
}

    .PcsRemoteUI > div > h1 {
        font-size: 20px;
        font-weight: bold;
        margin: 9px 0px 0px 24px;
        color: white;
    }

.PcsRemoteUI-LeftPane {
    background-color: #0a2436;
}



.PcsRemoteUI-ContentPane, .PcsRemoteUI-ContentPane > * {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    overflow: auto;
    background-color: white;
}

.PcsRemoteUI-TreePane {
    position: absolute;
    left: 0;
    right: 0;
    top: 40px;
    bottom: 0;
    overflow: auto;
}

.jstree-default-dark-pcsdk {
    background: #0a2436;
}

    .jstree-default-dark-pcsdk .jstree-anchor {
        color: white;
        text-shadow: none;
    }

    .jstree-default-dark-pcsdk .jstree-clicked {
        background: transparent;
        border-radius: 0;
        box-shadow: none;
        color: #5BA7DA;
    }

.PcsRemoteUI-Chart {
    border: gray solid 1px;
    padding: 0;
    margin: 0;
    width: 182px;
    height: 52px;
    position: relative;
}

    .PcsRemoteUI-Chart svg {
        position: absolute;
        right: 0;
    }

.PcsRemoteUI-Server .pcsdk-toolbar {
    height: 40px;
}

.PcsRemoteUI-Server-Content {
    position: absolute;
    top: 40px;
    left: 20px;
    right: 0;
    bottom: 0;
}

.PcsRemoteUI-Server h1 {
    font-weight: 300;
}

.PcsRemoteUI-Server h2 {
    font-size: 18px;
    color: gray;
    margin-top: 0;
    margin-bottom: 20px;
}

.PcsRemoteUI-Server td {
    padding: 2px 8px;
}

.PcsRemoteUI-Server-Parameters {
    display: inline-block;
    vertical-align: top;
    width: 500px;
}

.PcsRemoteUI-Diagrams {
    display: inline-block;
    vertical-align: top;
    width: 470px;
}

    .PcsRemoteUI-Diagrams > div {
        padding: 10px;
        margin: 0 0 20px 0;
    }

    .PcsRemoteUI-Diagrams h3 {
        font-size: 13px;
        font-weight: bold;
        margin: 0;
        text-align: center;
    }

    .PcsRemoteUI-Diagrams td:nth-child(1) {
        width: 190px;
        white-space: pre-wrap;
    }

    .PcsRemoteUI-Diagrams td {
        padding: 8px;
    }

        .PcsRemoteUI-Diagrams td:nth-child(3) {
            white-space: pre;
        }



.PcsRemoteUI-Diagrams-System {
    background-color: #F8F8FF;
}

.PcsRemoteUI-Diagrams-Logic {
    background-color: #F0FFF0;
}

.PcsRemoteUI-Diagrams-Hardware {
    background-color: #FFFFE0;
}

.PcsRemoteUI-Clients-ToolbarInput {
    margin: 8px 0px;
}

.PcsRemoteUI-Clients-ItemsContainer {
    position: absolute;
    top: 40px;
    left: 16px;
    right: 0;
    bottom: 0;
    overflow: auto;
}

.PcsRemoteUI-Clients-Item {
    position: relative;
    margin: 16px;
}

    .PcsRemoteUI-Clients-Item h2 {
        font-size: 18px;
        color: black;
        margin: 0 0 6px -16px;
    }

    .PcsRemoteUI-Clients-Item a {
        display: inline-block;
        width: 24px;
        height: 24px;
        background-repeat: no-repeat;
        background-size: 20px;
        background-position: 2px 2px;
    }

        .PcsRemoteUI-Clients-Item a:hover {
            background-color: lightgray;
        }

        .PcsRemoteUI-Clients-Item a:active {
            background-color: whitesmoke;
        }

    .PcsRemoteUI-Clients-Item .PcsRemoteUI-Clients-Item-BtnPlay {
        background-image: url("/Images/icons/Play.png");
    }

    .PcsRemoteUI-Clients-Item .PcsRemoteUI-Clients-Item-BtnStop {
        background-image: url("/Images/icons/Stop.png");
    }

    .PcsRemoteUI-Clients-Item .PcsRemoteUI-Clients-Item-BtnEdit {
        background-image: url("/Images/icons/Edit.png");
    }

    .PcsRemoteUI-Clients-Item .PcsRemoteUI-Clients-Item-BtnDelete {
        background-image: url("/Images/icons/Delete.png");
    }

    .PcsRemoteUI-Clients-Item p {
        margin-bottom: 2px;
    }

    .PcsRemoteUI-Clients-Item > div {
        margin: 8px;
    }

    .PcsRemoteUI-Clients-Item td {
        padding: 2px 8px 2px 0;
    }

    .PcsRemoteUI-Clients-Item .PcsRemoteUI-Clients-Item-Toolbar {
        position: absolute;
        left: 200px;
        top: 12px;
    }

.PcsRemoteUI-Crash .pcsdk-toolbar {
    height: 40px;
}

.PcsRemoteUI-Crash-Header {
    margin: 12px;
}

    .PcsRemoteUI-Crash-Header h1 {
        font-weight: 300;
    }

.PcsRemoteUI-Crash-Parameters {
    display: inline-block;
    vertical-align: top;
    margin: 0px 0px 0px 12px;
    width: 500px;
}

    .PcsRemoteUI-Crash-Parameters td {
        padding: 2px 8px;
    }

.PcsRemoteUI-Crash-Diagrams {
    display: inline-block;
    width: 400px;
    height: 400px;
}

.PcsRemoteUI-Crash-Error {
    display: block;
    white-space: pre;
    margin: 12px;
}



.PcsRemoteUI-RC-Popup td {
    padding: 4px 10px;
}

.PcsRemoteUI-RC-Popup input {
    width: 200px;
    border: none;
    background-color: white;
}

.PcsRemoteUI-Messages {
    height: 100%;
    overflow: auto;
}

    .PcsRemoteUI-Messages .pcsdk-toolbar.pcsdk-toolbar-full .checkbox {
        margin-left: 10px;
    }

    .PcsRemoteUI-Messages label {
        color: white;
    }

    .PcsRemoteUI-Messages .PcsRemoteUI-Messages-Text {
        position: absolute;
        top: 40px;
        left: 0;
        right: 0;
        bottom: 0;
        overflow: auto;
        white-space: pre;
    }

        .PcsRemoteUI-Messages .PcsRemoteUI-Messages-Text p {
            margin: 0 2px;
        }


.PcsRemoteUI-RC-ItemsContainer {
    position: absolute;
    top: 40px;
    left: 8px;
    right: 0;
    bottom: 0;
    overflow: auto;
}

.PcsRemoteUI-RC-Item {
    padding: 10px;
    position: relative;
}

    .PcsRemoteUI-RC-Item h2 {
        font-size: 18px;
        color: black;
        margin: 10px 0px 2px 0px;
    }

    .PcsRemoteUI-RC-Item a {
        display: inline-block;
        width: 24px;
        height: 24px;
        background-repeat: no-repeat;
        background-size: 20px;
        background-position: 2px 2px;
    }

        .PcsRemoteUI-RC-Item a:hover {
            background-color: lightgray;
        }

        .PcsRemoteUI-RC-Item a:active {
            background-color: whitesmoke;
        }

    .PcsRemoteUI-RC-Item .PcsRemoteUI-RC-Item-BtnPlay {
        background-image: url("/Images/icons/Play.png");
    }

    .PcsRemoteUI-RC-Item .PcsRemoteUI-RC-Item-BtnStop {
        background-image: url("/Images/icons/Stop.png");
    }

    .PcsRemoteUI-RC-Item .PcsRemoteUI-RC-Item-BtnEdit {
        background-image: url("/Images/icons/Edit.png");
    }

    .PcsRemoteUI-RC-Item .PcsRemoteUI-RC-Item-BtnDelete {
        background-image: url("/Images/icons/Delete.png");
    }

    .PcsRemoteUI-RC-Item p {
        margin-bottom: 2px;
    }

    .PcsRemoteUI-RC-Item > div {
        margin: 8px;
    }

    .PcsRemoteUI-RC-Item td {
        padding: 2px 12px 2px 0;
    }

    .PcsRemoteUI-RC-Item .PcsRemoteUI-RC-Item-Toolbar {
        position: absolute;
        left: 200px;
        top: 12px;
    }

.PcsRemoteUI-RC-Popup td {
    padding: 4px 10px;
}

.PcsRemoteUI-RC-Popup input {
    width: 200px;
    border: none;
    background-color: white;
}

.PcsRemoteUI-DR-Popup {
    max-height: 500px;
    overflow: auto;
}

    .PcsRemoteUI-DR-Popup .comPorts {
        height: 200px;
        overflow: auto;
    }

    .PcsRemoteUI-DR-Popup .row {
        margin: 10px;
    }

        .PcsRemoteUI-DR-Popup .row td {
            text-align: right;
        }

.PcsReportViewer {
    background: #eaeaea;
}


    .PcsReportViewer .row .preparedReportTitle {
        font-size: 34px;
        text-align: left;
        padding-top: 30px;
        padding-bottom: 30px;
    }


    .PcsReportViewer .row .reportNamesBlock,
    .PcsReportViewer .row .preparedReportsBlock,
    .PcsReportViewer .row .settingsBlock,
    .PcsReportViewer .row .scheduledReportsBlock {
        background: white;
        padding: 15px;
    }

    .PcsReportViewer .row .reportNameTitle,
    .PcsReportViewer .row .reportDateTitle,
    .PcsReportViewer .row .reportSettingsTitle {
        padding-bottom: 15px;
        padding-left: 25px;
        font-size: 18px;
        color: rgb(24,104,158);
        text-align: left;
    }

    .PcsReportViewer .row .showPreparedReportsBtnContainer,
    .PcsReportViewer .row .reportGenerateBtnContainer {
        padding-top: 20px;
    }

    .PcsReportViewer .row .reportNamesBlock .uploadBtn,
    .PcsReportViewer .row .scheduledReportsBlock .newBtn,
    .PcsReportViewer .row .settingsBlock .saveScheduledReportBtn,
    .PcsReportViewer .row .settingsBlock .saveScheduledReportBtn_disabled {
        margin-left: 5px;
    }

    .PcsReportViewer .row .showPreparedReportsBtnContainer .showPreparedReportsBtn,
    .PcsReportViewer .row .reportGenerateBtnContainer .reportGenerateBtn,
    .PcsReportViewer .row .reportNamesBlock .uploadBtn,
    .PcsReportViewer .row .reportNamesBlock .deleteBtn,
    .PcsReportViewer .row .preparedReportsBlock .deleteBtn,
    .PcsReportViewer .row .scheduledReportsBlock .newBtn,
    .PcsReportViewer .row .scheduledReportsBlock .deleteBtn,
    .PcsReportViewer .row .settingsBlock .saveScheduledReportBtn,
    .PcsReportViewer .row .settingsBlock .saveAsNewScheduledReportBtn {
        padding-top: 5px;
        padding-left: 20px;
        padding-right: 20px;
        padding-bottom: 5px;
        color: white;
        border: 0px;
        background-color: #18689e;
        float: right;
    }

    .PcsReportViewer .row .showPreparedReportsBtnContainer .showPreparedReportsBtn_disabled,
    .PcsReportViewer .row .preparedReportsBlock .deleteBtn_disabled,
    .PcsReportViewer .row .settingsBlock .saveScheduledReportBtn_disabled,
    .PcsReportViewer .row .settingsBlock .saveAsNewScheduledReportBtn_disabled {
        padding-top: 5px;
        padding-left: 20px;
        padding-right: 20px;
        padding-bottom: 5px;
        color: white;
        border: 0px;
        background-color: #d6d6d6;
        float: right;
    }

    .PcsReportViewer .row .showPreparedReportsBtnContainer .showPreparedReportsBtn:hover,
    .PcsReportViewer .row .reportGenerateBtnContainer .reportGenerateBtn:hover,
    .PcsReportViewer .row .reportNamesBlock .uploadBtn:hover,
    .PcsReportViewer .row .reportNamesBlock .deleteBtn:hover,
    .PcsReportViewer .row .preparedReportsBlock .deleteBtn:hover,
    .PcsReportViewer .row .scheduledReportsBlock .newBtn:hover,
    .PcsReportViewer .row .scheduledReportsBlock .deleteBtn:hover,
    .PcsReportViewer .row .settingsBlock .saveAsNewScheduledReportBtn:hover,
    .PcsReportViewer .row .settingsBlock .saveScheduledReportBtn:hover {
        background-color: #218AD1;
    }

    .PcsReportViewer .iframeContainer {
        /*padding-left: 25px;
    padding-right: 25px;*/
        background: white;
        top: 40px;
        overflow-y: hidden;
    }

        .PcsReportViewer .iframeContainer .reportIframe {
            width: 100%;
            height: 100%;
            border: 0px;
        }


    .PcsReportViewer .row .col-md-6 .reportNameGrid,
    .PcsReportViewer .row .col-md-6 .preparedReportsGrid,
    .PcsReportViewer .row .settingsInsideBlock {
        list-style-type: none;
        height: 500px;
        overflow: scroll;
        overflow-x: hidden;
        padding-left: 0px;
    }

    .PcsReportViewer .row .settingsInsideBlock {
        margin-bottom: 10px;
    }

    .PcsReportViewer .row .col-md-6 .reportNameGrid li,
    .PcsReportViewer .row .col-md-6 .preparedReportsGrid li {
        border-bottom: solid 1px lightgray;
        cursor: pointer;
    }


        .PcsReportViewer .row .col-md-6 .reportNameGrid li:active,
        .PcsReportViewer .row .col-md-6 .reportNameGrid li:focus,
        .PcsReportViewer .row .col-md-6 .reportNameGrid li:hover,
        .PcsReportViewer .row .col-md-6 .preparedReportsGrid li:active,
        .PcsReportViewer .row .col-md-6 .preparedReportsGrid li:focus,
        .PcsReportViewer .row .col-md-6 .preparedReportsGrid li:hover {
            background: aliceblue;
        }


        .PcsReportViewer .row .col-md-6 .reportNameGrid li.selected,
        .PcsReportViewer .row .col-md-6 .preparedReportsGrid li.selected {
            background: #18689E;
            color: white;
        }


    .PcsReportViewer .row .savetext {
        padding-top: 5px;
        padding-left: 20px;
        padding-right: 20px;
        padding-bottom: 5px;
        float: right;
    }

    .PcsReportViewer .row .savecboxcontainer {
        padding-top: 5px;
        float: right;
    }

    .PcsReportViewer .row .savetext {
        display: inline;
    }

    .PcsReportViewer .container.noAccessPageBack, .PcsReportViewer .loading {
        background-color: white;
        height: 100%;
        display: flex;
        align-items: center;
        justify-content: center;
    }

        .PcsReportViewer .container.noAccessPageBack .noAccessPage, .PcsReportViewer .loadingText {
            color: rgb(99, 99, 99);
            font-size: xx-large;
            text-align: center;
        }

    .PcsReportViewer .form-group .input-group.date .form-control {
        border-radius: 0px;
    }

        .PcsReportViewer .form-group .input-group.date .form-control:focus {
            box-shadow: none;
            -webkit-box-shadow: none;
        }

    .PcsReportViewer .container {
        background-color: #eaeaea;
    }

    .PcsReportViewer .reportNamesBlockContainer,
    .PcsReportViewer .scheduledreportNamesBlockContainer {
        padding-bottom: 10px;
    }


    /*.PcsReportViewer .createModifyBlock table,
    .PcsReportViewer .createModifyBlock tr,
    .PcsReportViewer .createModifyBlock td {
        border: 1px solid;
    }*/


    .PcsReportViewer .countdown input {
        max-width: 40px;
    }

    .PcsReportViewer .createModifyBlock {
        padding-right: 10px;
    }


        .PcsReportViewer .createModifyBlock input[type="checkbox"],
        .PcsReportViewer .createModifyBlock input[type="radio"] {
            margin-right: 5px;
        }

        .PcsReportViewer .createModifyBlock input.countdown {
            max-width: 60px;
            display: inline;
        }


        .PcsReportViewer .createModifyBlock .year,
        .PcsReportViewer .createModifyBlock .months,
        .PcsReportViewer .createModifyBlock .weekDays,
        .PcsReportViewer .createModifyBlock .days {
            width: 90%;
            float: right;
        }


            .PcsReportViewer .createModifyBlock .days .col-sm-2,
            .PcsReportViewer .createModifyBlock .months .col-sm-4 {
                padding-right: 0px;
            }

        .PcsReportViewer .createModifyBlock .space {
            margin-bottom: 5px;
        }

        .PcsReportViewer .createModifyBlock .panel.panel-default,
        .PcsReportViewer .settingsInsideBlock .panel.panel-default {
            border-radius: 0px;
        }

            .PcsReportViewer .createModifyBlock .panel.panel-default .panel-heading,
            .PcsReportViewer .settingsInsideBlock .panel.panel-default .panel-heading {
                background-color: #eaeaea;
                background-image: none;
                border-radius: 0px;
            }

        .PcsReportViewer .createModifyBlock select,
        .PcsReportViewer .createModifyBlock input {
            border-radius: 0px;
        }


    .PcsReportViewer .settingsInsideBlock {
        padding-right: 10px;
    }


    .PcsReportViewer li {
        font-size: 15px;
        padding-bottom: 2px;
        padding-top: 2px;
    }


@media screen and ( max-height: 800px ) {
    .PcsReportViewer .row .col-md-6 .reportNameGrid,
    .PcsReportViewer .row .col-md-6 .preparedReportsGrid,
    .PcsReportViewer .row .settingsInsideBlock {
        height: 300px;
    }
}

.PcsSemanticRoot {
    overflow: hidden;
    cursor: move;
}

    .PcsSemanticRoot > * > * {
        cursor: default;
    }

    .PcsSemanticRoot > * {
        transform-origin: 0px 0px 0;
    }

/*@keyframes PcsSemanticRootFadeOut {
        0% {
        opacity: 1;
        visibility: visible;
    }

        100% {
        opacity: 0;
        visibility: hidden;
    }
}

@keyframes PcsSemanticRootFadeIn {
        0% {
        opacity: 0;
        visibility: hidden;
    }

        100% {
        opacity: 1;
        visibility: visible;
    }
}*/

.PcsSemanticView {
    border: 1px lightblue solid;
    transition: opacity 1s;
    opacity: 1;
}

.PcsTrend {
    background-color: white;
}

.PcsTrend-Content {
    position: relative;
    width: 100%;
    height: 100%;
    background-color: white;
    display: flex;
    flex-flow: column;
    text-align: left;
}

    .PcsTrend-Content[hasToolbar=false] .PcsTrend-FullscreenBtn {
        display: block;
    }

    .PcsTrend-Content[hasToolbar=false] .PcsTrend-ToolbarContainer {
        display: none;
    }

    .PcsTrend-Content[hasGrid=false] .PcsTrend-GridContainer {
        display: none;
    }

    .PcsTrend-Content .PcsTrend-FullscreenBtn {
        right: 5px;
        top: 5px;
        width: 30px;
        height: 30px;
        display: none;
        font-size: 25px;
        padding: 0px;
        background-image: url('Images/icons/toolbarIcon-resizeFourDirections_grayed.png');
        background-repeat: no-repeat;
        background-position: center;
    }

.PcsTrend-FullscreenBtn .pcsdk-tooltiptext {
    font-size: small;
    left: auto;
    right: 0px;
}

.PcsTrend-Content .PcsTrend-ToolbarContainer {
    flex: 0 0 40px;
}

.PcsTrend-Content .pcsdk-datagrid-body input {
    margin: 0px 4px 0px 5px;
}

.PcsTrend-Content-NT /* toolbar kivételével mindent tartalmazó divnek */ {
    flex: 1 1 auto;
    /*display: flex;*/
    border: none;
    /*flex-flow: row-reverse;*/
}

.PcsTrend-GridContainer {
    background-color: white;
}

.PcsTrend-Chart {
    position: absolute;
    left: 0px;
    right: 0px;
    bottom: 0px;
    top: 0px;
    background-color: white;
}

    .PcsTrend-Chart[shadow=true] .amcharts-graph-line {
        filter: url('./#amchartShadow');
    }

.PcsTrend-Settings tr td:first-child {
    text-align: left;
}

.PcsTrend-Settings td {
    padding: 2px 5px;
}

.PcsTrend-GeneralSettings .PcsTrend-SmallInput { /* todo: make a normal query, this is ugly*/
    width: 65px;
    text-align: center;
}

.PcsTrend-SmallInput {
    width: 65px;
    text-align: center;
}


.PcsTrend-GeneralSettings input, select {
    width: 145px;
}

.PcsTrend-GeneralSettings .PcsTrend-GraphSettings input {
    width: 30px;
}

.PcsTrend-GeneralSettings .PcsTrend-GraphSettings select {
    width: 110px;
}

.PcsTrend-GeneralSettings .PcsTrend-GraphSettings td {
    padding: 2px 2px;
}

.PcsTrend-MinMaxAxis {
    text-align: left;
    font-size: 14px;
}

    .PcsTrend-MinMaxAxis legend {
        width: auto;
        font-size: 14px;
        border: none;
        margin: 0px;
    }

    .PcsTrend-MinMaxAxis label {
        font-weight: normal;
        font-size: 14px;
    }

    .PcsTrend-MinMaxAxis fieldset {
        border: 1px solid silver;
        padding: .35em .625em .75em;
    }

    .PcsTrend-MinMaxAxis td {
        padding: 2px 2px;
    }

    .PcsTrend-MinMaxAxis input {
        padding: 2px 2px;
    }

.PcsTrend-ComparePopup {
    margin: 5px auto;
}

    .PcsTrend-ComparePopup td {
        padding: 2px 2px;
    }

    .PcsTrend-ComparePopup tr td:first-child {
        text-align: left;
    }

.PcsTrend-Button {
    position: absolute !important;
    border: 1px solid #ccc;
    border-radius: 3px;
    padding: 2px 2px;
    background: rgba(255, 255, 255, 0.5);
    cursor: pointer;
}

    .PcsTrend-Button:hover {
        background-color: whitesmoke;
    }



.PcsTrend-ChartBtn {
    top: 5px;
    right: 65px;
    width: 88px;
}

.PcsTrend-ChartContainer .PcsTrend-ChartBtn:nth-of-type(2) { /*TODO enélkül a selector nélkül megcsinálni a gombot*/
    top: 40px;
}

.PcsTrend-ChartBtn:hover {
    background-color: whitesmoke;
}

/*teljes képernyőhöz*/
.popup-dialog-fillspace {
    display: inline-flex !important;
    flex-flow: column;
}

    /*teljes képernyőhöz*/
    .popup-dialog-fillspace .popup-content-fillspace {
        flex: 1 1 auto;
        width: 100%;
        height: 0%;
        border-top: solid white 2px;
        padding: 0px;
    }

    .popup-dialog-fillspace .popup-titlebar {
        flex: 0 0 auto;
    }

.pcsdk-toolbar .PcsTrend-ProfileContainer > a {
    padding: 11px 5px;
    margin: 0px 2px;
}

.PcsTrend-DropDown div {
    display: inline-block;
}

.pcsdk-toolbar .PcsTrend-DropDown > a {
    cursor: default;
}

.PcsTrend-DropDown .dropdown-menu {
    left: auto;
    top: auto;
    border-radius: 0px;
    border-radius: 0px;
    padding: 0px 0px;
    min-width: 120px;
}

    .PcsTrend-DropDown .dropdown-menu li {
        float: none;
        cursor: default;
    }

    .PcsTrend-DropDown .dropdown-menu > li > a {
        background-image: none;
    }

.PcsTrend-DropDown:not(.open) > ul {
    display: none;
}

.open > .pcsdk-toolbar .PcsTrend-DropDown ul {
    display: block;
}

.PcsTrend-GridButton {
    top: 0px;
    bottom: 0px;
    left: 0px;
    margin: auto;
    width: 30px;
    height: 38px;
    display: none;
    font-size: 20px;
}

.PcsTrend-GridButton-Inverse {
    transform: scale(-1,1);
}

.PcsTrend-ProfileContainer .dropdown-menu > li:hover {
    background-color: #e8e8e8;
}

.PcsTrend-ProfileContainer .dropdown-menu > li > a {
    display: inline-block;
    padding: 3px 6px;
}

.PcsTrend tr:nth-child(even) {
    background: #efefef;
}

.PcsTrend:nth-child(odd) {
    background: #FFF;
}

@media (max-width: 800px) {
    .PcsTrend-Content[hasGrid=true] .PcsTrend-GridButton {
        display: block;
    }

    .PcsTrend-Content[hasGrid=true] .PcsTrend-GridContainer {
        position: absolute;
        top: 0px;
        bottom: 0px;
        left: 0px;
    }

    .PcsTrend-Content[hasGrid=true][mobilGVisible=false] .PcsTrend-GridContainer {
        display: none;
    }

    /* .PcsTrend-Content:not([mobilGVisible])[hasGrid=true] .PcsTrend-GridContainer {
        display: none;
    }*/
}

.TrendChartContainer {
    background-color: white;
}

    .TrendChartContainer text {
        font-family: Verdana;
        font-size: 11px;
    }
/*
.PcsTrend-Chart{
    display:none;
}*/

.PcsTrend .hide {
    visibility: hidden;
}

.PcsUserManager {
    background-color: #eaeaea;
    font-size: 14px;
}

    .PcsUserManager .insideTitle.col-md-12 {
        font-size: 34px;
        text-align: left;
        padding-top: 30px;
    }

    .PcsUserManager .insideTitle.col-md-8 {
        font-size: 34px;
        text-align: left;
        padding-top: 30px;
    }

    .PcsUserManager .first.row {
        padding-top: 20px;
        padding-bottom: 10px;
        margin: 0px;
    }

    .PcsUserManager .last.row {
        padding-bottom: 15px;
    }

    .PcsUserManager .blockTitle.col-md-6 {
        font-size: 18px;
        color: rgb(24, 104, 158);
        text-align: left;
    }

    .PcsUserManager .block .row {
        margin-bottom: 5px;
        padding-right: 10px;
    }

    .PcsUserManager .block .bgWhite {
        background-color: white;
        margin-top: 25px;
    }

        .PcsUserManager .block .bgWhite .col-md-6 {
            padding-bottom: 15px;
            padding-left: 25px;
        }

    .PcsUserManager .buttons.col-md-4 {
        padding-top: 40px;
        padding-bottom: 30px;
    }

        .PcsUserManager .buttons.col-md-4 button {
            padding-left: 20px;
            padding-right: 20px;
            padding-bottom: 5px;
            padding-top: 5px;
            color: white;
            background-color: #0a2436;
            float: right;
            border: none;
        }

            .PcsUserManager .buttons.col-md-4 button.saveBtn {
                background-color: #18689e;
                margin-left: 10px;
            }

    .PcsUserManager .pcsdk-datagrid-header {
        position: static;
    }

    .PcsUserManager .pcsdk-datagrid-body {
        color: rgb(99, 99, 99);
        overflow-y: auto;
    }

    .PcsUserManager .grayFontColor {
        color: rgb(99, 99, 99);
    }

    .PcsUserManager .container-fluid {
        background-color: #18689e;
        /*padding-top: 10px;
        padding-left: 20px;
        padding-bottom: 10px;*/
        font-size: 20px;
        color: rgb(255, 255, 255);
    }

    .PcsUserManager .mainTitle {
        display: inline-block;
        border-right: 2px solid white;
        padding-right: 15px;
        margin-top: 6px;
        padding-bottom: 2px;
    }

    .PcsUserManager .col-md-12.userGrid {
        padding-right: 20px;
        padding-left: 10px;
        height: 295px;
    }

        .PcsUserManager .col-md-12.userGrid .pcsdk-datagrid {
            height: 100px;
            color: rgb(99, 99, 99);
            position: static;
            background-color: white;
        }

    .PcsUserManager .col-md-12.variableGrid {
        padding-right: 20px;
        padding-left: 10px;
    }

    .PcsUserManager .last.row.variableGrid {
        margin: 0px;
    }

    .PcsUserManager .last.row.userGrid {
        margin: 0px;
    }


.col-md-12.userGrid .pcsdk-datagrid .pcsdk-datagrid-body {
    bottom: auto !important;
}

.PcsUserManager .bgWhite .blueButton.col-md-6 {
    padding-left: 10px;
    padding-right: 10px;
    padding-bottom: 5px;
    padding-top: 5px;
    color: white;
    border: none;
    background-color: #18689e;
}

.PcsUserManager .btn.navbar-btn a:hover {
    color: white;
    background-color: #18689e;
    background-image: none;
}

.PcsUserManager nav.navbar a:hover {
    text-decoration: none;
    background: #218AD1;
}

.PcsUserManager select {
    border-radius: 0px;
}

.PcsUserManager input:not([type='checkbox']) {
    width: 100%;
}

.PcsUserManager .navbar {
    border: 0px;
    position: fixed;
    width: 100%;
    z-index: 9999;
    min-height: 40px;
}

.PcsUserManager .navbar-btn {
    display: inline;
    padding: 0px;
}

.PcsUserManager .container {
    padding-top: 74px;
    padding-bottom: 50px;
}

.PcsUserManager .detailsContainer {
    background-color: #eaeaea;
}

.PcsUserManager .variableContainer {
    background-color: #eaeaea;
}

    .PcsUserManager .variableContainer .blueButton.col-md-6 {
        padding-left: 10px;
        padding-right: 10px;
        padding-bottom: 5px;
        padding-top: 5px;
        color: white;
        border: none;
        background-color: #18689e;
    }

        .PcsUserManager .variableContainer .blueButton.col-md-6.delete {
            padding: 5px;
        }


    .PcsUserManager .variableContainer .filteredVariableList.col-md-8 .pcsdk-datagrid {
        height: 400px;
        color: rgb(99, 99, 99);
        position: static;
    }


    .PcsUserManager .variableContainer .treeView.col-md-4 {
        overflow: scroll;
        overflow-x: hidden;
        overflow-y: auto;
        height: 400px;
    }

        .PcsUserManager .variableContainer .treeView.col-md-4 .list-group-item {
            padding: 0px;
            border: 0px;
            color: rgb(99, 99, 99);
        }

    .PcsUserManager .variableContainer .accessTypeSelect.col-md-6 {
        color: rgb(99, 99, 99);
    }

    .PcsUserManager .variableContainer .variablesWithAccessType.col-md-12 .pcsdk-datagrid {
        height: 300px;
        color: rgb(99, 99, 99);
        position: static;
    }

    .PcsUserManager .variableContainer .buttonAndSelect.row {
        padding: 20px;
    }

    .PcsUserManager .variableContainer .bgWhite {
        background-color: white;
        margin-top: 25px;
        padding: 10px;
        padding-right: 40px;
    }

@media (max-width: 767px) {
    .PcsUserManager .navbar-default .navbar-nav .open .dropdown-menu > li > a {
        color: white;
    }
}

.PcsUserManager .navbar-default .navbar-toggle .icon-bar {
    background-color: white;
}

.PcsUserManager .navbar-toggle {
    border-radius: 0px;
}

.PcsUserManager .container.noAccessPageBack {
    background-color: white;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}

    .PcsUserManager .container.noAccessPageBack .noAccessPage {
        color: rgb(99, 99, 99);
        font-size: xx-large;
        text-align: center;
    }

.PcsUserManager .variableAccessDataGrid.pcsdk-datagrid {
    height: 180px;
    position: static;
}

.PcsUserManager .alertFontColor {
    color: red;
}

.PcsUserManager .permittingFontColor {
    color: green;
}

.PcsUserManager .isNotInGroup {
    text-align: center;
    padding: 50px;
    font-size: 20px;
}

.PcsUserManager .justMobileText.hidden-sm.hidden-md.hidden-lg {
    color: white;
    padding-left: 10px;
}

.PcsUserManager .userGrid .pcsdk-datagrid-body {
    max-height: 270px;
}

/*.PcsUserManager li.dropdown:hover {
    background-color: #eaeaea;
}*/

.popup-contentContainer .userListPopupContent {
    height: 200px;
    width: 400px;
    background-color: white;
}

    .popup-contentContainer .userListPopupContent .pcsdk-datagrid-body {
        overflow-y: auto;
        height: 160px;
        padding-left: 5px;
    }

.PcsUserManager .navbar-nav > li > .dropdown-menu {
    max-height: 300px;
    overflow: auto;
}

.PcsUserManager .navbar-nav > li > a {
    padding-left: 11px;
    padding-right: 11px;
}

@media (min-width: 768px) {
    .PcsUserManager .navbar-nav > li > a {
        padding-top: 8px;
        padding-bottom: 10px;
    }
}

.PcsUserManager .pcsdk-tooltiptext {
    font-size: 13px;
}


.PcsUserManager .passwordPolicy {
    padding-bottom: 15px;
    float: right;
    padding-right: 15px;
    font-size: 12px;
    margin-bottom: 2px;
}

.PcsUserStatus {
    color: #fff;
    font-size: 14px;
    font-family: "Segoe UI";
    position: absolute;
    right: 25px;
    top: 20px;
}

    .PcsUserStatus td {
        /*padding: 0px 2px;*/
        text-align: right;
        padding-left: 5px;
        padding-right: 10px;
    }

    .PcsUserStatus .noPadding {
        padding: 0px;
    }

    .PcsUserStatus .blueText {
        color: rgb(60, 140, 180);
        font-size: 12px;
        /*padding-bottom: 5px;*/
        /*text-align: right;*/
    }

.PcsUserStatus-Button {
    border: none;
    display: inline-block;
    width: 32px;
    height: 35px;
    padding-left: 6px;
    padding-right: 6px;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
}


    .PcsUserStatus-Button:hover {
        background-color: #18689e !important;
    }

    .PcsUserStatus-Button:focus {
        outline-style: none;
    }


.PcsUserStatus-Password-Dialog .wrong-input {
    border: solid 2px red;
}

.PcsUserStatus-Password-Dialog .policy-alert {
    color: red;
}

.PcsUserStatus-Password-Dialog tr {
    margin: 5px;
}

    .PcsUserStatus-Password-Dialog tr td {
        padding-bottom: 2px;
    }

        .PcsUserStatus-Password-Dialog tr td:first-child {
            text-align: right;
            padding-right: 2px;
        }

.PcsUserStatus .icon-separator {
    width: 2px;
    height: 22px;
    background: #18689e;
    margin-top: 7px;
    margin-bottom: 6px;
    margin-left: 8px;
    margin-right: 8px;
    padding: 0;
}

.PcsUserStatus .icon-dberror {
    background: url('Images/icons/dberror.png') no-repeat center center;
    margin-right: 10px;
}

.PcsUserStatus .icon-settings {
    background: url('Images/icons/settings.png') no-repeat center center;
}

.PcsUserStatus .icon-sound {
    background: url('Images/icons/sound.png') no-repeat center center;
}

    .PcsUserStatus .icon-sound.noSound {
        background: url('Images/icons/nosound.png') no-repeat center center;
    }

.PcsUserStatus .icon-logout {
    background: url('Images/icons/logout.png') no-repeat center center;
}

.PcsUserStatus .icon-lock {
    background: url('Images/icons/lock.png') no-repeat center center;
}

@media(max-width: 768px) {
    .PcsUserStatus {
        top: 0;
        right: 15px;
    }
}

.PcsUserStatus .pcsdk-tooltiptext.sound {
    left: calc( 100% - 110px );
}

.PcsUserStatus .pcsdk-tooltiptext.settings {
    left: calc( 100% - 100px );
}

.PcsVariables {
    background-color: white;
    min-width: 900px;
}

    .PcsVariables .pcsdk-datagrid {
        margin-left: 8px;
    }


    .PcsVariables .pcsdk-datagrid-body td span {
        margin: 0px 4px 0px 0px;
    }

    .PcsVariables-Popup-ContentContainer .PcsOutputTextBox {
        width: 70px;
        border: none;
        background-color: white;
    }

    .PcsVariables-Popup-ContentContainer table {
        margin: auto;
    }

        .PcsVariables-Popup-ContentContainer table td, .PcsVariables-Parameters table th {
            padding: 4px 10px;
        }

.popup-blockscreen {
    position: absolute;
    top: 0px;
    left: 0px;
    bottom: 0px;
    right: 0px;
    background-color: rgba(9, 35, 54, 0.9);
    text-align: center;
    white-space: nowrap;
    overflow: visible;
    z-index: 10001;
}

    .popup-blockscreen:before {
        content: "";
        display: inline-block;
        vertical-align: middle;
        width: 0;
        margin-right: -.25em;
        height: 100%;
    }

    .popup-modal {
        background-color: rgba(0, 0, 0, 0.7);
        position: fixed;
        top: 0px;
        left: 0px;
        right: 0px;
        bottom: 0px;
        z-index: 99999;
    }

.popup-dialog {
    position: relative;
    margin: auto;
    background-color: rgb(234, 234, 234);
    display: inline-block;
    vertical-align: middle;
}

.popup-dialog-mobile {
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    background-color: rgb(234, 234, 234);
}

.popup-dialog-fullscreen {
    position: fixed;
    top: 0px;
    left: 0px;
    right: 0px;
    bottom: 0px;
}

    .popup-dialog-fullscreen .popup-titlebar {
        height: 36px;
        padding: 8px 12px;
    }

    .popup-dialog-fullscreen .popup-commitbar {
        height: 36px;
        padding: 4px 16px;
        position: absolute;
        top: 0px;
        right: 0px;
    }

    .popup-dialog-fullscreen .popup-commitbutton {
        min-width: 60px;
        min-height: 28px;
    }



.popup-titlebar {
    height: 44px;
    background-color: #19689E;
    color: white;
    padding: 12px 15px;
    font-size: 14px;
    text-align: left;
}

.popup-contentContainer {
    padding: 20px;
}

.popup-textcontent {
    display: inline-block;
    padding: 20px;
    vertical-align: middle;
}

.popup-icon {
    font-size: 45px;
    vertical-align: middle;
}

    .popup-icon.glyphicon-remove-sign {
        color: #9f0000;
    }

    .popup-icon.glyphicon-warning-sign {
        color: #7c7900;
    }

    .popup-icon.glyphicon-info-sign {
        color: #00469c;
    }

    .popup-icon.glyphicon-question-sign {
        color: #016b7c;
    }


.popup-commitbar {
    height: 64px;
    background-color: white;
    padding: 16px 16px;
}

.popup-commitbutton {
    min-width: 80px;
    min-height: 32px;
    float: right;
    border: none;
    background-color: #19689E;
    color: white;
    margin: auto 4px;
}

    .popup-commitbutton:disabled {
        background-color: rgb(200, 200, 200);
    }

    .popup-commitbutton:hover {
        float: right;
        background-color: #218AD1;
    }

.popup-commitbutton-inverse {
    background-color: #0A2336;
}

    .popup-commitbutton-inverse:hover {
        background-color: #134568;
    }

.popup-dragable {
    box-shadow: 0 5px 15px rgba(0,0,0,.5);
    position: fixed;
    z-index: 10001;
}

@media (max-width:768px) {
    .popup-dialog:not(.ui-draggable):not(.popup-dialog-fullscreen) {
        width: 100%;
        position: relative;
    }

    .popup-blockscreen:before {
        margin: 0px;
    }

    .popup-dialog:not(.ui-draggable) .popup-titlebar {
        height: 36px;
        padding: 8px 12px;
    }

    .popup-dialog:not(.ui-draggable) .popup-commitbar {
        height: 36px;
        padding: 4px 16px;
        position: absolute;
        top: 0px;
        right: 0px;
    }

    .popup-dialog:not(.ui-draggable) .popup-commitbutton {
        min-width: 60px;
        min-height: 28px;
    }
}

.pcsdk-tabcontrol {
}

.pcsdk-tabcontrol-header {
    height: 32px;
    min-width: 320px;
    text-align: left;
    background-color: #F2F2F2;
}

.pcsdk-tabcontrol-headeritem {
    height: 32px;
    padding: 12px 4px;
    margin: 0px 12px;
    color: #777;
    display: inline-block;
    font-weight: 600;
}

.pcsdk-tabcontrol-activeheaderitem {
    border-bottom: 2px solid #007ACC;
    color: #007ACC;
}

.pcsdk-tabcontrol-headeritem:hover {
    text-decoration: none;
    color: #007ACC;
}

.pcsdk-timeselection {
    width: 100%;
    /*background-color: transparent;*/
}

    .pcsdk-timeselection .radio {
        margin-left:20px;
    }
    .pcsdk-timeselection td {
        height: 32px;
        text-align: left;
    }

        .pcsdk-timeselection td:first-child {
            width: 80px;
        }

    .pcsdk-timeselection .pcsdk-datetimepicker input {
        border: none;
        width: 100%;
        height: 25px;
    }

.pcsdk-toolbar {
    background: #18689E;
    overflow: visible;
}

    .pcsdk-toolbar ul {
        list-style: none;
        float: left;
        display: block;
        margin: 0px;
        padding: 0px 10px;
    }

    .pcsdk-toolbar li {
        float: left;
        display: block;
    }

    .pcsdk-toolbar a {
        display: inline-block;
        color: white;
        cursor: pointer;
        padding: 9px 10px;
        line-height: normal;
    }

        .pcsdk-toolbar a:hover {
            text-decoration: none;
            background: #218AD1;
        }

    .pcsdk-toolbar img {
        height: 22px;
    }

    .pcsdk-toolbar p {
        color: white;
        cursor: default;
        padding: 10px;
        margin: 0px;
    }

    .pcsdk-toolbar::after {
        content: "";
        display: block;
        clear: both;
    }

    .pcsdk-toolbar.pcsdk-toolbar-medium li p, .pcsdk-toolbar.pcsdk-toolbar-small li p {
        display: none;
    }

    .pcsdk-toolbar.pcsdk-toolbar-small a {
        padding: 5px 7px;
    }

    .pcsdk-toolbar.pcsdk-toolbar-small li img {
        height: 18px;
    }

    .pcsdk-toolbar .toolbar-title{
        font-size: 20px;
        margin-top: 5px;
        color: white;
        margin-right: 10px;
        padding-right:15px;
            border-right: 2px solid white;
}

.pcsdk-tooltip {
    /*position: relative;
    display: inline-block;*/
}

.pcsdk-tooltiptext {
    opacity: 0;
    transition: opacity 0.5s;
    visibility: hidden;
    top: calc( 100% + 2px );
    /*left: 0;*/
    background-color: #F1F2F7;
    color: #575757;
    text-align: center;
    padding: 5px 15px;
    border: 1px #767676 solid;
    position: absolute;
    z-index: 1;
}

/*.pcsdk-tooltiptext::after {
        content: " ";
        position: absolute;
        bottom: 100%;
        left: 10px;
        margin-left: -5px;
        border-width: 5px;
        border-style: solid;
        border-color: transparent transparent gray transparent;
    }*/

.pcsdk-tooltip:hover .pcsdk-tooltiptext {
    visibility: visible;
    opacity: 1;
    z-index: 10000;
}

.PcsInputTextBox.pcsdk-tooltip .pcsdk-tooltiptext {
    font-size: 8px;
    width: -moz-max-content;
    width: -webkit-max-content;
    width: -o-max-content;
}

    .PcsInputTextBox.pcsdk-tooltip .pcsdk-tooltiptext .pcsdk-tooltiptext-date {
        font-weight: bold;
        display: block;
    }

body {
    font-family: 'Segoe UI',sans-serif;
    font-size: 13px;
}

input:focus {
    outline: none;
}

hr {
    border: 0;
    height: 0;
    border-top: 1px solid rgba(0, 0, 0, 0.1);
    border-bottom: 1px solid rgba(255, 255, 255, 0.3);
}

#progressbar{
    transition: width 2s ease-out;
}

@media (max-width: 768px) {
#progressbar{
    transition: width 5s ease-out;
}
}