@import url('https://fonts.googleapis.com/css?family=Montserrat:300,400,500,600,700,800');
/*
 * Base structure
 */

html,
body {
    font-family: 'Ubuntu', sans-serif !important;
    height: 100%;
    color: #333;
    font-weight: 300;
    font-size: 13px;
}
.size-24 {
    font-size: 24px;
}
.size {
    font-size: 24px;
}
.size-84 {
    font-size: 84px;
    color: rgba(58, 82, 155, .15);
}
.link-text {
    margin-right: 7px;
    color: #333;
}
.card-block {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 auto;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    padding: 1.25rem;
}
.card {
    margin-bottom: 30px !important;
}
.upload-content {
    padding: 5px;
    text-align: center;
}
.upload-content>.ks-text {
    font-size: 14px;
    color: rgba(51, 51, 51, .6);
    line-height: 20px;
    margin-bottom: 10px;
}
.upload-content>.support-text {
    font-size: 12px;
    color: rgba(51, 51, 51, .6);
    line-height: 12px;
    margin-bottom: 20px;
    margin-top:20px;
}

.ks-page > .ks-body > .ks-panel h4 {
    font-family: 'Ubuntu', sans-serif !important;
    text-align: left;
    text-transform: uppercase;
    margin-bottom: 20px;
    color: #696d70;
    font-weight: 600;
    letter-spacing: 0.9px;
}
.forgot-password-text {
    margin-bottom: 13px;
    text-align: right;
}
.vertical-center {
    min-height: 100%;
    min-height: 100vh;
    display: flex;
    align-items: center;
}
.poster-bg {
    height: 100vh;
    background-image: url(../../ui-template-images/background-img.png);
    background-size: cover;
    background-repeat: no-repeat;
}
.ks-theme-primary .ks-navbar {
    background: #f7f7f7 !important;
}
.btn-bg {
    background-color: #407297;
    border: solid 1px #407297;
}
.btn-bg:hover {
    color: #fff;
    background-color: #305c7d;
    border-color: #305c7d;
}
.btn-address {
    background:#25628f!important;
    border: solid 1px #344084;
}
.btn-address:hover {
    background-color: #2d86ce;
    border: solid 1px #2d86ce;
}
.btn-icon {
    background-color: #fff;
    border: solid 1px #598bb2;
}
.btn-icon:hover {
    color: #fff;
    background-color: #41739a;
}
.table-border {
    border-top: 0px solid #fff !important;
    /*text-transform: uppercase;*/
    font-weight: 400;
    background-color: #e5e6eb;
}
a.login:link {
    color: #c2c2c2;
    font-size: 12px;
}
a.login:hover {
    color: #7c7c7c !important;
}
a.footer-text:link {
    color: #2e2d2d;
    padding: 0 10px 0 10px;
}
a.footer-text:hover {
    color: #3c3e40 !important;
    padding: 0 10px 0 10px;
}
hr {
    margin-top: 1rem;
    margin-bottom: 1rem;
    border: 0;
    border-top: 1px solid rgba(0, 0, 0, .1);
}
.nav-light-text {
    font-weight: 100!important;
    color: #fff;
    font-size: 12px!important;
    font-weight: 400!important;
}
.nav-dark-text {
    font-weight: 100;
    color: rgb(193, 206, 214);
}
.icon-blue {
    color: #407199;
    font-size: 18px;
    cursor:pointer;
}
.icon-gray {
    color: #837f80;
    font-size: 18px;
}
.icon-red {
    color: #da716d;
    font-size: 20px;
    cursor:pointer;
}
.icon-red:hover {
    color: #fb0606;
    font-size: 20px;
    cursor:pointer;
}
.icon-green {
    color: #41a743;
    font-size: 18px;
}
.icon-light-blue {
    color: #519fd0;
    font-size: 18px;
    cursor:pointer;
}
.dataTables_info {
    float: left;
    padding-top: 0;
    margin-bottom: 10px;
}
.mb {
    margin-bottom: 30px;
}
.panel-main {
    color: #434343;
    font-weight: 400;
    font-size: 13px;
}
.card-header {
    padding: .75rem 1.25rem;
    margin-bottom: 0;
    background-color: #f5f6fa !important;
    border-bottom: 1px solid rgba(0, 0, 0, .125);
}
a.gray:link {
    color: #b4b8bb;
    font-size: 18px;
}
a.gray:hover {
    color: #7c7c7c !important;
    font-size: 18px;
}
.panel-padding {
    padding: 25px;
}
.has-success .col-form-label,
.has-success .custom-control,
.has-success .form-check-label,
.has-success .form-control-feedback,
.has-success .form-control-label {
    color: #5cb85c;
    font-weight: 300;
}
.has-warning .col-form-label,
.has-warning .custom-control,
.has-warning .form-check-label,
.has-warning .form-control-feedback,
.has-warning .form-control-label {
    color: #f0ad4e;
    font-weight: 300;
}
.has-danger .col-form-label,
.has-danger .custom-control,
.has-danger .form-check-label,
.has-danger .form-control-feedback,
.has-danger .form-control-label {
    color: #d9534f;
    font-weight: 300;
}
.btn-align {
    text-align: right;
    margin-top: 30px;
    float: right;
}
.no-gutters {
    padding-right: 0;
    padding-left: 0;
}
.square-icon {
    display: inline-block;
    font-size: 14px;
    background-color: #fff;
    color: #404a56;
    text-align: center;
    vertical-align: bottom;
    margin-top: 5px;
    padding: 10px;
    height: 32px;
    line-height: 12px;
    font-weight: 400;
}
.icon-bg {
    display: inline-block;
    font-size: 14px;
    text-align: center;
    vertical-align: bottom;
    padding: 10px;
    height: 32px;
    line-height: 12px;
    font-weight: 400;
}
.number-icon {
    display: inline-block;
    font-size: 14px;
    line-height: 42px;
    color: #42a5f5;
    width: 37px;
    height: 37px;
    text-align: center;
    vertical-align: bottom;
    border-radius: 50%;
}
.no-border-icon {
    display: inline-block;
    font-size: 14px;
    line-height: 30px;
    color: #404a56;
    width: 30px;
    height: 30px;
    text-align: center;
    vertical-align: bottom;
    border-radius: 50%;
}
.card-bottom {
    margin: 10px 0 10px 0 !important;
}
.table > tbody > tr > td {
    vertical-align: middle;
}

