* {
    font-family: 'Rubik', 'Open Sans', sans-serif, Calibri, 'Segoe UI';color: #45464c;
}


#RESPONSIVEGRID {
    width: 100px;
    margin: 0 auto;
}

#MAINIWFRAMEREGION{
    min-height: 295px;
}

#RESPONSIVEGRID_MAIN{
    overflow-y: hidden !important;
    height: 100%;
}

.lg-button{
    color: black!important;
    font-size: 15px !important;
    max-width: 150px;
    height: 32px;
    margin-top: 20px;
    font-weight: normal;
    border-radius: 4px;
}

.lg-button .ui-button.ui-widget{
    color: white!important;
    background: #f78e14;
}
.lg-button .ui-button.ui-widget:hover{
    color: #f78e14!important;
    background: white;
    border: 1px solid #f78e14;
}


.lg-subbutton {
    color: black !important;
    max-width: 240px;
    height: 28px;
    margin-top: 26px !important;
    font-size: 15px !important;
    font-weight: normal;
    background: none !important;
    background-color: white !important;
    border-radius: 4px;
}

.ui-button {
    font-weight: normal;
    font-size: 15px;
    color: black !important;

}

.lg-custombutton {
    color: white !important;
    max-width: 240px;
    height: 32px;
    margin-top: 20px;
    font-weight: normal;
    background: none !important;
    /*background-color: #e3a91a !important;*/
    border-radius: 4px;
}

.lg-edit, .lg-edit input, .lg-datepicker input, select.ui-widget {
    height: 30px;
    margin-right: 10px;
    font-weight: normal;
    color: #45464c;
    max-width: 240px;
}

.lg-edit input {
    text-indent: 4px;
    border-color: #CDD5DA;
}


.lg-datepicker input.ui-widget {
    text-indent: 8px;
    border-color: #CDD5DA;
}

.lg-datepicker{
    max-width: 240px !important;
}

.lg-edit input:focus {
    border-color: #45464c !important;
}

.lg-editreadonly {
    font-weight: normal;
    border-color: 45464c;
    opacity: 0.7;
    filter: alpha(opacity=70); /* For IE8 and earlier */
}

.lg-listbox{
    margin-right: 12px;
    height: 28px !important;
    max-width: 240px;
}

.lg-listbox li.ui-widget.content.ui-state-hover{
    background: none;
}

.lg-listbox > span > a.ui-selectmenu.ui-widget.ui-selectmenu-dropdown {

    background: none;
    height: 30px;
    width: 100%;
}

.lg-listbox > span > a.ui-selectmenu.ui-widget.ui-selectmenu-dropdown{
    background: none;
    height: 30px;
    width: 100%;
    color: #45464c;
    border-color: #CDD5DA;
    font-family: 'Rubik', Calibri, 'Segoe UI', sans-serif;
    font-size: 16px;
    font-weight: normal;
}

.lg-listbox:focus {
    border-color: #45464c !important;
}

.ui-widget-header {
    background: none !important;
    background-color: #B3DDEF !important;
}

.ui-state-default, .ui-widget-content .ui-state-default {
    background: none;
}

.lg-checkbox:focus {
    border-color: black !important;
}

.ui-checkbox.ui-state-default: focus {
    border-color: black !important;
}

.lg-label {
   color: #45464c;
}


.lg-labeldata {
  font-weight: normal;
  color: #45464c;
  font-size: 16px;
}

.lg-header {
   font-size: 18pt;
   font-weight: bold;
   color: #f78e14; 
   padding-top: 20px;
}


.lg-subheader {
    color: #45464c;
    font-size: 16pt;
    line-height: 1.5em;
}

.lg-information {
   font-size: 16px;
   color: #45464c;
   opacity: 0.7;
   filter: alpha(opacity=70); /* For IE8 and earlier */
   position: relative;
   top: 1px;
}

.lg-code {
   font-size: 16px !important;
   color:black !important;
   font-family: 'Courier New' !important;
   font-weight: normal !important;
   border: 1px solid #CDD5DA !important;
   border-radius: 6px !important;

}

.cgrl-item>div {
    min-height: 66px;
}


.cgrl-item > div.lg-linebreak {
    min-height: 1px !important;
    max-height:1px !important;
}

.cgrl-item > div.watermark {
    min-height: 45px;
}

.cgrl-item > div.lg-single {
    min-height: 40px;
}

.cgrl-item > div.lg-minheight {
    min-height: 20px;
}


.ui-checkbox.ui-state-default{
    width: 17px;
    height: 17px;
    background:none;
    margin-right: 6px;
}



.ui-checkbox.ui-state-default .ui-icon{
    left: 9px;
    top: 8px;
    border: 1px solid #CDD5DA;
}


span.error{
    color: red;
    font-weight: normal;
    font-size: 10px;
}

/*  GRID OPTIONS  */
ul.cgrl-list li {
    float: left;
    width: 100%;
}
    
ul.cgrl-list li.cgrl-item.half-width {
    width: 50%;
    max-width: 400px;
}


ul.cgrl-list li.cgrl-item.third-width {
    width: 30%;
}

ul.cgrl-list li.cgrl-item.fourth-width {
    width: 25%;
}

.maxwidth60{
    height: 30px;
    margin-right: 10px;
    font-weight: normal;
    color: #45464c;
    max-width: 60px;
}


.maxwidth80{
    height: 30px;
    margin-right: 10px;
    font-weight: normal;
    color: #45464c;
    max-width: 80px;
}


.maxwidth100{
    height: 30px;
    margin-right: 10px;
    font-weight: normal;
    color: #45464c;
    max-width: 100px;
}


.maxwidth120{
    height: 30px;
    margin-right: 10px;
    font-weight: normal;
    color: #45464c;
    max-width: 120px;
}


/*  RESPONSIVE OPTIONS  */


@media (max-width: 1000px) {

    #RESPONSIVEGRID {
        width: 100%;
        margin: 0;
        padding-left: 10px;
        padding-right: 10px;
    }

    .lg-edit, .lg-datepicker input, select.ui-widget {
        width:unset;
        max-width:300px;
    }
}

@media (max-width: 750px) {

    .lg-edit, .lg-datepicker input, select.ui-widget {
        width: 100%;
        max-width: 900px;
        padding-right: 20px;
    }

    ul.cgrl-list li.cgrl-item.half-width {
        width: 100%;
    }

    ul.cgrl-list li.cgrl-item.third-width {
        width: 100%;
    }

    ul.cgrl-list li.cgrl-item.fourth-width {
        width: 50%;
    }
}