/* reset */

* 
	{ padding: 0; margin: 0; }
*, *:before, *:after 
	{ -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }

html,body
	{ height: 100%; }
body 
	{ font-family: 'Oswald', Arial, Helvetica, sans-serif;font-size: 16px; line-height: 20px; background: #2a313b; color: #888; font-weight: 300;}
	
/* clearfix --------------*/
.x:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; } 
* html .x { height: 1%; } 
*:first-child+html .x { min-height: 1px; }
/* -----------------------*/

a
	{ text-decoration: none; -webkit-transition: all .3s; -moz-transition: all .3s; transition: all .3s; outline: none !important; color: #fff; }
a:hover
	{ color: #47aae3 !important; text-decoration: none !important; } 
        
a.pages
        {float: right;}
	
input, button
	{ outline: none; }
	
h1,h2,h3,h4,h5,h6
	{ margin: 0; font-weight: normal; }

img
	{ display: block; border: 0; }
	
header
	{ height: 61px; background: #242b35; border-bottom: 1px solid #222; }
header .logo
	{ display: block; float: left; line-height: 60px; font-size: 18px; font-weight: 400; padding: 0 0 0 20px; }
header .logo strong
	{ font-weight: 400; -webkit-transition: all .3s; -moz-transition: all .3s; transition: all .3s; color: #fff; }
header .logo span
	{ font-weight: 400; display: inline-block; padding: 0 0 0 42px; background: transparent url("../img/crown.png") no-repeat 4px 16px; background-size: 30px 23px; color: #a61477; -webkit-transition: all .3s; -moz-transition: all .3s; transition: all .3s; }
header .logo:hover strong
	{ color: #a61477 !important; }
header .logo:hover span
	{ color: #fff !important; }
header .login
	{ float: right; line-height: 60px; padding: 0 60px 0 0; }
	
p
	{ margin: 0 0 12px 0; }
p.small-num
	{ width: 100px; float: left; margin: 0 12px 12px 0; }
p.small-num + p:not(.small-num)
	{ clear: both; }
p.big-num
	{ width: 33%; float: left; margin: 0 12px 12px 0; }
p.big-num + p:not(.big-num)
	{ clear: both; }
p.middle-num
	{ width: 200px; margin: 0 12px 12px 0; }
p.medium-num
	{ width: 320px; margin: 0 12px 12px 0; }
div.half
	{ width: 50%; float: left; }
p.half
	{ width: 50%; }
p.big-num-right
	{ width: 66%; float: left; margin: 0 0 12px 0; padding: 0 0 0 12px; clear: right !important; }
p.hidethisp
        { display: none;}
	
label.insmall
	{ display: block; padding: 16px 0 0 0; cursor: pointer; }
label.insmall:hover
	{ color: #47aae3; }
	
p.flo
	{ float: left !important; margin: 0 12px 12px 0; clear: none !important; }
p.flo-no
	{ float: left; margin: 0 0 12px 0; }
p.flo-no-left
	{ float: left; margin: 0 12px 12px 0; }
p.flo-no-right
	{ float: right; margin: 0 0 0 0; }
p.flo-right
	{ float: right !important; margin: 0 12px 12px 0; clear: none !important; }
p.unflo
	{ clear: both !important; }
	
hr.dash
	{ height: 0; border-top: 1px dashed #444; background: 0; color: transparent; }
div.x + hr.dash
	{ margin-top: 8px; }
	
p.one-letter-width
	{ width: 100px; float: left; margin: 0 12px 12px 0; }
	
#ui-datepicker-div
	{ z-index: 100 !important; }
	
.color
	{ display: inline-block; width: 10px; height: 10px; border-radius: 5px; position: relative; top: -1px; margin: 0 2px 0 0; }
	
.racuns + .racuns
	{ margin: 15px 0 0 0; }
	
label.racunLabel
	{ display: block; white-space: nowrap; cursor: pointer; -webkit-transition: all .3s; -moz-transition: all .3s; transition: all .3s; outline: none !important; }
label.racunLabel:hover
	{ color: #fff; }
label.racunLabel > span
	{ display: inline; margin: 0 0 0 5px; } 
	
span.l
	{ display: block; position: relative; padding: 0; margin: 0; }
span.l label b	
	{ font-weight: 300; margin: 0 1px; }
span.inline-l
	{ display: inline-block; width: 200px; margin: 0 5px 0 10px; }
span.inline-l2
	{ display: inline-block; width: 320px; margin: 0 5px 0 10px; }
span.l > label
	{ position: absolute; top: 0; left: 0; z-index: 10; color: #888; display: block; padding: 5px 0 0 5px; font-size: 13px; line-height: 13px; }
span.l > input
	{ color: #333; padding: 20px 5px 5px; font-weight: 400; }
span.l > textarea
	{ color: #333; padding: 20px 5px 5px; font-weight: 400; }
span.l .chosen-container-single .chosen-single
	{ padding-top: 20px; font-weight: 400; color: #333; }
span.l .chosen-container-single .chosen-single div b
	{ background-position: 0 16px; }
span.l .chosen-container-active.chosen-with-drop .chosen-single div b
	{ background-position: -18px 16px; }
	
span.l .chosen-container-multi .chosen-choices
	{ padding-top: 20px; font-weight: 400; color: #333; }
span.l .chosen-container-multi .chosen-choices div b
	{ background-position: 0 16px; }
span.l .chosen-container-active.chosen-with-drop .chosen-choices div b
	{ background-position: -18px 16px; }
	
.informbutton
	{ margin-left: 10px; }	

	
input[type=text],
input[type=email],
input[type=password],
input[type=number]
	{ font-weight: 300; padding: 5px; width: 100%; border-radius: 3px; border: 1px solid #ccc; background: #fff; font-size: 16px; line-height: 24px; }
input[type=file]
	{ font-weight: 300; }
input.currency
	{ max-width: 200px; background: #ffecec; }
input.small-number
	{ max-width: 100px; background: #ffecec; }
input.date
	{ max-width: 200px; background: #ecf5ff; }
input.date-monday
	{ max-width: 200px; background: #ecf5ff; }
        
textarea
	{ font-weight: 300; padding: 5px; width: 100%; border-radius: 3px; border: 1px solid #ccc; background: #fff; font-size: 16px; line-height: 24px; resize: vertical; min-height: 100px; }
	
.box
	{ margin: 30px auto; max-width: 600px; padding: 30px 30px 18px 30px; border: 1px solid #444; border-radius: 3px; }
.container
	{ margin: 30px auto; max-width: 1024px; padding: 30px 30px 18px 30px; border: 1px solid #444; border-radius: 3px; }
.wide.container
	{ max-width: none; width: auto; margin: 30px; }
.xwide.container
	{ margin: 30px auto; max-width: 1280px; padding: 30px 30px 18px 30px; border: 1px solid #444; border-radius: 3px; }
.row
	{ padding: 60px 0; }
	
.tabs
	{ border-bottom: 1px solid #888; height: 56px; }
.tabs ul
	{ margin: 0 auto; height: 56px; max-width: 1024px; }
.tabs ul li
	{ float: left; margin: 0 2px 0 0; }
.tabs ul li a
	{ display: block; float: left; border: 1px solid #444; border-bottom: 0; border-radius: 3px 3px 0 0; height: 55px; line-height: 55px; font-size: 24px; padding: 0 25px; background: #242b35; color: #888; }
.tabs ul li.active a
	{ height: 56px; padding-bottom: 1px; background: #2a313b; border-color: #888; color: #fff; }
	
label
	{ font-weight: 300; }
	
.breadcrumbs
	{ margin: 30px auto; max-width: 1024px; padding: 0; }
.breadcrumbs span
	{ color: #47aae3; }
	
label.checkbox
	{ cursor: pointer; font-weight: 300; margin: 0; }
label.checkbox:hover
	{ color: #47aae3; }
label.image
	{ display: block; margin: 0 0 10px 0; }
	
.checkbox input[type=checkbox]
	{ position: relative; top: 2px; margin: 0 4px 0 0; }
	
.errors
	{ padding: 5px; background: #ff8080; color: #fff; margin: 0 0 12px 0; }
        
.errorsData
	{ padding: 5px; background: #ff8080; color: #fff; margin: 0 0 12px 0; }
        
.saved
	{ padding: 5px; background: #dff0d8; color: #222; margin: 0 0 12px 0; }
	
button
	{ padding: 5px 25px; display: inline-block; font-weight: 300; background: #232730; color: #888; border: 1px solid #888; border-radius: 3px; -webkit-transition: all .3s; -moz-transition: all .3s; transition: all .3s; margin: 0 12px 0 0; }
button:hover
	{ background: #000; color: #fff; }
button.addNewPosition
        {margin: 10px 10px 10px 0px;}
button.addNewFunkcija
        {margin: 10px 10px 10px 0px;}
	
ul
	{ list-style: none; }
ul.sections
	{ font-size: 24px; line-height: 30px; margin: 0; width: 50%; float: left; }
ul.sections li
	{ width: 100%; float: left; margin: 0; }
ul.sections li a
	{ display: block; border: 1px solid #888; border-radius: 3px; padding: 12px; margin: 0 6px 12px; }
	
h1
	{ color: #fff; margin: 0 0 32px 0; font-weight: 300; font-size: 24px; line-height: 24px; }
h2
	{ color: #fff; margin: 0 0 32px 0; font-weight: 300; font-size: 24px; line-height: 24px; }
	
.wrap table
	{ width: 100%; border-collapse: collapse; border-radius: 0 !important; border: 0 !important; }
.wrap th
	{ text-align: left; background: #888; color: #fff; font-weight: 400; text-transform: uppercase;padding: 10px; border: 0 !important; border-radius: 0 !important;}
.wrap tr td
	{ text-align: left; background: #242b35; font-weight: normal; padding: 10px; font-weight: 300; white-space: nowrap; border: 0 !important; border-color: transparent !important; }
.wrap tr:last-child td
	{ border: 0 !important; }
.wrap td.text-right,
.wrap th.text-right
	{ text-align: right; }
.wrap td.text-center,
.wrap th.text-center
	{ text-align: center; }
.wrap tr:nth-child(odd) td
	{ background: #2a313b; }
.wrap td.push
	{ width: 100%; }
.wrap table .sortable .caret
	{ margin: 0 0 2px 6px !important; }
.wrap tr td.morelinesSmall
	{ max-width: 160px; }
.wrap tr td.morelinesBig
	{ max-width: 160px; }
.wrap tr td.morelinesSmall > span > span
	{ display: block; overflow: hidden; text-overflow: ellipsis; }
.wrap tr td.morelinesBig > span > span
	{ display: block; overflow: hidden; text-overflow: ellipsis; }
.wrap tr.void
	{ opacity: .3; /*font-style: italic !important;*/ }
.wrap tr.void td	
	{ background: black !important; }
.wrap tr.allDone td
	{ background: #2B3856 !important; border-top: 1px solid #2a313b !important; }
	
.color_plus
	{ color: rgba(0,255,0,.5); font-weight: 300; }
.color_minus
	{ color: rgba(255,0,0,.5); font-weight: 300; }
.red-ban
	{ color: rgba(255,0,0,1); font-weight: 300; }
.green-check
	{ color: #25d808; font-weight: 300; }
	
.fixed-table-container
	{ border: 0 !important; border-radius: 0 !important; margin: 0 0 20px 0; }
	
.wrap table + p
	{ padding: 10px; }
p.addnewtop,
p.addnewbottom,
	
.tooltip
	{ white-space: normal !important; } 
span[data-toggle=tooltip]
	{ display: block; overflow: hidden; max-width: 100%; }
	
	
#filter
	{ float: right; padding: 0 0 0px 0; position: relative; }
#filter > span,
#filter > form > span
	{ float: left; display: block; margin: 14px 0 0 0; }
.filterbox
	{ float: left; margin: 0 0 0 20px; width: 162px; }
.smaller.filterbox
	{ width: 120px; }
.filterbox > input
	{ float: left; display: block; margin: 11px 11px 0 0; }
.filterbox > label
	{ float: left; display: block; margin: 7px 0 0 0; }
.filterselect
	{ float: right; width: 128px; }
	
#filter a.i
	{ display: none; }
#filter.ws a.i
	{ display: block; position: absolute; top: 14px; right: -22px; color: #f00; cursor: pointer; }
	
.hidethisone
	{ display: block; position: absolute; top: 14px; right: -22px; cursor: pointer; border: 0; padding: 0; width: auto; height: auto; color: #fff; background: transparent; margin: 0; }
.hidethisone:hover
	{ background: transparent; color: #0f0; }
#filter.ws .hidethisone
	{ display: none; }
	
.wrap table tr.hideme
	{ display: none !important; }
	
.chosen-container-single .chosen-single
	{ font-size: 16px; line-height: 24px; padding: 5px; background: #fff; border: 1px solid #ccc; border-radius: 3px; height: auto; }
.chosen-container-single .chosen-single div b
	{ background-position: 0 8px; }
.chosen-container-active.chosen-with-drop .chosen-single div b
	{ background-position: -18px 8px; }
	
.chosen-container-multi .chosen-choices
	{ font-size: 16px; line-height: 24px; padding: 5px; background: #fff; border: 1px solid #ccc; border-radius: 3px; height: auto; }
.chosen-container-multi .chosen-choices div b
	{ background-position: 0 8px; }
.chosen-container-active.chosen-with-drop .chosen-choices div b
	{ background-position: -18px 8px; }
	
#overlay
	{ position: fixed; top: 0; left: 0; right: 0; bottom: 0; background: rgba(0,0,0,.7); display: none; }
#modal
	{ position: fixed; top: 10%; width: 300px; border: 1px solid #ccc; background: #2a313b; border-radius: 3px; padding: 0; left: 50%; margin: 0 0 0 -150px; display: none; }
#modal h2
	{ background: #242b35; padding: 10px; margin: 0; }
#modal p
	{ padding: 10px; }
#modal .x
	{ padding: 10px; }
#modal a.yes
	{ padding: 5px 25px; display: inline-block; font-weight: 300; background: #232730; color: #888; border: 1px solid #888; border-radius: 3px; -webkit-transition: all .3s; -moz-transition: all .3s; transition: all .3s; margin: 0 12px 0 0; }
#modal a.yes:hover	
	{ background: #000; color: #fff; }
	
.image
	{ margin: 0 0 12px 0; }
.image img
	{ width: 120px; height: auto; float: left; margin: 0 12px 0 0; }
.image a.deleteimage,
.image a.changeimage
	{ display: inline-block; margin: 0 0 6px 0; }
	
.image + .newimage
	{ display: none; margin: 0 0 15px 0;}
	
.show-if-user,
.show-if-admin
	{ border: 1px solid #444; padding: 8px 18px; border-radius: 3px; margin: 0 0 12px 0; display: none; }
.show-if-whatever
	{ border: 1px solid #444; padding: 18px 18px; border-radius: 3px; margin: 0 0 12px 0; }
.show-if-user h3,
.show-if-whatever h3
	{ font-weight: 300; padding: 10px 0; clear: both; margin: 0; }
.show-if-whatever h3.line
	{ border-bottom: 1px solid #444; margin: 0 0 10px 0; }
.show-if-user h4,
.show-if-whatever h4
	{ font-weight: 300; padding: 10px 0; clear: both; color: #fff; margin: 0; }
.show-if-user h3 label,
.show-if-user h4 label
	{ color: #888; cursor: pointer; font-size: 14px; margin: 0 0 0 10px; }
.show-if-8 p
	{ width: 12.5%; float: left; }
.show-if-user p,
.show-if-20 p
	{ width: 20%; float: left; }
.show-if-25 p
	{ width: 25%; float: left; }
.show-if-33 p
	{ width: 33.33333333333%; float: left; }
.show-if-50 p
	{ width: 50%; float: left; }
.show-if-user p.sel
	{ width: 100%; padding: 10px 0 0 0; }
	
.wrap .view
	{ background: #fff; box-shadow: 0 0 5px rgba(0,0,0,.5); padding: 20px; margin: 0 0 10px 0; }
.wrap .view table
	{ border-top: 1px solid #ddd !important; }
.wrap .view table tr th
	{ background: #fff; color: #222; border-bottom: 1px solid #ddd !important; text-align: left; width: 25%; }
.wrap .view table tr td
	{ background: #fff !important; color: #222 !important; border-bottom: 1px solid #ddd !important; text-align: left; }
.wrap .view table tr:nth-child(odd) td,
.wrap .view table tr:nth-child(odd) th
	{ background: #fafafa !important; }
	
p.fw
	{ width: 100%; border-top: 1px solid #444; padding-top: 10px; }
p.fw + p
	{ border-top: 0; padding-top: 0; }
	
i.green
	{ color: green; }
i.grey
	{ color: #555; }
	
.one-timesheet
	{ border: 1px solid #aaa; padding: 20px; }
.one-timesheet .ots
	{ float: left;/* width: 34%;*/ width: 58%; }
	
.one-timesheet .calculations
	{ float: right; width: 40%; }
	
.signatures
	{ padding: 30px 0 0 0; clear: both; }
.signatures h3
	{ font-weight: 300; font-size: 20px; margin: 0 0 10px 0; }
.signatures a
	{ display: block; float: left; padding: 10px; margin: 0 10px 0 0; border: 1px solid #444; border-radius: 4px; color: #fff !important; text-decoration: none !important; }
.signatures a:hover
	{ color: #47aae3 !important; }
.signatures span
	{ display: block; float: left; padding: 10px; margin: 0 10px 0 0; border: 1px solid #444; border-radius: 4px; color: #888; }
        
.signatures .printButton
	{ display: block; float: left; padding: 10px; margin: 0 10px 0 10px; border: 1px solid #444; border-radius: 4px; color: #888; width: 100px; }
        
.signatures label
	{ display: block; float: left; padding: 0px; margin: 12px 0 0 0; }
	
.wrap th.text-right
	{ text-align: right !important; }
.wrap tr.totals td
	{ border-top: 1px solid #444 !important; }
.wrap tr.totals td strong
	{ color: #fff; font-weight: normal; }
	
input.uppercased
	{ text-transform: uppercase; }
	
.show-if-whatever h4
	{ margin: 0 0 20px 0; padding: 0; }
	
.plus
	{ font-weight: bold; color: #d92000; }
.minus
	{ font-weight: bold; color: #cd57ff; }
	
.print-breakdown
	{ background: #fff; padding: 30px;  margin: 0 0 15px 0; }
	
table.bh
	{ width: 50%; margin: 0 0 30px 0; }
table.bh th
	{ background: transparent; color: #000; width: 170px; }
table.bh td
	{ background: transparent !important; color: #000; }
	
table.bb
	{ }
table.bb th
	{}
table.bb td
	{ background: transparent !important; color: #000; border-bottom: 1px solid #000 !important; font-size: 14px; }
table.bb .r
	{ text-align: right; }
table.bb .c
	{ text-align: center; }
	
.ui-autocomplete
	{ font-family: 'Oswald', Arial, Helvetica, sans-serif !important; font-size: 16px; line-height: 22px; padding: 5px; }
	
.addnewtop + .addnewbottom,
.addnewtop + .saved + .addnewbottom
	{ display: none; }
	
.linkbox
	{ background: #888; margin: 0 0 10px 0; }
.linkbox p
	{ width: 33.3333333333333%; float: left; padding: 8px; color: #fff; margin: 0; line-height: 24px; }
.linkbox p + p
	{ text-align: center; }
.linkbox p + p + p a
	{ display: inline-block; border: 1px solid #aaa; width: 24px; height: 24px; border-radius: 2px; }
.linkbox p + p + p strong
	{ display: inline-block; border: 1px solid #aaa; width: 24px; height: 24px; border-radius: 2px; background: #aaa; }
	
.asc + b::after
	{ content: ' ▼'; font-size: 9px; line-height: 0; position: relative; display: inline-block; margin: 0 0 0 5px; top: -3px; }
.desc + b::after
	{ content: ' ▲'; font-size: 9px; line-height: 0; position: relative; display: inline-block; margin: 0 0 0 5px; top: -3px; }
        
.dataTables_wrapper .row { padding: 0; }

/*.select2-container--default .select2-search--inline .select2-search__field,
.select2-container--default .select2-selection--multiple .select2-selection__choice
{ color: #000;}

.select2-container--default .select2-search--inline .select2-search__field { font-size: 12px;}

.select2-container--default .select2-selection--multiple .select2-selection__choice  { width: 80px; overflow: hidden; text-overflow: ellipsis; font-size: 12px; }  

.select2-dropdown {font-size: 12px;}

.yadcf-filter-reset-button
{ position: relative; right: 24px; padding: 4px 6px; background: transparent; border: 0; }

table.dataTable thead .sorting:after, table.dataTable thead .sorting_asc:after, table.dataTable thead .sorting_desc:after, table.dataTable thead .sorting_asc_disabled:after, table.dataTable thead .sorting_desc_disabled:after { bottom: 16px; }
*/

/* CSS used here will be applied after bootstrap.css */
.modal-header-success {
    color:#fff;
    padding:9px 15px;
    border-bottom:1px solid #eee;
    background-color: #5cb85c;
    -webkit-border-top-left-radius: 5px;
    -webkit-border-top-right-radius: 5px;
    -moz-border-radius-topleft: 5px;
    -moz-border-radius-topright: 5px;
     border-top-left-radius: 5px;
     border-top-right-radius: 5px;
}
.modal-header-warning {
	color:#fff;
    padding:9px 15px;
    border-bottom:1px solid #eee;
    background-color: #f0ad4e;
    -webkit-border-top-left-radius: 5px;
    -webkit-border-top-right-radius: 5px;
    -moz-border-radius-topleft: 5px;
    -moz-border-radius-topright: 5px;
     border-top-left-radius: 5px;
     border-top-right-radius: 5px;
}
.modal-header-danger {
	color:#fff;
    padding:9px 15px;
    border-bottom:1px solid #eee;
    background-color: #d9534f;
    -webkit-border-top-left-radius: 5px;
    -webkit-border-top-right-radius: 5px;
    -moz-border-radius-topleft: 5px;
    -moz-border-radius-topright: 5px;
     border-top-left-radius: 5px;
     border-top-right-radius: 5px;
}
.modal-header-info {
    color:#fff;
    padding:9px 15px;
    border-bottom:1px solid #eee;
    background-color: #5bc0de;
    -webkit-border-top-left-radius: 5px;
    -webkit-border-top-right-radius: 5px;
    -moz-border-radius-topleft: 5px;
    -moz-border-radius-topright: 5px;
     border-top-left-radius: 5px;
     border-top-right-radius: 5px;
}

.modal-header-primary {
    color:#fff;
    padding:9px 15px;
    border-bottom:1px solid #eee;
    background-color: #428bca;
    -webkit-border-top-left-radius: 5px;
    -webkit-border-top-right-radius: 5px;
    -moz-border-radius-topleft: 5px;
    -moz-border-radius-topright: 5px;
     border-top-left-radius: 5px;
     border-top-right-radius: 5px;
}