.bordered-black {


    border: 1px solid black;
}

.dhx_sample-btn {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    border: none;
    outline: none;
    padding: 6px 16px;
    border-radius: 2px;
    font-family: Roboto,Arial,Tahoma,Verdana,sans-serif;
    font-size: 14px;
    line-height: 20px;
    font-weight: 500;
    text-transform: uppercase;
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		cursor: pointer;
}
.dhx_sample-btn--flat {
    background: #0288d1;
    color: #fff;
}



.greenRow { background-color: #32CD32!important;}
.yellowRow { background-color: #FFFF00!important;}
.redRow { background-color: #DC143C!important;}
.greyRow { background-color: #808080!important;}
.blueRow { background-color: #00BFFF!important;}

.confirmBtn { background-color: #32CD32; }
.delRow { background-color: #f44; }
.confirmBtn, .delRow { font-size: 9pt; padding: 0;  border: none; width: 70px;

    display: inline-block;

    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    border: 1px solid transparent;


    line-height: 1.5;
    -webkit-border-radius: .25rem;
    border-radius: .25rem;
    -webkit-transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, -webkit-box-shadow .15s ease-in-out;
    transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, -webkit-box-shadow .15s ease-in-out;
    -o-transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;
    transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;
    transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out, -webkit-box-shadow .15s ease-in-out
     -webkit-transition: none;
    -o-transition: none;
    transition: none

}


.leftAlign {  text-align: left!important;}
.centerAlign { text-align: center!important; }

.rowBtn {

   line-height: 13px;
   font-size: 9pt;
   padding: 2px 5px;

}

#det_shadow { background-color: black; opacity: 0.7; position: absolute;; z-index: 1050; width: 100%; height: 100%; display: none;}

.outer {
    display: table;
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    display: none;
}

.middle {
    display: table-cell;
    vertical-align: middle;

}

.inner {
    margin-left: auto;
    margin-right: auto;
    width: 250px;

    /* -webkit-box-shadow: 0px 0px 12px 1px rgba(0,0,0,0.75);
    -moz-box-shadow: 0px 0px 12px 1px rgba(0,0,0,0.75);
    box-shadow: 0px 0px 12px 1px rgba(0,0,0,0.75); */
    /*whatever width you want*/
    z-index: 1051;
    position: relative;
    color: white;

}

@media only screen and (max-device-width: 480px) {

    .cust {
       width: 300px!important;
   }
}

.transferType {width: auto;}