﻿body
{
}

.div_idcube
{
    background-color: #fafafb;
    text-align: left;
}
.divCentre_idcube
{
    background-color: #fafafb;
    text-align: center;
}

.tblPopupHeader_idcube
{
    width: 100%; 
    height: 40px; 
    border-bottom: 1.5px solid #ddd; 
    padding-bottom: 10px; 
    background-color:#808080
}

.tblMain_idcube
{
    width: 100%;
    font-family: Arial;
    font-size: 11pt;
}
.tblMiddle_idcube
{
    vertical-align: middle;
    margin: 0px;
    border-collapse: collapse;
    border-spacing: 0;
    border: 1px solid #dddddd;
    border-width: 1px 0px 0px 1px;
}
.tblMiddle_idcube tr
{
    background-color: White;
    border: 1px solid #dddddd;
}
.tblMiddle_idcube tr:hover td
{
    background-color: #f7f7f9;
}
.tdHeader_idcube
{
    vertical-align: middle;
    background-color: #f7f7f9;
    text-align: left;
    padding-left: 2px;
    border: 1px solid #dddddd;
}
.tdGrey_idcube
{
    vertical-align: middle;
    background-color: #f7f7f9;
    text-align: left;
    height: 28px;
    padding: 4px 4px 4px 4px;
    border: 1px solid #dddddd;
}
.tdWhite_idcube
{
    vertical-align: middle;
    text-align: left;
    background-color: White;
    height: 28px;
    padding: 4px 4px 4px 4px;
    border: 1px solid #dddddd;
}
.formError_idcube
{
    position: absolute;
    top: 300px;
    left: 300px;
    display: block;
    cursor: pointer;
}
.defaultText
{
    font-style: italic;
    color: #CCCCCC;
}
.btn_idcube
{
    vertical-align: middle;
    width: 110px;
    height: 27px;
    background: #ffffff;
    padding: 4px 5px 4px 5px;
    color: #333333;
    font-family: 'Arial' ,sans-serif;
    font-weight: bolder;
    font-size: 10.5pt;
    border: 1px solid #1A356E;
}
.btn_Top_Idcube
{
    line-height: 1.1;
}
.btnAddNew_idcube
{
    vertical-align: middle;
    width: 120px;
    height: 27px;
    background: White;
    padding: 0;
    color: #333333;
    font-family: 'Arial' ,sans-serif;
    font-weight: bolder;
    font-size: 11pt;
    border: 1px solid #1A356E;
}
.imgbtn_idcube
{
    vertical-align: middle;
    width: 50px;
    height: 27px;
    background-color: Gray;
    padding: 8px 10px 8px 8px;
    border: 1px solid #1A356E;
}

/*For textbox*/
.tbLarge_idcube
{
    vertical-align: middle;
    font-family: Arial;
    font-size: 10.5pt;
    width: 70%;
    height: 27px;
}
.tb_idcube
{
    vertical-align: middle;
    font-family: Arial;
    font-size: 10.5pt;
    width: 30%;
    height: 27px;
}

.tb_idcube:focus
{
    vertical-align: middle;
    border: 1px solid rgba(81, 203, 238, 1);
    box-shadow: 0 0 5px rgba(81, 203, 238, 1);
}
.tbLarge_idcube:focus
{
    vertical-align: middle;
    border: 1px solid rgba(81, 203, 238, 1);
    box-shadow: 0 0 5px rgba(81, 203, 238, 1);
}
/*For Label*/
.lblPopupHeader_idcube
{
    vertical-align: middle;
    font-family: Arial;
    font-size: 12pt;
    font-weight: normal;
    color: #ffffff;
    height: 27px;
}

.lbl_idcube
{
    vertical-align: middle;
    font-family: Arial;
    font-size: 10.5pt;
    font-weight: normal;
    color: #444444;
    height: 27px;
}
.lblLarge_idcube
{
    vertical-align: middle;
    font-family: Arial;
    font-size: 14pt;
    text-align: left;
    font-weight: normal;
    color: #444444;
    font-weight: bold;
    height: 27px;
}
.lblNormal_idcube
{
    vertical-align: middle;
    font-family: Arial;
    font-size: 10.5pt;
    font-weight: normal;
    color: #444444;
    font-weight: bold;
    height: 27px;
}
/*For DropDownList*/

.ddlBold_idcube
{
    font-family: Arial;
    font-size: 11pt;
    font-weight: bold;
    background-color: White;
    width: 30%;
    height: 28px;
    vertical-align: middle;
    border: 1px solid #ddd !important; /*REMOVES BORDER*/
}
.ddl_idcube
{
    font-family: Arial;
    font-size: 10.5pt;
    background-color: White;
    width: 30%;
    height: 27px;
    vertical-align: middle;
    border: 1px solid #ddd !important; /*REMOVES BORDER*/
}

