.stick-message.gate-message,
.stick-message.gate-warning,
.stick-message.gate-stop {
    padding-right: 87px;
    border: 2px solid #cc2c2c;
    background: rgba(244, 27, 27, 0.09);
    min-height: 80px;
    padding-top: 9px;
}


.stick-message.gate-message.success {
    border: 2px solid #347b05;
    background: rgba(36, 212, 99, 0.13);
}


.stick-message.gate-message.money ,
.stick-message.gate-message.info {
    border: 2px solid #5794d0;
    background: rgba(68, 183, 228, 0.13);
    color: #10406f;
}

.stick-message.gate-message.warning,
.stick-message.gate-warning {
    border: 2px solid #ea9611;
    background: rgb(255, 249, 0);
}

.stick-message.gate-message .custom-icon,
.stick-message.gate-warning .custom-icon,
.stick-message.gate-stop .custom-icon {
    background-position: center center;
    background-repeat: no-repeat;
    background-size: contain;
    width: 60px;
    height: 60px;
    position: absolute;
    right: 10px;
    top: 11px;
    background-image: url(icon/stop.png);
}

.stick-message.gate-message.warning .custom-icon,
.stick-message.gate-warning .custom-icon {
    background-image: url(/c/icon/warning.png);    
}


.stick-message.gate-message.success .custom-icon {
    background-image: url(/c/icon/khtrans/ok.png);    
}

.stick-message.gate-message.info .custom-icon {
    background-image: url(/c/icon/khtrans/info.png);    
}

.stick-message.gate-message.money .custom-icon {
    background-image: url(icon/payment.png);    
}





/*gatebuttons*/
.gate-buttons {
    position: relative;
    text-align: center;
    padding-top: 15px;
    margin-top: 16px;
    /*border-top: 1px solid #d3d5d3;*/
    padding-bottom: 4px;
}

.gate-buttons>.take,
.gate-buttons>.collection-item {
   display: inline-block;
    margin: 0 6px;
    float: none;
    width: auto;
}

.gate-buttons .button-holder {
   padding: 9px 11px;
    background: green;
    color: white;
    border-radius: 9px;
    min-width: 110px;
    border: 1.5px solid white;
}

    .gate-buttons .button-holder .button-icon {
        width: 20px;
        height: 20px;
        margin-left: 8px;
        margin-bottom: -5px;
    }

.gate-buttons .button-holder:hover {
    color: yellow;
    border-color: #93af6b;
}

.gate-buttons .button-holder:hover {
    color: yellow;
    border-color: #93af6b;
}
.gate-button {
    
}
.gate-buttons .button-holder.white:hover {
    color: black;
}

.gate-buttons .button-holder.white {
    background: white;
    color: #6b6b6b;
}

.gate-buttons .button-holder.blue {
    background: #19b1c7;
}



.gate-buttons .button-holder.secondary:hover {
    
    border-color: #7b7b7b;
}

.gate-buttons .button-holder.secondary {
    background: #e0e0e0;
    color: #020d10;
    font-size: 13px;
}
.gate-buttons .button-holder.secondary .button-icon {
    width: 18px;
    height: 18px;
    margin-left: 8px;
    margin-bottom: -6px;
}


.gate-buttons .button-holder.gray:hover {
    border-color: #d6d6d6;
}

.gate-buttons .button-holder.gray {
    background: #cac9c9;
    color: #616161;
    border-color: #ffffff;
}

.gate-buttons .button-holder.blue {
    background: #19b1c7;
}




/*.uiprint transservice*/ 
.tans-print {
    padding: 4mm 6mm;
    text-align: justify;
    font-family: nazanin;
    font-size: 7.1mm;
    direction: rtl;
    position: relative;
    /* font-weight: bold; */
    font-weight: bold;
}


.office-header,
.tans-print .header {
    height: 30mm;
    padding: 4mm 3mm 5mm 3mm;
    border-bottom: 2px solid;
    position: relative;
}
    



.print-padding {
    padding: 3mm;
}

.tans-print .header .logo {
   width: 56.5mm;
    height: 22.2mm;
    background-position: right top;
    background-size: contain;
    background-image: url(img/print-logo-2.jpg);
    position: absolute;
    right: 0;
    top: 3mm;
    background-repeat: no-repeat;
}


.tans-print .header .title {
    width: 69.5mm;
    height: 17mm;
    background-position: center center;
    background-size: contain;
    background-image: url(img/print-title-trans-2.jpg);
    position: relative;
    margin: auto;
    display: block;
    background-repeat: no-repeat;
    top: 2mm;
    z-index: 9;
}