.solid-border {
    border-left: 4px solid #aaabad;
}
.selected-border {
    border-left: 4px solid #407297;
}
.card-body {
    flex: 1 1 auto;
    padding: 1.25rem;
}
.footer {
    width: 100%;
    position: fixed;
    bottom: 0;
    font-weight: 300;
}
.vertical-divider {
    border-left: 1px solid #c4cbe1;
    margin-left: 18px;
}
.inner {
    padding: 2rem;
}
.footer-align {
    position: relative;
    top: 35%;
    transform: translateY(-50%);
    text-align: center;
    font-size: 12px;
}
.show-numbers {
    background-color: #fff !important;
    width: 50px;
    border-radius: 0px;
}
.no-mt {
    margin-bottom: 0px !important;
}
.report-builder-tools {
    text-align: right;
}
.report-toolbar {
    flex-direction: row;
    flex-wrap: wrap;
}
.search-box-reports{
    margin-right: 20px;
    flex-grow: 1;
    max-width:250px;
    margin-top:5px;
} 

.button-group-options-reports{
    flex-grow: 1;
}
.required-text {
    color: red;
    font-size: 8pt!important;
    /*font-size: 14pt;
    font-weight: 500;
    margin: 5px 5px 5px 5px;*/
}
fieldset.scheduler-border {
    border: solid 1px #d7dceb;
    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.scheduler-border {
    font-family: 'Montserrat', sans-serif;
    margin-top: 0;
    margin-bottom: 20px;
    font-weight: 400;
    color: #434343;
    text-align: left !important;
    width: auto;
    padding: 0 10px;
    border-bottom: none;
    font-size: 14px;
}

fieldset.device-details-border {
    border: solid 1px #d7dceb;
    /*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;
}

.ks-logo{
    text-align: center;
    margin-bottom: 35px;
    margin-top: 40px;
}


/* New css style - 26 sepetember 2017 */


.address-bg {
    background-color: #42a5f5;
    padding: 17px;
    height: 45px;
    line-height: 1;
    text-align: center;
    width: 100%;
    color: #fff;
}
.badge-secondary {
    color: #fff;
    background-color: #868e96;
}
.pull-right{
    float: right;
}
.task-space{
    padding: 20px !important;
}

/* Overdies for Jquery modal */

.modal-style .ui-widget-header{
    border-bottom: 1px solid #d7dceb;
    background: #ffffff;
    color: #333;
    font-weight: bold;
}

.sub-nav{
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    padding-left: 0;
    margin-bottom: 0;
    list-style: none;
}

input.form-control:not([size]):not([multiple]) {
    height: calc(2.25rem + 2px);
}
.validationMessage{
    color:#f12929!important;
}

.fileContainer {
    margin-top:20px;
}

.fileContainer ::before {
      font-family: "Ionicons";
      content: "\f217";
}

.fileContainer [type=file] {
    cursor: inherit;
    display: block;
    filter: alpha(opacity=0);
    min-height: 100%;
    min-width: 100%;
    opacity: 0;
    position: absolute;
    right: 0;
    text-align: right;
    top: 0;
}

/* Example stylistic flourishes */


.fileContainer [type=file] {
    cursor: pointer;
}
.table > tfoot > tr > td {
    font-weight:800;
    background-color:#e5e6eb;
}
.table{
    margin-bottom:0rem;
}
.table > tbody > tr > td > .form-control{
    height:30px!important;
}
    .table > thead > tr > th {
        border-top: 0px solid #fff !important;
        font-weight: 400;
        background-color: #e5e6eb;
        vertical-align: top;
    }
.input-group .input-group-addon {
        max-height: calc(2.25rem + 2px)!important;
}
 
.report-toolbar button:not(.FindTextButton){
    color:#407297!important;
}

.align-left{
    text-align:left!important;
}
.align-right {
    text-align: right!important;
}
.align-center {
    text-align: center!important;
}

input[type=text]:focus, textarea:focus, input[type=number]:focus, input[type=checkbox]:focus, select:focus {
    box-shadow: 0 0 5px rgba(81, 203, 238, 1) !important;
    border: 1px solid rgba(29, 184, 70, 1) !important;
}

/*input[type=radio]:focus {
    box-shadow: 1px 1px 10px 1px rgba(81, 203, 238, 1) !important;
    border: 1px solid rgba(29, 184, 70, 1) !important;
    border-radius: 990px !important;
}*/

::-moz-selection { /* Code for Firefox */
    color: white;
    background: #3d794e;
}

::selection {
    color: white;
    background: #3d794e;
}

@keyframes ldio-ubh0v4sirbk {
    0% {
        transform: translate(14px,82px) scale(0);
    }

    25% {
        transform: translate(14px,82px) scale(0);
    }

    50% {
        transform: translate(14px,82px) scale(1);
    }

    75% {
        transform: translate(82px,82px) scale(1);
    }

    100% {
        transform: translate(150px,82px) scale(1);
    }
}

@keyframes ldio-ubh0v4sirbk-r {
    0% {
        transform: translate(150px,82px) scale(1):
    }

    100% {
        transform: translate(150px,82px) scale(0);
    }
}

@keyframes ldio-ubh0v4sirbk-c {
    0% {
        background: #00c821
    }

    25% {
        background: #00aeff
    }

    50% {
        background: #ff0000
    }

    75% {
        background: #00aeff
    }

    100% {
        background: #00c821
    }
}

.ldio-ubh0v4sirbk div {
    position: absolute;
    width: 20px;
    height: 20px;
    border-radius: 50%;
    transform: translate(82px,82px) scale(1);
    background: #00c821;
    animation: ldio-ubh0v4sirbk 2.1739130434782608s infinite cubic-bezier(0,0.5,0.5,1);
}

    .ldio-ubh0v4sirbk div:nth-child(1) {
        background: #00aeff;
        transform: translate(150px,82px) scale(1);
        animation: ldio-ubh0v4sirbk-r 0.5434782608695652s infinite cubic-bezier(0,0.5,0.5,1), ldio-ubh0v4sirbk-c 2.1739130434782608s infinite step-start;
    }

    .ldio-ubh0v4sirbk div:nth-child(2) {
        animation-delay: -0.5434782608695652s;
        background: #00c821;
    }

    .ldio-ubh0v4sirbk div:nth-child(3) {
        animation-delay: -1.0869565217391304s;
        background: #00aeff;
    }

    .ldio-ubh0v4sirbk div:nth-child(4) {
        animation-delay: -1.6304347826086956s;
        background: #ff0000;
    }

    .ldio-ubh0v4sirbk div:nth-child(5) {
        animation-delay: -2.1739130434782608s;
        background: #00aeff;
    }

.loadingio-spinner-ellipsis-46co7prrp3k {
    width: 200px;
    height: 200px;
    display: inline-block;
    overflow: hidden;
    background: rgba(NaN, NaN, NaN, 0);
}

.ldio-ubh0v4sirbk {
    width: 100%;
    height: 100%;
    position: relative;
    transform: translateZ(0) scale(1);
    backface-visibility: hidden;
    transform-origin: 0 0; /* see note above */
}

    .ldio-ubh0v4sirbk div {
        box-sizing: content-box;
    }
/* generated by https://loading.io/ */



#Loader {
    position: fixed;
    z-index: 99999999999;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    margin: auto;
    bottom: 37%;
    right: 0;
    padding: 43%;
    background: #00000085;
}

#organizationLogo {
    /*padding-top: 5%;*/
    position: fixed;
    bottom: 0;
    opacity: 0.5;
    display: block;
    width: 80px;
    height: 35px;
    backface-visibility: hidden;
    /*    align-self: center;
*/ padding-bottom: 3px;
    padding-left: 10px;
}
#ecoruLogo {
    width: 70px;
    height: 30px;
    padding-bottom: 2px;
    /*filter: contrast(130%) brightness(135%);*/
}