.ddlLarge_idcube
{
    font-family: Arial;
    font-size: 10.5pt;
    background-color: White;
    width: 70%;
    height: 28px;
    vertical-align: middle;
    border: 1px solid #ddd !important; /*REMOVES BORDER*/
}
.ddlMid_idcube
{
    font-family: Arial;
    font-size: 10.5pt;
    background-color: White;
    width: 50%;
    height: 28px;
    vertical-align: middle;
    border: 1px solid #ddd !important; /*REMOVES BORDER*/
}
.ddlGrey_idcube
{
    font-family: Arial;
    font-size: 11pt;
    background-color: #eeeeee;
    height: 28px;
    vertical-align: middle;
    border: 1px solid #ddd !important; /*REMOVES BORDER*/
}

.lb_idcube
{
    color: Black;
    text-decoration: none;
    font-size: 10.5pt;
    font-family: Arial;
    height: 27px;
    vertical-align: middle;
}
.hyp_idcube
{
    vertical-align: middle;
    font-family: Arial;
    font-size: 10.5pt;
    cursor: pointer;
    text-decoration: none;
    height: 27px;
}

.cb_idcube
{
    color: Black;
    height: 27px;
    vertical-align: middle;
    font-family: Arial;
    font-size: 10pt;
    text-decoration: none;
}
.cbLarge_idcube
{
    font-family: Arial;
    font-size: 12pt;
    font-weight: bold;
    color: #444444;
    height: 35px;
    vertical-align: middle;
}

.rb_idcube
{
    vertical-align: middle;
    font-size: 12pt;
    font-family: Arial;
    height: 27px;   
    float:left;
    display:block;
     margin: 2px 0 0 2px;
     padding-top:2px; 
     
   
}

/*For all fieldset i.e. groupbox*/
.fs_idcube
{
    border-right: #e6f1ff 3px solid;
    border-top: #e6f1ff 3px solid;
    border-left: #e6f1ff 3px solid;
    border-bottom: #e6f1ff 3px solid;
}
/*For name in-side Fieldset*/
.lgnd_idcube
{
    font-size: 11pt;
    color: #003399;
    font-family: Verdana;
}

.sidetd_idcube
{
    font-size: 11pt;
    color: black;
    font-family: Arial;
}

.listbox_idcube
{
    font-family: Arial;
    font-size: 10.5pt;
    cursor: pointer;
}
.gv_idcube
{
    vertical-align: middle;
    padding: 0;
    margin: 0;
    font-family: Verdana;
    font-size: 10.5pt;
    border: solid 1px #dddddd;
}

.gv_idcube tr.gvheader
{
    background-color: #f5f5f5;
    font-weight: normal;
    height: 38px;
    color: #444444;
    font-size: 10.5pt;
    font-weight: bold;
    font-family: Verdana;
    vertical-align: middle;
    text-align: left;
}

.gv_idcube tr.gvnormal
{
    border-bottom: 1px solid #dddddd;
    background-color: White;
    height: 31px;
    font-size: 10.5pt;
    vertical-align: middle;
    text-align: left;
}

.gv_idcube tr.alternate
{
    border-bottom: 1px solid #dddddd;
    background-color: White;
    height: 31px;
    font-size: 10.5pt;
    vertical-align: middle;
    text-align: left;
}

.gv_idcube tr.gvnormal:hover, .gv_idcube tr.alternate:hover
{
    background-color: #f5f5f5;
}

.EmptyData
{
}
.EmptyData td
{
    padding-top: 100px;
    padding-bottom: 100px;
    color: #ddd;
    background-color: Ghost White;
    border-width: 0 !important;
}
.gvpaging
{
}

.gvpaging a
{
    background-color: #f5f5f5;
    padding: 5px 5px;
    text-decoration: none;
    border: 1px solid #ddd;
}

.gvpaging a:hover
{
    background-color: #f5f5f5;
    color: Black;
    border: 1px solid #ddd;
}

.gvpaging span
{
    background-color: #f5f5f5;
    padding: 5px 5px;
    color: Black;
    border: 1px solid #ddd;
}

tr.gvpaging
{
    background: none !important;
}

tr.gvpaging tr
{
    background: none !important;
}
tr.gvpaging td
{
    border: none;
}
.w3DropdownMenu_idcube
{
    background-color: #f3f3f3;
    border-color: #aaaaaa #5f5f5f #5f5f5f;
    border-style: solid;
    border-width: 1px;
    box-shadow: 0 4px 4px -2px #cccccc;
    display: none;
    height: auto;
    left: 0;
    z-index: 10;
    text-align: left;
    color: Black;
}
.container-fluid_idcube
{
    padding-left: 15px;
    padding-right: 15px;
}

