.colonF {
    float: left !important;
    width: 10px;
}

.marrow {
    margin-bottom: 5px !important;
}

.lblmar {
    margin-left: 40px;
}

.button {
    display: inline-block;
    vertical-align: top;
    position: relative;
    overflow: hidden;
    min-width:80px;
    line-height: 20px;
    padding: 0 10px;
    font-size: 14px;
    color: white;
    text-align: center;
    text-decoration: none;
    text-shadow: 0 1px #154c86;
    background-color: #247edd;
    background-clip: padding-box;
    margin-right: -3px !important;
    border: 1px solid;
    border-color: #1c65b2 #18589c #18589c;
    border-radius: 2px;
    -webkit-box-shadow: inset 0 1px rgba(255, 255, 255, 0.4), 0 1px 2px rgba(0, 0, 0, 0.2);
    box-shadow: inset 0 1px rgba(255, 255, 255, 0.4), 0 1px 2px rgba(0, 0, 0, 0.2);
    background-image: -webkit-linear-gradient(top, rgba(255, 255, 255, 0.3), rgba(255, 255, 255, 0) 50%, rgba(0, 0, 0, 0.12) 51%, rgba(0, 0, 0, 0.04));
    background-image: -moz-linear-gradient(top, rgba(255, 255, 255, 0.3), rgba(255, 255, 255, 0) 50%, rgba(0, 0, 0, 0.12) 51%, rgba(0, 0, 0, 0.04));
    background-image: -o-linear-gradient(top, rgba(255, 255, 255, 0.3), rgba(255, 255, 255, 0) 50%, rgba(0, 0, 0, 0.12) 51%, rgba(0, 0, 0, 0.04));
    background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.3), rgba(255, 255, 255, 0) 50%, rgba(0, 0, 0, 0.12) 51%, rgba(0, 0, 0, 0.04));
}

.buttonsm {
    display: inline-block;
    vertical-align: top;
    position: relative;
    overflow: hidden;
    min-width: 75px;
    line-height: 20px;
    padding: 0 10px;
    font-size: 13px;
    color: white;
    text-align: center;
    text-decoration: none;
    text-shadow: 0 1px #154c86;
    background-color: #247edd;
    background-clip: padding-box;
    border: 1px solid;
    border-color: #1c65b2 #18589c #18589c;
    border-radius: 2px;
    -webkit-box-shadow: inset 0 1px rgba(255, 255, 255, 0.4), 0 1px 2px rgba(0, 0, 0, 0.2);
    box-shadow: inset 0 1px rgba(255, 255, 255, 0.4), 0 1px 2px rgba(0, 0, 0, 0.2);
    background-image: -webkit-linear-gradient(top, rgba(255, 255, 255, 0.3), rgba(255, 255, 255, 0) 50%, rgba(0, 0, 0, 0.12) 51%, rgba(0, 0, 0, 0.04));
    background-image: -moz-linear-gradient(top, rgba(255, 255, 255, 0.3), rgba(255, 255, 255, 0) 50%, rgba(0, 0, 0, 0.12) 51%, rgba(0, 0, 0, 0.04));
    background-image: -o-linear-gradient(top, rgba(255, 255, 255, 0.3), rgba(255, 255, 255, 0) 50%, rgba(0, 0, 0, 0.12) 51%, rgba(0, 0, 0, 0.04));
    background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.3), rgba(255, 255, 255, 0) 50%, rgba(0, 0, 0, 0.12) 51%, rgba(0, 0, 0, 0.04));
}

.button:before {
    content: '';
    position: absolute;
    top: -25%;
    bottom: -25%;
    left: -20%;
    right: -20%;
    border-radius: 50%;
    background: transparent;
    -webkit-box-shadow: inset 0 0 38px rgba(255, 255, 255, 0.5);
    box-shadow: inset 0 0 38px rgba(255, 255, 255, 0.5);
}

.button:hover {
    background-color: #1a74d3;
    color: #fff !important;
}

