﻿html, body{
  margin:0;
  padding:0;
  height:100%;
}

@font-face {
    font-family: 'B Koodak';
    src: url(/WebStatic/CssFiles/BKoodkBd.ttf);
}
:fullscreen
:-ms-fullscreen,
:-webkit-full-screen,
:-moz-full-screen {
   overflow: auto !important;
}
:fullscreen {
	background-color: #ffffff;
}

:fullscreen::backdrop {
	background-color: #ffffff;
}

:-webkit-full-screen {
	position: fixed;
	top: 0;
    right:0;
	background: none;
}
 :-ms-fullscreen {
  width: auto;
  height: auto;
	background-color: #ffffff;
}
 :-ms-fullscreen::-ms-backdrop {
	background-color: #ffffff; 
}


::-webkit-scrollbar {
    width: 12px;
}
 
::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.5); 
    border-radius: 10px;
}
 
::-webkit-scrollbar-thumb {
    border-radius: 10px;
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.7); 
}
body {
	background-color: #fff; 
    scrollbar-face-color: #e3ecf6; 
 scrollbar-track-color: white; 
 scrollbar-arrow-color: #e3ecf6; 
 scrollbar-3dlight-color: #e3ecf6; 
 scrollbar-shadow-color: #e3ecf6; 
 scrollbar-highlight-color: #e3ecf6; 
 scrollbar-darkshadow-color: #e3ecf6;
    scrollbar-base-color:#fff;
}
a
{
    border-width: 0px;
    border-style: none;
    text-decoration: none;
}
.h0
{
    font-family:'B Koodak';
    font-size: 12px;
}
.h1, .tbx, .tbxDate, .dataGridStyle, .btnStyle, .messagebox, .windowMainPagePanelStyleChatList, .treNodeSelectedStyle, .filterGrid, .lblbt, .lbt, .imgbt, .menuStyle, .Datelblbt, .windowMainPageChatPanelStyle, .dataListStyle, .dataListStyleSelected, .dataListStyleDetailsWindowFix, .dataListStyleDetailsWindow, #SideLinkbar .children, .windowMainPagePanelStyle, .windowMainPagePanelStyleLink, .tbxSearch {
    font-family: 'B Koodak';
    font-size: 13px;
}

.tbxSearch {
border-color:#d1dfef;
border-width:0.1px;
border-style:ridge; 
}
.h2,.treNodeStyle,.lbl,#SideLinkbar .title,.headerGrid
{   
     font-family:'B Koodak';
    font-size: 16px;
}

.h3
{
    font-family:'B Koodak';
    font-size: 18px;
}
.h4
{
    font-family:'B Koodak';
    font-size: 22px;
}
.btn
{
color:#000080;
}
.btn:hover
{
    cursor:pointer;
    color:#0094ff;
}


.btnFormLink {
    -moz-box-shadow: 0 0 0 0 #fff,0pt 0pt 1pt 0pt #fff inset;
    -webkit-box-shadow: 0 0 0 0 #fff,0pt 0pt 1pt 0pt #fff inset;
    box-shadow: 0 0 0 0 #fff,0pt 0pt 1pt 0pt #fff inset;
    margin: 5px;
    border-radius: 3px;
    color: #000080;
}

    .btnFormLink:hover {
        cursor: pointer;
        color: #0094ff;
        background: #fff;
    }

.imgbtn0
{
    width:15px;
    height:15px;
    vertical-align:middle;
}
    .imgbtn0:hover {
        border-radius: 3px;
        background-color: #82b2dd;
    }

.imgbtn1 {
        width: 20px;
        height: 20px;
        vertical-align: middle;
    }

.imgbtn2
{
    width:30px;
    height:30px;
    vertical-align:middle;
}

.imgbtn3
{
    width:40px;
    height:40px;
    vertical-align:middle;
}
.imgbtn4
{
    width:50px;
    height:50px;
    vertical-align:middle;
}
.vcenter
{
 vertical-align:central;
}

.taligncenter
{
 text-align:center;
}
.talignleft
{
 text-align:left;
}
.fleft
{
 float:left;
}

.fright
{
 float:right;
}


.tbx
{
border-color:#C0C0C0;
border-width:0.1px;
border-style:ridge;
}
.tbx:focus
{
    background-color:#dafc7f;
}
.tbxListHasVal
{
    background-image: url('/WebStatic/Images/Default/tik.png');
    background-repeat:no-repeat;
    background-position-x:left;
    background-position-y:center;
}
.tbxDate 
{
    width:75px;
    border-color:#C0C0C0;
border-width:0.1px;
border-style:ridge;
}
.RequierdField
{
   background-color:#fffd8f;
}
.btnStyle {
    color: #000080;
    background: #82b2dd;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 2px;
    -moz-box-shadow: 0 0 5px 2px #000080,0pt 10pt 7px 0pt #e3ecf6 inset;
    -webkit-box-shadow: 0 0 5px 2px #000080,0pt 10pt 7px 0pt #e3ecf6 inset;
    box-shadow: 0 0 5px 2px #000080,0pt 10pt 7px 0pt #e3ecf6 inset;
    width: 150px;
    padding-left: 35px;
    margin-left: 15px;
    border-style: ridge;
    border-width: 0px;
    border-color: #003399;
    font-size: 14px;
}
    .btnStyle img {
        padding-left: 10px;
    }
    .btnStyle:hover, .btnStyle:focus {
        cursor: pointer;
        color: #0026ff;
        background: #e3ecf6;
        border-bottom-color: #B8CCE3;
    }


