.circulation-module-error{
    font-weight : bold;
    color : darkred; 
}

.nosa-circulation-module-settings{
    margin-top: 5px;
    margin-bottom: 5px;
}

i.nosa-circulation-module-icon{
    font-size: 3rem;
    color: white;
    position: relative;
    border-radius: 50%;
    padding: 0.5rem 0.6rem;
    box-shadow: 0 1px 3px rgba(0,0,0,0.12),
                0 1px 2px rgba(0,0,0,0.24);
    transition: color 0.2s ease,
                background-color 0.2s ease,
                transform 0.3s ease;
    background-color:#8897b9;
}

i.nosa-circulation-module-icon:after{
    width: 100%;
    height: 100%;
    border: solid 2px;
    transform: scale(0.8);
    position: absolute;
    top: -2px;
    left: -2px;
    border-radius: 50%;
    transition: all 0.3s ease;
    background-color:#8897b9;
}

i.nosa-circulation-module-icon:hover{
    color:#8897b9;
    background-color:transparent;
    transform: rotate(90deg);
    cursor: pointer;
    box-shadow: none;
}

i.nosa-circulation-module-icon:hover:after{
    transform: scale(1);
    box-shadow: 10px 0 20px rgba(0,0,0,0.19),
                6px 0 6px rgba(0,0,0,0.23);
}

.nosa-circulation-module-type-settings i{
    font-size: 3rem;
    color: white;
    position: relative;
    border-radius: 50%;
    padding: 0.5rem 0.6rem;
    background-color:#8897b9;

}

