/*.setwidthN
{
    width: 158%;
}
.setWidthNT
{
    width:145%;
}
.setWitht1
{
    width: 160%;
}
.setWithT5
{
    width:159%;
}
.setWithT7
{
    width: 163%;
}
.setWitdht11
{
    width: 158%;
}
.setWitdht12
{
    width: 152%;
}
.setWitdht9
{
    width: 137%;
}.setWitdht99
{
    width: 170%;
}
.setWitdht1222
{
  width: 118%;
}*/
/*









*/

/*** loginPage ***/
.login-holder{


    margin:10% auto;
    background-color: rgba(255, 255, 255, .5);
}

.tab-pane{
    padding: 10px 30px 30px 30px;
}

.headerH5 > h5{
    font-size: 22px;
    font-weight: bold;
}

.LoginFormInput{
    border-radius: 7px;
}

.btn-primary-login {
    color: #fff;
    background-color: #4b525e;
    transition: all .5s;
}
.btn-primary-login:hover{
    background-color: #303641;
    color: #fff;
}

.makeBold > li > a{
    font-weight: bold;
}

.makeBold > li > a:hover{
    color: #fff;
}

/*** End of login page ***/

body{
    background-color: #666;

}
#content {
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    overflow-x: hidden;
    overflow-x: visible;
    min-width: 100%;
    height:100vh;
    min-height:100vh;
}

.myStyle > table > tbody{

}

#content.Login {
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    overflow-y: hidden;
    overflow-x: hidden;
}
.mainContent{
    overflow-x: hidden;
    margin-left: 15px;
    min-height:100%;
}

.speed-bar{
    border-bottom: none;
    /*** #margin-bottom: 10px; ***/

}
.container-fluid{
    padding-left: 0 ;
    padding-right: 0;
}

.inner { overflow: visible; background: transparent; border: 0; padding: 16px 0 0  0 !important;}

.top-header{
    height:135px;
    background-image:  linear-gradient(to right, #679aeb, #4ab4e8, #9fedd7 );
    box-shadow: 0 15px 10px -15px #111;
    background-size: cover;
}

#footer {
    background-color: #56606c!important;
    border-top: 5px solid #008cba;
    height: 0;
}

.rightSideMenuIcon{
    width: 35px;
    height: 35px;
}

.rightSideMenuRow{
    padding-top: 5px;
    padding-bottom: 5px;
}

/* NOT EMPTY - it will Get value in runtime */
.rightSideMenu{
    right: -10px;
    z-index: 20;
}

a:hover { transition: all 200ms ease-in-out; }

.page-container {
    float: right;

}
/*
.formio-trn-rtl .form-group {
    text-align: right;
    direction: rtl;
    height: 30px;
}
*/

.page-container.sidebar-collapsed {
    padding: 0;
    transition: all 100ms linear;
    transition-delay: 300ms;
}

.page-container.sidebar-collapsed-back {
    transition: all 100ms linear;
}

.page-container.sidebar-collapsed .sidebar-menu {
    width: 65px !important;
    transition: all 100ms ease-in-out;
    transition-delay: 300ms;
}

.page-container.sidebar-collapsed-back .sidebar-menu {
    transition: all 100ms ease-in-out;
}

.page-container.sidebar-collapsed .sidebar-icon {
    transform: rotate(90deg);
    transition: all 300ms ease-in-out;
}

.page-container.sidebar-collapsed-back .sidebar-icon {
    transform: rotate(0deg);
    transition: all 300ms ease-in-out;
}

.page-container.sidebar-collapsed .logo {
    padding: 21px;
    height: 136px;
    box-sizing: border-box;
    transition: all 100ms ease-in-out;
    transition-delay: 300ms;
}

.page-container.sidebar-collapsed-back .logo {
    width: 100%;
    padding: 21px;
    height: 136px;
    box-sizing: border-box;
    transition: all 100ms ease-in-out;
}

.page-container.sidebar-collapsed #logo {
    opacity: 0;
    transition: all 200ms ease-in-out;
}

.page-container.sidebar-collapsed-back #logo {
    opacity: 1;
    transition: all 200ms ease-in-out;
    transition-delay: 300ms;
}

.page-container.sidebar-collapsed #menu > li > a > span {
    opacity: 0;
    position: absolute;
    visibility: hidden;
    transition: all 50ms linear;
}

.page-container.sidebar-collapsed-back #menu > li > a > span {
    opacity: 1;
    position: static;
    visibility: visible;
    transition: all 200ms linear;
    transition-delay: 300ms;
}

/*** menu ***/

.sidebar-menu {
    float: right;
    top: 0;
    right: 0;
    bottom: 0;
    background-color: #303641;
    color: #aaabae;
    height: 875px ;
    font-family: "Segoe UI";
    /*box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.5);*/
    z-index: 1;
}

#menu {
    list-style: none;
    margin: 0;
    padding: 0;
    min-height: 100%;
}

#menu li {
    position: relative;
    margin: 0;
    font-size: 12px;
    border-bottom: 1px solid rgba(69, 74, 84, 0.7);
    padding: 0;
}

#menu li ul {
    opacity: 0;
    height: 0px;
}

#menu li a {
    font-style: normal;
    font-weight: 400;
    position: relative;
    display: block;
    padding: 10px 20px;
    color: #aaabae;
    white-space: nowrap;
    z-index: 2;
}
table.table>tbody
{
    /* border-bottom-left-radius: 3px; */
    /* border-bottom: 2px solid #006687; */
    /* border-right: 2px solid #006687; */
    /* border-left: 2px solid #006687; */
    /* border-bottom-right-radius: 3px; */
}

table.table > thead > tr {
    background: #000000;
    border-bottom: 2px solid #006687;
    border-top-left-radius: 50px;
    border-right: 2px solid #006687;
    border-top: 2px solid #006687;
    border-left: 2px solid #006687;
}
#menu li a:hover {
    color: #ffffff;
    background-color: #333944;
    transition: color 250ms ease-in-out, background-color 250ms ease-in-out;
    z-index: 2;
}

#menu li.active > a {
    background-color: #2b303a;
    color: #ffffff;
    z-index: 2;
}

#menu ul li { background-color: #2b303a;  z-index: 2;}

#menu ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
    z-index: 2;
}

#menu li ul {
    position: absolute;
    visibility: hidden;
    right: 100%;
    top: -1px;
    background-color: #2b303a;
    box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.5);
    opacity: 0;
    transition: opacity 0.1s linear;
    border-top: 1px solid rgba(69, 74, 84, 0.7);
    z-index: 2;
}

#menu li:hover > ul {
    visibility: visible;
    opacity: 1;
    z-index: 2;
}

#menu li li ul {
    right: 100%;
    visibility: hidden;
    top: -1px;
    opacity: 0;
    transition: opacity 0.1s linear;
    z-index: 2;
}

#menu li li:hover ul {
    visibility: visible;
    opacity: 1;
    z-index: 2;
}

#menu .fa { margin-right: 5px;  z-index: 2;}

.logo {
    width: 100%;
    padding: 21px;
    box-sizing: border-box;
}

.sidebar-icon {
    border: 1px solid #454a54;
    text-align: center;
    line-height: 1;
    font-size: 18px;
    padding: 6px 8px;
    border-radius: 3px;
    color: #888;
    background-clip: padding-box;
    text-shadow: 4px 4px 6px rgba(0,0,0,0.4);
}

.fa-html5 {
    color: #fff;
    margin-left: 50px;
}
.appsContent{
    padding-left: 1%;
}
.simaLogo{
    margin: 0 auto;
    text-align: center;
    width: 100px;
    height: 100px;
    transition: all .1s;
}
.simaLogoAfterClick{
    width:50px;
    height:50px;
    margin-top:10px;
    transition: all .1s;
}
.menuIcons{
    margin-left: 8px;
    width: 20px;
    height: 20px;
}
.menuItems{
    font-family: 'irsans';
}

/*** manipulated by FaSh ***/

.menuItems > .subMenu{
    opacity:0 !important;
    visibility: hidden !important;
}

.menuItems:hover > .subMenu{
    opacity:1 !important;
    visibility: visible !important;
}

.basicConfig{
    margin-top: -184px !important;
}

.basicConfig > li:nth-child(2) > ul{
    margin-top: -250px !important;
}

.scrolledDg{
    overflow-y: auto;
    max-height: 700px;
}

/*** Manipulating Ended ***/

.containerd{
    margin-top: 20px;
}
.chartBox{
    border: 3px solid #008cba
}




/* mine*/






.form-group> .control-label {
    text-align: center;
    font-weight: bold;
    color: white !important;
    margin-top: 4px;
}

.form-header-field .form-control{
    border-radius: 24px !important;
}

.form-group> .control-label {
    text-align: right;
    font-weight: bold;
}
.form-group> .control-label {
    text-align: center;
    font-weight: bold;
    color: black!important;
    font-size: x-small;
width: 85%;
}

div.formio-component> .form-control {

    border-radius: 5px;
    width: 100%;
    height: 27px;
    margin-left: auto;
    margin-right: auto;
    font-size: 12px;
    color: black;
    direction: rtl;
    text-align: center;

}

textarea:focus, input:focus{
    outline: none;
}


.age{
    min-width: 20px;
}
.number
{
    min-width: 200px;
}
.address
{
    min-width: 200px;
}
.setmargin
{
    margin-right: -17px;
}

.formio-trn-rtl .form-group {
    text-align: right;
    direction: rtl;
    margin-left: 1px;
    /*height: 30px;*/
    margin-top: 0px;
}
.ha.formio-component > input{
    color: black;
    width: 100%;
    font-size: 12px;
    direction: ltr;
    text-align: center;
}
.left-to-right.formio-component > input{
    width: 100%;
    min-width: 100px;
    font-size: 12px;
    direction: ltr;
    text-align: center;
}

.digit-comp.formio-component > input{
    color: blue;
    width: 20px;
    max-width: 20px;
    height: 12px;
    max-height: 12px;
    font-size: x-small;
    direction: ltr;
}
.small-btn{
    width: 60px;
    max-width: 60px;
    height: 22px;
    max-height: 22px;
    font-size: 11px;
    border-radius: 5px;
    margin-top: 12px;
    padding: 0px;

}


.small-text.formio-component > input{
    color: black;
    width: 50%;
    max-width: 50px;
    min-width: 50px;
    font-size: 12px;
    direction: ltr;
    text-align: center;
}

.small-text > label{
    width: 50% !important;
}

.medium-text.formio-component > input{

    direction: ltr;
    width: 40%;
    padding: 0px;

}

.medium-text2.formio-component > input{
    color: black;
    min-width: 10%;
    max-width: 100%;
    width: 42%;
    font-size: 11px; /* new */
    direction: ltr;
    margin-right: 25%;

}

.large-text.formio-component > input{
    color: black;
    width: 100%;
    max-width: 180px;
    min-width: 100px;
    font-size: 12px;
    direction: rtl;

}

.mright{
    padding-right: 15px;
}

.medium-btn{

    border-radius: 5px;
    width: 100px;
    max-width: 100px;
    height: 20px;
    max-height: 20px;
    font-size: 12px;
    padding: unset;
    margin-top: 9px;



}

.panel-body {
    padding: 7px 5px 5px 5px;
    background-color: red;
    /*margin-left: -87px;*/
    /*background-color: rgb(248, 249, 250) !important;*/
    /*margin-top: -35px;*/
}

.panel-title {
    margin-top: 0;
    margin-bottom: 0;
    font-size: 11px; /* new */
    color: inherit
}
/*panel head */
.panel-primary > .panel-heading {
    color: #ffffff;
    background-color: #008cba;
    border-color: #008cba;



}
.form-group {
    margin-bottom: 10px;
}

.small-height{
    height: 10px;
    font-size: 10px;

}

.compNoMargin{
    direction: ltr;
    text-align: center;
    alignment: center;
    margin: 0px;
    padding: 0px;
}

.compNoMarginDG{
    text-align: center;
    alignment: center;
    margin: 0px;
    padding: 0px;
}

.m > table.table{
    float: none;
    text-align: center;
    margin: 0 auto;
    padding: 0px;
    /*background: purple;*/
    border: 1px solid #aba8a8;
    margin-bottom: 10px;
    border-radius: 5px;
    max-height:20px ;
    min-height: 20px;
    height: 20px;
}
/*//sadeghi*/

.table.table.a {
    width: 149%;
    max-width: 181%;

}




/*
.main-datagrid-test>table.formio-data-grid>tbody {
    display:block;
    height:300px;
    overflow:auto;

}


.main-datagrid-test > table.formio-data-grid>thead,tbody>tr  {

    display:table;
    width:100%;
    table-layout:fixed;
}




.main-datagrid-test > table.formio-data-grid> thead> tr> th {
    background: #ffffff;

    font-weight: bold;
    color: gray;
    font-size: 12px;
    text-align: center;
 width: 80px;
}


.main-datagrid-test > table.formio-data-grid> tbody> tr> td {
    background: #ffffff;

    color: gray;
    font-size: 12px;
    text-align: center;
    width: 80px;
}
*/
.setWidthRow{
/*    width: 20px;*/
}
.setWidthCode
{
   /* width: 80px;*/
}
.setWidthname
{
  /*  width: 150px;*/
}

/*.main-datagrid>table.formio-data-grid>tbody th{
    height: 200px !important;
    overflow-y: scroll;
    overflow: auto;
    direction: ltr !important;
    display: block;



}*/

.setWidthWell
{
   /* width: 100%;*/
}