.btnStyle2 {
    color: Black;
    background: #34d134;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 2px;
    -moz-box-shadow: 0 0 5px 2px #34d134,0pt 10pt 7px 0pt #dafc7f inset;
    -webkit-box-shadow: 0 0 5px 2px #34d134,0pt 10pt 7px 0pt #dafc7f inset;
    box-shadow: 0 0 5px 2px #34d134,0pt 10pt 7px 0pt #dafc7f inset;
    width: 150px;
    padding-left: 35px;
    margin-left: 15px;
    border-style: ridge;
    border-width: 0px;
    border-color: Black;
    font-size: 14px;
}

    .btnStyle2 img {
        padding-left: 10px;
    }

    .btnStyle2:hover, .btnStyle2:focus {
        cursor: pointer;
        color: #0026ff;
        background: #FFFFD2;
        border-bottom-color: #B8CCE3;
    }
.btnStyle3 {
    color: #000080;
    background: #ffffff;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 2px;
    -moz-box-shadow: 0 0 5px 2px #B8CCE3,0pt 10pt 7px 0pt #ffffff inset;
    -webkit-box-shadow: 0 0 5px 2px #B8CCE3,0pt 10pt 7px 0pt #ffffff inset;
    box-shadow: 0 0 5px 2px #B8CCE3,0pt 10pt 7px 0pt #ffffff inset;
    width: 150px;
    padding-left: 35px;
    margin-left: 15px;
    border-style: ridge;
    border-width: 0px;
    border-color: Black;
    font-size: 14px;
}

    .btnStyle3 img {
        padding-left: 10px;
    }

    .btnStyle3:hover, .btnStyle3:focus {
        cursor: pointer;
        color: #0026ff;
        background: #B8CCE3;
        border-bottom-color: #B8CCE3;
    }



.linkbar
{
    border-width: 2px;
    border-color: #d1dfef;
    border-radius: 7px;
    margin-top: 7px;
    color: #36526C;
    font-family:'B Bardiya';
    font-weight: bold;
}

    .linkbar:hover {
        color: #0094ff;
        cursor: pointer;
    }

/*****************************Grid****************************/
.dataGridStyle
{
    text-decoration:none;
    color:Black;
    border-collapse:collapse;
}
.dataGridStyle #tblDataGrid
{
    border-collapse:collapse;
    background-image: url('/WebStatic/Images/Base/bgGrid.jpg');
    background-size:100% 100%;
}
.dataGridStyle td {
    border-left-style:dashed;
    border-bottom-style:dashed;
    border-color:#bdbdbd;
    border-width:1px;
}
.dataGridPaging {
    background-image: url('/WebStatic/Images/Default/header_bg.jpg');
    width: 100%;
    min-width:7000px;
}
.headerGrid {
    background-color: #C0C0C0;
    font-weight: bold;
    background-image: url('/WebStatic/Images/Default/header_bg.jpg');
    background-repeat: repeat;
    overflow: hidden;
    position: -webkit-sticky;
    position: sticky;
    top: 20px;
    height: 20px;
    z-index: 1;
    white-space: pre;
}
    .headerGrid td {
        position: sticky;
        white-space: pre;
        width: 100%;
        vertical-align:bottom;
    }
        .headerGrid td textarea {
            resize: horizontal;
            width: 100%;
            height: 20px;
            color: gray;
            overflow: hidden;

            box-sizing: border-box;
            margin-top: -50px;
            margin-bottom: -10px;
            padding-right: 10px;
        }

        .headerGrid td input {
            width: 100%;
            color: gray;
        }

        .headerGrid td select {
            width: 100%;
            color: gray;
        }
    .headerGrid div {
        background-image: url('/WebStatic/Images/Default/header_bg.jpg');
        background-repeat: repeat-x;
        padding-top: 0px;
        text-align: center;
        font-family: 'B Nazanin';
        padding-bottom: 0px;
        overflow: hidden;
        width: 100%;
    }
    .headerGrid td div input {

    }
    .headerGrid td div select {
    }

.RowStyle {
    background-color: rgba(255, 255, 255, 0.85);
    min-height: 25px;
}
.RowStyle:hover
{
    background-color: #f7f4b3;
    cursor: pointer;
}

.RowStyle.hovered
{
    background-color: #FFE082;
    cursor: pointer;
    min-height:25px;
}
.RowStyle2
{
    background-color: rgba(230, 230, 230, 0.85);
    min-height:25px;
}
.RowStyle2:hover
{
    background-color: #f7f4b3;
    cursor: pointer;
}
.RowStyle2.hovered
{
    background-color: #FFE082;
    cursor: pointer;
    min-height:25px;
}


.RowSelectedStyle
{
    background-color: #82b2dd;
    min-height:25px;

}
.RowSelectedStyle td
{
        border-left-style:dashed;
    border-color:#fff;
    border-width:1px;
}
.RowSelectedStyle:hover
{
    background-color: #82b2dd;
}


 
/*****************************Windows****************************/