.tans-print .take.bordered {
   border: 2px solid #545252;
   border: 2px solid #000000;
    padding: 4px 17px;
    margin-bottom: -2px;
    margin-left: -2px;
    overflow: hidden;
    height: 62px;
    color: black;
}

.tans-print .header .subtitle {
}
.tans-print .header .barcode {
    position: absolute;
    left: 0;
    top: 1mm;
    display: block;
    width: 46mm;
    height: 13mm;
    background-repeat: no-repeat;
    background-size: 100% 127%;
    background-position: left top;
    left: -5mm;
    background-position: 0px -5px;
    width: 82mm;
    height: 24mm;
}
}




.tans-print .print-body{
    position: relative;
    margin-left: -3px;
}

.tans-print-footer .date-time {
    font-family: verdana;
    font-size: 3mm;
    direction: ltr;
    position: absolute;
    left: 0;
    top: -9mm;
    color: #656565;
    font-weight: bold;
}
.tans-print .description {
 padding: 3mm 0mm 1mm 0mm;
    line-height: 14mm;
}


.tans-print .money{
}

.tans-print-footer {
    position: absolute;
    bottom: 0;
    height: 27mm;
    text-align: center;
    border-top: 2px solid black;
    display: block;
    right: 5mm;
    left: 5mm;
    font-family: nazanin;
    font-size: 6.0mm;
    overflow: hidden;
    padding-top: 3mm;
    font-weight: bold;
    line-height: 8mm;
}





/*loginpanel copyright*/
.login-copyright .logo {
    background-image: url('/c/khtrans/icon/icarvand-bw.png');
}
.login-copyright:hover .logo {
    background-image: url('/c/khtrans/icon/icarvand.png');
    
}



/*company image*/
.about-image {
    width: 447px;
    height: 556px;
    background-image: url(img/co.png);
    background-repeat: no-repeat;
    background-position: center;
    margin: auto;
}



#portal-logo {
    display: none;
}



.circle-menu .main-image {
    background-image: url(img/circle.png);
}



.take.dashbord-daily {
    position: absolute;
    /* background: white; */
    width: 180px;
    left: 9px;
    top: 1px;
}

.take.dashbord-daily .form-group{
    background: white;
}



.login-panel .controls .question-title:after {
    content: "لطفا نام کاربری و کلمه عبور را وارد نمایید : ";
    font-family: tahoma;
    direction: rtl;
    text-align: right;
    display: block;
}


.ui-select.money-charge select:hover {
    border:2px solid #129FC6;
}
.ui-select.money-charge select {
    border:2px solid white;
    color: #054473;
    font-size: 19px;
    width: 96%;
    box-shadow: none;
    background: transparent;
    font-family: nassim;
}



/*platelic*/
.plate-lic.bold {
    border: 2px solid;
    zoom: 1.08;
}
.plate-lic.bold .serial{
    border-left: 2px solid #151414;
    margin-top: -1px;
}
.plate-lic {
    border: 1px solid #bbbbbb;
    padding: 0;
    border-radius: 5px;
    position: relative;
    font-family: yekan;
    font-size: 13px;
    width: 162px;
    margin-top: -8px;
    display: inline-block;
    box-shadow: 3px 3px 2px #0000001c;

}
.plate-lic>.serial {
 float: right;
    border-left: 1px solid #151414;
    padding-left: 5px;
    text-align: center;
    padding-right: 5px;
    padding-bottom: 3px;
}
.plate-lic>.serial .type {
      width: 100%;
    display: block;
    line-height: 15px;
    margin-top: 2px;
    font-size: 11px;
}
.plate-lic>.serial .no {
  font-size: 24px;
    line-height: 17px;
    text-align: center;
    width: 100%;
    display: block;
}

.plate-lic>.plq {
 float: right;
    text-align: right;
    /* width: 78%; */
    display: block;
    font-size: 22px;
    line-height: 21px;
    direction: rtl;
    padding-left: 7px;
    padding-top: 7px;
    padding-right: 12px;
}
.plate-lic>.plq .plq1{ display: inline-block;}
.plate-lic>.plq .plq2{display: inline-block;}
.plate-lic>.plq .plq3{display: inline-block;}




.for-print {
font-family: nazanin;
    font-size: 5.1mm;
    font-weight: bold;
}



/*officeheader*/

