
        .header1
        {
            background-image: linear-gradient(#0F692D,#0F692D) !important; 
            color: white !important;
        }
        .header2
        {
             background-image: linear-gradient(#f8f8f8,#f8f8f8) !important;
        }
        .header3
        {
            background-image: linear-gradient(#0CA848,#0CA848) !important;
            font-weight: bold;
        }
        .RadGrid_Material .rgCommandRow
        { 
            background-color: #0F692D !important; 
            color: white !important;
            height: 100% !important;
            width: 100% !important;
        } 
        .RadGrid_Material .rgCommandCell
        { 
            height: 100% !important;
            width: 100% !important;
        } 
        .RadGrid_Material .rgRow, .rgEditForm
        { 
            background-color: #f8f8f8 !important; 
        } 
        .RadGrid_Material .ruBrowse
        {
            display:inline-block;
            min-width:4.28571429em;
            margin-left:3px;
            padding:4px 10px;
            text-align:center;
            border:1px solid transparent;
            outline-offset:-2px; 
        }
        .actionHeader
        {
            width: 100px;
            background-color: #f8f8f8 !important; 
        }
        .actionColumn
        {
            border: none !important; 
            display: inline-block !important;
            vertical-align: middle !important;
        }
        .button
        {
            border: none !important; 
            width: 35px !important;
            height: 35px !important;
            vertical-align: middle !important;
            padding: 5px !important;
            border-radius: 50% !important;
            -webkit-filter: opacity(50%);
            background-position: center;
            transition: background 0.5s;
        }
        .button:hover {
            background: rgba(0, 0, 0, 0.2) radial-gradient(circle, transparent 1%, rgba(0, 0, 0, 0.2) 1%) center/15000%;
        }
        .button:active {
            background-color: rgba(0, 0, 0, 0.5);
            background-size: 100%;
            transition: background 0s;
        }
        tbody
        {
            background-color: #f8f8f8 !important; 
        }
        input[src*="material_insert_update.png"]
        {
            width: 40px !important;
            height: 40px !important;
            padding: 5px !important;
            border-radius: 50% !important;
            margin-left: 10px !important;
            -webkit-filter: opacity(60%);    
        }
        input[src*="material_insert_update.png"]:hover {
            background: rgba(0, 0, 0, 0.2) radial-gradient(circle, transparent 1%, rgba(0, 0, 0, 0.2) 1%) center/15000%;
        }
        input[src*="material_insert_update.png"]:active {
            background-color: rgba(0, 0, 0, 0.5);
            background-size: 100%;
            transition: background 0s;
        }
        input[src*="material_cancel.png"] 
        {
            width: 40px !important;
            height: 40px !important;
            padding: 5px !important;
            border-radius: 50% !important;
            -webkit-filter: opacity(60%);    
        }
        input[src*="material_cancel.png"]:hover {
            background: rgba(0, 0, 0, 0.2) radial-gradient(circle, transparent 1%, rgba(0, 0, 0, 0.2) 1%) center/15000%;
        }
        input[src*="material_cancel.png"]:active {
            background-color: rgba(0, 0, 0, 0.5);
            background-size: 100%;
            transition: background 0s;
        }
        .textbox
        {
            -webkit-transition: all 0.30s ease-in-out;
            -moz-transition: all 0.30s ease-in-out;
            -ms-transition: all 0.30s ease-in-out;
            -o-transition: all 0.30s ease-in-out;
            box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.05);
            border: 1px solid #DDDDDD;
            width: 100%;
            /*border-radius: 5px; */
        }
        .textbox:hover 
        {
            box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.2);
            border : 1px solid rgba(80, 175, 54, 1);
            width : 100%;
            /*border-radius: 5px; */
        }
        .textbox:focus 
        {
            box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.2);
            border : 1px solid rgba(0, 112, 60, 1);
            width : 100%;
            /*border-radius: 5px;*/ 
        }
        .textboxInvalid
        {
            border: 1px solid red;
            width: 100%;
        }
        .RadUpload_Material .ruBrowse
        {
            background-color: #0F692D !important;
            color: White !important;
            height: 100% !important;    
        }