/* //////////////////Button CSS */

.btnLinkGreen {
    font-family: 'Open Sans' !important;
    font-size: 12px;
    color: #fff;
    height: 27px;
    width: 100%;
    outline: none;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    padding-left: 12px;
    padding-right: 12px;
    margin-left: 2px;
    margin-right: 2px;
    -moz-appearance: none;
    -webkit-appearance: none;
    appearance: none;
    width: auto;
    cursor: pointer;
    background: #A5CF50 !important;
    border: 1px solid #A5CF50 !important;
}

.btnLinkGreen,
.btnLinkGreen#btnCancel,
.k-filter-menu .k-button.k-primary {
    font-family: 'Open Sans';
    font-size: 12px;
    color: #fff;
    height: 27px;
    width: 100%;
    border: 1px solid #11b135;
    outline: none;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    padding-left: 12px;
    padding-right: 12px;
    margin-left: 2px;
    margin-right: 2px;
    background: #11b135;
    -moz-appearance: none;
    -webkit-appearance: none;
    appearance: none;
    width: auto;
    cursor: pointer;
    background: #A5CF50;
    border: 1px solid #A5CF50;
}

.btnLinkGreen:focus {
    border: none !important;
}

.custom_button {
    height: 21px !important;
    border: none !important;
    margin-right: 4px !important;
    float: right;
    font: 13px "Open Sans", sans-serif !important;
    text-decoration: none !important;
    padding: 1px 7px 2px 7px !important;
    -webkit-border-radius: 4px !important;
    border-radius: 4px !important;
    -moz-border-radius: 4px !important;
    cursor: pointer !important;
    background-color: #628fbd !important;
    color: white !important;
  }

  .btn_div_margin{
    margin: -21px 0px 0px 0px;
  }

.row-form {
    margin-bottom: 8px;
    line-height: 1;
    display: -webkit-flex;
    display: -moz-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    -moz-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-justify-content: center;
    justify-content: center;
    -moz-justify-content: center;
}

.col-3 {
    width: 24.9999%;
    display: flex;
    flex: 0 0 0 !important;
}

.row-form label {
    white-space: nowrap;
    text-align: right;
    font-weight: normal;
    color: #065c8d;
    font-family: 'Open Sans', Tahoma, Helvetica, Arial, sans-serif;
    font-size: 13px;
    padding: 3px 0px 1px 0px;
    float: left;
    width: 30%;
    line-height: 1.2;
    margin: 0px 0px 0px 1%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.row-form input[type="text"],
[type="number"],
[type="date"],
.selectclass {
    font-family: "Open Sans", Tahoma, Helvetica, Arial, sans-serif;
    font-size: 12px;
    color: #414141;
    height: 22px;
    border: 1px solid #d0d6e1;
    border-radius: 3px;
    -webkit-transition: 0.3s ease-in-out all;
    -moz-transition: 0.3s ease-in-out all;
    -ms-transition: 0.3s ease-in-out all;
    -o-transition: 0.3s ease-in-out all;
    transition: 0.3s ease-in-out all;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    margin-left: 12px;
    margin-right: 34px;
    box-shadow: none;
}

input[type=date]:focus {
    outline: none !important;
    border: 1px solid black;
    box-shadow: 0 0 10px white;
}

input[type=text]:focus {
    outline: none !important;
    /* border: 1px solid black; */
    box-shadow: 0 0 10px white;
}

option:focus {
    outline: none !important;
    border: 1px solid black;
    box-shadow: 0 0 10px white;
}

.custom-select:focus {
    outline: none !important;
    border: 1px solid black;
    box-shadow: 0 0 10px white;
}

/* ////////Kendo Grid/////// */

.k-header, .k-grid-header {
    font-family: 'Open Sans', Tahoma, Helvetica, Arial, sans-serif !important;
    font-size: 12px !important;
    background-color: #e5e6ea !important;
    font-weight: 400px;
}

.k-i-more-vertical::before {
    content: "\e129" !important;
}

.k-grid tbody td {
    padding: 5.2px 7.8px;
    color: #2e2e2e !important;
}

.k-grid td {
    font-family: 'Open Sans', Tahoma, Helvetica, Arial, sans-serif;
    font-size: 13px !important;
    border-width: 0 0 0px 0px !important;
    padding: 0.4em 0.6em !important;
    line-height: 1.6em !important;
    background: white !important;
}

input[type="checkbox"] {
    height: 14px;
    width: 14px;
    border: 1px solid #d1d1d1;
    border-radius: 3px;
    outline: none;
    background: linear-gradient(135deg, #efefef 0%, #e6e6e6 100%);
    box-shadow: 2px 2px 3px 0px rgb(238 238 238);
}

.k-grid td.k-state-selected, .k-grid td.k-selected, .k-grid tr.k-state-selected>td, .k-grid tr.k-selected>td {
    background-color: #b4d6ff !important;
}

.k-checkbox:checked, .k-checkbox.k-checked {
    border-color: #86b3d8 !important;
    color: white;
    background-color: #9ecef4 !important;
    box-shadow: none !important;
}

.k-pager-numbers .k-link:hover, .k-pager-numbers .k-link.k-state-hover {
    color: #000 !important;
}

.k-pager-numbers, .k-link {
    box-shadow: none !important;
    color: #000 !important;
}

.k-button-flat-primary {
    color: #000 !important;
}

.k-pager-numbers .k-selected {
    cursor: inherit;
    z-index: 2;
    background-color: #9ecef4 !important;
    border-style: solid !important;
    border-width: 0.5px !important;
    text-align: center;
    border-radius: 1.0833em;
    border-bottom: 1px solid #f9f9f9 !important;
    color: white !important;
    border-color: #6295d2 !important;
}

.titletext
{
    padding-left: 10px;
    font-size: 14px;
    color: #000;
    font-weight: bold;
}

.barcolor {
    padding: 12px 8px !important;
    background-color: #b8cce4 !important;
    height: 14px !important;
    border-radius:0 !important;
}

.k-button-solid-primary {
    background: #6295d2 !important;
    border: 1px solid #6295d2 !important;
}

.col-3 {
    width: 24.9999%;
    display: flex;
    flex: 0 0 0 !important;
  }