.btn-Search_idcube
{
    background: #404952;
    color: #ffffff;
    height: 27px;
    width: 42px;
    vertical-align: middle;
    text-align: center;
    padding: 0;
    font-family: 'Arial' ,sans-serif;
    font-weight: bolder;
    font-size: 10pt;
    border: 1px solid #1A356E;
}


/*.btn-Search:hover { 
  border-color: #C0C0C0; 
  background-color: #C0C0C0; 
}*/


.InfoBar_idcube
{
    background-color: transparent;
    color: #333333;
    height: 60px;
    font-weight: bold;
    position: absolute;
    width: 100%;
    text-align: left;
}
.web_dialog_overlay
{
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    height: 100%;
    width: 100%;
    margin: 0;
    padding: 0;
    background: #000000;
    opacity: .15;
    filter: alpha(opacity=15);
    -moz-opacity: .15;
    z-index: 101;
    display: none;
}
.web_dialog
{
    display: none;
    position: fixed;
    width: 300px;
    height: 215px;
    top: 50%;
    left: 50%;
    margin-left: -190px;
    margin-top: -100px;
    background-color: #ffffff;
    border: 2px solid #336699;
    padding: 0px;
    z-index: 102;
    font-family: Verdana;
    font-size: 10pt;
}
.web_dialog_title
{
    border-bottom: solid 2px #336699;
    background-color: #336699;
    padding: 4px;
    color: White;
    font-weight: bold;
}
.web_dialog_title a
{
    color: White;
    text-decoration: none;
}
.align_right
{
    text-align: right;
}
.modal-backdrop_idcube
{
    background-color: rgba(0, 0, 0, 0.61);
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    display: none;
}
.modal-backdrop_alarmpopup
{
    background-color: rgba(0, 0, 0, 0.61);
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    display: none;
}
.modal_idcube
{
    position: absolute;
    top: 10%;
    z-index: 1020;
    background-color: #fafafb;
    border-radius: 1px;
    padding: 0;
    display: none;
}
.modal_alarmpopup
{
    position:absolute;
    top: 10%;
    z-index: 1020;
    background-color: #fafafb;
    border-radius: 1px;
    padding: 0;
    display: none;
}
.modal-header_idcube
{
    background-color: #FFFFFF;
    color: #333;
    border-top-right-radius: 6px;
    border-top-left-radius: 6px;
}
.modal-header_idcube h3
{
    margin: 0;
    padding-right: 5px;
    line-height: 20px;
    font-size: 12pt;
    font-family: Arial;
}
.modal-header_idcube h3 .close-modal_idcube .close-modal_alarmpopup .close-modal_exceptionpopup
{
    padding-top: 4px;
    cursor: pointer;
    float: right;
    text-decoration: none;
    color: #fff;
}
.modal-header_idcube h3 .close-modal_idcubeWithout
{
    float: right;
    text-decoration: none;
    color: #333;
}

.modal-body_idcube
{
    padding: 0;
    background-color: #fafafb;
}
.modal-footer
{
    background-color: #ddd;
    padding: 0 10px 0 10px;
    line-height: 40px;
    border-top: solid 1px #ddd;
}
.modal-backdrop_idcubeMaster
{
    background-color: rgba(0, 0, 0, 0.61);
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    display: none;
}
.modal_idcubeMaster
{
    position: absolute;
    top: 10%;
    z-index: 1020;
    background-color: #fafafb;
    border-radius: 1px;
    display: none;
}
.modal-header_idcubeMaster
{
    background-color: #FFFFFF;
    color: #333;
    border-top-right-radius: 6px;
    border-top-left-radius: 6px;
}
.modal-header_idcubeMaster h3
{
    margin: 0;
    padding-right: 10px;
    line-height: 40px;
    font-size: 12pt;
    font-family: Arial;
}

.modal-header_idcubeMaster h3 .close-modal_idcubeMaster
{
    float: right;
    text-decoration: none;
    color: #333;
}

.modal-body_idcubeMaster
{
    padding: 0;
    background-color: #fafafb;
}
.modal-footerMaster
{
    background-color: #ddd;
    padding: 0 10px 0 10px;
    line-height: 40px;
    border-top: solid 1px #ddd;
}

.modal-exception_popup
{
    background-color: rgba(0, 0, 0, 0.61);
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    display: none;
}
.modal_exceptionpopup
{
    position:absolute;
    top: 10%;
    z-index: 1020;
    background-color: #fafafb;
    border-radius: 1px;
    padding: 0;
    display: none;
}

.fixedFooters-idcube
{
    z-index: 5020;
    background-color: #efefef;
    width: 92.6%;
    position: fixed;
    bottom:21px;
    width: 92.6%;
    text-align:center;
    vertical-align:middle;
    padding-top:5px;
    height:45px;
}

.boundfield-hidden {
   display: none;
}
.inlineHelpTip {
    cursor: pointer;
    margin: 0px 5px;
}