.messagebox
{

color: #000066; 
width:350px;  
position: fixed; 
z-index: 7000; 
top:0px; 
left:0px; 
padding-top: 5px; 
padding-right: 10px;

background:#FFFFD2;
-moz-border-radius :4px;
-webkit-border-radius:4px;
border-radius:4px;
-moz-box-shadow:0 0 10px 1px #CC9900,0pt 5pt 15pt 0pt #FFE082 inset;
-webkit-box-shadow:0 0 10px 1px #CC9900,0pt 5pt 15pt 0pt #FFE082 inset;
box-shadow:0 0 10px 1px #CC9900,0pt 5pt 15pt 0pt #FFE082 inset;

}
.messageSuccess {
    color: #034d00;
    background: #e5ffe3;
    -moz-box-shadow: 0 0 10px 1px #2ecc00,0pt 5pt 15pt 0pt #d5ffd2 inset;
    -webkit-box-shadow: 0 0 10px 1px #2ecc00,0pt 5pt 15pt 0pt #d5ffd2 inset;
    box-shadow: 0 0 10px 1px #2ecc00,0pt 5pt 15pt 0pt #d5ffd2 inset;
}
.messageError {
    color: #530000;
    background: #ffe5e5;
    -moz-box-shadow: 0 0 10px 1px #cc1300,0pt 5pt 15pt 0pt #ffd9d2 inset;
    -webkit-box-shadow: 0 0 10px 1px #cc1300,0pt 5pt 15pt 0pt #ffd9d2 inset;
    box-shadow: 0 0 10px 1px #cc1300,0pt 5pt 15pt 0pt #ffd9d2 inset;
}

.windowListLinkbarMainPageStyle
{
background: #36526C;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px;
-moz-box-shadow:0 0 10px 1px #000,0pt 5pt 15pt 0pt #B8CCE3 inset;
-webkit-box-shadow:0 0 10px 1px #000,0pt 5pt 15pt 0pt #B8CCE3  inset;
box-shadow:0 0 10px 1px #000,0pt 5pt 15pt 0pt #B8CCE3  inset;
right:75px;
position:absolute; 
z-index:10000; 
width:425px;
 text-align:right;
}

.windowListLinkbarMainPageStyleItems
{
    border: 1px ridge #C0C0C0;
    background: #D0D1D7;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    width:200px;
    float:right;
    margin:1px;
}
.windowListLinkbarMainPageStyleItems:hover
{
    background-color:#B8CCE3;
}

.windowListBox {
    background: #fff;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    -moz-box-shadow: 0 0 10px 7px Black,0pt 7pt 15pt 0pt #C0C0C0 inset;
    -webkit-box-shadow: 0 0 10px 7px Black,0pt 7pt 15pt 0pt #C0C0C0 inset;
    box-shadow: 0 0 10px 7px Black,0pt 7pt 15pt 0pt #C0C0C0 inset;
    position: absolute;
    width: 100%;
    height: 300px;
    overflow: auto;
    z-index: 10000;
    right: 0px;

}

.windowMainPagePanelStyle {
    margin: 7px;
    border: 1px solid #C0C0C0;
    -moz-box-shadow: 0 0 10px 5px #36526C,0pt 3pt 15pt 0pt #B8CCE3 inset;
    -webkit-box-shadow: 0 0 10px 5px #36526C,0pt 3pt 15pt 0pt #B8CCE3 inset;
    box-shadow: 0 0 10px 5px #36526C,0pt 3pt 15pt 0pt #B8CCE3 inset;
}

.windowMainPagePanelStyleLink {
    border-radius: 5px;
    border: 1px solid #C0C0C0;
    background: rgba(255, 255, 255, 0.70);
    padding: 2px;
    margin: 2px;

}

.windowMainPagePanelStyleLink:hover {
    background: rgba(255, 255, 255, 0.90);
}
.windowMainPagePanelStyleChatList
{
    border: 1px solid #C0C0C0;
    padding: 3px;
    margin: 3px;
    background-color:#657e94;
}
/*****************************Tree****************************/
.treNodeSelectedStyle
{
   
    color: #800000;
}
.treNodeStyle
{   
    color:#3366CC;
}
.treNodeStyle:hover
{
    color:#009933;
    cursor: pointer;
}


.winloginJs
{
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    -moz-box-shadow: 0 0 5px 0 #fff,0pt 0pt 5pt 0pt #808080 inset;
    -webkit-box-shadow: 0 0 5px 0 #fff,0pt 0pt 5pt 0pt #808080 inset;
    box-shadow: 0 0 5px 0 #fff,0pt 0pt 5pt 0pt #808080 inset;
    position: absolute;
    z-index: 1000;
    width: 300px;
    top: 100px;
    padding-top: 25px;
    padding-right: 25px;
    padding-bottom: 50px;
    background-image: url('/WebSite/images/NikanSystemLogo.png');
    background-repeat: no-repeat;
    background-position: left bottom;
    background-color: #36526C;
    color: #FFFFFF;
}