.table td > div, .table th > div {
/*    padding: 4px 10px;
    text-align: right;*/
}
.main-datagrid >.table td >div,.table th >div{
    padding: 1px 1px;
    text-align: right;
    margin: 10px;
    max-width: 50px;
    align-items: center;
}
.main-datagrid >.table td >div,.table th {
    padding: 11px;
    text-align: right;
    align-items: center;
/*//background-color: pink;*/
    max-width: max-content;
    max-height: max-content;
}

/*datagrid rows*/
.main-datagrid .table td >div,.table td >div{
    padding: 0px;
    margin: 0px;
}

.main-datagrid >.table tr >div,.table tr >div{
    padding: 0px;
    height: 10px;
    margin: 0px;
}

.formio-button-remove-row{
    color: #ffffff;
    background-color: #bb1a0a;
    border-color: #bb1a0a;
    font-size: 13px;
    min-height: 5px;
    height: 15px;
    min-width: 1px;
    width: 15px;
    border-radius: 25px;
    margin-top: 5px;
    padding: 0px;
}

.visibilhidden{
    visibility: hidden;
    height: 6px;

}
.mb-50{
    margin-bottom: 1px;
}

.headerformstyle{
    background: white;
    padding-top: 7px;
    padding-bottom: 7px;
    border-bottom: 2px solid #008cba;
    width: 99%;
    height: 15%;
    float: none;
    margin: 0px auto 2px auto;
    border-radius:5px ;
}

.formio-form {
    position: relative;
    min-height: 80px;
    width: 97%;
    padding: 1px 0px 1px 0px;

}
.tabbtn{
    border-bottom: none;
    border-top: none;
    border-color: #004b63;
    border-radius: 0px;
    margin-top: 0px;
    margin-bottom: 0px;
    margin-left: 0px;
    margin-right: 5px;
    display: inline;
    min-width: 120px;
    height: 30px;
    padding: 3px;
    padding-right: 0px;
    padding-left: 0px;
    font-size: 14px;
    color: #8c8d8e;
    background-color: white;
}

.tabbtn:visited{
    background-color: #c01ee1;
}

.line-col{
    background-color: #adadad;
    height:2px;
    min-height: 1px;
    margin-left: -10px;
    margin-right: -10px;
    margin-bottom: 1px;
    margin-top: 10px;

}
.small-col{
    height:40px;
    min-height: 1px;
    width: 100%;
    padding-right: 10%;

}

.small-col2{
    height:40px;
    min-height: 1px;
    width: 100%;
    padding-right: 35%;
    padding-left: 20%;

}

.check-col{
    height:40px !important;
    width: 110px !important;
    margin-left:20px !important;
    margin-right:0px !important;
    margin-bottom: 4px !important;
    margin-top: -5px !important;
    padding: 0px !important;
}


.well-bg{
    padding: 0px;
}

.panel-fix{
    height: 50%;
    overflow: auto;
}
.panel-heading {
    padding: 0px 15px;
}
.width{
    margin-right: 33px;

}

.well-fix{
    height: 690px;
    border-radius: 5px;
}


.well-fix1{
    height: max-content;
    min-height: 630px;
    max-height: 670px;
    border-radius: 5px;
    padding-top: 3px;
    margin-bottom: 0px;
}

.well-fix2{
    height: max-content;
    border-radius: 5px;
    padding-bottom: 0px;
}

.well-fix3{
    height: 690px;
    border-radius: 5px;
}

.well-red{
    border-radius: 5px;
    margin-bottom: 5px;
}

.NoPaddingTop{
    padding-top: 0px;
    margin-top: -15px;
}

.help-block {
    display: block;
    margin-top: 0px;
    margin-bottom: 10px;
    color: #00a5bb;
    font-size: 8px;
    width: 130px;
    min-width: 50px;
    max-width: 300px;
    padding: 0px;
}



.label-bg{
    height: 20px;
    font-size: small;
}

.rec-select> .choices__list--single {
    display: inline-block;
    padding: 00px 0px 4px 4px;
    width: 100%;
    height: 20px;
    min-height: 20px;
    max-height: 20px;
    margin-top: -20px;

}

.rec-select> div.choices__list--single {
    display: inline-block;
    padding: 0px 0px 4px 4px;
    width: 100%;
    margin-top: -20px;
}


/*change selected item*/
.rec-select> .choices__list--single .choices__item {
    width: 100%;
    font-size: 9px;
    margin: 0px 18px 0px 40px;
    padding: 0px;
    height: 20px;
}

.rec-select> .formio-trn-rtl .choices__list--single .choices__item{
    padding-right: 0px;
    padding-left: 0px;
}
.rec-select> [dir=rtl] .choices__list--dropdown .choices__item--selectable {
    text-align: right;
    padding-left: 0px;
    padding-right: 0px;

}

.rec-select  .choices__item--selectable, .rec-select  .choices__item--selectable > span{
    font-size: 12px;
}

.rec-select> .choices__list--dropdown .choices__item--selectable.is-highlighted {
    background-color: #e6e6e6;
    font-size: 10px;
}

.rec-select> .choices__list--dropdown .choices__item--selectable {
    padding-right: 0px;
    font-size: 10px;
}

.rec-select> div.formio-choices> div.form-control {
    border-radius: 5px;
    min-width: 100px;
    height: 24px;
    max-height: 30px;
    width: 100%;
    padding-top: 0px;

}
.rec-select > .choices[data-type*=select-one] .choices__button {
    padding: 0;
    background-size: 8px;
    position: absolute;
    margin-top:-4px;
    margin-right: 25px;
    margin-left: 0px;
    height: 10px;
    width: 10px;
    border-radius: 10em;
    opacity: .5
}

.main-datagrid > thead > tr > th, .table > thead > tr > th, .table > tbody > tr > th, .table > tfoot > tr > th, .table > thead > tr > td, .table > tbody > tr > td, .table > tfoot > tr > td{
    align-content: center;
    padding: 0px;
    margin: 0px;
}

.main-datagrid > table > tfoot > tr:last-child{
    display: none;
}

.dg-check > thead > tr > th, .table > thead > tr > th, .table > tbody > tr > th, .table > tfoot > tr > th, .table > thead > tr > td, .table > tbody > tr > td, .table > tfoot > tr > td{
 /*   padding: 0px 13px 0px 13px !important;*/
}
.btn-marg{

    width: 60px;
    max-width: 60px;
    height: 22px;
    max-height: 22px;
    font-size: 11px;
    border-radius: 5px;
    margin-top: 3px;
    margin-bottom: 3px;
    margin-right:22%;
    padding: 0px;
}

.title-label{
    font-size: 14px;
    font-weight: bold;
    border-bottom: 3px solid #303641;
    border-radius: 5px;
    padding: 3px 10px;
}

.addBtn{
    width: 25px;
    height: 25px;
    icon: "fa fa-remove";

}

.dgNoBtn > table > tfoot > tr:last-child{
    display: none;
}

.dgNoDelBtn{
    background: transparent !important;
}

.dgNoDelBtn > table > tbody > tr > td:last-child, .dgNoDelBtn > table > thead > tr > th:last-child{
    display: none;
}

.well-marg{
    margin-top: -36px;
}

.well-margTop{
    margin-top: -10px;
}

.date-width{
    width: 80%;
    margin-right: 15%;
}

/*** Main properties which is changed by FaSh ***/

.background{
    left: 20px;
    top:0;
    width: 100%;
    height: calc(100vh + 147px);
    background: url('../images/8.jpg') no-repeat;
    background-size: cover;
}

.row:after{
    display: block;
    content: ' ';
    clear: both;
    float: none;
}

input[type="radio"], input[type="checkbox"]{
    width: 14px !important;
    height: 14px !important;
}

input[type="radio"]:after, input[type="checkbox"]:after{
    height: 13px !important;
    right: -1px !important;
    top: -1px !important;
    width: 13px !important;
}

.login-header{
    background-color: transparent;
}

.fa{
    transition: all 0s;
}

div.formio-component> textarea.form-control{
    /*
    margin-top:10px;
    */
    max-width: 12000px !important;
    /*
    min-height: 39px;
    */
    text-align: right;
    resize: none;
}

label{
    line-height: 20px;
}

/*** generateWorkList ***/

#footer, #footer *{
    margin: 0;
    color:#2f2e2e;
}



.main{
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    box-shadow: 0 0 5px 2px #888888;
    max-width: 995px;
    padding: 10px;
    background-color: #ffffff !important;
}

.hideLabel > div{
    margin-right: 0 !important;
}

.hideLabel > label{
    display: none;
}
.formio-component-datagrid> label {
    font-size: 16px;
  /*  padding: 10px;*/
    margin: -3px 1px;
    border-top-right-radius: 6px;

    border-top: 1px solid #8c8d8e;
    border-right: 1px solid #8c8d8e;
    border-left: 1px solid #8c8d8e;
}



.formio-component-datagrid {
    margin-top: 30px;
    /* border: 1px solid #8c8d8e; */
   /* border-radius: 4px;*/
    background: #ffffff;
}
.generateWorkListWidth > div > div:nth-child(2) > label{
    width:43px;
}
/**** Changed by FaSh, was text-top ****/
.form-check > .control-label > span{
    vertical-align: text-bottom !important;
}

.seperator{
    background-color: transparent;
    border-bottom: 1px solid rgb(188, 189, 191);
    padding: 0;
    margin-top: 10px;
}

.seperator:last-child{
    border: none;
}
.seperateMenu
{
    padding: 0;
    margin-right: -29px;
    height: 20px;
}

.print{
    display: inline-block;
    list-style-type: none;
    margin: 0;
    padding: 0 0 0 15px;
}

.print > li{
    font-size: 11px;
    line-height: 27px;
    height:27px;
    padding: 0 6px;
    display: inline-block;
    border-radius: 5px;
    cursor: pointer;
    border: 1px solid #2f2e2e;
    background-color: rgba(47, 46, 46, .7);
    z-index: 1;
    transition: all .5s;
    color: #fff;
}

.print > ul.subPrint{
    display: inline-block;
    list-style-type: none;
    z-index: 0;
    padding: 0;
    opacity: 0;
    visibility: hidden;
    position: absolute;
    transition: all .5s;
}

.print > ul.subPrint li{
    display: inline-block;
    border-radius: 5px;
    cursor: pointer;
    color: #fff;
    margin-right: 25px;
    border: 1px solid #2f2e2e;
    background-color: rgba(47, 46, 46, .7);
    font-size: 11px;
    line-height: 27px;
    height:27px;
    padding: 0 6px;
    transition: all .5s;
}

.print li:hover{
    background-color: #2f2e2e !important;
}

.print:hover > ul.subPrint{
    visibility: visible;
    display: inline-block;
    margin:0 10px 0 0;
    opacity: 1;
}

.customSelect > div{
    width: 65% !important;
    margin-right: 35%;
}

.customSelect > label{
    width:32% !important;
    text-align: right !important;
}
.gapSelect{
    height:0.5px ;
}
.customSelectLab>label{
    width:20% !important;
    text-align: right !important;

}

.customSelectLab > div>div{
    width: 90% !important;
    /*margin-right: 20%;*/
}

.customSelectLab > div, .customSelectLab > div > div, .customInput > input[type="text"], .customInput > input[type="time"]{
    max-width: 300px !important;
    min-width: 50px !important;
    line-height: 27px !important;
    padding: 0 !important;
    box-sizing: border-box !important;
    font-size: 12px !important;
}

.customSelect > div, .customSelect > div > div, .customInput > input[type="text"], .customInput > input[type="time"]{
    max-width: 300px !important;
    min-width: 50px !important;
    line-height: 27px !important;
    padding: 0 !important;
    box-sizing: border-box !important;
    font-size: 12px !important;
}
.customSelectLab > div > div:nth-child(1), .customInput > input[type="text"], .customInput > input[type="time"]{
    height: 27px !important;
}


.customSelect > div > div:nth-child(1), .customInput > input[type="text"], .customInput > input[type="time"]{
    height: 27px !important;
}

.customInput > input[type="text"], .customInput > input[type="time"]{
    width: 65% !important;
    padding: 0 5px !important;
}

.customInput > label{
    width:32% !important;
    line-height: 27px !important;
    text-align: right !important;
}

.middleField > label{
    width: 20% !important;
}

.middleField > input[type="text"]{
    height: 27px;
    max-width: 150px !important;
    min-width: 50px !important;
    line-height: 27px;
    box-sizing: border-box;
    font-size: 12px;
    width: 65% !important;
    margin-right: 0 !important;
    padding: 0 5px;
}

.gap {
    height: 27px;
}

.mainContainersForPrint{
    position: fixed;
    width: 100%;
}

/***responseByOther***/

.formio-form{
    min-height: 0 !important;
}

.mainResponseByOther{
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    box-shadow: 0 0 5px 2px #888888;
    padding: 25px;
    margin: 10px 0;
    background-color: #ffffff !important;
}

.responseByOtherLeft > input[type="text"], .responseByOtherLeftS > div{
    width: 45% !important;
}

.responseByOtherInput > label, .responseByOtherSelect > label{
    width:37% !important;
}

.responseByOtherInput > input[type=text], .responseByOtherSelect > div{
    width:55% !important;
}

.responseByOtherSelect > div{
    margin-right: 13% !important;;
}

.responseByOtherLeft > label, .responseByOtherLeftS > label{
    width:51% !important;
}

.responseByOtherLeftS, .responseByOtherLeftS > div > div{
    line-height: 27px;
    padding: 0;
    box-sizing: border-box;
    font-size: 12px;
}

