/*@import url(http://fonts.googleapis.com/css?family=Roboto:300&subset=latin,latin-ext);
*/
body {
	padding-top: 70px;
	background-color: #e6e7e8;
}
body.nomenu { padding-top:15px;}
body.login_page { padding:0;}
body.login_page .container { padding:0;}


.normal { color:#51C4d4}
.normal_active { color:#3895a2}
.invert { color:#F35050;}
.invert_active { color:#d64747;}


.btn-success { background-color:#1d2428; border-color:#1d2428;}
.btn-success:hover { background-color:#374851; border-color:#374851;}
/* NAVBAR OVERRIDES */
.navbar-inverse { background-color:#1d2428;border-color:#1d2428;}
.navbar-inverse .navbar-brand, .navbar-inverse .navbar-nav>li>a  { color:#FFF;}
.navbar-inverse .navbar-nav>.active>a, .navbar-inverse .navbar-nav>.active>a:hover, .navbar-inverse .navbar-nav>.active>a:focus { background-color:#374851; color:#FFF;}
.navbar-inverse .navbar-nav>.open>a, .navbar-inverse .navbar-nav>.open>a:hover, .navbar-inverse .navbar-nav>.open>a:focus { background-color:#374851; }
.dropdown-menu>li>a:hover,.dropdown-menu>li>a.active,.dropdown-menu>li>a:focus{text-decoration:none;color:#262626;background-color:#f5f5f5}

.navbar-brand { line-height:11px;}
.nav>li>a { font-size:12px; padding:15px 10px; font-family:Roboto, Arial;}
.navbar-form input { padding:3px;}

.navbar-inverse .navbar-toggle { border-color:#333;}
.navbar-inverse .navbar-toggle:hover, .navbar-inverse .navbar-toggle:focus { background-color:#374851;}
.navbar-inverse .navbar-collapse, .navbar-inverse .navbar-form { border-color:#374851;}
.badge { background-color:#F35050;}

.navbar-right li { text-align:right;}


.modal-header, .panel-heading, .mce-window-head { background-color:#1d2428 !important; color:#e6e7e8 !important;}
.mce-title { color:#e6e7e8 !important; font-weight:normal;}
.close {color:#FFF !important; text-shadow:0 1px 0 #e6e7e8 !important;}

.alert { border-radius:10px; font-size:12px; text-align:left; padding-left:55px; font-weight:bold; background-repeat:no-repeat;}
.alert .close { text-shadow:none; color:#000 !Important;}

.alert.alert-success {background-color:#e0f1bc; border-color:#b6de62; background-image:url(../images/ico-status-ok.gif);}
.alert.alert-info {background-color:#deeefa; border-color:#afd3f2; background-image:url(../images/ico-status-info.gif);}
.alert.alert-warning {background-color:#fef2c5; border-color:#fcd434; background-image:url(../images/ico-status-uizradi.gif);}
.alert.alert-danger {background-color:#f9e4e2; border-color:#d9928c; background-image:url(../images/ico-status-greska.gif);}

.project_status { border:1px solid #e4e4e4;width:18px; height:18px; margin-top:5px; float:left; display:block; border-radius:50%; -webkit-border-radius:50%; -moz-border-radius:50%;}
.project_status_ok {  background-color:#e0f1bc; border:1px solid #b6de62;}
.project_status_wait {  background-color:#faebcc; border:1px solid #dfcfaf;}
.project_status_nok {  background-color:#f9e4e2; border:1px solid #d9928c;}

.text-success { color:#1d2428;}

.comment_avatar { cursor: default; width:40px; height:40px; background-color:#CCC; color:#FFF; text-align:center; vertical-align:middle; line-height:40px; font-size:18px;}
.comment_avatar:hover { text-decoration:none; color:#FFF;}
.crm_comment small { font-size:11px;}
.crm_comment hr { margin:2px 0px;}
.crm_status_change { color:#999;}

.input-xs { height:25px !important; line-height:25px !important; padding:3px 5px; font-size:11px;}

.tab-pane-outlined { padding:15px; border:1px solid #ddd; margin-bottom:15px; border-top:none;}

/* BUTTON OVERRIDES */
/*.btn-primary { background-color:#F35050; border-color:#d64747}
.btn-primary:hover, .btn-primary:focus { background-color:#d64747;border-color:#d64747}

.btn-success { background-color:#51C4d4; border-color:#3895a2}
.btn-success:hover, .btn-success:focus { background-color:#3895a2;border-color:#3895a2}*/

/* quick search */

#quicksearch { position:relative;}
#quicksearchresults { position:absolute; width:400px; right:15px; top:43px; background-color:#f4f4f4; font-family:Roboto; font-size:12px;}

.pagination>li>a, .pagination>li>span { color:#1d2428}
.pagination>li>a:hover { color:#1d2428}
.pagination>li>a.active { background-color:#1d2428; color:#FFF;}

/* GLOW */
/*textarea:focus, input[type="text"]:focus, input[type="password"]:focus, input[type="datetime"]:focus, input[type="datetime-local"]:focus, input[type="date"]:focus, input[type="month"]:focus, input[type="time"]:focus, input[type="week"]:focus, input[type="number"]:focus, input[type="email"]:focus, input[type="url"]:focus, input[type="search"]:focus, input[type="tel"]:focus, input[type="color"]:focus, .uneditable-input:focus, select:focus, select.input-sm:focus {   
border-color: rgba(128, 128, 128, 0.6);
box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 8px rgba(0, 0, 0, 0.6);
outline: 0 none;}*/

/* SIGN IN */

.form-signin {
	max-width: 330px;
	padding: 15px;
	margin: 0 auto;
}
.form-signin .form-signin-heading, .form-signin .checkbox {
	margin-bottom: 10px;
}
.form-signin .checkbox {
	font-weight: normal;
}
.form-signin .form-control {
	position: relative;
	height: auto;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	padding: 10px;
	font-size: 16px;
}
.form-signin .form-control:focus {
	z-index: 2;
}
.form-signin input[type="email"] {
	margin-bottom: -1px;
	border-bottom-right-radius: 0;
	border-bottom-left-radius: 0;
}
.form-signin input[type="password"] {
	margin-bottom: 10px;
	border-top-left-radius: 0;
	border-top-right-radius: 0;
}


/* TABLICE */
.neaktivno {text-decoration:line-through; color:#999;}
.bottom_padder { padding-bottom:20px;}

/* REQUESTS */
#narudzba_pregled {}
.loading { background-image: url(../images/loading.gif); background-position:center; background-repeat:no-repeat;}

/* LOGIN SCREEN */

.default { background:#2b97a6 url(../images/bg.jpg) repeat-x top left}
.polje {border:0px; font-size:13px !important; color:#2c97a6}
.p_gore {border-radius:4px 4px 0px 0px; -moz-border-radius:4px 4px 0px 0px; -webkit-border-radius:4px 4px 0px 0px}
.p_dolje {border-radius:0px 0px 4px 4px; -moz-border-radius:0px 0px 4px 4px; -webkit-border-radius:0px 0px 4px 4px}
.ico_user, .ico_pass {padding-left:30px !important; background-repeat:no-repeat; background-position:left 50%}
.ico_user { background-image:url(../images/icon-user.gif)}
.ico_pass {background-image:url(../images/icon-password.gif)}
.form-signin img { margin:auto; display:block; margin-bottom:15px}
.form-signin input:-webkit-autofill {
    background-color: #FFF !important;
}


label.error { font-weight:normal; color:#F00;}
tr.separator_row td { padding-bottom:40px !important;}

.separator { margin:5px 0px; border-bottom:1px solid #CCC;}

.ui-datepicker select.ui-datepicker-month, .ui-datepicker select.ui-datepicker-year { color:#333 !important; font-size:13px; font-weight:normal;}

.ui-autocomplete { z-index:2000;}
div.mce-fullscreen { z-index:2500;}

.o2k7SkinBlack td.mceToolbar { background-color:#1d2428 !important;}

/* sortable_list */

.sortable_list { padding:0; margin:0; list-style:none;}
.sortable_list li { padding:5px; margin:0px 10px 0px 0px; list-style:none;  display:block; border-bottom:2px solid #e4e4e4;}
.sortable_list.grid li { float:left; border-bottom:none; margin:5px 10px 5px 0px;}
.sortable_list li a.pregled { border-radius:5px; padding:2px; position:relative; border:1px solid #CCC; width:100px; height:100px; overflow:hidden; float:left; display:block; background-size:cover; cursor:move;}
.sortable_list li a.pregled .checkbox { position:absolute; left:10px; top:0; width:15px; height:15px; background-color:#FFF;}
.sortable_list.grid li .form-group { display:none;}
.translation-areas { padding-left:120px; padding-right:20px;}

.sortable_list li:nth-child(odd) { background-color:#f3f3f3;}
.sortable_list.grid li:nth-child(odd) { background-color:#FFF;}




/*
TAGSINPUT
*/

div.tagsinput { border:1px solid #CCC; background: #FFF; padding:5px; width:300px; min-height:100px; overflow-y: auto;}
div.tagsinput span.tag { border: 1px solid #a5d24a; -moz-border-radius:2px; -webkit-border-radius:2px; display: block; float: left; padding: 5px; text-decoration:none; background: #cde69c; color: #638421; margin-right: 5px; margin-bottom:5px;font-family: helvetica;  font-size:13px;}
div.tagsinput span.tag a { font-weight: bold; color: #82ad2b; text-decoration:none; font-size: 11px;  } 
div.tagsinput input { width:80px; margin:0px; font-family: helvetica; font-size: 13px; border:1px solid transparent; padding:5px; background: transparent; color: #000; outline:0px;  margin-right:5px; margin-bottom:5px; }
div.tagsinput div { display:block; float: left; } 
.tags_clear { clear: both; width: 100%; height: 0px; }
.not_valid {background: #FBD8DB !important; color: #90111A !important;}


/* SELECT BOX */


.sbHolder{
	background-color: #2d2d2d;
	border: solid 1px #515151;
	font-family: Arial, sans-serif;
	font-size: 12px;
	font-weight: normal;
	height: 30px;
	position: relative;
	width: 200px;
}
.sbHolder:focus .sbSelector{
	
}
.sbSelector{
	display: block;
	height: 30px;
	left: 0;
	line-height: 30px;
	outline: none;
	overflow: hidden;
	position: absolute;
	text-indent: 10px;
	top: 0;
	width: 170px;
}
.sbSelector:link, .sbSelector:visited, .sbSelector:hover{
	color: #EBB52D;
	outline: none;
	text-decoration: none;
}
.sbToggle{
	background: url(selectbox/select-icons.png) 0 -116px no-repeat;
	display: block;
	height: 30px;
	outline: none;
	position: absolute;
	right: 0;
	top: 0;
	width: 30px;
}
.sbToggle:hover{
	background: url(selectbox/select-icons.png) 0 -167px no-repeat;
}
.sbToggleOpen{
	background: url(selectbox/select-icons.png) 0 -16px no-repeat;
}
.sbToggleOpen:hover{
	background: url(selectbox/select-icons.png) 0 -66px no-repeat;
}
.sbHolderDisabled{
	background-color: #3C3C3C;
	border: solid 1px #515151;
}
.sbHolderDisabled .sbHolder{
	
}
.sbHolderDisabled .sbToggle{
	
}
.sbOptions{
	background-color: #212121;
	border: solid 1px #515151;
	list-style: none;
	left: -1px;
	margin: 0;
	padding: 0;
	position: absolute;
	top: 30px;
	width: 200px;
	z-index: 1;
	overflow-y: auto;
}
.sbOptions li{
	padding: 0 7px;
}
.sbOptions a{
	border-bottom: dotted 1px #515151;
	display: block;
	outline: none;
	padding: 7px 0 7px 3px;
}
.sbOptions a:link, .sbOptions a:visited{
	color: #ddd;
	text-decoration: none;
}
.sbOptions a:hover,
.sbOptions a:focus,
.sbOptions a.sbFocus{
	color: #EBB52D;
}
.sbOptions li.last a{
	border-bottom: none;
}
.sbOptions .sbDisabled{
	border-bottom: dotted 1px #515151;
	color: #999;
	display: block;
	padding: 7px 0 7px 3px;
}
.sbOptions .sbGroup{
	border-bottom: dotted 1px #515151;
	color: #EBB52D;
	display: block;
	font-weight: bold;
	padding: 7px 0 7px 3px;
}
.sbOptions .sbSub{
	padding-left: 17px;
}


/* CMS login */
form.login {display:block; padding:20px;display:block; background-color:#1d2428; color:#fff; font-family: "Calibri Light", Calibri, "Century Gothic", Arial, sans-serif; margin:0;}
form.login label { font-weight:normal }
form.login .btn_login { background-color:#4a4a4a !important; color:#fff; text-transform:uppercase; border:0px; padding:6px 30px; margin-bottom:15px}
.cms {display:block; background-image:url(../images/login/pointer-xs.gif);background-repeat:no-repeat; background-position:top center; display:block; padding-top:50px; margin:0px 30px}

h2.company_title, h1.project_name {display:block; margin:0px; padding:0px;}
h2.company_title {font-size:14px !important; font-weight:bold}
h1.project_name {font-size:24px; font-weight:bold; padding-bottom:20px; border-bottom:1px solid #838383; margin-bottom:20px}

a.cms_logo {display:block;/* padding-top:60px; background-image:url(../images/cms-logo.jpg); */background-position:top center; background-repeat:no-repeat; text-align:center }

.sbHolder, .sbOptions, .sbHolder:focus, .sbSelector {width:100%}
.sbHolder, .sbSelector {height:35px}
.sbSelector { line-height:35px;}
.sbHolder {background-color:#4a4a4a !important; color:#fff;border-radius: 5px 5px 5px 5px;-moz-border-radius: 5px 5px 5px 5px;-webkit-border-radius: 5px 5px 5px 5px;border: 0px solid #000000;font-family: "Century Gothic", Arial, sans-serif}
.sbSelector:link, .sbSelector:visited, .sbSelector:hover {color:#fff}





@media (min-width:321px){
		
}

@media (min-width: 479px){
	
	
		
}

@media (min-width: 768px) {
	
	form.login{ margin-top:30px;}
	.rounded { border-radius: 15px 15px 15px 15px;-moz-border-radius: 15px 15px 15px 15px;-webkit-border-radius: 15px 15px 15px 15px;border: 0px solid #000000;}
	
}
@media (min-width: 992px) {
	form.login  {width:440px; margin:30px auto 0px auto;}
	form.login .btn_login { margin-bottom:0px}
	.cms {width:300px; margin:auto;background-image:url(../images/login/pointer.gif);background-position:top right;}
	
}
@media (min-width: 1200px) {
	
}