.lblbt
{
    color: #000080;
    background:#E8E8EC;
    -moz-border-radius :3px;
    -webkit-border-radius:3px;
    border-radius:3px;
    -moz-box-shadow:0 0 10px 1px #808080,0pt 5pt 5pt 0pt #fff inset;
    -webkit-box-shadow:0 0 10px 1px #808080,0pt 5pt 5pt 0pt #fff inset;
    box-shadow:0 0 10px 1px #808080,0pt 5pt 5pt 0pt #fff inset;
    padding-left:50px;

}
.lblbt:hover
{
    cursor:pointer;
    color: #003399;
    background:#B8CCE3;
}
.lbt
{
    color: #000080;
    background:#E8E8EC;
    -moz-border-radius :3px;
    -webkit-border-radius:3px;
    border-radius:3px;
    -moz-box-shadow:0 0 10px 1px #808080,0pt 5pt 5pt 0pt #fff inset;
    -webkit-box-shadow:0 0 10px 1px #808080,0pt 5pt 5pt 0pt #fff inset;
    box-shadow:0 0 10px 1px #808080,0pt 5pt 5pt 0pt #fff inset;
    padding-left:50px;
    padding-right:50px;
}
.lbt:hover
{
    cursor:pointer;
    color: #003399;
}
.imgbt
{
    color: #000080;
}
.imgbt:hover
{
    cursor:pointer;
    color: #003399;
}
.imbt
{

}
.imbt:hover
{
    cursor:pointer;
}
.pagingStyle
{
    font-family: 'Times New Roman' , Times, serif;
    font-weight: bold;
    color: #003300;
    padding-left: 20px;
    padding-right: 20px;
}
.pagingStyle:hover
{
    background-color: #B3B38C;
    cursor: pointer;
}
.popupWindow
{
background:#F6F6F6;
-moz-border-radius :3px;
-webkit-border-radius:3px;
border-radius:3px;
-moz-box-shadow:   0 0 10px 3px #000,0pt 7pt 15pt 0pt rgba(7,144,255,0.5) inset;
-webkit-box-shadow:0 0 10px 3px #000,0pt 7pt 15pt 0pt rgba(7,144,255,0.5) inset;
box-shadow:        0 0 10px 3px #000,0pt 7pt 15pt 0pt rgba(7,144,255,0.5) inset;
min-width:450pt;

}
.popupWindow2 {
    background: #fff;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    -moz-box-shadow: 0 0 10px 3px #000,0pt 5pt 15pt 0pt #808080 inset;
    -webkit-box-shadow: 0 0 10px 3px #000,0pt 5pt 15pt 0pt #808080 inset;
    box-shadow: 0 0 10px 3px #000,0pt 5pt 15pt 0pt #808080 inset;
    min-width: 450pt;
}

.popupWindow3 {
    background: #fff;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    -moz-box-shadow: 0 0 10px 3px #000,0pt 5pt 15pt 0pt #CC9900 inset;
    -webkit-box-shadow: 0 0 10px 3px #000,0pt 5pt 15pt 0pt #CC9900 inset;
    box-shadow: 0 0 10px 3px #000,0pt 5pt 15pt 0pt #CC9900 inset;
    min-width: 450pt;
}
.windowStyle {
    background: aliceblue;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    -moz-box-shadow: 0 0 10px 1px #000,0pt 5pt 15pt 0pt #B8CCE3 inset;
    -webkit-box-shadow: 0 0 10px 1px #000,0pt 5pt 15pt 0pt #B8CCE3 inset;
    box-shadow: 0 0 10px 1px #000,0pt 5pt 15pt 0pt #B8CCE3 inset;
}