.responseByOtherLeftS > div{
    margin-right: 54% !important;
}

.responseByOtherLeftS > div > div:nth-child(1){
    height: 27px;
}

.customBtn{
    display: inline-block;
}

.customBtn > button{
    min-width: 27px;
    border-radius: 5px;
    font-size: 11px;
    height: 27px;
    transition: all .5s;
    padding: 0 5px 0 0;
    margin: 0 2px 0 0;
    display: inline;
}

.txtBtn > button{
    padding: 0 6px !important;
}

.normalBtn > button{
    color: #fff;
    border: 1px solid #2f2e2e;
    background-color: rgba(47, 46, 46, .7);
}

.normalBtn > button:hover, .normalBtn > button:active, .normalBtn > button:focus{
    background-color: #2f2e2e !important;
    border-color: #2f2e2e !important;
}

.dangerBtn > button{
    border:1px solid rgb(166, 0, 16);
    background-color: rgba(166, 0, 16, .7);
}

.dangerBtn > button:hover{
    background-color: #a60010;
    color: #ffffff;
}

.warnBtn > button{
    border:1px solid rgb(233, 144, 2);
    background-color: rgba(233, 144, 2, .7);
}

.warnBtn > button:hover{
    background-color: #e99002;
    color: #ffffff;
}

.successBtn > button{
    border-color: #43ac6a;
    background-color: rgba(67, 172, 106, .7);
}

.successBtn > button:hover{
    background-color: #43ac6a;
    color: #ffffff;
}

.slider, .slider > div{
    box-shadow: none;
    background-color: transparent !important;
    border: none;
    padding: 0;
}

/*** panelDefiner ***/

.panelDefine{
    width: 800px;
    margin:5px auto 10px auto;
}

.bgParentPopup {
    margin: 0;
    padding: 0;
    position: absolute !important;
    background-color: rgba(0, 0, 0, .6);
    z-index: 2;
}

.parentPopup{
    width: 800px !important;
}

.popup{
    padding: 20px !important;
    margin-top: 108px;
    margin-right: 20%;
    width: 70%;
    background-color:#eeeeee;
    border-radius: 5px;
    box-shadow: 0 0 5px 2px #888888;
}

.popup .formio-component-fieldset{
    padding: 20px 10px 30px 10px;
}

.bgPopup{
    top:0px !important;
    right: 0px !important;
    left: 0px;
    padding: 0;
    position: fixed !important;
    background-color: rgba(0, 0, 0, .6) !important ;
    z-index: 3;
    width: 100% !important ;
    height: 100% !important ;

}

.change-width > div{
    width: 1000px !important;
}

.functionBtn, .setZero{
    display: none;
}

/*** sampleTransfer ***/
.setScroll
{
    overflow: auto;
}
.textfields > input[type=text]{
    width: 55% !important;
}

.textfields > label{
    width: 40% !important;
}
label{
    color: black;
}
.dgm{
    width: 710px;
    min-width: 200px;
    margin-right: 27%;
    margin-left: 27%;
}

/*** Tests ***/
#addTest .well{
    padding:0;
}

.tabContainer{
    margin: 0;
    padding: 0;
    background: transparent;
    height: 40px;
}

.tabContainer > .inlineTab{
    display: inline;
    margin: 0 .1%;
}

.tabContainer > .inlineTab > button{
    display: inline-block;
    color: #000;
    background-color: transparent;
    border-width: 0 0 3px 0;
    border-color: transparent;
    margin-bottom: 7px;
    border-radius: 0;
    transition: all .4s;
    font-size: 10px;
    padding: 5px 10px;
}

.tabContainer > .inlineTab > button:after{
    position:relative;
    display:block;
    content:" ";
    width:0;
    height:0;
    border-width:5px 5px 0 5px;
    border-color:transparent;
    border-style:solid solid hidden solid;
    margin:0 auto -13px auto;
    transition:all .5s;
}

.tabContainer > .inlineTab > button:hover:after, .tabContainer > .inlineTab > button:active:after, .tabContainer > .inlineTab > button:focus:after, .tabContainer > .tabActive > button:after{
    margin-top:7px;
    border-color:#303641 transparent transparent transparent;
}

.tabContainer > .inlineTab > button:hover, .tabContainer > .inlineTab > button:active, .tabContainer > .inlineTab > button:focus, .tabContainer > .tabActive > button{
    border-color: #303641;
    background-color: transparent;
    color: #000;
    margin-bottom: 0;
}

.lowLineHeight label{
    line-height: 15px !important;
}

.selectLowWidth > label{
    width: 51% !important;
}

.selectLowWidth > div{
    width: 45% !important;
    margin-right: 54% !important;
}

.customDataGrid{
    background: transparent !important;
}

.customDataGrid > table.formio-data-grid > thead > tr > th{
    font-size: 11px;
    text-align: center;
    padding: 5px;
    background-color: black;
    color: white;
}



.customDataGrid > table > tbody > tr > td input[type=checkbox]{
    margin-top: 10px !important;
}

.Col-2x > label{
    width:30% !important;
    margin-left: 0 !important;
}

.Col-2x > div{
    width:70% !important;
    margin-right: 30% !important;
    z-index: 2;
}

.Col-2x > div > div{
    padding: 3px;
}

.Col-2x .form-control > input[type=text]{
    width:0 !important;
}

.singleColInput > label{
    width:15% !important;
}

.singleColInput > textarea{
    width:82% !important;
    margin-right: 15% !important;
}

.kitDataGrid table > tbody > tr > td{
    padding: 0 !important;
}

.kitDataGrid thead tr th{
    padding: 0 5px;
    text-align: center;
    font-size: 12px !important;
}

.kitDataGrid > table > tbody > tr > td > div > label{
    display: none;
}

.kitDataGrid > table > tbody > tr > td > div > table > thead > tr > th{
    background-color: #888;
    color: #fff;
    padding: 0 5px;
}

.kitDataGrid > table > tbody > tr > td > div, .kitDataGrid > table > tbody > tr > td > div > table{
    border: none !important;
    box-shadow: none !important;
}

.lowHeightSelect{min-width: 60px;}

.lowHeightSelect > div, .lowHeightSelect > div > div:first-child{
    height:27px;
    line-height:27px;
    padding: 0 3px 0 0;
    font-size: 11px;
}

.lowHeightSelect .choices__button{
    display: none;
}

.showDialogBtn > button.btn-sm{
    display: none;
}

.zeroPadding > table > tbody > tr > td{
    padding: 0 !important;
}

.newKitDg .formio-component-select{
    min-width: 85px !important;
}

.newKitDg .formio-choices.form-group{
    margin-right: 0 !important;
}

.lowPadding > table > tbody > tr > td{
    padding: 5px !important;
}

.tabledDataGrid > label{
    border:none;
    margin: 0 0 5px 0;
    padding: 0;
    background: transparent;
}

.tabledDataGrid > table > thead > tr > th{
    background-color: #303641 !important;
    color: #fff;
}

.tabledDataGrid, .tabledDataGrid > table.formio-data-grid, .tabledDataGrid, .tabledDataGrid > table.formio-data-grid tr > *{
    border: none !important;
}

.tabledDataGrid > table.formio-data-grid > tbody > tr > td textArea{
    margin-top: 0 !important;
}

.isDgDisabled > table > tbody > tr > td input[type=text]{
    background: transparent;
    border: none;
    box-shadow: none;
    cursor: default;
}

.hasTextArea > table> thead > tr > th:last-child{
    width:150px !important;
    background-color: black;
}

.headerformstyle{ /* hides the box at the top of reception page */
    display: none;
}

.leftAlign > input[type=text]{
    direction: ltr;
    text-align: left;
}

.selectNoDeleteBtn .choices__button{
    display: none;
}

.tabBox{
    border: 1px solid;
    border-radius: 5px;
    margin-bottom: 5px;
    padding: 5px;
}

.tabBox label[style*="float: right"]{
    line-height: 27px;
}

.tabBox1, .tabBox2, .tabBox3, .tabBox4{ /* we have 4 tabBoxes in order to change each box style. I styled them all similar. you can change each specific tabBox class*/
    background-color: #eee;
    border-color: black;
}

.fullWidthBtn{
    width: 100%;
}

.wellTab{
    background-color: transparent !important;
}

.fixedDg{
    background-color: transparent !important;
    max-height: 550px;
}

.goUp{
    margin-top:-10px;
}

/*** dateContainer ***/
.dateMainContainer{
    background: transparent;
    margin-bottom: 0px !important;
    margin-top: 2px !important;
    padding-top: 0px !important;
    direction: rtl !important;
}

.dateContainer{
    background-color: white;
    border: 1px solid #cccccc;
    border-radius: 5px;
    padding: 0 !important;
    margin-top: 0px !important;
    margin-bottom: 0px !important;
    height: 27px;
}

.cashContainer > div > input[type=text]{
    margin: 0px;
    width: 33px !important;
}

.cashContainer > div > span{
    margin-left: 5px;
    font-weight: bold;
    font-size: smaller;
    font-family: irsans;
    color: black!important;
}

.dateMainContainer, .dateContainer, .dateContainer > div{
    display: inline-block;
    color: #888;
    padding: 0;
    direction: ltr;
    margin: 0;
}

.dateContainer > div > input[type=text]{
    height: 27px;
    border:none;
    width: 25px;
    padding: 0;
    direction: ltr;
    background-color: transparent;
}

.dateContainer > div > .formio-errors{
    position: absolute;
}

.dateMainContainer > .dateContainerLabel{
    display: block;
    direction: rtl;
    margin-bottom: 5px;
}

.dateMainContainer > .dateContainerInlineLabel{
    display: inline-block;
    direction: rtl;
    margin-left: 5px;

}

.dateMainContainer > .dateContainerLabel > span, .dateMainContainer > .dateContainerInlineLabel > span{
    padding: 0;
    font-weight: bold;
    color: black !important;
    font-size: x-small;
    direction: rtl;
}

.specialDgForReception > table > thead > tr > th:first-child{
    width:25%;
}

/** personalResponse **/

.twoInOneCol > table > tbody > tr > td:nth-child(6), .twoInOneCol > table > thead > tr > th:nth-child(6){
    border-left:none !important;
    padding-left: 0;
}

.twoInOneCol > table > tbody > tr > td:nth-child(7), .twoInOneCol > table > thead > tr > th:nth-child(7){
    border-right:none !important;
    padding-right: 0;
}

/*** cash ***/
.cashTable{
    background: transparent;
}

.cashTable > div{
    display: inline-block;
    width: 170px;
    float: right;
    margin: 0;
    padding: 0;
}
.withDataGrid
{

    height: 20px;
}

.cashTable .table{
    box-shadow: none !important;
    border: 2px solid #c4c4c4 !important;
    border-right: none !important;
    height: 176px;
}

.tableForCash > .formio-data-grid{
    margin-top: 1px;
}

.tableForCash > .formio-data-grid tr > td{
    padding: 0;
}

.tableForCash > .formio-data-grid tr > td > div > input[type=text]{
    height: 42px;
    line-height: 42px;
}


.cashTable > div:first-child{width:30%;}
.cashTable > div:last-child{width:60%;}

.cashTable > div > .cashInput{
    /*height: 34px;*/
    background-color: #303641;
    padding: 5.5px;
    margin-bottom: 2px;
/*    margin: 0;
    border-top: 2px solid #c4c4c4;*/
}

.cashTable > div > .cashInput > label{
    color: #ffffff !important;
    /*line-height: 32px;*/
    width: 50% !important;
    text-align: center !important;
    margin: 0;
}

.cashTable > div > .cashInput > input[type=text]{
    width: 30% !important;
    height: 22px !important;
    /*margin-top: 5px;*/
    color: #000000;
}

.cashTable > .rightSide > div > table{
    width: 100%;
    margin-top: -1px;
}

.cashTable > .rightSide > div > table tr{
    height: 50px;
    text-align: center;
    background-color: #303641;
    color:#fff;
//border: 2px solid #c4c4c4;
}

.cashTable > .rightSide > div > table tr td{
    border: 1px solid #c4c4c4;
    border-right: none;

}

/** Response forms **/

.responseBtn > button{
    font-size: 12px;
    padding: 3px 6px;
}

.responseBtnActive > button{
    border:4px solid #000;
}

.my-padd > label {
    padding-top: 3px;
}

.my-height-input > div > div{
    height: 30px !important;
}

.padd-well {
    padding:0 !important;
    background: #fff !important;
}

/***30variz***/

.Mainwidth {
    margin: 0 auto;
    padding: 7px;
    background: #fff;
}


.dis-inline {
    display: inline-block;

}
.setMarginPrintS
{
/*    margin-right: -132px;*/
}
.setMargin
{
  /*  margin-right: -38px;*/
}
.setMarginErjah
{
    /*
    margin-right: -119px;
    */
}
.setMarginPicture
{
    /*
    margin-right: -67px;
    */
}
.setMarginPrint
{
    /*
    margin-right: -128px;
    */

}
.setMarginE
{
    /*
    margin-right: -113px;
    */
}
.setMarginControl
{
    /*
    margin-right: -66px;
    */
}

.brd-l {
    border-left:1px solid #000 ;
}

