﻿.start-portlet {
    /*display: inline-block;*/
    max-width: 100%;
    border: 1px solid #ccc;
    height: 500px;
}


    .start-portlet > .portlet-header {
        background-color: #DDE7EF;
        color: #ffffff;
        font-weight: bold;
    }

        .start-portlet > .portlet-header > ul {
        }

            .start-portlet > .portlet-header > ul > li {
                list-style-type: none;
                background-color: #FFF;
                padding: 5px 18px 4px 18px;
                display: inline-block;
                border: 1px solid #D2DBE1;
                color: #000000;
                text-align: center;
                vertical-align: middle;
                min-width: 30px;
            }

                .start-portlet > .portlet-header > ul > li:hover {
                    background: #E4EFF6;
                    color: #00F;
                }

           


    .start-portlet > .portlet-body {
        background-color: #ffffff;
        height: 350px;
        overflow-y: auto;
    }


        .start-portlet > .portlet-body > .panel-group {
            background-color: #ffffff;
        }

            .start-portlet > .portlet-body > .panel-group > .panel-part {
                margin-bottom: 3px;
            }


                .start-portlet > .portlet-body > .panel-group > .panel-part > .panel-header {
                    background-color: #F1EBF6;
                    padding: 9px 16px;
                    font-weight: bold;
                }




                .start-portlet > .portlet-body > .panel-group > .panel-part > .panel-body {
                    padding: 15px 15px;
                    
                }


#mainInfo {
    padding: 2px 12px;
    border-bottom:1px solid #ccc;
}


/*.t-name{
    cursor:pointer;
    border:1px solid black;
    text-align:center;
    font-weight:bold;
    height:23px;
    opacity:0.8;
    width:12%;
    margin:auto;
    padding-right:5px;
    padding-top:2px
}*/

.fsetClass {
    border: 1px solid black;
    background-color: #f0f5f5;
    overflow: auto;
}
/*#divBase{
    background-color:#e7f6fb;
}
 #divOperation{
    background-color:#c1dfe9;
}
 #divSell{
    background-color:#7cb9ce;
}
 #divBuy{
    background-color:#75abbd;
}
 #divOther{
    background-color:#4f8b9f;
}*/



.imgArrowSize {
    width: 10px;
    align-self: flex-end;
    cursor: pointer;
}

.priceDisplayNone {
    display: none;
}





    /*.progress {
width: 1000px;
margin: 20px auto;
text-align: center;
}
.progress .circle,
.progress .bar {
display: inline-block;
background: #fff;
width: 40px; height: 40px;
border-radius: 40px;
border: 1px solid #d5d5da;
}
.progress .bar {
position: relative;
width: 80px;
height: 6px;
top: -33px;
margin-left: -5px;
margin-right: -5px;
border-left: none;
border-right: none;
border-radius: 0;
}
.progress .circle .label {
display: inline-block;
width: 32px;
height: 32px;
line-height: 32px;
border-radius: 32px;
margin-top: 3px;
color: #b5b5ba;
font-size: 17px;
}
.progress .circle .title {
color: #b5b5ba;
font-size: 13px;
line-height: 30px;
margin-left: -5px;
}*/

/* Done / Active */
/*.progress .bar.done,
.progress .circle.done {
background: #eee;
}
.progress .bar.active {
background: linear-gradient(to right, #EEE 40%, #FFF 60%);
}
.progress .circle.done .label {
color: #FFF;
background: #81CE97;
box-shadow: inset 0 0 2px rgba(0,0,0,.2);
}
.progress .circle.done .title {
color: #444;
}
.progress .circle.active .label {
color: #FFF;
background: #0c95be;
box-shadow: inset 0 0 2px rgba(0,0,0,.2);
}
.progress .circle.active .title {
color: #0c95be;
}*/
.CountInputs {
/*width:18px !important;*/
width:100%;
min-width:18px !important;
}
.origDes > div{
   display: inline-block;
width: 23%;
text-align: center;
border: 1px solid #ccc;
}

.origDes .header{
    background-color:lightgray;

}

.origDes .body{
        background-color:white;

}
.deb_fontColor{
    color:green;
}
.cre_fontColor{
    color:red;
}

.AutoVoucher_bgPink{
     background-color:rgb(240, 228, 228) !important;
}

.selected_row
    {
        background-color: #A1DCF2;
    }


.radio-box{

}


.radio-box li{
    padding:2px 3px;
    background-color:#D2DBE1;
    margin:1px 0px;

}


.radio-box li label{
    display:inline-block;

}

.radio-box li span{

}

.grid-toolbar.custom > ul > li > input.btn[type="submit"]{
    color: black !important;
text-shadow: initial !important);
}