/* css file for admin zone*/
/* h1 - h7 */
@font-face {
    font-family: ista01; /* deklarace fontu */
    src: url("fonts/ITSCE5__.ttf"); /* propojení na umístìní souboru */
}
@font-face {
    font-family: ista02; /* deklarace fontu */
    src: url("fonts/ITSCE5_i.ttf"); /* propojení na umístìní souboru */
}
@font-face {
    font-family: ista03; /* deklarace fontu */
    src: url("fonts/ITSCE7__.ttf"); /* propojení na umístìní souboru */
}
@font-face {
    font-family: ista04; /* deklarace fontu */
    src: url("fonts/ITSCE7_i.ttf"); /* propojení na umístìní souboru */
}
@font-face {
    font-family: ista10; /* deklarace fontu */
    src: url("fonts/IPCEBkIt.ttf"); /* propojení na umístìní souboru */
}
@font-face {
    font-family: ista20; /* deklarace fontu */
    src: url("fonts/IPCESbIt.ttf"); /* propojení na umístìní souboru */
}
@font-face {
    font-family: ista30; /* deklarace fontu */
    src: url("fonts/IsPrCEBk.ttf"); /* propojení na umístìní souboru */
}
@font-face {
    font-family: ista40; /* deklarace fontu */
    src: url("fonts/IsPrCESb.ttf"); /* propojení na umístìní souboru */
}
html,body { height: 100%; margin: 0px; padding: 0px;font-family:ista01; }
h1,h2,h3 {
  color:#115;
  font-family:ista01,Arial, Helvetica, Verdana;
  padding: 0; margin: 0;
  cursor: inherit;
}

h3 {
  color:#115;
  font-family:ista01,Arial, Helvetica, Verdana;
  /*text-shadow: 1px 1px 1px rgba(220, 80, 80, 0.5);*/
}
html,body {
  height:100%;
  width: 100%;
  margin : 0px;
  padding: 0px;
}
body {
  background-color: rgb(10, 40, 100);;
  padding: 0;
  margin: 0;
}
#loading_screen {
    display: none;
    width: 100%;height: 100%;top: 0px;left: 0px;position: fixed;display: block; z-index: 10000;
    background: rgba(95, 95, 95, .3);
}
#loading_screen #img1 {
  position: fixed;
  top: 45%;
  left: 45%;
  display: block;
  }
#loading_screen #cancelLoadURL {
  position: fixed;
  top: 60%;
  left: 50%;
  display: block;
  color: #aa3333;
  }
#loading_screen #img2 {
  position: absolute;
  top: 10%;
  left: 10%;
  display: block;
  }

#loading_screen #img2 {
  position: fixed;
  top: 50%;
  left: 50%;
  display: block;
  opacity: 1;
}
div{
  padding: 0;
  margin: 0;
}
#system_screens {
  display: none;
}
#hspace_page {
  width: 100%;
  height: auto;
  display: block;
  height: 27px;
  overflow: visible;
}
#header_bar {
    width: 100%;
    height: 70px;
    min-width: 1024px;
    background-image: url(images/bg_header.gif);
    background-size: auto;
    background-position: center;
    display: block;
    overflow: hidden;
}
#pageMenu{
    cursor: pointer;
    left: -40px;
    width: 100px;
    height: auto;
    border : 0px;
    background-color: transparent;
    display: block;
    float: left;
    padding: 10px 0px 0px 0px;
    margin: 0px;
    position: absolute;
    z-index: 10;
    display: block;
    visibility: visible;
}
.page_menu_item {
    left:0px;
    border-bottom-right-radius: 0px;
    border-top-right-radius: 0px;
    border: 1px solid #000000;
    width: 110px;
    height: 60px;
    background:  no-repeat;
    background-size: 100%;
    background-color: rgb(10, 40, 100);
    text-transform: capitalize;
    writing-mode:tb-rl;
    float: left;
    list-style-type: none;
    margin-bottom: 4px;
    background-size: contain;
    background-position: center;
}
 .tittle_one_menu {
    text-align: center;
    color:#ffffff;
    text-align: center;
    font-weight: 400;
    text-align: center;
    vertical-align: middle;
    font-size: 12px;
    }
.page_menu_item:hover{

    border: 1px solid #afafaf;
}
.sub_page_menu_item{
    left: 450px;
    display: none;
    position: relative;
    float: left;
}
#page_bar {
    width: 100%;
    min-width: 1024px;
    min-height: 600px;
    border : 0px;
    padding: 0px;
    padding-left: 0px;
    background-color: white;
    display: block;
    overflow: hidden;
    height: calc(100% - 97px);

    /*background-image: url(images/ista2.jpg);
    background-size: cover, cover;*/
}
#footer_bar {
    width: 100%;
    height: 50px;
    min-width: 1024px;
    display: block;
    margin: auto;
    bottom: 0px;
}
/* -----------------------------

-------------------------------- */
#logo_bar {
  left:50px;
  position: absolute;
    width: 120px;
    height: 60px;
    display: block;
    background-image: url(images/ista_logo_big.png);
    background-size: contain, cover;
    background-position: center;
    border: 0px;
    cursor: pointer;
        float: left;
    display: block;
    background-color: transparent;
}