.lab-fa-plus,.lab-fa-remove,.lab-fa-edit {
    font-size: 24px;
    color: #969494;
    padding-left: 5px;
}
.legend2 {
    position: absolute;
    top: -0.2em;
    right: 20px;
    background: #fff;
    line-height:1.2em;
}
.lab-count-text {
    position: absolute;
    top: 0.8em;
    left: 25px;
    background: #fff;
    line-height: 1.2em;
    margin-left: 15px;
    font-weight: bold;
    font-size: 12px !important;
    padding: 9px 0 0 0;
    margin-top: -8px;
    color: #000;
    border-top-right-radius: 6px;
    border-top-left-radius: 6px;
    background: #ffffff;
    border-bottom: none;
    border-top: 1px solid #8c8d8e;
    border-right: 1px solid #8c8d8e;
    border-left: 1px solid #8c8d8e;
    text-align: center !important;
}

.lab-count-text > label {
    font-size: 12px !important;
}

.lab-bg-label > div > div.form-control {
    height: 27px;
}


.lab-checkbox-align > label> span {
    vertical-align: super !important;
    margin-top: 0 !important;
}

.lab-fnt-12 > label {
    font-size: 10px !important;
}

.lab-fnt-12 > legend {
    font-size: 12px;
}

.lab-bg-label > input {
    height: 27px !important;
}

.lab-btn > button {
    font-weight: bold;
    text-align: left !important;
    margin: 5px 0 !important;;
}

.lab-btn {
    text-align: left !important;
}
.widthTestId
{
/*    background-color: transparent;
    border: 0px solid;
    height: 20px;*/
    width: 62px;

}

.setWidth
{
}
.my-custom-scrollbarResponce
{
    height: 232px !important;
    overflow-y: scroll;
    overflow: auto;
    direction: ltr !important;
    display: block;

}

.my-custom-scroll
{
    max-height: 232px !important;
    overflow-y: scroll;
    overflow: auto;
    direction: ltr !important;
    display: block;

}



.setWidthUnit
{
    width: 143%;
}
.setStyle-Result
{
    width: 182px;
}
.setStyle-ResultText
{
    width: 100px;
}
.setStyle-TextName
{
  /*  background-color: transparent;
    border: 0px solid;
    height: 20px;*/
    width: 124px;



    /*
    width: 30%;
    */
}
.setStyle-statuse
{
   /* height: 20px;*/
    width: 103px;
}
setStyle-statuseLabel
{
    width: 36px;
}
.WithComment
{
    /*width: 20%;*/
}
.widthpreviousResult
{
    width: 215%;
}
.WithKit
{
    width: 185%;
}
.setWidthkitUnitNameEN
{
/*    width: 20%;*/
}
.setstyle-Refrence
{
    /*width: 20%;*/
}
.my-custom-scrollbar {

    /* height: 20000px; !important;*/
    max-height: 200px !important;
    overflow-y: scroll;
    overflow: auto;
    direction: ltr !important;
    display: block;
}
.setWithP
{
width: 78px;
}
.setWitdhInsurance
{
    width: 70px;
}
.setWithPaging
{
    width: 206px;
}
.my-custom-scrollbarTariff {

    /* height: 20000px; !important;*/
    height: 100px !important;
    overflow-y: scroll;
    overflow: auto;
  /*  direction: ltr !important;*/
    display: block;
}



.my-custom-scrolsupplamental {

    /* height: 20000px; !important;*/
    height: 400px !important;
    overflow-y: scroll;
    overflow: auto;
    /*  direction: ltr !important;*/
    display: block;
}


.my-custom-tarrif {

    /* height: 20000px; !important;*/
    max-height: 400px !important;
    overflow-y: scroll;
    overflow: auto;
    /*  direction: ltr !important;*/
    display: block;
}


body > div > div#content > .row > div{
    margin-right: 0px;
    /*** margin-left: -61px; ***/
    /*** margin-top: -17px; ***/

}
.setBack{
    margin-right: -11px;

}
setingTodata
{
    margin-right: -16px;

}
.setdatagridresponse1
{
    margin-top: -10px
}

.setWidthToTablePerPationt > table > tbody > tr > td > div, .setWidthToTablePerPationt > table > tbody > tr > td > div > input[type=text] {
    padding: 0 !important;
}


.setWidthToTablePerPationtTest > table > tbody > tr > td > div, .setWidthToTablePerPationtTest > table > tbody > tr > td > div > input[type=text] {
    padding: 0 !important;
}

.formio-component-datagrid > label
{
    border-top-right-radius: 6px;
    border-top-left-radius: 6px;
    /* background: #ffffff; */
    border-bottom: none;
    margin-right: 40px;
}
.setMargin
{
margin-right: -14px;
}
.setwitdhTotable
{
    width: 150px;
   /* margin-top: -23px;*/
 /*   margin-right: -15px;*/
}

.setWidthToPopUp
{
   width: 52%;
    margin-top: 24px;
    margin-right: 4px;
}
.setWithNameTestRe
{
    width: 132px;
}
.setWithPriceTestRe
{
    width: 100px;
}
.setwitdhTotable1
{
 /*   width: 86px;*/
    margin-top: -23px;
    margin-right: 43px;
}
/*sadeghi*/
.setWidthToPageNumber
{
    width: 77px;
    margin-right: -17px;
}
.setWidthToBillField
{
    width: 110px;
}
.setwitdhTotable > table > tbody, .setwitdhTotable > table > tbody > tr, .setwitdhTotable > table > tbody > tr > td{
    background-color: transparent !important;
}

.setwitdhTotable > table{

    background-color: #dadada !important;
    width: 50px !important;
    margin-top: -23px;

}
/*.setWithCodeTarrifZaribV1
{
    width: 141px;
}
.setWithCodeTarrifZarib1
{
    width: 117px;
}
.setWithCodeTarrifZaribV2-2
{
    width: 118px;
}
.setWithCodeTarrifZaribV3
{
    width: 100px;
}
.setWithCodeTarrifZaribV3-3
{
    width: 122px;
}

.WithCodeTarrifZaribV4
{
    width: 100px;
}
.setWithCodeTarrifZaribVA
{
    width: 121px;
}
.setWithCodeTarrifZaribE
{
    width: 121px;
}*/
/*

.setWithCodeTarrif
{
    width: 280%;
}
.setWithNameTarrif
{
    width:370%;
}
.setWithCodeTarrifZarib
{
    width: 220%;
}
tWithCodeTarrifZaribV4
{
    width: 221%;
}


.setWithCodeTarrifZaribV
{
    width: 178%;
}
.setWithCodeTarrifZaribV2
{
    width: 191%;
}

.setWithCodeTarrifZarib1
{
    width: 161%;
}
.setWithCodeTarrifZarib2
{
    width: 167%;
}
.setWithCodeTarrifZarib2-2
{
    width: 942%;
}

.setWithCodeTarrifZarib3
{
    width: 251%;
}.setWithCodeTarrifZarib3-3
{
    width: 199%;
}.setWithCodeTarrifZarib4
{
    width: 150%;
}

*/









.setWithtoCell
{
    width: 155px;
}
.my-custom-scrollbarTariff1 {

    /* height: 20000px; !important;*/
    max-height: 600px !important;
    overflow-y: scroll;
    overflow: auto;
    /*  direction: ltr !important;*/
    display: block;
}



.my-customScroll-Tariff {

    /* height: 20000px; !important;*/
    height: 250px !important;
    overflow-y: scroll;
    overflow: auto;
    /*  direction: ltr !important;*/
    display: block;
}

.my-customScroll-datagrid-Tariff {

    /* height: 20000px; !important;*/
    max-height: 220px !important;
    overflow-y: scroll;
    overflow: auto;
      direction: rtl !important;
    display: block;
}


.my-customScroll-datagrid-insurance{

    /* height: 20000px; !important;*/
    height: 220px !important;
    overflow-y: scroll;
    overflow: auto;
    direction: rtl !important;
    display: block;
}


.setWith
{
    width: 250px;
}

.my-customScroll-Tariff
{
    height: 200px !important;
    overflow-y: scroll;
    overflow: auto;
    direction: rtl !important;
    display: block;
}
.test
{
    height: 1000px;
}
.setWith-popup-insuranceSupplamental
{
 /*   width: 200px;*/
/*    height: 10px;*/
}

.myscrol-dataGrid-InsurnceSupllamental
{
    height: 100px !important;
    overflow-y: scroll;
    overflow: auto;
    direction: rtl !important;
    display: block;
}
.setWithexprisess
{
    width: 290px !important ;
   /* padding-left: 141px;*/

}

.my-customScroll-insuranceOrg{


    max-height: 400px !important;
    overflow-y: scroll;
    overflow: auto;
    direction: rtl !important;
    display: block;
}

.my-customScroll-datagrid-insurance-add{


    max-height: 190px !important;
    overflow-y: scroll;
    overflow: auto;
    direction: rtl !important;
    display: block;
}
/*.setWidthnameInsurance
{
   !*width: 50px;*!
}*/

.setWidthnameInsuranceSupplamental{
width: 300px;
}
.setwidthExpritess
{
   width: 150px;
}
.setHeightTodataGrid
{
    height: 104px;
}

set-with-code-test
{
    width: 200px;
}

.well {
    min-height: 20px;
    padding: -30px;
}



.setHeightTopanel
{
    height: 180px;
}
.with-codeTest
{
    width: 80px;
}
.with-nameTest
{
    width: 80px;
}

.with-coulunmTest
{
    width: 80px;
}


.s
{
    min-width: 10px;
    max-width: 1000px;
}
.width
{
    width: 145px;
    margin-right: 32px;
    font-size: 18px;



}

.lab-fnt-12 > table > thead > tr > th {
    font-size: 9px;
}

.lab-fnt-12 > table > tbody > tr > td {
    padding: 0px;
}

@media (max-width: 768px) {
    #labParts > .modal-dialog {
        width: 500px !important;
    }

}
@media (max-width: 540px) {
    #labParts > .modal-dialog {
        width: 300px;
    }
}

@media (max-width: 768px) {
    #labParts > .modal-dialog {
        width: 300px;
    }
}


@media (min-width: 768px) {
    .lab-bg-label > label {
        font-size: 11px !important;
    }
}


#labParts > .modal-dialog {
    margin-right: auto;
    margin-left: auto;
}

.lab-hid-tbl {
    max-height: 400px;
    overflow: hidden;
        /*
        padding-top: 13px;
        */
 /*   border: none;*/
   /* padding-left: 18px;
    padding-right: 18px;*/
    margin-top: 0;
}



/*.grid-container {
    display: grid;
    grid-template-columns: auto auto auto auto;
    grid-template-rows: 100px 300px;
    grid-gap: 10px;
    background-color: #2196F3;
    padding: 10px;
}*/

/*.grid-container > div {
    background-color: rgba(255, 255, 255, 0.8);
    text-align: center;
    padding: 20px 0;
    font-size: 30px;
}*/

.lab-hide {
    visibility: hidden !important;
    display: none;
}

.lab-hid-tbl-no-brd {
    max-height: 400px;
    overflow: hidden;
    padding-left: 18px;
    /*padding-top: 18px;*/
    margin-top: 22px;
    border: none;
}
body {
    zoom: 80%;
}
.setWithToPopupBime
{
    width: 766px;
    max-width: none;
    margin-right: -2%;
    margin-top: 1%;
}
.setWithToPopup
{
  /*  width: 1500px;
    max-width: none;*/
    width: 1500px;
    max-width: none;
    margin-right: 15%;
    margin-top: 5%;
}
.setBackground
{
    background-color: #dadada;
    margin-top: -36px;
    width: 107% !important;
    margin-right: -31px !important;
    height: 34px;
}
/*.setMargin
{
    margin-right: -33px;
}
.setMarginNext
{
    margin-right: 9px;
}*/
/*.setMarginFirst
{
    margin-right: -128px;
}*/
/*
.setMarginEnd
{
    margin-top: 22px;
}

*/
.backgroundTest
{
    border-color: #303641;
}

.setBackgroundResponse
{
    background-color: #dadada;
    margin-top: -27px;
    width: 106%x !important;
    margin-right: -16px !important;
}
.lab-fnt-14 > label {
    font-size: 14px !important;
}


.lab-fnt-14 > input {
    height: 27px !important;
}

.lab-hide-label > label {
    display: none;
}
.lab-pad-btn {
    padding: 10px 12px !important;
    font-size: 16px;
}

.lab-fnt-tbl-dialog > table > tbody > tr > td {
    padding: 10px;
}

.lab-fnt-tbl-dialog > table > thead > tr > th:nth-child(2){
    width: 10% !important;
    text-align: center;
}

.lab-fnt-tbl-dialog > table > thead > tr > th:nth-child(3){
    width: 15% !important;
    text-align: center;
}

.lab-fnt-tbl-dialog > table > thead > tr > th:nth-child(4){
    text-align: center;
}

.lab-td-width > table > thead > tr > th:nth-child(2){
    width: 15% !important;
    text-align: center;
}

.lab-td-width > table > thead > tr > th:nth-child(3){
    width: 15% !important;
    text-align: center;
}

.lab-td-width > table > thead > tr > th:nth-child(4){
    text-align: center;
}



@media (max-width: 768px) {
    .lab-fnt-tbl-dialog > table > thead > tr > th {
        font-size: 12px !important;
    }
}

.lab-w-33 > input {
    width: 33% !important;
}

.lab-hr {
    margin-top: 0px !important;
    margin-bottom: 35px !important;
}

.lab-mystyle > label {
    width: 12% !important;
}

.lab-mystyle > input {
    width: 40% !important;
    margin-right: 17% !important;
}

.lab-no-padd > div > div > div.fileSelector  {
    padding: 3px !important;
}

