* {

    font-family: 'Open Sans', sans-serif, Calibri, 'Segoe UI';color#1E2B50;

}





#RESPONSIVEGRID {

    width: 700px;

    margin: 0 auto;

}



#MAINIWFRAMEREGION{

    min-height: 295px;

}





.lg-button {

    color: black !important;

    font-size: 12px !important;

    max-width: 150px;

    height: 32px;

    margin-top: 20px;

    font-weight: bold;

    border-radius: 6px;

}



.lg-subbutton {

    color: black !important;

    max-width: 240px;

    height: 28px;

    margin-top: 26px !important;

    font-size: 8pt !important;

    font-weight: bold;

    background: none !important;

    background-color: white !important;

    border-radius: 6px;

}



.ui-button {

    font-weight: bold;

    font-size: 14px;

    color: black !important;



}



.lg-custombutton {

    color: white !important;

    max-width: 240px;

    height: 32px;

    margin-top: 20px;

    font-weight: bold;

    background: none !important;

    /*background-color: #e3a91a !important;*/

    border-radius: 6px;

}



.lg-edit, .lg-edit input, .lg-datepicker input, select.ui-widget {

    height: 30px;

    margin-right: 10px;

    font-weight: normal;

    color: #1E2B50;

    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: #1E2B50 !important;

}



.lg-editreadonly {

    font-weight: normal;

    border-color: silver;

    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: #1E2B50;

    border-color: #CDD5DA;

    font-family: Calibri, 'Segoe UI', sans-serif;

    font-size: 1.1em;

    font-weight: normal;

}



.lg-listbox:focus {

    border-color: #1E2B50 !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: #1E2B50;

}





.lg-labeldata {

  font-weight: bold;

  color: black;

  font-size: 14px;

}



.lg-header {

   font-size: 18pt;

   font-weight: bold;

   color: #1E2B50; 

   padding-top: 20px;

}





.lg-subheader {

    color: #444;

    font-size: 9pt;

    line-height: 1.5em;

}



.lg-information {

   font-size: 1em;

   color: #007273;

   opacity: 0.7;

   filter: alpha(opacity=70); /* For IE8 and earlier */

   position: relative;

   top: 1px;

}



.lg-code {

   font-size: 16pt !important;

   color:black !important;

   font-family: 'Courier New' !important;

   font-weight: bold !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: #1E2B50;

    max-width: 60px;

}





.maxwidth80{

    height: 30px;

    margin-right: 10px;

    font-weight: normal;

    color: #1E2B50;

    max-width: 80px;

}





.maxwidth100{

    height: 30px;

    margin-right: 10px;

    font-weight: normal;

    color: #1E2B50;

    max-width: 100px;

}





.maxwidth120{

    height: 30px;

    margin-right: 10px;

    font-weight: normal;

    color: #1E2B50;

    max-width: 120px;

}





/*  RESPONSIVE OPTIONS  */





@media (max-width: 700px) {



    #RESPONSIVEGRID {

        width: 91%;

        margin: 0;

        padding-left: 10px;

        padding-right: 10px;

    }



    .lg-edit, .lg-datepicker input, select.ui-widget {

        width:unset;

        max-width:300px;

    }

}



@media (max-width: 420px) {



    .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%;

    }

}