#logo_text {
  position: absolute;
  display: block;
  float: left;
  margin-top: 35px;
  margin-left:170px;
  color: #191970;
  font-family:ista04;
}
.login_text {
  font-family:ista04;font-size: 25px;
}
#user_menu_bar {
    float: right;
    color: #ffffff;
    display: block;
    margin-right: 5px;
    
}
#user_menu_bar span{
   background-color: #0a2864;/*background: #369036;*/
   font-size: 16px;
   padding: 2px 8px 1px 8px;
   margin: 0 3px;
   position: relative;
   cursor: pointer;
   display: inline-block;
   border: 1px solid #0a2864;
   border-radius: 2px; 
}
#leftTop_menu_bar {
    width: 700px;
    
    float: left;
    color: #ffffff;
    display: block;
    margin-right: 5px;
    
}
#leftTop_menu_bar span,#leftTop_menu_bar a{
   background-color: #0a2864;/*background: #369036;*/
   font-size: 16px;
   padding: 2px 8px 1px 8px;
   margin: 0 3px;
   position: relative;
   cursor: pointer;
   display: inline-block;
   border: 1px solid #0a2864;
   border-radius: 2px;
   text-decoration: none;
   color: #ffffff;
}
#section_bar {
    width: 100%;
    height: 100%;
    top: 0px;
    bottom: 0px;
    overflow: hidden;
    display: block;
}
/* login form*/
#loginForm{
    margin: 50% 50%;
    font-size: 25px;
}​
.clear {
    clear: both;
}
.c1,.c1:hover,.c1>.panel-header{
	color: #fff;
	
}
a.c1:hover{

	filter: none;
}
.c1>.panel-body{

}
.c1>.dialog-toolbar,.c1>.dialog-button{
}
.c1>.dialog-button{
	border-bottom-color: #3c8b3c;
}

.page_menu_item img {
    width:80px;
     overflow: hidden;
    background-size: cover;
    background-position: center;
}
#home_page {
    background-image: url(images/bg.jpg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    overflow: hidden;
    width: 100%;
    height: 100%;
    display: block;
}
/* Readings Place and other */
#readings_place{
    width: 100%;
    margin-left: 50px;
}
/* css for portal base fiter */
.load_filters{
    
}
.filter_blocks{
    display: block;
    float: left;
    height:120px;
    margin: 2px;
    border: 1px solid #005555;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}
.filter_blocks .blck{
    padding: 28px 0 0 5px;
    display: block;
    float: none;
}
.filter_blocks .title{
    display: block;
    color: #ffffff;
    background: #505090;
    text-align: center;
    font-variant: small-caps;
    float: left;
    width: 100%;
   /* border: 1px solid #005555;*/
}
.filter_blocks .blck .hspace {
    width: 100%;
    height: 10px;
    display: block;
    position: relative;
}
#portal_filter{
    margin-left: 100px;overflow-y: auto;scrool;
}
#div_reportTable{
    margin-left: 100px;
    width: calc(100% - 100px);
    height: calc(100% - 300px);
    display: block;
    border: 1px solid #000000;
    
}





.icon-blank{
	background:url('icons/blank.gif') no-repeat center center;
}
.icon-add{
	background:url('icons/edit_add.png') no-repeat center center;
}
.icon-edit{
	background:url('icons/pencil.png') no-repeat center center;
}
.icon-clear{
	background:url('icons/clear.png') no-repeat center center;
}
.icon-remove{
	background:url('icons/edit_remove.png') no-repeat center center;
}
.icon-save{
	background:url('icons/filesave.png') no-repeat center center;
}
.icon-cut{
	background:url('icons/cut.png') no-repeat center center;
}
.icon-ok{
	background:url('icons/ok.png') no-repeat center center;
}
.icon-no{
	background:url('icons/no.png') no-repeat center center;
}
.icon-cancel{
	background:url('icons/cancel.png') no-repeat center center;
}
.icon-reload{
	background:url('icons/reload.png') no-repeat center center;
}
.icon-search{
	background:url('icons/search.png') no-repeat center center;
}
.icon-print{
	background:url('icons/print.png') no-repeat center center;
}
.icon-help{
	background:url('icons/help.png') no-repeat center center;
}
.icon-undo{
	background:url('icons/undo.png') no-repeat center center;
}
.icon-redo{
	background:url('icons/redo.png') no-repeat center center;
}
.icon-back{
	background:url('icons/back.png') no-repeat center center;
}
.icon-sum{
	background:url('icons/sum.png') no-repeat center center;
}
.icon-tip{
	background:url('icons/tip.png') no-repeat center center;
}
.icon-filter{
	background:url('icons/filter.png') no-repeat center center;
}
.icon-man{
	background:url('icons/man.png') no-repeat center center;
}
.icon-lock{
	background:url('icons/lock.png') no-repeat center center;
}
.icon-more{
	background:url('icons/more.png') no-repeat center center;
}