.col-sm-3 > .formio-component > img.img-responsive {
    border: 2px dashed #ddd;
    padding: 2px;
    margin: 0 auto;
}

.lab-count-text > input {
    width: 25% !important;
    display: inline !important;
    margin-right: 5px !important;
}



.pres-btn-padding button {
    padding: 6px 2px 3px 8px !important;
}


.pres-input-width > input {
    width: 66% !important;
}

.pres-Kind-of-insurance > label {
    text-align: right !important;
}

.pres-Kind-of-insurance > div > .form-control {
    height: 27px !important;
    width: 43% !important;
}

.pres-Kind-of-insurance > div > .choices__list--dropdown {
    width: 43% !important;
}


.pres-txt-center > table.formio-data-grid > thead > tr > th {
    text-align: center !important;
    padding: 1px;
    background-color: #303641;
    color: #fff;
}
.setColorToPanel
{
    background-color: #0d376c !important;
}

.my-stylemy-style > table {
    margin-top: 3%;
}

.lab-th-bg > table > thead > tr > th {
    text-align: center !important;
}

.pres-padd-l > div:first-child {
    padding-right: 0 !important;
}

.form-control {
    display: -webkit-box;
    min-width: 20px;
    width: auto;
    max-width: 100%;
}
.formio-trn-rtl .radio-inline input[type="radio"], .formio-trn-rtl .radio-inline input[type="checkbox"] {
    margin-left: 2px;
}
.pres-padd-l > div:nth-child(2).col-sm-6{
    padding-left: 0 !important;
}

.pres-label-control  label.control-label {
    width: 20% !important;
}


.btn-sm {
    padding: 5px 6px 4px 9px !important;
}


#measurement > fieldset > .row > .col-sm-6 > .form-group > .col-sm-4 {
    width: 42% !important;
}

#measurement > fieldset > .row > .col-sm-6 > .form-group > .col-sm-8 {
    width: 58% !important;
}

.lab-m-22 > div > fieldset{
    padding-bottom: 0px !important;
}

.fa-my-style {
    height: 27px;
    width: 33px;
}

.wantToHiddenBtn > button {
    display: none;
}

.wantToHiddenBtnEdit > button {
    display: none;
}

.vis-hide {
    visibility: hidden !important;
    display: none !important;
}

.just-hide {
    visibility: hidden !important;
}

.thead-tr-hi1d {
    visibility: hidden !important;
}

.tbl-sick-error > tbody > tr {
    background-color: #b4000e;
}

.tbl-sick-accept > tbody > tr {
    background-color: #53be95;
}

.tbl-sick-error > table > tbody > tr {
    background-color: #b4000e;
}

.tbl-sick-accept> table > tbody > tr {
    background-color: #53be95;
}



.no-well {
    background: #fff !important;
    margin: 0 !important;
}

#doctorsList > div > .no-well > .formio-component-well {
    padding:0 !important;
    background: #fff !important;
}


#dialogdoc > .modal-dialog {
    width: 970px !important;
}


.my-url-width > label {
    width: 29% !important;
}

.my-url-width > input {
    width: 68% !important;
}

#GroupResponseReady > .modal-dialog {
    width: 550px !important;
}

#GroupResponseReadyEditing > .modal-dialog {
    width: 550px !important;
}

.hard-width > .col-sm-4 {
    padding: 0 !important;
}

.my-checkbox-pm-l {
    padding-left: 25px !important;
    direction: ltr !important;
}

.my-checkbox-pm-l > label {
    padding: 5px 0px 5px 5px !important;
}
.my-checkbox-pm-r > label {
    padding: 5px 0px 5px 5px !important;
}

.my-checkbox-pm-r {
    padding-right: 25px !important;
    direction: ltr !important;
}

.mr-l-pr > .col-sm-1 {
    margin-left: 15px !important;
}

.ch > li:after{
    content:' چاپ ' !important;
}

.ch:hover > li:after{
    content:' چاپ بخش ' !important;
}

/*error CAll*/
#reception-panel-menu-crumb {
    display: none;
}

#answerShow > .modal-dialog {
    width: 450px !important;
}

#perShow > .modal-dialog {
    width: 600px !important;
}

i.glyphicon-remove {
    color: red !important;
    font-size: 14px !important;
    cursor: pointer !important;
}

/********** 30variz **********/
.cashContainer{
    border: none;
    direction: rtl;
}

.cashContainer input[type=text]{
    border: 1px solid #cecece !important;
    margin: 0 5px;
    width: 40px !important;
}




/*== M. Fazelinia ===================================(Start)==*/
.inlineLayout{
    display: inline-block;
}
.widthTestName
{
    width: 169px;
}
.setWithDatagrid
{
    width: 104%;
    margin-right: -2%;
}
/*.twidth
{
    width:  1449px!important
}
.A{
  width: 126px;
}
.f
{
    width: 117px;
}
.with4
{
    width: 143px;
}
.b
{
    width: 124px;
}
.e
{
    width: 126px;
}
.d
{
    width: 124px;
}
.c
{
    width: 118px;
}*/
.w
{
  /* //max-width:  1449px!important*/
}
/*-table styles: */
.tblScroll {
    max-height: 265px;
   /* mX-width: 104% !important;*/
    margin-right: -19px;
    /*width: 1450px !important;*/
    overflow-y: scroll !important;
    direction: rtl;
    padding-bottom: 0px;
}
.SetWithMainTariif
{
    width: 54%;
    margin-right: 33%;
}
.withCss
{
    width: 107px;
    margin: 8px;
}
.SetMarginCss
{
    margin-top: 12px;
}
.tblScrollT {
    max-height: 265px;
    /* mX-width: 104% !important;*/

    overflow-y: scroll !important;
    direction: rtl;
    padding-bottom: 0px;
}
.tblScrollx{
    max-width: 100%;
    overflow-x: scroll;
    overflow-y: hidden;
    border-bottom: 3px solid #303641;
}

.tblBody, .tblBody > table, .tblBody table tbody, .tblBody > table tbody tr td{
    border: none!important;
    box-shadow: none !important;
    margin: 0 !important;
}
.tblBody > table > tbody > tr,.tblBody > table > tbody > tr > td,.tblBody > table > tbody > tr > td div{
    margin: 0 !important;
    padding: 0 !important;
}
.tblBody > table > tbody > tr > td input[type=text]{
    background: transparent;
    border: none;
    box-shadow: none;
    cursor: default;
    margin: 0 !important;
    font-size: 13px;

}
.tblBody > table > tbody > tr > td input[type=checkbox]{
    margin: 8px 2px;
    margin-right: 50% !important;
    border-color: #56606c;
}
.tblBody > label{
    border:none;
    margin: 0;
    padding: 0;
    background: transparent;
}
.tblBody  > table > thead > tr > th{
    background-color: #303641 !important;
    border: 0;
    font-weight: bold;
    text-align: center;
    margin: 0;
    padding: 0;
    color: #fff !important;
    font-size: 10px;
}
.tblBody button{
    border: 0;
    width: 24px;
    height: 24px;
}


.tblHead  > table > tbody > tr > td{
    background-color: #303641;
    font-weight: bold;
    text-align: center;
    margin: 0;
    padding: 0;
}
.tblHead > table > tbody > tr > td input[type=text]{
    color: #fff !important;
    font-size: 15px;
    text-align: center;
    margin-right: -10px !important;
}

.tblHead > table > tbody > tr > td:first-child input[type=text]{
    color: #fff !important;
    font-size: 20px;
    text-align: center;
    margin-right: 0px !important;
}

.setWidthTotable  > table > tbody > tr > td{

/*    width: 200px;*/
}
/*.w
{
    width: 200px;
}*/
.widthpaneltest
{
/*margin-right: 14px;*/
  /* margin-right: -22px;
    margin-top: 5px;*/
  /* t margin-right: 14px;
    width: 88px;*/
}

.reseptionPerPationt{

    margin-right: -32px;
    width: 106%;
}

.tblEnd {
    border-top: 3px solid #303641;
    background: white;
    color: transparent;
    height: 10px;
    overflow: hidden;
}

.tblEmpty{
    text-align: center;
    font-size: 10px;
    padding: 5px;
}

.tblDateRTL.formio-component > input{
    width: 100%;
    direction: ltr;
    text-align: center;
}

/*doctors list table style:*/
.tblWidth-doctorList > div {max-width: 90%;}
.tblWidth-doctorList > table > tbody > tr > td:first-child {width: 20px;}
.tblWidth-doctorList > table > tbody > tr > td:nth-child(2){width: 90px;}
.tblWidth-doctorList > table > tbody > tr > td:nth-child(3){width: 90px;}
.tblWidth-doctorList > table > tbody > tr > td:nth-child(4){width: 210px;}
.tblWidth-doctorList > table > tbody > tr > td:nth-child(5){width: 180px;}
.tblWidth-doctorList > table > tbody > tr > td:nth-child(6){width: 100px;}
.tblWidth-doctorList > table > tbody > tr > td:nth-child(7){width: 100px;}
.tblWidth-doctorList > table > tbody > tr > td:nth-child(9){width: 10px;}
/*expertise list table style:*/
.tblWidth-expertiseList > div  {max-width: 50%;}

.tblWidth-expertiseListTest > div {
    width: 103%;
    margin-right: -18px;
}
.tblWidth-expertiseList > table > tbody > tr > td:first-child {width: 20px;}
.tblWidth-expertiseList > table > tbody > tr > td:nth-child(2){width: 40px;}
.tblWidth-expertiseList > table > tbody > tr > td:nth-child(3){width: 90px;}
.tblWidth-expertiseList > table > tbody > tr > td:nth-child(5){width: 100px;}
.tblWidth-expertiseList > table > tbody > tr > td:nth-child(6){width: 10px;}
/*test families list table style:*/
.tblWidth-testFamily > div  {max-width: 30%;}
.tblWidth-testFamily > table > tbody > tr > td:first-child {width: 20px;}
.tblWidth-testFamily > table > tbody > tr > td:nth-child(2){width: 40px;}
.tblWidth-testFamily > table > tbody > tr > td:nth-child(3){width: 70px;}
/*insurance list table style:*/
.tblWidth-insuranceList {width: 100%; /*1600px;*/}
.tblWidth-insuranceList > table tbody tr td input[type=text] {font-size: 10px !important;}
.tblWidth-insuranceList > table tbody tr td:first-child {width: 30px;}
.tblWidth-insuranceList > table tbody tr td:nth-child(2){width: 100px;}
.tblWidth-insuranceList > table tbody tr td:nth-child(3){width: 90px;}
.tblWidth-insuranceList > table tbody tr td:nth-child(4){width: 100px;}
.tblWidth-insuranceList > table tbody tr td:nth-child(5){width: 50px;}
.tblWidth-insuranceList > table tbody tr td:nth-child(6){width: 130px;}
.tblWidth-insuranceList > table tbody tr td:nth-child(7){width: 150px;}
.tblWidth-insuranceList > table tbody tr td:nth-child(8){width: 90px;}
.tblWidth-insuranceList > table tbody tr td:nth-child(9){width: 90px;}
.tblWidth-insuranceList > table tbody tr td:nth-child(10){width: 80px;}
.tblWidth-insuranceList > table tbody tr td:nth-child(11){width: 80px;}
.tblWidth-insuranceList > table tbody tr td:nth-child(12){width: 80px;}
.tblWidth-insuranceList > table tbody tr td:nth-child(13){width: 10px;}
/*super test list table style:*/
.tblWidth-superTest > div  {max-width: 70%;}
.tblWidth-superTest > table > tbody > tr > td:first-child {width: 40px;}
.tblWidth-superTest > table > tbody > tr > td:nth-child(2){width: 100px;}
.tblWidth-superTest > table > tbody > tr > td:nth-child(3){width: 200px;}
.tblWidth-superTest > table > tbody > tr > td:nth-child(4){width: 100px;}
.tblWidth-superTest > table > tbody > tr > td:nth-child(6){width: 10px;}
/*ready answers list table style:*/
.tblWidth-readyAnswersList > div  {max-width: 50%;}
.tblWidth-readyAnswersList > table > tbody > tr > td:first-child {width: 20px;}
.tblWidth-readyAnswersList > table > tbody > tr > td:nth-child(2){width: 40px;}
.tblWidth-readyAnswersList > table > tbody > tr > td:nth-child(3){width: 110px;}
.tblWidth-readyAnswersList > table > tbody > tr > td:nth-child(5){width: 10px;}
/*register prescription list table style */
.tblWidth-prescription > table > tbody > tr > td:first-child {width: 20px;}
.tblWidth-prescription > table > tbody > tr > td:nth-child(2){width: 40px;}
.tblWidth-prescription > table > tbody > tr > td:nth-child(12){width: 25px;}
.tblWidth-prescription > table > tbody > tr > td:nth-child(13){width: 25px;}
.tblWidth-prescription > table > tbody > tr > td:nth-child(14){width: 10px;}

.backgroundNone {
    background-color: transparent !important;
    padding: 5px;
}

/*-popup styles: */
.popupWell{
    position: fixed !important;
    text-align: center;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background-color: rgba(0, 0, 0, .6) !important;
    z-index: 2;
}
.popupWellContainer{
    position: absolute;
    top: 50%;
    left: 50%;
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    width: 60% !important;
    background-color: #f0f0f0;
    border: 2px solid #2C2C2C;
    padding-bottom: 0px;
    margin: 0;
}
.popupScroll{
    max-height: 500px;
    overflow: overlay !important;
    border: none;
    background: transparent;
}
.popupTitle{
    border-bottom: 1px solid #e6e6e6;
}
.popupTitle input[type=text]{
    font-size: 11px;
    font-weight: bold;
    text-align: right;
    border: none;
    box-shadow: none;
    background: transparent;
    cursor: default;
}
.popupField{
    background: transparent !important;
    padding-top: 0;
    padding-bottom: 0;
}
.popupField > legend{
    background: transparent !important;
    border: 0 !important;
    font-size: 11px !important;
    cursor: default;
}