.windowStyle2 {
    background: #fff;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    -moz-box-shadow: 0 0 10px 1px #000,0pt 5pt 5pt 0pt #808080 inset;
    -webkit-box-shadow: 0 0 10px 1px #000,0pt 5pt 5pt 0pt #808080 inset;
    box-shadow: 0 0 10px 1px #000,0pt 5pt 5pt 0pt #808080 inset;
}
.windowStyle3
{
background:#fff;
-moz-border-radius :4px;
-webkit-border-radius:4px;
border-radius:4px;
-moz-box-shadow:0 0 5px 0 #fff,0pt 0pt 5pt 0pt #36526C inset;
-webkit-box-shadow:0 0 5px 0 #fff,0pt 0pt 5pt 0pt #36526C inset;
box-shadow:0 0 5px 0 #fff,0pt 0pt 5pt 0pt #36526C inset;
    
        padding: 3px;
    margin: 1px;
}
.windowStyle4
{
background-color:#d3d4d5;
-moz-border-radius :4px;
-webkit-border-radius:4px;
border-radius:4px;
-moz-box-shadow:0 0 5px 0 #fff,0pt 0pt 5pt 0pt #36526C inset;
-webkit-box-shadow:0 0 5px 0 #fff,0pt 0pt 5pt 0pt #36526C inset;
box-shadow:0 0 5px 0 #fff,0pt 0pt 5pt 0pt #36526C inset;
padding: 3px;
margin: 1px;
}
.windowStyle5 {
    background-color: #82b2dd;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    -moz-box-shadow: 0 0 5px 0 #fff,0pt 0pt 5pt 0pt #36526C inset;
    -webkit-box-shadow: 0 0 5px 0 #fff,0pt 0pt 5pt 0pt #36526C inset;
    box-shadow: 0 0 5px 0 #fff,0pt 0pt 5pt 0pt #36526C inset;
    padding: 3px;
    margin: 1px;
}
.windowChatMessageWindowStyle
{
background:#fff;
-moz-border-radius :4px;
-webkit-border-radius:4px;
border-radius:4px;
-moz-box-shadow:0 0 10px 1px #CC9900,0pt 5pt 15pt 0pt #FFE082 inset;
-webkit-box-shadow:0 0 10px 1px #CC9900,0pt 5pt 15pt 0pt #FFE082 inset;
box-shadow:0 0 10px 1px #CC9900,0pt 5pt 15pt 0pt #FFE082 inset;
min-width:450pt;
}
.windowChatMessageSendStyle
{
background:#fff;
-moz-border-radius :4px;
-webkit-border-radius:4px;
border-radius:4px;
-moz-box-shadow:0 0 10px 1px #CC9900,0pt 5pt 15pt 0pt #FFE082 inset;
-webkit-box-shadow:0 0 10px 1px #CC9900,0pt 5pt 15pt 0pt #FFE082 inset;
box-shadow:0 0 10px 1px #CC9900,0pt 5pt 15pt 0pt #FFE082 inset;
padding-bottom:5px;
}
.windowChatMessageGetStyle
{
background:#F6F6F6;
-moz-border-radius :4px;
-webkit-border-radius:4px;
border-radius:4px;
-moz-box-shadow:0 0 10px 1px #000,0pt 5pt 15pt 0pt rgba(7,144,255,0.5) inset;
-webkit-box-shadow:0 0 10px 1px #000,0pt 5pt 15pt 0pt rgba(7,144,255,0.5) inset;
box-shadow:0 0 10px 1px #000,0pt 5pt 15pt 0pt rgba(7,144,255,0.5) inset;
padding-bottom:5px;
}
.windowNewslatterWindowStyle
{
    background: #fff;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    -moz-box-shadow: 0 0 10px 1px #000,0pt 5pt 15pt 0pt #808080 inset;
    -webkit-box-shadow: 0 0 10px 1px #000,0pt 5pt 15pt 0pt #808080 inset;
    box-shadow: 0 0 10px 1px #000,0pt 5pt 15pt 0pt #808080 inset;
    min-width: 450pt;
}
.windowMainPagePanelStyleNews
{
background:#B8CCE3;
-moz-border-radius :4px;
-webkit-border-radius:4px;
border-radius:4px;
-moz-box-shadow:0 0 5px 0 #fff,0pt 0pt 5pt 0pt #36526C inset;
-webkit-box-shadow:0 0 5px 0 #fff,0pt 0pt 5pt 0pt #36526C inset;
box-shadow:0 0 5px 0 #fff,0pt 0pt 5pt 0pt #36526C inset;
}

.windowListMenuStyleRight
{
-moz-border-radius :4px;
-webkit-border-radius:4px;
border-radius:4px;
-moz-box-shadow:0 0 5px 0 #fff,0pt 0pt 5pt 0pt #36526C inset;
-webkit-box-shadow:0 0 5px 0 #fff,0pt 0pt 5pt 0pt #36526C inset;
box-shadow:0 0 5px 0 #fff,0pt 0pt 5pt 0pt #36526C inset;
color:#fff;
background-color: rgba(0, 0, 0, 0.7);
}

.windowListMenuStylebottom {
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    -moz-box-shadow:    0 0 5px 0 #fff,0pt 0pt 5pt 0pt #36526C inset;
    -webkit-box-shadow: 0 0 5px 0 #fff,0pt 0pt 5pt 0pt #36526C inset;
    box-shadow:         0 0 5px 0 #fff,0pt 0pt 5pt 0pt #36526C inset;
    color: #fff;
    background-color: rgba(0, 0, 0, 0.7);
}
.windowListMenuStyleLeft {
    /*-moz-border-radius :4px;
-webkit-border-radius:4px;
border-radius:4px;
-moz-box-shadow:0 0 5px 0 #fff,0pt 0pt 10pt 0pt #36526C inset;
-webkit-box-shadow:0 0 5px 0 #fff,0pt 0pt 10pt 0pt #36526C inset;
box-shadow:0 0 5px 0 #fff,0pt 0pt 10pt 0pt #36526C inset;
background-color: rgba(0, 0, 0, 0.3);*/
    position: relative;
    margin: 0 auto;
    -moz-box-shadow: 0 0px 30px rgba(28, 38, 60, 0.75);
    -webkit-box-shadow: 0 0px 30px rgba(28, 38, 60, 0.75);
    box-shadow: 0 0px 30px rgba(28, 38, 60, 0.75);
    background: #657e94;
    /*background-image: url(/WebSite/images/NikanSystemLogo.png);
    background-repeat: no-repeat;
    background-position: bottom;
    background-size: 40%;*/
}
.windowImageStyle
{
    border: 1px solid #C0C0C0;
    background: #fff;
    padding: 5px;
    margin: 5px;
}

.windowImageSelectedStyle
{
    border: 1px solid #C0C0C0;
    background: #CC9900;
    padding: 5px;
    margin: 5px;
}

