/*----------------------------------------------------------
The base color for this template is #5c87b2. If you'd like
to use a different color start by replacing all instances of
#5c87b2 with your new color.
----------------------------------------------------------*/

html
{
    height:100%;
    margin: 0;
    padding: 0;
    overflow: hidden;
}

body
{
    font-size: 1.1em;
    font-family:  Verdana,Arial,sans-serif;
    margin: 0;
    padding: 0px;
    color: #222222;
    height: 100%;
    -webkit-text-size-adjust: 100%;
    background-color:black;
}
*:focus {
    outline: 0 !important;
}

.page-row, .page-col, .page { overflow: hidden; position: absolute; }
.page-row { left: 0; right: 0; }
.page-col { top: 0; bottom: 0; }
.left.page-col { width: 210px; padding:0; top:0; background-color:#191919}
.right.page-col { left:0; right: 0; padding: 7px 10px}
.header.page-row {height: 80px; line-height: 80px; padding-left: 10px; box-shadow: 0px 0px 15px #FFFFFF;}
.body.page-row  
{
    top: 0px; 
    bottom: 40px;    
    border-bottom: solid 1px #999999; 
    box-shadow: 0px 0px 20px #FFFFFF;
    background: rgb(255,255,255); /* Old browsers */
    /* IE9 SVG, needs conditional override of 'filter' to 'none' */
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9Ijc4JSIgc3RvcC1jb2xvcj0iI2NhY2FjYiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9Ijg4JSIgc3RvcC1jb2xvcj0iI2MwYzBjMSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM4Nzg3ODciIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(top,  rgba(255,255,255,1) 0%, rgba(202,202,203,1) 78%, rgba(192,192,193,1) 88%, rgba(135,135,135,1) 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,1)), color-stop(78%,rgba(202,202,203,1)), color-stop(88%,rgba(192,192,193,1)), color-stop(100%,rgba(135,135,135,1))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(202,202,203,1) 78%,rgba(192,192,193,1) 88%,rgba(135,135,135,1) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(202,202,203,1) 78%,rgba(192,192,193,1) 88%,rgba(135,135,135,1) 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(202,202,203,1) 78%,rgba(192,192,193,1) 88%,rgba(135,135,135,1) 100%); /* IE10+ */
    background: linear-gradient(to bottom,  rgba(255,255,255,1) 0%,rgba(202,202,203,1) 78%,rgba(192,192,193,1) 88%,rgba(135,135,135,1) 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#878787',GradientType=0 ); /* IE6-8 */
    background-size: 100% 80px;
    background-repeat:no-repeat;
    background-color:#F9F9F9;
}

.footer.page-row {height: 40px; bottom: 0; line-height: 35px; padding-left:10px;box-shadow: 0px 0px 20px #FFFFFF;}
.scroll-x { overflow-x: auto; -webkit-overflow-scrolling: touch; }
.scroll-y { overflow-y: auto; -webkit-overflow-scrolling: touch; }

.gray_line {
    background: #e7e7e7;
    background: -moz-linear-gradient(top,  #e7e7e7 0%, #cacacb 50%, #c0c0c1 51%, #a4a4a5 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#e7e7e7), color-stop(50%,#cacacb), color-stop(51%,#c0c0c1), color-stop(100%,#a4a4a5));
    background: -webkit-linear-gradient(top,  #e7e7e7 0%,#cacacb 50%,#c0c0c1 51%,#a4a4a5 100%);
    background: -o-linear-gradient(top,  #e7e7e7 0%,#cacacb 50%,#c0c0c1 51%,#a4a4a5 100%);
    background: -ms-linear-gradient(top,  #e7e7e7 0%,#cacacb 50%,#c0c0c1 51%,#a4a4a5 100%);
    background: linear-gradient(to bottom,  #e7e7e7 0%,#cacacb 50%,#c0c0c1 51%,#a4a4a5 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e7e7e7', endColorstr='#a4a4a5',GradientType=0 );
}

.container-inline {
    display:inline-block;
}
.check {display:inline-block;background-image:url('Images/checkbox_check.png');width:16px;height:16px;background-repeat: no-repeat;}
.uncheck {display:inline-block;background-image:url('Images/checkbox_uncheck.png');width:16px;height:16px;background-repeat: no-repeat;}

.ui-widget .master_button{display:none}
.master_button {float:right;}
.master_button table {margin-right:0px}
.master_button table td{ padding-right:30px;}
.master_button a  {display:inline-block;-moz-border-radius: 5px;-webkit-border-radius: 5px;border-radius: 5px;padding:5px 5px}
.master_button a:hover {box-shadow: 0px 0px 15px #666666;}
.master_button .user_profile {padding:15px;background-color:#ffffff;border:solid 1px #999999;width:200px;position:absolute;top:8px;right:-53px;display:block;z-index:9;-moz-border-radius: 5px;-webkit-border-radius: 5px;border-radius: 5px;}

.user_profile_dialog{display:none;position:absolute;}

.trokut_I
{
    border-color: transparent;
    border-style: dashed dashed solid;
    border-width: 0 8px 8px ;
    display: block;
    margin-left:15px;
    position:absolute;
    top:0px;    
    z-index: 10;
    height: 0;
    width: 0;
    border-bottom-color: #999999;
}
.trokut_H
{
    border-color: transparent;
    border-bottom-color: #fff;
    border-style: dashed dashed solid;
    border-width: 0 8px 8px;
    display: block;
    margin-left:15px;
    position:absolute;
    top:1px;
    z-index: 11;
    height: 0;
    width: 0;
}


/* PRIMARY LAYOUT ELEMENTS   
----------------------------------------------------------*/
/*LOGIN PAGE*/
#LoginContainer
{
    position:absolute;
    width:500px;
    height:270px;
    top: 50%;
    left: 50%;
    margin-top: -170px;
    margin-left: -250px;
    border: solid 1px black;
    box-shadow: 0px 0px 15px #FFFFFF;
    -moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px; 
	background:white url(Images/background_gradient_45px.png) repeat-x bottom;    
}
#LoginContainer div#logo
{
    padding: 10px;
}
#LoginContainer div#footer
{
    height:37px;
    padding-top:6px;
    padding-right:10px;
    vertical-align:middle;  
}

#LoginContainer div#div_error
{
    color:Red;
    font-weight:bold;
}

/*KORISNIČKI PROFIL PAGE*/
#korisnickiProfilContainer
{
    height:100%;
    background-color:white;
}
#korisnickiProfilContainer *{
    box-sizing:content-box;
}

#korisnickiProfilContainer table td{padding-top:5px; padding-bottom:6px;}
#korisnickiProfilContainer table.userDoc{width:100%;}
#korisnickiProfilContainer table.userDoc td a{display:block; text-decoration:underline; color:#000000;}
#korisnickiProfilContainer table.userDoc td a:hover{display:block; color:blue;}
#korisnickiProfilContainer #div_korisnici
{
    border:1px solid #E0E0E0;
    margin-top:10px;
    border-bottom:0px solid #E0E0E0;
}

#korisnickiProfilContainer ul { list-style: none; padding:0px;margin:0 }
#korisnickiProfilContainer ul li { display:block; text-decoration:none; color:#000000; background-color:#FFFFFF; line-height:30px;
  border-bottom-style:solid; border-bottom-width:1px; border-bottom-color:#CCCCCC; padding-left:10px; cursor:pointer;
}
#korisnickiProfilContainer ul li:hover, #korisnickiProfilContainer ul li.active{ 
    color: #FFFFFF;
    background: #6991c6; /* Old browsers */
    background: -moz-linear-gradient(top, #6991c6 0%, #7db9e8 78%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#6991c6), color-stop(78%,#7db9e8)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #6991c6 0%,#7db9e8 78%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #6991c6 0%,#7db9e8 78%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #6991c6 0%,#7db9e8 78%); /* IE10+ */
    background: linear-gradient(to bottom, #6991c6 0%,#7db9e8 78%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#6991c6', endColorstr='#7db9e8',GradientType=0 ); /* IE6-9 */
}
#korisnickiProfilContainer ul li.li-no-hover:hover {
    background: transparent;
    color:#000000;
    cursor: default;
}

.LoggedView{position:absolute; bottom:0px; margin:20px;height:auto !important; text-align:center;padding:5px 0; color:White}
.LoggedView img{display: block;margin-left: auto; margin-right: auto;margin-bottom:10px;border:solid 0px #000000;width:130px}

input, textarea {
	border: 1px solid #ccc;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	padding: 4px 4px;
	width: 95%;
	font-size: 1em;
}
    input[type='checkbox'] {
        width:auto;
    }

.row input, textarea {
	border: 1px solid #ccc;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	padding: 4px 4px;
	width: 100%;
	font-size: 1em;
}


input.required, select.required, textarea.required{ background-color: rgba(140, 204, 255, 0.40) }

input.error, select.error, textarea.error{ border: 1px solid red;}
span.error_label{height:20px;display:block;vertical-align:middle;line-height:20px}


select {
	border: 1px solid #ccc;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	padding: 4px 2px;
}
input:focus, textarea:focus, select:focus   
{
    -webkit-box-shadow:rgba(0, 0, 0, 0.0745098) 0 1px 1px inset, rgba(82, 168, 236, 0.6) 0 0 8px;
    border-color:rgba(82, 168, 236, 0.8);
    box-shadow:rgba(0, 0, 0, 0.0745098) 0 1px 1px inset, rgba(82, 168, 236, 0.6) 0 0 8px;
    outline:0;
}

.focus 
{
    -webkit-box-shadow:rgba(0, 0, 0, 0.0745098) 0 1px 1px inset, rgba(82, 168, 236, 0.6) 0 0 8px;
    border-color:rgba(82, 168, 236, 0.8);
    box-shadow:rgba(0, 0, 0, 0.0745098) 0 1px 1px inset, rgba(82, 168, 236, 0.6) 0 0 8px;
    outline:0;
}

textarea {
    resize: none;
}

a {text-decoration:none !important;}

.text-align-right
{
    text-align:right; 
    white-space:nowrap; 
    vertical-align:middle; 
}
.text-align-center
{
    text-align:center; 
    white-space:nowrap; 
    vertical-align:middle; 
}
.text-vertical-top
{
    vertical-align:top;
    padding-top:7px;
}

div.clear{clear:both}

.button_container
{
    height:80px;
}
.ui-widget-content .button_container
{
    height:40px;       
}

table { border-collapse: collapse; }
table td, table th { padding: 3px; vertical-align:middle; text-align:left }
table.padding_leftright td{ padding: 0px 5px 0px 5px; vertical-align:middle }

div.table_container{height:100%}

.tab-container-widget
{
    border: 1px solid #E0E0E0;
	-moz-border-radius: 7px;
	-webkit-border-radius: 7px;
	border-radius: 7px;
	/*background-color:#EDEDED;*/
	height:100%;     
}

.tab-container-widget .tab-container-widget-header
{
    font-size:1.1em;
    font-weight:bold;
    padding:7px 15px;
    color:White;
    background-color:#404040;
    -moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px 5px 0 0;
	/*background: url("ui-bg_glass_50_4f8498_1x400.png") repeat-x scroll 50% 50% #4F8498;*/
}

.tab-container-widget .tab-container-widget-header_small
{
    font-size:1em;
    padding:4px 15px;
    color:White;
    background-color:#404040;
    -moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px 5px 0 0;
	/*background: url("ui-bg_glass_50_4f8498_1x400.png") repeat-x scroll 50% 50% #4F8498;*/
}

.tab-container-widget .tab-container-widget-container
{
    padding:10px;
}

#tecajna_lista{padding-left:5px; display:inline-block}

.message_box {
    z-index:55000 !important;    
}

#container_year{
    float:left;
}

div.preloader_small{
    background: url('/Content/Images/preloader_small.gif') no-repeat center center;
    height:35px;
}

div#WaitLoadingDiv{
  position: fixed;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  z-index: 99000;
  background-color: rgba(0,0,0,0.5);
}

div#WaitLoadingDiv #WaitLoadingDiv_container
{
    background: white none repeat scroll 0 0;
    border-radius: 10px;
    left: 50%;
    padding: 20px 10px;
    position: fixed;
    top: 50%;
    transform: translate(-50%, -50%);
}

div#WaitLoadingDiv #WaitLoadingDiv_image {
  animation: 1.1s linear 0s normal none infinite running load8;
    background-color: #ffffff;
    border-color: rgba(66, 80, 255, 0.8) rgba(255, 255, 255, 0.2) rgba(255, 255, 255, 0.2);
    border-style: solid;
    border-width: 1.1em;
    font-size: 10px;
    margin: 10px auto;
    position: relative;
    text-indent: -9999em;
    transform: translateZ(0px);
}
#WaitLoadingDiv_image,
#WaitLoadingDiv_image:after {
  border-radius: 50%;
  width: 10em;
  height: 10em;
}
@-webkit-keyframes load8 {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@keyframes load8 {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}

div#WaitLoadingDiv #WaitLoadingDiv_msg {
    font-size: 1.2em;
    padding: 10px 20px 5px;
    text-align: center;
}

        
.resource-editor-icon, .resource-editor-icon:hover,  .resource-editor-icon:visited {
    position: absolute;
    display: inline;
    height: 13px;
    width: 13px;     
    text-decoration: none;
    /*z-Index: 999999;*/                 
    margin: -8px 0 0 -2px;
    cursor: pointer; 
    opacity: 0.45;                                   
}
.resource-editor-icon:hover {
    opacity: 1;         
}
.resource-editor-icon:before {
    font-family: fontawesome;
    content: "\f024";   /*flag*/ 
    /*font-family: Arial;
    content: "#";*/
    font-size: 9pt;              
    color: DarkGreen;                      
}

/* optional edit button/icon on bottom right of page */
.resource-editor-button {   
    z-index: 999999;
    color: white;        
    background-color: DarkGreen;
    opacity: 0.35;     
    position: fixed;
    bottom: 3px;
    right: 20px;
    padding: 7px 9px 5px 10px;        
    border-radius: 50%;
}
.resource-editor-button.off {
    background-color: #b64545;
}
.resource-editor-button:before{
    font-family: fontawesome;
    content: "\f024"; /* flag */
    font-size: 14pt;
}
.resource-editor-button:hover {
    opacity: 0.65;
}

.edit_mode_start{
    background-color:green; 
}
/** CONTEXT MENU **/
.context-menu{    
    position: absolute;
    z-index: 10000 !important;
}

.context-menu .inner{
    top:0;    
    width:100%;
    max-height:300px;
    overflow-y:auto;
    display:block;
}

.context-menu li{
    position:relative;
}

.context-menu li a{
    overflow:hidden;
    text-overflow:ellipsis;
    padding-right:35px;
}

.context-menu .divider{
    margin:0;
}

.context-menu li.selected .check-mark{
    display: inline-block;
    margin-top: 5px;
    position: absolute;
    right: 15px;
    /*top: 9px;*/
}

.context-menu .check-mark{
    display: none;
}

.nalozi_container{
    overflow:auto;
    padding:5px;
    border: 1px solid #dddddd;

}

.nalozi_container .control-label{
    margin-bottom: 5px !important;
    text-align:left !important;
}

.nalozi_container .nalog-naslov{
    font-size:18px;
}