.button:active {
    color: rgba(255, 255, 255, 0.9);
    text-shadow: 0 -1px #154c86;
    background: #1f71c8;
    border-color: #113f70 #154c86 #1c65b2;
    -webkit-box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.2), 0 1px rgba(255, 255, 255, 0.4);
    box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.2), 0 1px rgba(255, 255, 255, 0.4);
    background-image: -webkit-linear-gradient(top, #1a5da5, #3a8be0);
    background-image: -moz-linear-gradient(top, #1a5da5, #3a8be0);
    background-image: -o-linear-gradient(top, #1a5da5, #3a8be0);
    background-image: linear-gradient(to bottom, #1a5da5, #3a8be0);
}

    .button:active:before {
        top: -50%;
        bottom: -125%;
        left: -15%;
        right: -15%;
        -webkit-box-shadow: inset 0 0 96px rgba(0, 0, 0, 0.2);
        box-shadow: inset 0 0 96px rgba(0, 0, 0, 0.2);
    }

.button-green {
    text-shadow: 0 1px #0d4d09;
    background-color: #1ca913;
    border-color: #147b0e #11640b #11640b;
}

    .button-green:hover {
        background-color: #159b0d;
    }

    .button-green:active {
        text-shadow: 0 -1px #0d4d09;
        background: #189210;
        border-color: #093606 #0d4d09 #147b0e;
        background-image: -webkit-linear-gradient(top, #126d0c, #20c016);
        background-image: -moz-linear-gradient(top, #126d0c, #20c016);
        background-image: -o-linear-gradient(top, #126d0c, #20c016);
        background-image: linear-gradient(to bottom, #126d0c, #20c016);
    }

.button-red {
    text-shadow: 0 1px #72100d;
    background-color: #cd1d18;
    border-color: #9f1713 #891310 #891310;
}

    .button-red:hover {
        background-color: #c01511;
    }

    .button-red:active {
        text-shadow: 0 -1px #72100d;
        background: #b61a15;
        border-color: #5b0d0b #72100d #9f1713;
        background-image: -webkit-linear-gradient(top, #921511, #e4201b);
        background-image: -moz-linear-gradient(top, #921511, #e4201b);
        background-image: -o-linear-gradient(top, #921511, #e4201b);
        background-image: linear-gradient(to bottom, #921511, #e4201b);
    }


.buttonAdd 
{
   
    display: inline-block;
    margin-bottom: 0;
    font-weight: 400;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    cursor: pointer;
    color:white;
    background-color:#286090;
    border-color:#204d74;
    border: 1px solid transparent;
    border-top-color: transparent;
    border-right-color: transparent;
    border-bottom-color: transparent;
    border-left-color: transparent;
    padding: 0px 10px;
    font-size: 14px;
    line-height: 1.42857143;
    border-radius: 2px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;


}


.buttonTotal 
{
   
    display: inline-block;
    margin-bottom: 0;
    font-weight: 400;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    cursor: pointer;
    color:black;
    background-color:#fff;
    border-color:#204d74;
    border: 1px solid transparent;
    border-top-color: transparent;
    border-right-color: transparent;
    border-bottom-color: transparent;
    border-left-color: transparent;
    padding: 0px 10px;
    font-size: 14px;
    line-height: 1.42857143;
    border-radius: 2px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;


}

.buttonDelete
{
   
    display: inline-block;
    margin-bottom: 0;
    font-weight: 400;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    cursor: pointer;
    color:white;
    background-color:#eb5c13;
    border-color:#204d74;
    border: 1px solid transparent;
    border-top-color: transparent;
    border-right-color: transparent;
    border-bottom-color: transparent;
    border-left-color: transparent;
    padding: 0px 10px;
    font-size: 14px;
    line-height: 1.42857143;
    border-radius: 2px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;


}

 .buttonAdd:hover {
     background-color:#286090;
     color:white;
    
    
    }
.buttonSave {
    display: inline-block;
    vertical-align: top;
    position: relative;
    overflow: hidden;
    min-width:80px;
    line-height: 20px;
    padding: 0 10px;
    font-size: 14px;
    font-weight:bold;
    color: white;
    text-align: center;
    text-decoration: none;
    text-shadow: 0 1px #154c86;

    background-color: #449d44;
    background-clip: padding-box;
    border:1px solid;  
    border-color: #398439;
    border-radius: 2px;
    -webkit-box-shadow: inset 0 1px rgba(255, 255, 255, 0.4), 0 1px 2px rgba(0, 0, 0, 0.2);
    box-shadow: inset 0 1px rgba(255, 255, 255, 0.4), 0 1px 2px rgba(0, 0, 0, 0.2);
    background-image: -webkit-linear-gradient(top, rgba(255, 255, 255, 0.3), rgba(255, 255, 255, 0) 50%, rgba(0, 0, 0, 0.12) 51%, rgba(0, 0, 0, 0.04));
    background-image: -moz-linear-gradient(top, rgba(255, 255, 255, 0.3), rgba(255, 255, 255, 0) 50%, rgba(0, 0, 0, 0.12) 51%, rgba(0, 0, 0, 0.04));
    background-image: -o-linear-gradient(top, rgba(255, 255, 255, 0.3), rgba(255, 255, 255, 0) 50%, rgba(0, 0, 0, 0.12) 51%, rgba(0, 0, 0, 0.04));
    background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.3), rgba(255, 255, 255, 0) 50%, rgba(0, 0, 0, 0.12) 51%, rgba(0, 0, 0, 0.04));   
}

.buttonSave:hover {
    background-color: #449d44;
   color: white;



   
}




.buttonClose {
    margin:0 0 0 3px;
    display: inline-block;
    vertical-align: top;
    position: relative;
    overflow: hidden;
    min-width:80px;
    line-height: 20px;
    padding: 0 10px;
    font-size: 14px;
    font-weight:bold;
    color: white;
    text-align: center;
    text-decoration: none;
    text-shadow: 0 1px #72100d;

    background-color:  #c9302c;
    background-clip: padding-box;
    border:1px solid #c9302c; 
   
    border-radius: 2px;
    -webkit-box-shadow: inset 0 1px rgba(255, 255, 255, 0.4), 0 1px 2px rgba(0, 0, 0, 0.2);
    box-shadow: inset 0 1px rgba(255, 255, 255, 0.4), 0 1px 2px rgba(0, 0, 0, 0.2);
    background-image: -webkit-linear-gradient(top, rgba(255, 255, 255, 0.3), rgba(255, 255, 255, 0) 50%, rgba(0, 0, 0, 0.12) 51%, rgba(0, 0, 0, 0.04));
    background-image: -moz-linear-gradient(top, rgba(255, 255, 255, 0.3), rgba(255, 255, 255, 0) 50%, rgba(0, 0, 0, 0.12) 51%, rgba(0, 0, 0, 0.04));
    background-image: -o-linear-gradient(top, rgba(255, 255, 255, 0.3), rgba(255, 255, 255, 0) 50%, rgba(0, 0, 0, 0.12) 51%, rgba(0, 0, 0, 0.04));
    background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.3), rgba(255, 255, 255, 0) 50%, rgba(0, 0, 0, 0.12) 51%, rgba(0, 0, 0, 0.04));   


   
    /*display: inline-block;
    vertical-align: top;
    position: relative;
    overflow: hidden;
    min-width: 80px;
    line-height: 20px;
    padding: 0 10px;
    font-size: 14px;
    font-weight:bold;
    color: #fff;
    text-align: center;
    text-decoration: none;
    text-shadow: 0 1px #72100d;
    background-color: #c9302c;  
    background-clip: padding-box;
    border: 1px solid;
    border-color: #ac29250;

    border-radius: 2px;
    -webkit-box-shadow: inset 0 1px rgba(255, 255, 255, 0.4), 0 1px 2px rgba(0, 0, 0, 0.2);
    box-shadow: inset 0 1px rgba(255, 255, 255, 0.4), 0 1px 2px rgba(0, 0, 0, 0.2);
    background-image: -webkit-linear-gradient(top, rgba(255, 255, 255, 0.3), rgba(255, 255, 255, 0) 50%, rgba(0, 0, 0, 0.12) 51%, rgba(0, 0, 0, 0.04));
    background-image: -moz-linear-gradient(top, rgba(255, 255, 255, 0.3), rgba(255, 255, 255, 0) 50%, rgba(0, 0, 0, 0.12) 51%, rgba(0, 0, 0, 0.04));
    background-image: -o-linear-gradient(top, rgba(255, 255, 255, 0.3), rgba(255, 255, 255, 0) 50%, rgba(0, 0, 0, 0.12) 51%, rgba(0, 0, 0, 0.04));
    background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.3), rgba(255, 255, 255, 0) 50%, rgba(0, 0, 0, 0.12) 51%, rgba(0, 0, 0, 0.04));*/   
}

.buttonClose:hover {
    background-color:#c9302c;
   color: white;
   
}

.buttonClosemargin {

margin:0 0 0 3px;

}




.buttonrefresh {
    margin:0 0 0 5px;
    display: inline-block;
    vertical-align: top;
    position: relative;
    overflow: hidden;
    min-width: 80px;
    line-height: 20px;
    padding: 0 10px;
    font-size: 14px;
    font-weight:bold;
    color: white;
    text-align: center;
    text-decoration: none;
    text-shadow: 0 1px #154c86;
    background-color:slateblue;
    background-clip: padding-box;
    border: 1px solid;
    border-color: #1c65b2 #18589c #18589c;
    border-radius: 2px;
    -webkit-box-shadow: inset 0 1px rgba(255, 255, 255, 0.4), 0 1px 2px rgba(0, 0, 0, 0.2);
    box-shadow: inset 0 1px rgba(255, 255, 255, 0.4), 0 1px 2px rgba(0, 0, 0, 0.2);
    background-image: -webkit-linear-gradient(top, rgba(255, 255, 255, 0.3), rgba(255, 255, 255, 0) 50%, rgba(0, 0, 0, 0.12) 51%, rgba(0, 0, 0, 0.04));
    background-image: -moz-linear-gradient(top, rgba(255, 255, 255, 0.3), rgba(255, 255, 255, 0) 50%, rgba(0, 0, 0, 0.12) 51%, rgba(0, 0, 0, 0.04));
    background-image: -o-linear-gradient(top, rgba(255, 255, 255, 0.3), rgba(255, 255, 255, 0) 50%, rgba(0, 0, 0, 0.12) 51%, rgba(0, 0, 0, 0.04));
    background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.3), rgba(255, 255, 255, 0) 50%, rgba(0, 0, 0, 0.12) 51%, rgba(0, 0, 0, 0.04));   
}

.buttonrefresh:hover {
    background-color: slateblue;
   color: white;
   
}


.ddlRptMenufont {   
float:left;
font-size: 16px !important;
font-family:'Agency FB'; 
font-weight:normal !important;


}