.windowImageStyle2
{
background:#fff;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px;
-moz-box-shadow:0 0 10px 1px #000,0pt 5pt 15pt 0pt #808080 inset;
-webkit-box-shadow:0 0 10px 1px #000,0pt 5pt 15pt 0pt #808080  inset;
box-shadow:0 0 10px 1px #000,0pt 5pt 15pt 0pt #808080  inset;
padding:5px; margin:5px;
}
.windowImageSelectedStyle2
{
background:#FFFFD2;
-moz-border-radius :4px;
-webkit-border-radius:4px;
border-radius:4px;
-moz-box-shadow:0 0 10px 1px #CC9900,0pt 5pt 15pt 0pt #FFE082 inset;
-webkit-box-shadow:0 0 10px 1px #CC9900,0pt 5pt 15pt 0pt #FFE082 inset;
box-shadow:0 0 10px 1px #CC9900,0pt 5pt 15pt 0pt #FFE082 inset;
padding:5px; margin:5px;
}
.menuStyle
{
background:rgba(255, 255, 255, 0.75);
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px;
-moz-box-shadow:0 0 10px 1px #E8E8EC,0pt 5pt 15pt 0pt #D0D1D7 inset;
-webkit-box-shadow:0 0 10px 1px #E8E8EC,0pt 5pt 15pt 0pt #D0D1D7  inset;
box-shadow:0 0 10px 1px #E8E8EC,0pt 5pt 15pt 0pt #D0D1D7  inset;
color:#003399;
margin-top:5px;
}
    .menuStyle:hover
    {
        cursor:pointer;
        color:#3366CC;
    }


.ctlListBox {
    padding: 3px 0px 3px 5px;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    border-radius: 2px;
    -moz-box-shadow: 0 0 1px 1px #36526C,0pt 5pt 15pt 0pt #C0C0C0 inset;
    -webkit-box-shadow: 0 0 1px 1px #36526C,0pt 5pt 15pt 0pt #C0C0C0 inset;
    box-shadow: 0 0 1px 1px #36526C,0pt 5pt 15pt 0pt #C0C0C0 inset;
}
    
    .DateWinStyle {
        background: #FFFFD2;
        -moz-border-radius: 4px;
        -webkit-border-radius: 4px;
        border-radius: 4px;
        -moz-box-shadow: 0 0 10px 1px #CC9900,0pt 5pt 15pt 0pt #FFE082 inset;
        -webkit-box-shadow: 0 0 10px 1px #CC9900,0pt 5pt 15pt 0pt #FFE082 inset;
        box-shadow: 0 0 10px 1px #CC9900,0pt 5pt 15pt 0pt #FFE082 inset;
    }

.Datelblbt
{
    color: #000080;
    text-align:center;
}
.Datelblbt:hover
{
    cursor: pointer;
    color: #00CC00;
    background-color: #EFEFF2;
}


.windowMainPageChatPanelStyle
{
background:#F6F6F6;
-moz-box-shadow:0 0 10px 1px #000,0pt 0pt 15pt 0pt #D0D1D7 inset;
-webkit-box-shadow:0 0 10px 1px #000,0pt 0pt 15pt 0pt #D0D1D7  inset;
box-shadow:0 0 10px 1px #000,0pt 0pt 15pt 0pt #D0D1D7  inset;
padding:5px;
margin:5px;
}
.windowMainPageIconStyle
{
background:#F6F6F6;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px;
-moz-box-shadow:0 0 10px 1px #000,0pt 5pt 15pt 0pt #B8CCE3 inset;
-webkit-box-shadow:0 0 10px 1px #000,0pt 5pt 15pt 0pt #B8CCE3  inset;
box-shadow:0 0 10px 1px #000,0pt 5pt 15pt 0pt #B8CCE3  inset;
padding:5px;
margin:5px;
}

.menuListStyle
{
    border: 1px ridge #E8E8EC;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    background-color: rgba(255, 255, 255, 0.7);

}

.menuListStyle:hover
{
background:#d1dfef;
    cursor:pointer;
}
.menuListStyleSelected
{
    border: 1px ridge #C0C0C0;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    background-color:rgba(94, 136, 174, 0.9);
}



.dataListStyle {
    background-color:white;
    border: 1px ridge #E8E8EC;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    border-radius: 3px;
    -moz-box-shadow: 0 0 5px 0 #fff,0pt 0pt 5pt 0pt #36526C inset;
    -webkit-box-shadow: 0 0 5px 0 #fff,0pt 0pt 5pt 0pt #36526C inset;
    box-shadow: 0 0 5px 0 #fff,0pt 0pt 5pt 0pt #36526C inset;
}

    .dataListStyle:hover {
        -moz-box-shadow: 0 0 5px 0 #fff,0pt 0pt 5pt 0pt #CC9900 inset;
        -webkit-box-shadow: 0 0 5px 0 #fff,0pt 0pt 5pt 0pt #CC9900 inset;
        box-shadow: 0 0 5px 0 #fff,0pt 0pt 5pt 0pt #CC9900 inset; 
        cursor: pointer;
    }
.dataListStyleSelected
{
background:#5e88ae;
    border: 1px ridge #C0C0C0;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
}


.dataListStyleDetailsWindowFix
{
    border: 1px ridge #C0C0C0;
    background: #fff;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    -moz-box-shadow:0 0 5px 0 #fff,0pt 0pt 5pt 0pt #36526C inset;
-webkit-box-shadow:0 0 5px 0 #fff,0pt 0pt 5pt 0pt #36526C inset;
box-shadow:0 0 5px 0 #fff,0pt 0pt 5pt 0pt #36526C inset;
    padding:3px;
    width:100%;
}

