﻿.frm_100 .k-textbox, .frm_100 .k-combobox, .frm_100 .k-numerictextbox, .frm_100 .k-datetimepicker, .frm_100 .k-datepicker, .frm_100 textarea
{
    width:100% !important;
}
.frm_100 .k-checkbox-label
{
    margin-top: 2px;
}

.frm_100 h4
{
    margin-top: 20px;
}
.frm_chk .k-checkbox-label {
    margin-top: 10px;
    margin-bottom: 10px;
}
.single-chk .k-checkbox-label{
    display: block;
    /*margin-top: 7px;*/
    /*margin-bottom: 28px;*/
}
.frm_100 label {
    margin-top: 20px;
    display:inline-block;
}
.k-edit-form-container {
    width: auto;
}
.k-edit-form-container .k-edit-buttons {
    bottom:0;
}
.k-window-titlebar {
    border-bottom-color: #7cb342;
    border-bottom-width: 3px;
}
.k-window-title {
    color: #659f13;
    font-weight:bold;
}
.k-window-content {
    padding: 0 !important;
}
.btn_group {
    clear: both;
    text-align: right;
    border-width: 1px 0 0;
    border-style: solid;
    padding: .6em;
    border-color: #dbdbdb;
}
.k-button .material-icons {
    padding-right: 6px;
}
.k-button.k-state-active .material-icons, .k-button:active .material-icons {
    color: #fff !important;
}
.k-button.k-state-hover .material-icons, .k-button:hover .material-icons {
    color: #fff !important;
}
.k-grid .toolbar .k-button {
    min-width: unset !important;
}
.k-grid .toolbar {
    padding:0;
}
.k-grid tbody .btnNoText {
    min-width: 0px;
    padding: 5px 2px 5px 7px;
}
.k-grid tbody .k-button {
    min-width:0px;
}
.k-grid-header .k-header>.k-link, .k-header, .k-treemap-title {
    color: #000;
}
.k-block, .k-content, .k-dropdown .k-input, .k-popup, .k-toolbar, .k-widget {
    color: #000;
}
.k-input, .k-multiselect-wrap, .k-textbox>input, input.k-textbox, input.k-textbox:hover, textarea.k-textbox, textarea.k-textbox:hover {
    color: #000;
}
textarea.k-textbox {
    padding-left: 7px;
    padding-right: 7px;
    height: 90px;
}
.cur_link {
    background-color:#2196f3;
    color: #fff !important;
}
#winAlert {
        width: 500px;
    }
#winAlert .alert_content {
    text-align:center;
    padding: 30px 20px 40px 20px;
}
#winAlert_wnd_title {
    font-weight:bold;
}
#winAlert_wnd_title.error, #winAlert_wnd_title.error .material-icons {
    color: red;
}
#winAlert_wnd_title.infor, #winAlert_wnd_title.infor .material-icons {
    color: #7cb342;
}
/*Custom style*/
.cs_link a {
    color: #337ab7;
    font-weight:bold;
    text-decoration: underline;
}
.cs_link a:hover {
    text-decoration: none;
}
.cs_clear {
    clear:both
}
.cs_right {
    text-align: right;
}
.cs_center {
    text-align: center;
}

.cs_columns2, .cs_columns3, .cs_columns4, .cs_columns5 {
    list-style: none;
    margin-top: 5px;
    padding-left: 0;
}
.cs_columns2 li {
    float: left;
    width: 50%;
}
.cs_columns3 li {
    float: left;
    width: 33%;
}
.cs_columns4 li {
    float: left;
    width: 25%;
}
.cs_columns5 li {
    float: left;
    width: 20%;
}
.cs_btn {
    min-width: 80px;
    padding-right: 15px;
}
.cs_btn i {
    padding-right: 10px;
}

.pad_10 {
    padding: 10px;
}
.pad_20 {
    padding: 20px;
}
.pad_30 {
    padding: 30px;
}
.pad_40 {
    padding: 40px;
}
.pad_lr_10 {
    padding: 0 10px;
}
.pad_lr_20 {
    padding: 0 20px;
}
.pad_lr_30 {
    padding: 0 30px;
}
.pad_lr_40 {
    padding: 0 40px;
}

.cs_height_500 {
    height:450px; 
    overflow-y:auto
}

.cs_win_1000 {
    width:1000px;
    padding: 0 20px;
}
.cs_win_800 {
    width:800px;
    padding: 0 20px;
}
.cs_win_400 {
    width:400px;
    padding: 0 20px;
}

.lang_text {
    float: left;
    padding: 9px;
    font-size: 13px;
    font-weight: bold;
}

.cs_max_width {
    width: 98%;
}

.no-padding {
    padding:0 !important;
}

.fix_top {
    margin-top: 0 !important;
    padding-top: 0 !important;
}

.grid_full
{
    margin: 0;
    padding: 0;
    border-width: 0;
    height: 99.6%; /* DO NOT USE !important for setting the Grid height! */
}
.grid_full > .k-grid-header .k-header
{
    /*background: #1976d2;
    color: #fff;*/
    font-weight: bold;
    
}
.grid_off_alt tr td {
    border-bottom: 1px solid #dbdbdb;
}

.grid_off_alt tr.k-alt {
    background: #fff ;
}
.grid_off_alt td.k-state-selected:hover, .grid_off_alt tr:hover {
    background: #1781e7 !important
}
.grid_header_wrap  .k-grid-header  .k-header  .k-link {
    height: auto;
}
  
.grid_header_wrap  .k-grid-header  .k-header {
    white-space: normal;
    vertical-align: top;
}
.header_double_height #page_content {
    padding-top: 0px;
}
.header_double_height #page_content:after {
    top: 36px;
}
.k-widget.k-listview {
    border: none;
}


@media only screen and (max-width: 767px) {
    #page_content_inner {
        padding: 6px 6px 80px;
    }
    .md-card .md-card-content {
        padding: 6px;
    }
    #sidebar_main .menu_section > ul > li > a, #sidebar_main .menu_section > ul > li ul a {
        font-size:14px;
    }
    .md-card .md-card-toolbar-heading-text {
        width: 220px;
    }
    #winAlert {
        width: 300px;
        /*padding: 10px;*/
    }
    .cs_win_1000 {
        width:unset;
        padding: 0 20px;
    }
    .cs_win_800 {
        width:unset;
        padding: 0 20px;
    }
    .cs_win_400 {
        width:unset;
        padding: 0 20px;
    }
    .cs_max_width {
        width:100%
    }
    .login_user_text {
        margin-top: 12px;
        font-size: 16px;
        font-weight: bold;
        color: #fff;
        line-height: 25px;
        width: 250px;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
    }
}