.office-header .logo {
   width: 45.5mm;
    height: 20.2mm;
    background-position: right top;
    background-size: contain;
    background-image: url(img/print-logo.jpg);
    position: absolute;
    right: 1px;
    top: 5mm;
    background-repeat: no-repeat;
}
.office-header.tr .title {
    text-align: right;
}

.office-header.tc .title {text-align: center;}
.office-header.tc .subtitle {text-align: center;}
.office-header .subtitle {
    text-align: right;
}
.office-header .title {
    font-family: nassim;
    width: 100%;
    height: 12mm;
    background-position: center center;
    background-size: contain;
    /* background-image: url(img/print-title-trans.jpg); */
    position: relative;
    margin: auto;
    display: block;
    background-repeat: no-repeat;
    top: 0mm;
    font-size: 7mm;
    text-align: right;
    z-index: 9;
    text-align: right;
}
.office-header .barcode {
    position: absolute;
    left: 0;
    top: 2mm;
    display: block;
   
    background-repeat: no-repeat;
    background-size: 100% 100%;
    background-position: left top;
    left: -5mm;
    background-position: 0px -5px;

      width: 62mm;
    height: 21mm;
    background-size: 100% 100%;
    left: -1mm;
    z-index: 1;
}


.office-header .logo {
    direction: ltr;
    text-align: left;
}


/*group for prin*/
.print-header {
    font-family: titr;
    text-align: center;
    border-bottom: 2px solid black;
    margin-bottom: 2mm;
    font-size: 5mm;
    position: relative;
}

.paper-main-title {
    font-size: 31px;
}
.print-bold-paper {
    display: inline;
    width: auto;
    top: 0;
    position: absolute;
    right: 0;
    text-align: right;
    font-size: 19px;
    padding-top: 8px;
}

.for-print .form-group.style-top-bar {
    border: 1px solid black;
}

    .for-print .form-group.style-top-bar > .group-header {
        border-bottom: 1px solid black;
        background: #ececec;
    }

    .for-print .form-group.style-top-bar > .group-body {
        
        padding: 0 4mm;
    }



.paper-expired {
border: 3px solid red;
    padding: 2mm 11mm;
    position: absolute;
    left: 0mm;
    top: -7mm;
    transform: rotate(-26deg);
    border-radius: 3mm;
    font-size: 5mm;
    color: #ab0c0c;
    background: #ff00000d;
        font-family: titr;

}
.paper-expired:after {
    content: "باطل شد";
    display: inline-block;
}


.kanter-info {
    margin-top: 44px;
}


.take.office-dashbord-daily,
.office-dashbord-daily{
    position: absolute;
    /* background: white; */
    left: 14px;
    top: 7px;
    width: 450px;
}


.take.office-dashbord-daily.stick-right,
.office-dashbord-daily.stick-right {
    right: 14px;


}

.take.kanter-info{
   bottom: 7px;
    position: absolute;
    left: 40%;
    right: 0;
    width: auto;
}


.gate-print
 {
     font-family: titr;
    font-size: 8mm;
    color: black;
    line-height: 15mm;
}
.gate-print .aka-footer {
    font-size: smaller;
}




/*uiplateinput*/
.ui-plate-input {
  direction: rtl;
    white-space: nowrap;
}
    .ui-plate-input > select:focus {
        border-color: transparent;
    }

    .ui-plate-input select:hover, .textbox:hover {
    border-color: #129FC6;
}
    .ui-plate-input.limited > input {
        width: 122px;
    }
.ui-plate-input >select{
    text-align: center;
    width: 55px;
    direction: rtl;
    border-color: transparent;
    background: transparent;
    box-shadow: none;
}





/*tableformat akaheader*/
.aka-header {
    min-height: 16mm;
    border-bottom: 2px solid #888888;
    margin-bottom: 4px;
    font-family: nassim;
    position: relative;
}


.aka-header>.header {
    position: absolute;font-size: 5.5mm;right: 2mm;top: 3mm;
}

    .aka-header > .co-title {
        position: absolute;
    font-size: 4mm;
    left: 0;
    top: 3mm;
    }
    .aka-header > .report-time {
        position: absolute;font-size: 2.5mm; direction: ltr;bottom: 2px;font-family: tahoma;left:0
    }

.gate-print .aka-header > .co-title {
    display: none;
    
}

.gate-print .aka-header > .aka-header {
    min-height: 19mm;
    border-bottom: 2px solid black;
}

.gate-print .aka-header > .header {
    font-family: titr;
    font-size: 8mm;
    font-weight: bold;
}

.gate-print .aka-header > .report-time {
font-size: 5mm;
    font-family: titr;
    font-weight: bold;
}