.dataListStyleDetailsWindow
{
    border: 1px ridge #C0C0C0;
    background: #fff;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    position:absolute;
    z-index:1000;
    padding:3px;
}

/*****************************Windows****************************/

.FormLinkbar {
    background: #e3ecf6;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    -moz-box-shadow: 0 0 5px 0 #fff,0pt 0pt 5pt 0pt #36526C inset;
    -webkit-box-shadow: 0 0 5px 0 #fff,0pt 0pt 5pt 0pt #36526C inset;
    box-shadow: 0 0 5px 0 #fff,0pt 0pt 5pt 0pt #36526C inset;
    text-align: center;
    min-width: 70px;
    height: 75%;
    z-index:2;
}
/*#SideLinkbar {
    position: fixed;
    margin: 0px;
    padding: 0px;
    right: 0px;
    list-style: none;
    z-index:9999;
    height:100%;
    -moz-border-radius :3px;
    -webkit-border-radius:3px;
    border-radius:3px;
-moz-box-shadow:0 0 10px 1px #000,0pt 5pt 15pt 0pt #B8CCE3 inset;
-webkit-box-shadow:0 0 10px 1px #000,0pt 5pt 15pt 0pt #B8CCE3  inset;
box-shadow:0 0 10px 1px #000,0pt 5pt 15pt 0pt #B8CCE3  inset;
    background-color:#F6F6F6;
}
#SideLinkbar:hover
{
    cursor:pointer;
}
#SideLinkbar li {
    background-size:75% 75%;
    background-repeat:no-repeat;
    background-position:top right;  
    display: block;
    margin-left: -2px;
    width: 50px;
    height: 50px;    
}
#SideLinkbar .parent{
    width: 500px;
}
#SideLinkbar .children{
    float:right;
    width: 150px;
    height: 50px;  
    display: block;
    font-family:'B Koodak';
    font-size: 16px;
    vertical-align: middle;
    text-align: center;

background: #F6F6F6;
-moz-box-shadow:0 0 10px 1px #000,0pt 5pt 15pt 0pt #B8CCE3 inset;
-webkit-box-shadow:0 0 10px 1px #000,0pt 5pt 15pt 0pt #B8CCE3  inset;
box-shadow:0 0 10px 1px #000,0pt 5pt 15pt 0pt #B8CCE3  inset;
border-right-style:none;
}

#SideLinkbar li .children:hover {
    background-color:#e0e0e0;
}*/
#SideLinkbar {
    position: fixed;
    margin: 0px;
    padding: 0px;
    right: 0px;
    list-style: none;
    z-index:9999;
    background-color:#CFCFCF;
    height:100%;
}
#SideLinkbar:hover
{
    cursor:pointer;
}
#SideLinkbar li {
    background-color:#CFCFCF;
    background-size:75% 75%;
    background-repeat:no-repeat;
    background-position:center right;  
    display: block;
    margin-left: -2px;
    width: 50px;
    height: 50px;    
    border:1px solid #AFAFAF;
    -moz-border-radius:0px 10px 10px 0px;
    -webkit-border-bottom-left-radius: 3px;
    -webkit-border-top-left-radius: 3px;
    -khtml-border-bottom-left-radius: 3px;
    -khtml-border-top-left-radius: 3px;

    -moz-border-top-left-radius :3px;
    -webkit-border-top-left-radius:3px;
    border-top-left-radius:3px;
    filter:progid:DXImageTransform.Microsoft.Alpha(opacity=60);

}
#SideLinkbar .parent{
    width: 500px;
}
#SideLinkbar .children{
    float:right;
    width: 100px;
    height: 50px;  
    display: block;
    border:1px solid #AFAFAF;
    vertical-align: middle;
    text-align: center;
    background-color:#CFCFCF;
}

#SideLinkbar li .children:hover {
    background-color:#e0e0e0;
}





#SideLinkbar .title{
    float:right;
    text-align: center;
    background-color:#CFCFCF;

    opacity: 0.9;
    width: 50px;
    height: 50px;  
}


iframe:focus { 
    outline:thick ;
}

iframe[seamless] { 
    display: block;
} 

.windowStyleDrp
{
background:#E8E8EC;
-moz-border-radius :3px;
-webkit-border-radius:3px;
border-radius:3px;
-moz-box-shadow:0 0 10px 1px #000,0pt 5pt 15pt 0pt #B8CCE3 inset;
-webkit-box-shadow:0 0 10px 1px #000,0pt 5pt 15pt 0pt #B8CCE3 inset;
box-shadow:0 0 10px 1px #000,0pt 5pt 15pt 0pt #B8CCE3 inset;
    
padding:20px;
}