.UIDXItem {
    border-bottom: 1px solid;
    border-image-source: linear-gradient(315deg, #0094ff 0%, white 20%);
    border-image-slice: 1;
    padding-bottom: 5px;
    margin-bottom: 5px;
}

.nosa-module-ordered-settings {
    border-bottom: 1px solid;
    border-image-source: linear-gradient(315deg, #37719b 0%, white 20%);
    border-image-slice: 1;
    padding-bottom: 5px;
    margin-bottom: 5px;
}

.UIDXMasterItemDetail {
    margin-bottom: 5px;
}

.arrow-container{
    vertical-align: top;
}

.arrowed{
    width:96%;
}
 
.nosa-module-settings-indent {
    border-bottom: 3px solid;
    border-image-source: linear-gradient(315deg, #fabd00cf 0%, white 20%);
    border-image-slice: 1;
    padding-bottom: 10px;
}

.nose-circulation-module-rtl .nosa-module-settings-indent{
    padding-right:20px;
    border-right: 3px solid;
}

.nose-circulation-module-ltr .nosa-module-settings-indent{
    padding-left:20px;
    border-left: 3px solid;
}

.nosa-module-settings-title-col{
    width: 25%;
    min-width: 210px;
    display: inline-block;
}

.nosa-module-settings-setting-col{
    width: 70%;
    display:inline-block;
}


.nose-circulation-module-rtl .nosa-module-settings-setting-col{
    margin-right:10px;
}

.nose-circulation-module-ltr .nosa-module-settings-setting-col{
    margin-left:10px;
}

.nosa-module-settings-information {
    color: #37719b;
    font-weight:normal;
}

.nosa-module-button-container{
    text-align:center;
}

.nosa-module-inline-buttons{
    display: inline-block;
}

.nosa-module-inline-div{
    display: inline-block;
}

.nose-circulation-module-rtl .nosa-module-button-container>div{
    margin-left:10px;
}

.nose-circulation-module-ltr .nosa-module-button-container>div{
    margin-right:10px;
}

.nosa-module-settings-textbox{
    display: block;
    width: 100%;
    max-width: 300px;
}

.nosa-module-settings-inline-textbox{
    display: inline-block;
    width: 100%;
    max-width: 300px;
}

.nose-circulation-module-rtl .nosa-button-with-icon{
    padding-right: 10px;
}

.nose-circulation-module-ltr .nosa-button-with-icon{
    padding-left: 10px;
}
/*didnt change indent-LEFT-md to indent-md beacuse of other modules use of XSLT engine*/
.nose-circulation-module-rtl .indent-left-md{
    padding-right:20px;
}

.nose-circulation-module-ltr .indent-left-md{
    padding-left:20px;
}

/*
.nosa-module-parent-div{
    margin-bottom:5px;
}*/

.panel-background-success{
    background: #DFF0D8;
    color: #3C763D;
}

.panel-background-danger{
    background: #EBCCD1;
    color: #A94442;
}

.panel-background-primary{
    background: #337AB7;
    color: #FFF;
}

.panel-background-info{
    background: #BCE8F1;
    color: #31705F;
}

.panel-background-basic{
    background: #ddd;
    color: #333;
}

.panel-background-warning{
    background: #FAEBCC;
    color: #8A6D3B;
}

.nosa-no-display{
    display:none;
}

.nosa-search-module-new-search-button{
    min-width: 120px;
}

.nosa-search-module-add-to-my-library{
    display: none; 
    z-index: 999; 
    padding-right:20px; 
    padding-left:20px
}

.nosa-search-module-my-libarary-list{
    background-color: White; 
    padding: 5px; 
    margin-bottom: 20px; 
    border: solid 1px gray; 
    overflow: auto; 
    border-bottom: solid 1px gray;
}

.nose-circulation-module-rtl .nosa-search-module-my-libarary-list{
    text-align: left; 
}

.nose-circulation-module-ltr .nosa-search-module-my-libarary-list{
    text-align: right; 
}

.nosa-module-arrow-box{
    width:28px;
    height:28px;
}

.nosa-module-white-text{
    color:white;
}

.nosa_ssr_accordion {
    background-color: #e2eefb;
    color: #333;
    cursor: pointer;
    padding: 18px;
    width: 100%;
    border:none;
    outline:none;
    transition:0.5s;
    text-align:right;
    font-weight:bold;
    margin-bottom: 5px;
}

.nosa_ssr_accordion_active, .nosa_ssr_accordion:hover{
    background-color: #c3d9ef;
}

.nosa_ssr_accordion:after{
    content:'\002B';
    color:#777;
    font-weight:bold;
    float:right;
    margin-left:5px;
}

.nosa_ssr_accordion_active:after{
    content:'\2212';
}

.nosa_ssr_accordion_panel{
    padding:0 18px;
    max-height:0;
    overflow:hidden;
    transition:max-height 0.3s ease-out;
}

.nosa-flex-container{
    display:flex;
    flex-wrap:wrap;
}

.nosa-flex-container > div {
    width: 100%;
    margin-left:5px;
    margin-right:5px;
    min-width:700px;
}

input[type="checkbox"] + label {
    display:inline;
}

.nosa-half-width{
    width:50%;
}

.nosa-onethird-width{
    width:33%;
}

.nosa-float-left{
    float:left;
}

.nosa-float-right{
    float:right;
}

.nosa-relative-position{
    position:relative;
}

.position-relative{
    position: relative;
}

.clear-float:after{
    content:"";
    clear:both;
}

.nosa-flex-container{
    display:flex;
    flex-wrap:wrap;
}

.nosa-flex-container > div {
    width: 100%;
    margin-left:5px;
    margin-right:5px;
    min-width:700px;
}

.nosa-fields-settings-grid{
    display: grid;
    grid-template-areas: 'r1r r1l'
                         'r2r r2l'
                         'r3r r3l'
                         'r4r r4l'
                         'r5r r5l'
                         'r6r r6r';
    padding:5px;
}

.r1l{ grid-area: r1l; }
.r2l{ grid-area: r2l; }
.r3l{ grid-area: r3l; }
.r4l{ grid-area: r4l; }
.r5l{ grid-area: r5l; }

.r1r{ grid-area: r1r; }
.r2r{ grid-area: r2r; }
.r3r{ grid-area: r3r; }
.r4r{ grid-area: r4r; }
.r5r{ grid-area: r5r; }
.r6r{ grid-area: r6r; }

.nosa-simorgh-settings-fields-grid{
    display: grid;
    grid-template-areas: 'sr1r sr1l'
                         'sr2r sr2l'
                         'sr3r sr3l'
                         'sr4r sr4l'
                         'sr5r sr5l'
                         'sr6r sr6l'
                         'sr7r sr7l'
                         'sr8r sr8l';

    padding:5px;
}

.sr1l{ grid-area: sr1l; }
.sr2l{ grid-area: sr2l; }
.sr3l{ grid-area: sr3l; }
.sr4l{ grid-area: sr4l; }
.sr5l{ grid-area: sr5l; }
.sr6l{ grid-area: sr6l; }
.sr7l{ grid-area: sr7l; }
.sr8l{ grid-area: sr8l; }

.sr1r{ grid-area: sr1r; }
.sr2r{ grid-area: sr2r; }
.sr3r{ grid-area: sr3r; }
.sr4r{ grid-area: sr4r; }
.sr5r{ grid-area: sr5r; }
.sr6r{ grid-area: sr6r; }
.sr7r{ grid-area: sr7r; }
.sr8r{ grid-area: sr8r; }

.nosa-disabled-text{
    color: #ccc;
}