.gate-print .table.print th {
    background: black;
    color: white;
}
.gate-print .table.print td {
    border-color:black;
    background: white;
}

.gate-print .print-query-messages>.item {
    background: #ffffff;
    padding: .4mm 2mm 1mm 2mm;
    border-radius: 1.5mm;
    margin-left: 1mm;
    display: inline-block;
    border: 2px solid #000000;
}

.gate-print .print-summary .bulk,
.gate-print .print-summary {
   color: white;
    background: black;
}





.field.fish {
    text-align: right;
    font-family: titr;
    font-size: 8mm;
    border: 2px solid black;
    padding: .4mm 3mm;
    box-sizing: border-box;
    color: black;
    background: white;
    font-weight: bold;
    min-height: 12mm;
    line-height: 8mm;
        direction: rtl;
}

.field.fish.invert {
    color: white;
    background: black;

}
.field.fish.invert>.label-area{ color: white;}

.field.fish.footer {
    text-align: center;
    font-size: 9mm;
    font-family: nassim;
    border: none;
    margin-top: 8mm;
}

.field.label-style-.fish.invert .label-area { color: white;
}
.field.label-style-.fish .label-area {
    width: auto;
    display: inline;
    position: relative;
}
.field.label-style-.fish .info-area {
        position: relative;
    display: inline-block;
    right: auto;
    width: auto;
    text-align: right;
}
.field.label-style-.fish .control-area {
    position: relative;
    display: inline-block;
    right: auto;
    width: auto;
    text-align: right;
}

.office-header.fish {
    font-family: titr;    
}
    .office-header.fish .title {
        text-align: left;
    }

    .office-header.fish.tl .subtitle ,
    .office-header.fish.tl .title {
     text-align: left;   
    }



    .office-header.paper .subtitle {
        text-align: left;
        margin-top: 18px;
    }
    .office-header.paper .title {
        text-align: center;        
    }

.office-header.driver-card .logo {
    z-index: 5;
}
    .office-header.driver-card .barcode {
        width: 80mm;
    z-index: 1;
    left: -4mm;
    height: 22mm;
    }
    

.office-header.fish .title {
  text-align: left;
    font-family: titr;
    font-size: 8mm;
}

    .office-header.fish .logo {
        width: 58.5mm;
    height: 25.2mm;
    top: 2mm;
    }




/*panels*/
.css-1122 {
font-family: yekan;
    font-size: 3.56mm;
    /* font-weight: bold; */
    color: #042a38;
}

.circle-menu .main-image {
    background-image: url(img/circle.png);    
}


.ui-plate-detector {
  border: 2px solid #005b90;
    border-radius: 6px;
    padding: 8px 8px;
    background: white;
    position: relative;
    overflow: hidden;
    min-height: 90px;
    padding-bottom: 0px;


        border: 2px solid #c17d00;
    background: #fff700;
}

.ui-plate-detector .pic {
    
    width: 175px;
    float: right;
}

.ui-plate-detector .message {
    padding-right: 189px;
    }

    .ui-plate-detector .pic img{
        border-radius: 4px;
        width: 100%;
    }

.ui-plate-detector .buttons {
    
    width: 185px;
    padding: 5px 8px;
    float: left;
}

    .ui-plate-detector .buttons .item {
        width: 100%;
        padding: 4px 8px;
        text-align: center;
        cursor: pointer;
        width: 100%;
        margin-bottom: 5px;
        color: white;
        background: green;
        border-radius: 5px;
    }
    .ui-plate-detector .buttons .item:hover {
        opacity: .8;
    }
    .ui-plate-detector .buttons .item.gray{
        background: gray;
    }


    .ui-plate-detector .message {
          text-align: right;
    position: absolute;
    color: #0e3952;
    box-sizing: border-box;
    left: 190px;
    right: 195px;
    top: 4px;
    padding: 0;
    line-height: 26px;
    }
    .ui-plate-detector .message .time {
        color: gray;
        direction: ltr;

    }



.ui-image-view > .image {
    overflow: hidden;
    overflow: visible;
}

    .in-plate-img {
   width: 176px;
    position: absolute;
    left: 0px;
    height: 46px;
    background-size: 100% 100%;
    border: 1px solid #fffffffa;
    border-radius: 4px;
    bottom: 0;
    z-index: 999;
    }

    .in-person-img {
  width: 85px;
    position: absolute;
    left: 0px;
    bottom: 0px;
    height: 105px;
    background-size: 100% 100%;
    border: 1px solid #6161617a;
    border-radius: 4px;
    }