.popupWidth-expertise{
    width: 25% !important;
}
.popupWidth-doctors{
    width: 50% !important;
}
.popupWidth-testFamily{
    width: 35% !important;
}
.popupWidth-testFamilySec{
    width: 25% !important;
}
.popupWidth-prescription{
    width: 25% !important;
}
.popupActionbarWell{
    text-align: left;
    align-content: left;
    background: transparent;
    padding: 0 !important;
    margin: 0 !important;
}
.toolbarWell{
    background: transparent !important;
    border-bottom: 1px solid #dddddd !important;
    padding: 0 15px 0 0!important;
    margin-top: 10px!important;
}
.actionbarWell{
    text-align: left;
    align-content: left;
    background: transparent !important;
    padding: 0 0 0 15px !important;
    margin: 10px 0 10px 0 !important;
}

.selectInput{
    /*margin-right: 15px;*/
}
.selectInput > label{
    padding-top: 3px;
}
.selectInput > div{
    height: 27px;
    font-size: 11px;
}
.selectInput > div > div > div > div{
    font-size: 12px;
    color: black;
    margin: 0;
    direction: rtl;
}
.selectInput > div > div:nth-child(1){
    height: 27px;
    font-size: 11px !important;
    direction: rtl;
    padding-top: 3px;
    padding-right: 8px;
}
.selectInput > div > div > input{
    height: 30px;
    font-size: 12px;
}
.selectInputHideSearch > div > div:nth-child(2) > input[type=text]{
    visibility: hidden;
    display: none;
    height: 0px;
}

.buttonInput{
    margin: 0 5px 0 5px !important;
}
.buttonInput div{
    margin: 0 !important;
}
.buttonInput > button {
    height: 27px;
    font-size: 11px;
    border: 1px solid #2C2C2C;
}

.buttonCancel > button{
    background-color: #dddddd;
    border: 0px solid #2C2C2C;
    color: #2C2C2C;
}
.buttonCancel > button:hover{
    background-color: #c0c0c0;
    border: 0px solid #2C2C2C;
    color: #2C2C2C;
}

.buttonConfirm > button{
    background-color: rgba(67, 172, 106, .7);
    border: 0px solid #2C2C2C;
    color: #2C2C2C;
}
.buttonConfirm > button:hover{
    background-color: #43ac6a;
    border: 0px solid #2C2C2C;
    color: #2C2C2C;
}

.buttonAction > button{
    background-color: #dddddd;
    border: 0px solid #c0c0c0;
    color: #2C2C2C;
}
.buttonAction > button:hover{
    background-color: #c0c0c0;
    border: 0px solid #c0c0c0;
    color: #2C2C2C;
}


/*sadeghi */

.SetWidthToDomestic
{
    width: 120px;
}
/*div[class*=simaDomesticTestTariff] > table > tbody > tr > td:nth-child(3){
    width:100px !important
}*/

/*div[class*=simaDomesticTestTariff2] > table > tbody > tr > td:nth-child(4){
    width:131% !important
}

div[class*=simaDomesticTestTariff2] > table > tbody > tr > td:nth-child(5){
    width:337% !important
}
div[class*=simaDomesticTestTariff2] > table > tbody > tr > td:nth-child(6){
    width:125% !important
}div[class*=simaDomesticTestTariff2] > table > tbody > tr > td:nth-child(10){
    width:128% !important
}div[class*=simaDomesticTestTariff2] > table > tbody > tr > td:nth-child(11){
    width:146% !important
}
div[class*=simaDomesticTestTariff2] > table > tbody > tr > td:nth-child(12){
    width:101% !important
}*/




/*div[class*=simaDomesticTestTariff2] > table > tbody > tr > td:nth-child(3){
    width:100px !important
}
div[class*=simaDomesticTestTariff2] > table > tbody > tr > td:nth-child(4){
    width:150px !important
}
div[class*=simaDomesticTestTariff2] > table > tbody > tr > td:nth-child(5){
    width:100px !important
}
div[class*=simaDomesticTestTariff2] > table > tbody > tr > td:nth-child(6){
    width:150px !important
}
div[class*=simaDomesticTestTariff2] > table > tbody > tr > td:nth-child(8){
    width:150px !important
}
div[class*=simaDomesticTestTariff2] > table > tbody > tr > td:nth-child(10){
    width:150px !important
}*/
/*div[class*=simaDomesticTestTariff2] > table > tbody > tr > td:nth-child(11){
    width:110px !important
}
*/
div[class*=simaDomesticTestTariff2] > table > tbody > tr > td:nth-child(6){
    width:123px !important
}
div[class*=simaDomesticTestTariff2] > table > tbody > tr > td:nth-child(8){
    width:121px !important
}div[class*=simaDomesticTestTariff2] > table > tbody > tr > td:nth-child(10){
    width:118px !important
}
div[class*=simaDomesticTestTariff2] > table > tbody > tr > td:nth-child(12){
    width:116px !important
}

/*
div[class*=simaDomesticTestTariff2] > table > tbody > tr > td:nth-child(2){
    width:96px !important
}
div[class*=simaDomesticTestTariff2] > table > tbody > tr > td:nth-child(7){
    width:96px !important
}
div[class*=simaDomesticTestTariff] > table > tbody > tr > td:nth-child(8){
    width:96px !important
}
div[class*=simaDomesticTestTariff2] > table > tbody > tr > td:nth-child(9){
    width:100px !important
}div[class*=simaDomesticTestTariff] > table > tbody > tr > td:nth-child(10){
    width:109px !important
}
div[class*=simaDomesticTestTariff2] > table > tbody > tr > td:nth-child(11){
    width:94px !important
}div[class*=simaDomesticTestTariff2] > table > tbody > tr > td:nth-child(12){
    width:115px !important
}div[class*=simaDomesticTestTariff] > table > tbody > tr > td:nth-child(12){
    width:102px !important
}div[class*=simaDomesticTestTariff] > table > tbody > tr > td:nth-child(10){
    width:109px !important
}





*/


.setdiv
{
    margin-left:-66%;
    margin-top: -12px;
}

.setWidthToTablePerPationtTest
{

    margin-right: -18px !important;
    width: 103% !important;
}

.setWidthToTablePerPationt
{

    margin-right: -18px !important;
    width: 1449px !important;
}


.setWidthToTablePerPationt > table > tbody > tr > td > div, .setWidthToTablePerPationt > table > tbody > tr > td > div > input[type=text]{
    padding: 0 !important;
}


.setWidthToTablePerPationt > table > tbody > tr > td{
    //box-sizing: border-box;
}

.setWidthToTablePerPationt > table > tbody > tr > td > div > textarea{
    padding: 0 2px !important;
    line-height: 27px;
    min-height: 27px !important;
    margin: 0 !important;
}

/*div[class*=infTest] > table > tbody > tr > td:nth-child(8){
    width:65px !important
}*/


div[class*=simaReceiptedTestResult] > table > tbody > tr > td:last-child{
    width:65px !important
}

div[class*=simaReceiptedTestResult] > table > tbody > tr > td:nth-child(5){
    width:100px !important
}
div[class*=simaReceiptedTestResult] > table > tbody > tr > td:nth-child(9){
    width:85px !important
}
div[class*=simaReceiptedTestResult] > table > tbody > tr > td:nth-child(10){
    width:150px !important
}
div[class*=simaReceiptedTestResult] > table > tbody > tr > td:nth-child(6){
    width:70px !important
}
div[class*=simaReceiptedTestResult] > table > tbody > tr > td:nth-child(2){
    width:80px !important
}
div[class*=simaReceiptedTestResult] > table > tbody > tr > td:nth-child(1){
    width:100px !important
}

div[class*=testFamilyIds] > table > tbody > tr > td:nth-child(2){
    width:100px !important
}
.statuseclass
{
    width: 109px;
}

.with-refrenceValue
{
    width:102px;
}
.buttonWidthSmall{
    width: 50px;
}
.buttonWidthMedium{
    width: 100px;
}
.buttonWidthLarge{
    width: 150px;
}

.textInput{
    /*margin-right: 15px;*/
}
.textInput > label{
    width: content-box !important;
    padding-top: 3px;
}
.textInput > input{
}
.textInputDate > input, .textInputDate.formio-component>input{
    direction: ltr;
}
.checkInput > label > input[type=checkbox]{
    border-color: #56606c !important;
}

.alignLeft{
    float: left;
}

.setalignToTextArea
{

    width: 219%;

}
.setAlignTestAbrevation
{
    width: 115%;
}
.setAlignButton
{
    width: 74px;
}
.setMarginToCode{
    margin-top:3px;
}
.setMarginToMounth
{
    margin-top:5px;
}
.setMarginTolabaroty
{
    margin-top:6px;

}
/*-- Inline Text Input --*/
.textInputInline{
    display: inline-block;
    margin-left: 20px !important;
    padding: 0 !important;
}
.textInputInline > label{
    width: fit-content !important;
    padding-top: 3px;
    padding-left: 8px;
    margin: 0 !important;
    display: inline;
}
.textInputInline > input{
    display: inline;
    margin: 0 !important;
}
.textInputInlineWidthMDate > input, .textInputInlineWidthMDate.formio-component>input{
    width: 90px !important;
    direction: ltr;
}

/*== M. Fazelinia =====================================(End)==*/

/* #Naqizade {start}*/
.popup-height{
    height: 100% !important;
    width: 100% !important;
    margin: 0px !important;
}

.popup-panel-height{
    width: 400px !important;
    overflow:auto;
    float:right;
    //max-height: 450px !important;
    height: 550px !important;
    box-shadow: none !important;
    background: none !important;
    border: none !important;
}

.popup-panel-style{
    width: 600px !important;
    overflow:auto;
    float:right;
    max-height: 4300px !important;
    height: 430px !important;
    box-shadow: none !important;
    border: none !important;
}

.tblWidth-transfered > table > tbody > tr > td:first-child {width: 40px;}
.tblWidth-transfered > table > tbody > tr > td:nth-child(2){width: 130px;}
.tblWidth-transfered > table > tbody > tr > td:nth-child(3){width: 100px;}
.tblWidth-transfered > table > tbody > tr > td:nth-child(4){width: 100px;}

.tblWidth-transfered-rec > table > tbody > tr > td:first-child {width: 40px;}
.tblWidth-transfered-rec > table > tbody > tr > td:nth-child(2){width: 100px;}
.tblWidth-transfered-rec > table > tbody > tr > td:nth-child(3){width: 100px;}
.tblWidth-transfered-rec > table > tbody > tr > td:nth-child(4){width: 182px;}
.tblWidth-transfered-rec > table > tbody > tr > td:nth-child(5){width: 180px;}

.transfered-textarea > textarea{
    min-height: 70px !important;
    height: 70px !important;
    background: transparent !important;
    border: none!important;
    box-shadow: none!important;
    direction: ltr !important;
    text-align: center !important;

}
.btn-margin{
    margin-top:-80px !important;
}

.table-align th{
    text-align: center;
}

.table-align td{
    text-align: center;
}

.cashWidth input[type=text]{
    width: 50px !important;
}

.cashContainer2 > div > input[type=text]{
    margin: 0px;
    width: 27px;
}

.cashContainer2 > div > span{
    margin-left: 2px;
    margin-right: 9px;
    font-weight: bold;
    font-size: smaller;
    font-family: irsans;
    color: black!important;
}

.cashContainer2{
    border: none;
    direction: rtl;
}

.cashContainer2 input[type=text]{
    border: 1px solid #cecece !important;
    margin: 0 5px;
}

.printlabel> .control-label {
    margin-right: -10px !important;
}

.cash-input> input[type=text] {
    width: 80% !important;
    background: none;
    margin-right: 0px !important;
}


.cash-input> .control-label {
    width: 20% !important;
    margin-left: 0px !important;
}

.cash-input-time> input[type=text] {
    width: 67% !important;
    background: none;
    margin-right: -6% !important;
}

.cash-input-time> .control-label {
    width: 10% !important;
    margin-right: 20px;
    font-size: smaller;
}

.cash-label> .control-label {
    font-size: smaller;
    margin-right: 20px !important;
}

.select-width{
    min-width:150px !important;
    max-width: 150px !important;
}
.left-to-right > input[type=text]{
    direction: ltr;
    text-align: center;
}
.left-to-right{
    direction: ltr;
    text-align: center;
}

/* #Naqizade {end}*/

.select2-results__option{
    direction: rtl;
}


html, body{
    height:auto;
    width:auto;
}

.sidebar-menu
{
    height: 100%;
    width: 100%;
}
.navbar-nav>li>.dropdown-menu{
    z-index: 99999999;
/*    z-index: 1;*/

}




.formio-choices.form-group{
    margin-right: 40%!important;
}

.dirltr > textarea{
    direction: ltr!important;
    text-align: left!important;
}


.fill-height-page-10 {
    position: absolute;
    top: 47px;
    bottom: -47px;
    left: 0;
    right: 0;
    margin-bottom: -47px;
    background-color: #303641;
   /*123 z-index: 9999;*/
    z-index: 6;
    overflow: visible;
    max-height: calc(100vmax - 48px) !important;
    height: calc(100% - 47px) !important;
    width: 14%;
    display: table-cell;

}