.tabStyle {
    background: #fff;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    -moz-box-shadow: 0 0 5px 0 #fff,0pt 3pt 5pt 0pt #B8CCE3 inset;
    -webkit-box-shadow: 0 0 5px 0 #fff,0pt 3pt 5pt 0pt #B8CCE3 inset;
    box-shadow: 0 0 5px 0 #fff,0pt 3pt 5pt 0pt #B8CCE3 inset;
    padding-left: 20px;
    padding-right: 20px;
    padding-bottom: 10px;
    padding-top: 3px;
    min-width: 100px;
    margin-bottom: 0px;
    margin-left: 3px;
}
.tabStyle:hover
{
background:#E8E8EC;
cursor:pointer;
}
.tabStyleSelected {
    background: #B8CCE3;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    -moz-box-shadow: 0 0 5px 0 #fff,0pt 3pt 5pt 0pt #36526C inset;
    -webkit-box-shadow: 0 0 5px 0 #fff,0pt 3pt 5pt 0pt #36526C inset;
    box-shadow: 0 0 5px 0 #fff,0pt 3pt 5pt 0pt #36526C inset;
    padding-left: 20px;
    padding-right: 20px;
    padding-bottom: 10px;
    padding-top: 3px;
    min-width: 100px;
}

    .tabStyleSelected:hover {
        background: #B8CCE3;
    }



#menuSide {
    list-style: none;
    padding: 0px;
    padding-left: 5px;
    margin: 0px;
    width: 115px;
    overflow: hidden;
    overflow-y:auto;

}

    #menuSide li {
        margin: 1px;
        width: 100%;
        -moz-box-shadow: 0 0 10px 1px #000,0pt 5pt 15pt 0pt #808080 inset;
        -webkit-box-shadow: 0 0 10px 1px #000,0pt 5pt 15pt 0pt #808080 inset;
        box-shadow: 0 0 10px 1px #000,0pt 5pt 15pt 0pt #808080 inset;
    }
        #menuSide li div {
            border-radius: 2px;
            color: #E8E8EC;
            margin-bottom: 1px;
        }

            #menuSide li div:hover {
                color: #000080;
                background-color: #B8CCE3;
                cursor: pointer;
                -moz-box-shadow: 0 0 5px 1px #e3ecf6,0pt 0pt 0pt 0pt #B8CCE3 inset;
                -webkit-box-shadow: 0 0 5px 1px #e3ecf6,0pt 0pt 0pt 0pt #B8CCE3 inset;
                box-shadow: 0 0 5px 1px #e3ecf6,0pt 0pt 0pt 0pt #B8CCE3 inset;
            }

    #menuSide li ul {
        list-style: none;
        display: none;
        padding: 0px;
        padding-left: 5px;
        margin: 0px;
    }
        #menuSide li ul li {
            border-radius: 2px;
            -moz-box-shadow: 0 0 10px 1px #36526C,15pt 50pt 15pt 15pt #e3ecf6 inset;
            -webkit-box-shadow: 0 0 10px 1px #36526C,15pt 50pt 15pt 15pt #e3ecf6 inset;
            box-shadow: 0 0 10px 1px #36526C,15pt 50pt 15pt 15pt #e3ecf6 inset;
            color: #36526C;
            margin-bottom:0px;
        }
            #menuSide li ul li:hover {
                color: #0026ff;
                background-color: #B8CCE3;
                cursor: pointer;
                -moz-box-shadow: 0 0 5px 1px #e3ecf6,0pt 50pt 15pt 0pt #82b2dd inset;
                -webkit-box-shadow: 0 0 5px 1px #e3ecf6,0pt 50pt 15pt 0pt #82b2dd inset;
                box-shadow: 0 0 5px 1px #e3ecf6,0pt 50pt 15pt 0pt #82b2dd inset;
            }


.menuSide1Item {
    background-color: #B8CCE3;
    border: 1px ridge #C0C0C0;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 2px;
    float: right;
    margin: 1px;
    width: 100%;
}


.formMinimize {
    background: #ffd800;
    -moz-box-shadow: 0 0 5px 1px #ffd800,0pt 5pt 15pt 0pt #E8E8EC inset;
    -webkit-box-shadow: 0 0 5px 1px #ffd800,0pt 5pt 15pt 0pt #E8E8EC inset;
    box-shadow: 0 0 5px 1px #ffd800,0pt 5pt 15pt 0pt #E8E8EC inset;
    color: #E8E8EC;
    height: 25px;
    overflow: hidden;
}
    .formMinimize img {
    }

    .formMinimize span {
        color: #000080;
    }
        .formMinimize:hover {
            background: #E8E8EC;
        }

.formMinimize2 {
    background: #FFFFD2;
    -moz-box-shadow: 0 0 5px 1px #FFFFD2,0pt 5pt 15pt 0pt #E8E8EC inset;
    -webkit-box-shadow: 0 0 5px 1px #FFFFD2,0pt 5pt 15pt 0pt #E8E8EC inset;
    box-shadow: 0 0 5px 1px #FFFFD2,0pt 5pt 15pt 0pt #E8E8EC inset;
    color: #E8E8EC;
    height: 25px;
    overflow: hidden;
}

.formMinimize2 span {
    color: #CC9900;
}

    .formMinimize2:hover {
        background: #dafc7f;
    }


.NewsPopup {
    
    position: absolute;
    z-index: 999;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    background-color: rgba(208, 209, 215, 0.9);
}

    .NewsPopup div {
        border: 1px solid #C0C0C0;
        background: #fff;
        padding: 5px;
        margin: 25px;
    }

        .NewsPopup div div {
            background: #fff;
            overflow: auto;
        }
    .NewsPopup img {
        transform: scale(2);
        transform-origin: top left;
    }




