/*
dpt.css v1.2.1.3
Dynamic Page Toolkit 
stylesheet
Dimitri Troncquo
*/
/*#region common*/
.float{
    float: left;
}
.no_float{
    clear: both;
}
/*#endregion*/

/*#region editable*/
a.editable
{
    outline: none;
    text-align: right;
    float: left;
    text-decoration: none;
    color: #000;
}
.editable
{
    border: none;
    border-bottom: 1px dotted;
}
input.editable
{
    border: none;
    border-bottom: 1px dotted;
    text-align: right;
}
/*#endregion*/

/*#region datagrid*/
.dg_tbl {
    
}
.dg_cell 
{
   table-layout:auto;
    width: 200px;
    overflow: hidden;
    /* custom stuff: */
    height: 21px;
}


.dg_row
{
    cursor: default;
}
.dg_row_block .dg_cell 
{
    /*height: 35px;*/
}
.dg_row_row {
    clear: both;
    /*width: 1000px;*/
    padding-bottom: 1px;
    height: 19px;
    overflow-x: hidden;
    overflow-y: clip;
    border-bottom: solid 1px #fff;
}
.dg_row_block {
    float: left;
    border: 2px solid #E21937;
    width: 225px;
    height: 120px;
    margin-left: 10px;
    margin-top: 10px;

}
.dg_row_row:hover {	
    
	border-bottom: solid 1px #E21937;
}
.dg_row_block:hover {
	border: 2px solid #40619A !important;
}
.dg_hdr {
    color: #888; 
    font-weight: bold;
    height: 20px;
	border-bottom: solid 1px #E21937;
    overflow:hidden;
}
.dg_select_hdr
{
    width: 20px !important;    
}
.dg_select_cell
{
    float: left;
    width: 20px;
}
.dg_row_block .dg_select_cell
{  
    width: 225px !important;
}
.dg_row_block .dg_select_cell input
{  
    float: right;
}
/*#endregion*/

/*#region sortable_column*/

img.sort_ind {
    margin-left: 3px;
    height: 7px;
}
/*#endregion*/

/*#region grid_filter*/
.gf_inp {
}
.gf_af_dropdown
{
    width: 200px;
    height: 250px;
    border: 1px solid black;
    z-index: 5000;
    position: absolute;
    background-color: White;
}
.gf_af_items
{
    height: 220px;
    overflow: auto;
}
.gf_af_item
{
    width: 200px;
}
.gf_af_item:hover
{
    background-color: #E21937;
    color: White;
}
/*#endregion*/

/*#region grid_pager*/
.gp_ctrls{
    height: 18px;
}
.gp_cntrl{}
.gp_next{}
.gp_prev{}
.gp_txt
{
    width: 175px;
    float: left;
}
.gp_cntrl_left
{
    margin-top: 4px;
    width: 16px;
    float: left;
}
.gp_cntrl_right
{
    margin-top: 4px;
    width: 16px;
    float: left;
}
/*#endregion*/

/*#region toolbar*/
.tb_container
{
}
div.tb_btn
{
    float: right;
    margin-left: 2px;
    cursor: pointer;
    width: 14px;
    height: 14px;
    text-align: center;
}
.tb_btn img
{
    margin-top: 4px;
    width: 7px !important;
    height: 7px !important;
}
.tb_toolbar
{
    position: absolute;
    border: 1px solid black;
    background-color: #CCC;
    padding: 2px;
    z-index: 5000;
}
.tb_item img
{
    margin-bottom: 1px;    
}
.tb_item
{
    border-bottom: solid 1px transparent;
    margin: 2px;
    cursor: pointer;
    float: left;
}

.c_inline label{
    display:inline-block
}

.clear{clear:both;}

/*
img.tb_item:hover  {
    border: solid 1px #E21937;
}*/
div.tb_item:hover
{
    border-bottom: solid 1px #E21937;
}
/*#endregion*/

/*#region auto_form*/
.af_inp input, .af_inp select, .af_inp textarea
{
    width: 250px;
}
.af_inp textarea
{
    height: 100px;
}
.af_inp input[type=checkbox]
{
    position: relative;
    width: auto;
    top: -16px;
    left: 235px;
}
.af_lbl {
float: left;
width: 250px;
}
.af_fdbk 
{
color: Red;
font-size: 8pt;
}
.af_cntrls
{
    float: right;
    text-align: right;
    margin-top: 25px;
    width: 135px;
}
.af_inv
{
    border: 1px solid Red;
}
/*#endregion*/

/*#region navigator*/
.nav_btn_disabled
{
    cursor: default !important;
    opacity:0.3;
    filter: alpha(opacity=30);
    -moz-opacity:0.3;
}
.nav_bar_disabled
{
    cursor: default !important;
    opacity:0.3;
    filter: alpha(opacity=30);
    -moz-opacity:0.3;
}
.nav_btn
{
    cursor: pointer;
    margin: 2px 2px 2px 2px;
}
.nav_bar
{
    width: 108px;    
    padding: 17px 0px 4px 4px;  
    background-color: White;
    position: absolute;
    border: 1px solid black;
    border-top: none;
    -moz-border-radius: 15px;
    -webkit-border-radius: 15px;
    -khtml-border-radius: 15px;
    _behavior: url(/styles/border-radius.htc);
    border-radius: 15px;

    z-index: 999;
}

.popup_col2{
    float:left;
    width:48%;
    padding:5px;
}
.popup_col2 h2{
    font-size:14px
}

.login-col{
    width:135px;
}

.loader {
  border: 16px solid #f3f3f3;
  border-radius: 50%;
  border-top: 16px solid #fcc;
  border-bottom: 16px solid #fcc;
  width: 120px;
  height: 120px;
  -webkit-animation: spin 2s linear infinite;
  animation: spin 2s linear infinite;
}

@-webkit-keyframes spin {
  0% { -webkit-transform: rotate(0deg); }
  100% { -webkit-transform: rotate(360deg); }
}

@keyframes spin {
  0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}

/*#endregion*/