.icon-mini-add{
	background:url('icons/mini_add.png') no-repeat center center;
}
.icon-mini-edit{
	background:url('icons/mini_edit.png') no-repeat center center;
}
.icon-mini-refresh{
	background:url('icons/mini_refresh.png') no-repeat center center;
}

.icon-large-picture{
	background:url('icons/large_picture.png') no-repeat center center;
}
.icon-large-clipart{
	background:url('icons/large_clipart.png') no-repeat center center;
}
.icon-large-shapes{
	background:url('icons/large_shapes.png') no-repeat center center;
}
.icon-large-smartart{
	background:url('icons/large_smartart.png') no-repeat center center;
}
.icon-large-chart{
	background:url('icons/large_chart.png') no-repeat center center;
}
.ista_button_filte_large {
	width: 60px;
	height: 70px;
	-webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
	border: 1px solid #555555;
}
.ista_button_filte_large:hover {
top: 0;
bottom: 0;
left: 0;
right: 0;
opacity: 0.6;
transition: .5s ease;
background-color: rgba(0,0,0,0.80);
cursor: pointer;
}
.ista_icn_reload_large{
	background:url('js/easyui/themes/myicons/Other/Power - Restart.png') no-repeat center center;
	background-size: cover;
    width: 50px;
    height: 60px;
}
.ista_icn_excel_large{
	background:url('myicons/Office Apps/Excel alt 1.png') no-repeat center center;
	background-size: cover;
}
.ista_icn_csv_large{
	background:url('myicons/Google Services/File - Google Docs.png') no-repeat center center;
	background-size: cover;
}
#myalert .k-dialog .k-alert .k-dialog-titlebar {
      background-color: #333;
      color: #eee;      
    }
    
#myalert .k-dialog .k-alert .k-button {
      background-color: #333;
      color: #eee;      
}
#viewtable {
    padding-left: 70px;
    width:92%;
    height: 100% ;
    height: calc(100% - 25px) ;
    height:-moz-calc(100% - 25px);
    heeeight:-webkit-calc(100% - 25px);
    display: block;
    position: relative
}


/*----------------------------------------*/
/*   social-area fix
/*----------------------------------------*/
.static-right-social-area{
  position: fixed;
  right: 0;
  top: 150px;
  z-index: 99999;
}
.static-right-social{position: relative;}
.static-right-social ul{}
.static-right-social ul li{
  border-radius: 5px 0 0 5px;
  height: 50px;
  margin-top: 10px;
  right: -180px;
  background: #3b5998;
  border-bottom: 3px solid #324c81;
  position: absolute;
  top:0;
  transition: all 0.3s ease 0s;
}
.static-right-social ul li:hover{
  right: 0;
}
.static-right-social ul li:nth-child(1){}
.static-right-social ul li:nth-child(2){
  background: #3f729b no-repeat scroll 0 0;
  border-bottom: 3px solid #366184;
  top: 60px;
}
.static-right-social ul li:nth-child(3){
  background: #00aced no-repeat scroll 0 0;
  border-bottom: 3px solid #0092ca;
  top: 120px;
}
.static-right-social ul li:nth-child(4){
  background: #ea4c89 no-repeat scroll 0 0;
  border-bottom: 3px solid #c74175;
  top: 180px;
}
.static-right-social ul li:nth-child(5){
  background: #cb2027 no-repeat scroll 0 0;
  border-bottom: 3px solid #ad1b21;
  top: 240px;
}
.static-right-social ul li:nth-child(6){
  background: #dd4b39 no-repeat scroll 0 0;
  border-bottom: 3px solid #bc4031;
  top: 300px;
}
.static-right-social ul li a{
  color: #fff;
  display: block;
  font-size: 16px;
  line-height: 50px;
  padding: 0 20px 0 15px;
  width: 232px;
  font-weight: 600;
  text-decoration: none;
}
.static-right-social ul li a i {
  width: 40px;
  font-size: 30px;
  padding-top: 10px;
  float: left;
  border-right: 1px solid #fff;
  height: 50px;
  margin-right: 10px;
}


ul {
    list-style: outside none none;
    margin: 0;
    padding: 0;
}