.fill-height-page-90 {
    position: absolute;
    top: 50px;
    bottom: -47px;
    left: 0;
    margin-bottom: -47px;
    margin-right: 14%;
    margin-left: 1%;
    overflow: visible;
    max-height: calc(100% - 48px) !important;
    height: 20%;
    /*z-index:-1;*/
    width: 84%;

}

body {
    overflow-x: hidden;
}



#content {
    display: contents;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    overflow-x: visible;
    min-width: 100%;
    background-image: none !important;
    max-height: calc(100% - 48px) !important;
    height: fit-content !important;


}

.height100{
    height: 100%;
}




div[class*=simaReceiptedTestResult] > table > tbody > tr > td:nth-child(5) {
    width: 100px !important
}

div[class*=simaReceiptedTestResult] > table > tbody > tr > td:nth-child(9) {
    width: 85px !important
}

div[class*=simaReceiptedTestResult] > table > tbody > tr > td:nth-child(10) {
    width: 150px !important
}

div[class*=simaReceiptedTestResult] > table > tbody > tr > td:nth-child(6) {
    width: 70px !important
}

div[class*=simaReceiptedTestResult] > table > tbody > tr > td:nth-child(2) {
    width: 80px !important
}

div[class*=simaReceiptedTestResult] > table > tbody > tr > td:nth-child(1) {
    width: 100px !important
}

div[class*=testFamilyIds] > table > tbody > tr > td:nth-child(2) {
    width: 100px !important
}
/**{*/
/*    font-size: 9px!important;*/
/*}*/
.block {
    padding: 5px;
    margin-bottom: 5px;
    border: 1px solid #000;
    background-color: #eee;
    border-radius: 5px;
}
/*saaberi*/
.heightAlign{
    /*max-height: 300px;*/
}
/*saaberi*/

.table-scroll-wrapper{
    max-height: 400px;
    overflow: auto;
}


.tableMoqui thead, .tableMoqui thead tr, .tableMoqui thead th{

    position: sticky;
    top: 0;
}
.tableMoqui thead th{
    background-color: #dbeff5 !important;
    border-top: 2px solid #006687 !important;
    /*z-index: 3;*/
}

.table-scroll-wrapper table.table thead th{
    background-color: #dbeff5 !important;
    border-top: 2px solid #006687 !important;

}

.table-scroll-wrapper table.table thead tr th{
    background-color: transparent; !important;
    position: sticky;!important;
    top: 0;!important;
}




/* Sima new theme, by MF ======================================== */

@media (min-width: 768px) {
    .app.sidenav-toggled .app-content {
        margin-left: 0;
    }
    .app.sidenav-toggled .app-sidebar {
        left: -230px;
    }
    .app.sidenav-toggled .app-sidebar__overlay {
        visibility: hidden;
    }
}

@media (max-width: 767px) {
    .app {
        overflow-x: hidden;
    }
    .app .app-sidebar {
        left: -230px;
    }
    .app .app-sidebar__overlay {
        visibility: hidden;
    }
    .app.sidenav-toggled .app-content {
        margin-left: 0;
    }
    .app.sidenav-toggled .app-sidebar {
        left: 0;
    }
    .app.sidenav-toggled .app-sidebar__overlay {
        visibility: visible;
    }
}

.app-content {
    min-height: calc(100vh - 50px);
    margin-top: 50px;
    padding: 10px 10px 0 10px;
    background-color: #E5E5E5;
    -webkit-transition: margin-left 0.3s ease;
    -o-transition: margin-left 0.3s ease;
    transition: margin-left 0.3s ease;
}
.app-content.home {
    background: url('../images/8.jpg') no-repeat;
    background-color: white;
    background-position: left bottom;
    background-size: contain;
}

@media (min-width: 768px) {
    .app-content {
        margin-left: 230px;
    }
}

@media (max-width: 767px) {
    .app-content {
        margin-top: 50px;
        min-width: 100%;
    }
}

@media (max-width: 480px) {
    .app-content {
        padding: 15px;
    }
}

@media print {
    .app-content {
        margin: 0;
        padding: 0;
        background-color: #fff;
    }
}

.light-text {
    font-weight: 300 !important;
}

.semibold-text {
    font-weight: 600 !important;
}

.line-head {
    padding-bottom: 10px;
    border-bottom: 1px solid #ddd;
}

/*----- Componant: Top Navigation Bar ----- */
.app-header {
    position: fixed;
    left: 0;
    right: 0;
    top: 0;
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    background-color: #168d9b;
    z-index: 1030;
    padding-right: 15px;
}

@media (min-width: 768px) {
    .app-header {
        padding-right: 30px;
    }
}

@media print {
    .app-header {
        display: none;
    }
}

.app-header__logo {
    -webkit-box-flex: 1;
    -ms-flex: 1 0 auto;
    flex: 1 0 auto;
    color: #fff;
    text-align: center;
    padding: 0 15px;
    font-size: 18px;
    font-weight: bold;
    line-height: 50px;
}

@media (min-width: 768px) {
    .app-header__logo {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        display: block;
        width: 230px;
        background-color: #137985;
    }
}

.app-header__logo:focus, .app-header__logo:hover {
    text-decoration: none;
    color: #fff;
}

.app-sidebar__toggle {
    padding: 0 15px;
    font-family: fontAwesome;
    color: #fff;
    line-height: 2.4;
    -webkit-transition: background-color 0.3s ease;
    -o-transition: background-color 0.3s ease;
    transition: background-color 0.3s ease;
}

@media (max-width: 767px) {
    .app-sidebar__toggle {
        -webkit-box-ordinal-group: 0;
        -ms-flex-order: -1;
        order: -1;
    }
}

.app-sidebar__toggle:before {
    content: "\f0c9";
    font-size: 21px;
}

.app-sidebar__toggle:focus, .app-sidebar__toggle:hover {
    color: #fff;
    background-color: #10646e;
    text-decoration: none;
}

.app-nav {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 0;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
}
ul.app-nav{
    list-style: none;
}

@media (min-width: 768px) {
    .app-nav {
        -webkit-box-flex: 1;
        -ms-flex: 1 0 auto;
        flex: 1 0 auto;
    }
}

.app-nav__item {
    display: block;
    padding: 15px;
    line-height: 20px;
    color: #fff;
    -webkit-transition: background-color 0.3s ease;
    -o-transition: background-color 0.3s ease;
    transition: background-color 0.3s ease;
}

.app-nav__item:hover, .app-nav__item:focus {
    background: rgba(0, 0, 0, 0.1);
    color: #f6f6f6;
}

.app-search {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-item-align: center;
    align-self: center;
    margin-right: 15px;
    padding: 10px 0;
}

@media (max-width: 480px) {
    .app-search {
        display: none;
    }
}

.app-search__input {
    border: 0;
    padding: 5px 10px;
    padding-right: 30px;
    border-radius: 2px;
    background-color: rgba(255, 255, 255, 0.8);
    -webkit-transition: background-color 0.3s ease;
    -o-transition: background-color 0.3s ease;
    transition: background-color 0.3s ease;
}

.app-search__input::-webkit-input-placeholder {
    color: rgba(0, 0, 0, 0.4);
}

.app-search__input:-ms-input-placeholder {
    color: rgba(0, 0, 0, 0.4);
}

.app-search__input::-ms-input-placeholder {
    color: rgba(0, 0, 0, 0.4);
}

.app-search__input::placeholder {
    color: rgba(0, 0, 0, 0.4);
}

.app-search__button {
    position: absolute;
    right: 0;
    top: 10px;
    bottom: 10px;
    padding: 0 10px;
    border: 0;
    color: rgba(0, 0, 0, 0.8);
    background: none;
    cursor: pointer;
}

.app-notification {
    min-width: 270px;
}

.app-notification__title {
    padding: 8px 20px;
    text-align: center;
    background-color: rgba(22, 141, 155, 0.4);
    color: #333;
}

.app-notification__footer {
    padding: 8px 20px;
    text-align: center;
    background-color: #eee;
}

.app-notification__content {
    max-height: 220px;
    overflow-y: auto;
}

.app-notification__content::-webkit-scrollbar {
    width: 6px;
}

.app-notification__content::-webkit-scrollbar-thumb {
    background: rgba(0, 0, 0, 0.2);
}

.app-notification__item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding: 8px 20px;
    color: inherit;
    border-bottom: 1px solid #ddd;
    -webkit-transition: background-color 0.3s ease;
    -o-transition: background-color 0.3s ease;
    transition: background-color 0.3s ease;
}

.app-notification__item:focus, .app-notification__item:hover {
    color: inherit;
    text-decoration: none;
    background-color: #e0e0e0;
}

.app-notification__message,
.app-notification__meta {
    margin-bottom: 0;
}

.app-notification__icon {
    padding-right: 10px;
}

.app-notification__message {
    line-height: 1.2;
}

.app-sidebar {
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    padding-top: 70px;
    width: 230px;
    overflow: auto;
    z-index: 10;
    background-color: #222d32;
    -webkit-box-shadow: 0px 8px 17px rgba(0, 0, 0, 0.2);
    box-shadow: 0px 8px 17px rgba(0, 0, 0, 0.2);
    -webkit-transition: left 0.3s ease,
    width 0.3s ease;
    -o-transition: left 0.3s ease,
    width 0.3s ease;
    transition: left 0.3s ease,
    width 0.3s ease;
}

.app-sidebar::-webkit-scrollbar {
    width: 6px;
}

.app-sidebar::-webkit-scrollbar-thumb {
    background: rgba(0, 0, 0, 0.2);
}

@media print {
    .app-sidebar {
        display: none;
    }
}

@media (max-width: 767px) {
    .app-sidebar__overlay {
        position: fixed;
        top: 0;
        left: 0;
        bottom: 0;
        right: 0;
        z-index: 9;
    }
}

.app-sidebar__user {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 10px;
    margin-bottom: 20px;
    color: #fff;
}

.app-sidebar__user-avatar {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    margin-right: 15px;
}

.app-sidebar__user-name {
    font-size: 17px;
    line-height: 1.3;
}

.app-sidebar__user-name,
.app-sidebar__user-designation {
    white-space: nowrap;
    overflow: hidden;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    margin-bottom: 0;
}

.app-menu {
    margin-bottom: 0;
    padding-bottom: 40px;
}

.app-menu__item {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 12px 15px;
    font-size: 1.08em;
    border-left: 3px solid transparent;
    -webkit-transition: border-left-color 0.3s ease,
    background-color 0.3s ease;
    -o-transition: border-left-color 0.3s ease,
    background-color 0.3s ease;
    transition: border-left-color 0.3s ease,
    background-color 0.3s ease;
    color: #fff;
}

.app-menu__item.active, .app-menu__item:hover, .app-menu__item:focus {
    background: #0d1214;
    border-left-color: #168d9b;
    text-decoration: none;
    color: #fff;
}

.app-menu__icon {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: 25px;
}

.app-menu__label {
    white-space: nowrap;
    -webkit-box-flex: 1;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
}

.treeview.is-expanded [data-toggle='treeview'] {
    border-left-color: #168d9b;
    background: #0d1214;
}

.treeview.is-expanded .treeview-menu {
    max-height: 100vh;
}

.treeview.is-expanded .treeview-indicator {
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg);
}

.treeview-menu {
    max-height: 0;
    overflow: hidden;
    -webkit-transition: max-height 0.3s ease;
    -o-transition: max-height 0.3s ease;
    transition: max-height 0.3s ease;
    background: #2a383e;
}

.treeview-item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 6px 5px 8px 20px;
    font-size: 0.9em;
    color: #fff;
}

.treeview-item.active, .treeview-item:hover, .treeview-item:focus {
    background: #0d1214;
    text-decoration: none;
    color: #fff;
}

.treeview-item .icon {
    margin-right: 5px;
}

.treeview-indicator {
    -webkit-transform-origin: center;
    -ms-transform-origin: center;
    transform-origin: center;
    -webkit-transition: -webkit-transform 0.3s ease;
    transition: -webkit-transform 0.3s ease;
    -o-transition: transform 0.3s ease;
    transition: transform 0.3s ease;
    transition: transform 0.3s ease, -webkit-transform 0.3s ease;
}

@media (min-width: 768px) {
    .sidebar-mini.sidenav-toggled .app-sidebar__user-name,
    .sidebar-mini.sidenav-toggled .app-sidebar__user-designation,
    .sidebar-mini.sidenav-toggled .treeview-indicator {
        display: none;
    }
    .sidebar-mini.sidenav-toggled .app-sidebar__user-avatar {
        width: 30px;
        height: 30px;
    }
    .sidebar-mini.sidenav-toggled .app-content {
        margin-left: 50px;
    }
    .sidebar-mini.sidenav-toggled .app-sidebar {
        left: 0;
        width: 50px;
        overflow: hidden;
    }
    .sidebar-mini.sidenav-toggled .app-sidebar:hover {
        overflow: visible;
    }
    .sidebar-mini.sidenav-toggled .app-menu__item {
        overflow: hidden;
    }
    .sidebar-mini.sidenav-toggled .app-menu__item:hover {
        overflow: visible;
    }
    .sidebar-mini.sidenav-toggled .app-menu__item:hover .app-menu__label {
        opacity: 1;
    }
    .sidebar-mini.sidenav-toggled .app-menu__item:hover + .treeview-menu {
        visibility: visible;
    }
    .sidebar-mini.sidenav-toggled .app-menu__label {
        display: block;
        position: absolute;
        top: 0;
        left: 50px;
        min-width: 180px;
        padding: 12px 5px 12px 20px;
        margin-left: -3px;
        line-height: 1;
        opacity: 0;
        background: #0d1214;
        border-top-right-radius: 4px;
        border-bottom-right-radius: 4px;
    }
    .sidebar-mini.sidenav-toggled .treeview:hover .app-menu__item {
        overflow: visible;
        background: #0d1214;
        border-left-color: #168d9b;
        color: #fff;
    }
    .sidebar-mini.sidenav-toggled .treeview:hover .app-menu__label {
        opacity: 1;
    }
    .sidebar-mini.sidenav-toggled .treeview:hover .treeview-menu {
        max-height: 100vh;
        opacity: 1;
        visibility: visible;
        z-index: 10;
    }
    .sidebar-mini.sidenav-toggled .treeview .app-menu__label {
        border-bottom-right-radius: 0;
    }
    .sidebar-mini.sidenav-toggled .treeview-menu {
        position: absolute;
        left: 50px;
        min-width: 180px;
        padding: 12px 0;
        opacity: 0;
        border-bottom-right-radius: 4px;
        z-index: 9;
        visibility: hidden;
        -webkit-transition: visibility 0.3s ease;
        -o-transition: visibility 0.3s ease;
        transition: visibility 0.3s ease;
    }
}


[dir=rtl] body {
    text-align: right;
    direction: rtl;
}

[dir=rtl] .app-sidebar {
    left: auto;
    right: 0;
}

[dir=rtl] .app-sidebar__user-avatar {
    margin-left: 15px;
    margin-right: 0;
}

[dir=rtl] .dropdown-menu.dropdown-menu-right {
    right: auto;
    left: 0;
}

[dir=rtl] .list-unstyled, [dir=rtl] .app-nav, [dir=rtl] .app-menu, [dir=rtl] .treeview-menu,
[dir=rtl] .app-nav,
[dir=rtl] .app-menu,
[dir=rtl] .user .user-tabs,
[dir=rtl] .treeview-menu {
    padding-right: 0;
}

[dir=rtl] .btn .icon,
[dir=rtl] .btn .fa,
[dir=rtl] .treeview-item .icon {
    margin-right: 0;
    margin-left: 5px;
}

[dir=rtl] .modal-header .close {
    margin-left: 0;
    margin-right: auto;
}

[dir=rtl] .modal-footer > :not(:last-child) {
    margin-right: 0;
    margin-left: 0.25rem;
}

[dir=rtl] .widget-small .icon {
    border-radius: 0 4px 4px 0;
}

[dir=rtl] .user .timeline-post .post-media img {
    margin-right: 0;
    margin-left: 10px;
}

[dir=rtl] table.table-bordered.dataTable th:last-child,
[dir=rtl] table.table-bordered.dataTable th:last-child,
[dir=rtl] table.table-bordered.dataTable td:last-child,
[dir=rtl] table.table-bordered.dataTable td:last-child {
    border-right-width: 1px;
}

@media (min-width: 768px) {
    [dir=rtl] .app-header {
        padding-right: 0;
        padding-left: 30px;
    }
    [dir=rtl] .app-content {
        margin-left: 0;
        margin-right: 230px;
        -webkit-transition: margin-right 0.3s ease;
        -o-transition: margin-right 0.3s ease;
        transition: margin-right 0.3s ease;
    }
    [dir=rtl] .sidebar-mini.sidenav-toggled .app-content {
        margin-left: 0;
        margin-right: 50px;
    }
    [dir=rtl] .sidebar-mini.sidenav-toggled .app-menu__label,
    [dir=rtl] .sidebar-mini.sidenav-toggled .treeview-menu {
        left: auto;
        right: 50px;
    }
    [dir=rtl] .sidebar-mini.sidenav-toggled .treeview .app-menu__label {
        border-top-left-radius: 4px;
        border-top-right-radius: 0;
        border-bottom-left-radius: 0;
    }
    [dir=rtl] .sidebar-mini.sidenav-toggled .treeview-menu {
        border-bottom-right-radius: 0;
        border-bottom-left-radius: 4px;
    }
    [dir=rtl] .sidebar-mini.sidenav-toggled .app-menu__label {
        border-top-right-radius: 0;
        border-bottom-right-radius: 0;
        border-top-left-radius: 4px;
        border-bottom-left-radius: 4px;
    }
}

@media (max-width: 768px) {
    [dir=rtl] .app.sidenav-toggled .app-sidebar {
        left: auto;
        right: 0;
    }
    [dir=rtl] .app .app-sidebar {
        left: auto;
        right: -230px;
    }
}

/*------------------------------------------------*/

.app-menu__item.active, .app-menu__item:hover, .app-menu__item:focus {
    border-right-color: #009688;

}


.main-footer {
    background-color:#E5E5E5;
    border-top:1px #d2d6de solid;
    font-size:10px;
    padding: 8px 15px 5px 15px;
    color: #444;
    -webkit-transition: -webkit-transform 0.3s ease-in-out, margin 0.3s ease-in-out;
    -moz-transition: -moz-transform 0.3s ease-in-out, margin 0.3s ease-in-out;
    -o-transition: -o-transform 0.3s ease-in-out, margin 0.3s ease-in-out;
    transition: transform 0.3s ease-in-out, margin 0.3s ease-in-out;
    margin-right: 230px;
    z-index: 820;
}

.sidenav-toggled .main-footer {
    margin-right: 0;
}

.app-content {
    min-height: calc(125vh - 70px);
    margin-top:40px
}

@media (min-width: 768px) {
    [dir=rtl] .app-header {
        padding: 0;
    }
    .sidebar-mini.sidenav-toggled .treeview:hover .app-menu__item {
        overflow: visible;
        background: #0d1214;
        border-right-color: #009688;
        color: #fff;
    }
    .sidebar-mini.sidenav-toggled  .app-menu__label {
        margin-right:-3px
    }
}

@media (max-width: 767px) {
    .main-footer {
        margin-right: 0;
    }
    .app-breadcrumb{
        display:none
    }
    .dt-buttons.btn-group{
        margin-top:8px
    }
}
@media (max-width: 575px) {
    .app-content {
        min-height: calc(100vh - 98px);
    }
}
.app-breadcrumb{
    padding:10px 30px;
    color:white
}
.app-header {
    height:40px;
    padding:0;
//z-index:1100;
}
.app-header-toggled{
    width:50px;
    overflow:hidden;
}

.app-header__logo {
    font-size: 16px;
    line-height:40px;
    text-align:right;
    padding:0
}

.app-sidebar__logo {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    margin-right: 15px;
    max-width:50px
}
[dir=rtl] .app-sidebar__logo {
    margin-left: 15px;
    margin-right: 0;
}

.app-sidebar__toggle{
    width:50px;
    text-align:center;
    padding:0 18px;
    line-height:40px;
    font-size:16px
}
.app-sidebar__toggle:before {
    font-size: 18px;
}
.app-nav__item{
    width:40px;
    padding:10px 0;
    text-align:center;
}

@media (min-width: 768px) {
    .sidebar-mini.sidenav-toggled .app-sidebar__logo {
        width: 30px;
        height: 30px;
    }
    .sidebar-mini.sidenav-toggled .app-sidebar__name {
        display: none;
    }
}
.app-sidebar__name {
    font-size: 14px;
    line-height: 1.6;
    white-space: nowrap;
    overflow: hidden;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    margin-bottom: 0;
    padding-top:12px
}


.treeview.is-expanded .treeview-indicator {
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg);
}
.treeviewSub.is-expanded .treeviewSub-indicator {
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg);
}

.app-sidebar::-webkit-scrollbar {
    width: 0;
}


.treeviewSub.is-expanded [data-toggle=treeviewSub] {
    border-left-color: #009688;
}
.treeviewSub.is-expanded .treeviewSub-menu {
    max-height: 100vh;
}

.treeview-menu a {
    padding-right:18px
}
.treeviewSub-menu i {
    marginn-left:10px
}


.treeviewSub-menu {
    max-height: 0;
    overflow: hidden;
    -webkit-transition: max-height 0.3s ease;
    -o-transition: max-height 0.3s ease;
    transition: max-height 0.3s ease;
    background: #2a383e;
    padding:0
}

.treeviewSub-item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 5px 5px 5px 20px;
    font-size: 0.9em;
    color: #fff;
}

.treeviewSub-item.active, .treeviewSub-item:hover, .treeviewSub-item:focus {
    background: #0d1214;
    background: #141d20;
    text-decoration: none;
    color: #0af8a3;
}

.treeview-item .icon {
    font-size:0.7rem
}
.treeview-item span {
    flex: 1;
}
.treeviewSub-item .icon {
    margin:0 25px 0 8px;
}

.treeviewSub-indicator {
    -webkit-transform-origin: center;
    -ms-transform-origin: center;
    transform-origin: center;
    -webkit-transition: -webkit-transform 0.3s ease;
    transition: -webkit-transform 0.3s ease;
    -o-transition: transform 0.3s ease;
    transition: transform 0.3s ease;
    transition: transform 0.3s ease, -webkit-transform 0.3s ease;
}

.treeview-item.active{
    background: #141d20;
    text-decoration: none;
    color: #0af8a3;
}

.app-menu__item {
    border-left: 0;
    border-right: 3px solid transparent;
    font-size:1.3rem;
}

.app-menu__item.active, .app-menu__item:hover, .app-menu__item:focus {
    border-right-color: #009688;

}

.breadcrumb-item + .breadcrumb-item {
    padding-left: 0rem;
}
.breadcrumb-item + .breadcrumb-item::before {
    padding-right: 0.25rem;
    padding-left: 0.25rem;
    content:"\276F";
    font-size:10px;
    color:white
}


.main-footer {
    background-color:#E5E5E5;
    border-top:1px #d2d6de solid;
    font-size:10px;
    padding: 8px 15px 5px 15px;
    color: #444;
    -webkit-transition: -webkit-transform 0.3s ease-in-out, margin 0.3s ease-in-out;
    -moz-transition: -moz-transform 0.3s ease-in-out, margin 0.3s ease-in-out;
    -o-transition: -o-transform 0.3s ease-in-out, margin 0.3s ease-in-out;
    transition: transform 0.3s ease-in-out, margin 0.3s ease-in-out;
    margin-right: 230px;
    z-index: 820;
}

.sidenav-toggled .main-footer {
    margin-right: 0;
}

@media (min-width: 768px) {
    [dir=rtl] .app-header {
        padding: 0;
    }
    .sidebar-mini.sidenav-toggled .treeview:hover .app-menu__item {
        overflow: visible;
        background: #0d1214;
        border-right-color: #009688;
        color: #fff;
    }
    .sidebar-mini.sidenav-toggled  .app-menu__label {
        margin-right:-3px
    }
}

@media (max-width: 767px) {
    .main-footer {
        margin-right: 0;
    }
    .app-breadcrumb{
        display:none
    }
    .dt-buttons.btn-group{
        margin-top:8px
    }
}
@media (max-width: 575px) {
    .app-content {
        min-height: calc(100vh - 98px);
    }
}
.app-breadcrumb{
    padding:10px 30px;
    color:white
}

#header-menus > li > a {
    color: #fff !important;
}

.panel{
    box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12), 0 3px 1px -2px rgba(0, 0, 0, 0.2) !important;
    margin-bottom: 10px !important;
    -webkit-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

/* == Custom Scrollbar: ===================(Start)== */
::-webkit-scrollbar-track{
    /*-webkit-box-shadow: inset 0 0 2px rgba(0,0,0,0.3);*/
    border: 1px solid #d5d5d5;
    border-radius: 0px;
    background-color: #F5F5F5;
}
::-webkit-scrollbar {
    width: 8px;
    height: 8px;
    background-color: #F5F5F5;
}
::-webkit-scrollbar-thumb {
    border-radius: 6px;
    /*-webkit-box-shadow: inset 0 0 2px rgba(0,0,0,.3);*/
    background-color: #17a2b8;
}
::-webkit-scrollbar-thumb:hover {
    -webkit-box-shadow: inset 0 0 5px rgba(0,0,0,.3);
}
::-webkit-scrollbar-thumb:active {
    background-color: #168d9b;
}


.tab-pane {
    padding-top: 10px;
}

/* Bootstrap 4 =====================================*/
.d-flex{
    display: flex
}
.flex-nowrap{
    flex-wrap: nowrap
}
.flex-grow-1{
    flex-grow: 1;
}
.flex-grow-0{
    flex-grow: 0;
}
@media (min-width: 576px){
    .flex-sm-row {
        -webkit-box-orient: horizontal !important;
        -webkit-box-direction: normal !important;
        -ms-flex-direction: row !important;
        flex-direction: row !important;
    }
    .d-sm-flex {
        display: -webkit-box !important;
        display: -ms-flexbox !important;
        display: flex !important;
    }
}

.pb-1, .py-1 {
    padding-bottom: 0.25rem !important;
}

/* == User Board: ===================(Start)== */
.user-board .user-name{
    padding:10px 0 10px 10px;
    color:white;
    white-space: nowrap
}
.user-board .user-image{
    padding:8px;
}
.user-board .user-image img{
    display: block;
    max-width:24px;
    max-height:24px;
    width: auto;
    height: auto;
    border-radius: 50%;
}
/* -- User Board ----------------------(End)-- */