/*


b2cdde
4e799f

3f6e97


d9e8f1


*/


#loginMsg.ok{color:green;}
#loginMsg.error{color:red;}
#loginMsg.ok{color:green;}


#centralWrapper{border-bottom:1px solid #98B8CC;background-color: #fff}



.clr {clear:both;}
.left		{float:left;}
.right	{float:right}


#mainWrapper{padding-top:7.25rem;}


label {
    color: #555;
    font-size: 1rem;
    
}
.money, .number{text-align: right;}


fieldset {
  border: 1px dashed #b2cdde;
  margin:  0;
  padding: 1.25rem 1.25rem 0 1.25rem;
  border-bottom:0;
  border-radius:4px 4px 0px 0px;

  }

fieldset legend {
  font-weight: normal;
  margin: 0;
  margin-left: -0.1875rem;
  padding: 0 0.1875rem; border:0;
 display:inline-block;
  width:auto; font-size:1rem;}

  .datepicker{z-index: 9999 !important}

.sivko{background-color:#cccccc !important}


label span{margin-bottom:0.25rem;display:inline-block;}

	/*.detailedViewMain td{background-color:#fff; padding:15px 15px; vertical-align: top }*/

	#main_body{margin-bottom:30px;min-height: 84vh}
	#main_body_main_cell{margin-top:1.275rem}

	#header_intro{margin-right:10rem}


	#searchResultContainer{margin-top:1.875rem;background-color: #d9e8f1;padding-bottom:15px;display:none;}


	.app_intro_container{margin-top:50px}
	.app_intro div{text-align: center;margin-top:15px;margin-bottom:15px;}
	.app_intro img{max-width: 100%}



	.detailed_view_container{display:none}

	.detailed_view{padding:15px;}


	.detailed_view_cell{background-color:#fff; margin: 0.6375rem;;padding:15px;}

	#display_company_data{border-radius: 4px 0 0 0px;}
	#display_online_reports{border-radius: 0 0px 0px 4px;}
	#display_order_options{border-radius: 0 4px 0px 0;}
	#display_previous_orders{border-radius: 0 0px 4px 0;}


	.companyDataTable {position: relative; margin:0;}
	.companyDataTable .separator{padding:0;border-top:1px dashed #b2cdde;margin:10px;}
	.companyDataTable .separator2{padding:0;border-top:1px dashed #ccc;}
	.companyDataTable .separator div{border-top:1px dashed #b2cdde;}
	.companyDataTable .dataTitle{font-weight: bold;}
	.companyDataTable .dataContent{}


	.companyDataTable .dataTitle.form{font-weight: bold; line-height:3.5rem}
	.companyDataTable .dataContent.form{line-height:3.5rem}



	.companyDataTable  .companyDataRow{padding:0.5rem 0;margin-right: 0;
    margin-left: 0;}



 	.companyPriceTable .separator{padding:0;border-top:1px dashed #b2cdde;margin:0.6375rem;}
	.companyPriceTable .separator2{padding:0;border-top:1px dashed #ccc;}
	.companyPriceTable .separator div{border-top:1px dashed #b2cdde;}   



	.myTable{background-color: #b2cdde;}
	.myTable td{background-color: #f2f2f2}
	.myTable th{background-color: #e2e2e2}

	.button{
		padding:0.7rem 1rem; 
		border-radius: 4px; 
		background-color: #5782a5;
		color:#fff; 
		border:1px solid #fff;
		transition: all  300ms ease-out;
		box-shadow: 0px 0px 2px 0px #888888;
		font-size:14px;
		text-align: left
	}

	.button i{

		font-size:1.6rem;
		margin-right:0.4375rem;
		


	}



	.button.expanded{padding:0.7rem 2.5rem; }

	.button.remove{
		padding:0.05rem 1rem; 
		border-radius: 4px; 
		background-color: #a60000;
		color:#fff; 
		border:1px solid #fff;
		transition: all  300ms ease-out;
	}

	.button:hover{
		background-color: #b2cdde;
		color:#3b3b3b; 
		border-radius: 0
	}

	.button.remove:hover{
		background-color: #b86969;
		color:#3b3b3b;
		border-radius: 0
	}


	.button.disabled{background-color: #e2e2e2;color:graytext;}
	.button.disabled:hover{background-color: #f2f2f2;color:graytext}




	.input{


		font-size:14px;
   box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    border:1px solid #b2cdde;
    padding: 0.7rem;
    margin:0px;
    -webkit-transition: all 0.30s ease-in-out;
    -moz-transition: all 0.30s ease-in-out;
    -ms-transition: all 0.30s ease-in-out;
    -o-transition: all 0.30s ease-in-out;
    outline: none; 
    width:100%;
    border-radius: 4px; 
        line-height: initial;

/*
      -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);

*/

	}
	.select{
		width:100%;
		font-size:14px;
		box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    border:1px solid #b2cdde;
    padding: 0.625rem;
    margin:0px;
    -webkit-transition: all 0.30s ease-in-out;
    -moz-transition: all 0.30s ease-in-out;
    -ms-transition: all 0.30s ease-in-out;
    -o-transition: all 0.30s ease-in-out;
    outline: none;
    border-radius: 4px; 
        line-height: initial;

     }



  .texarea{


		font-size:14px;
   	box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    border:1px solid #b2cdde;
    padding: 0.7rem;
    margin:0px;
    -webkit-transition: all 0.30s ease-in-out;
    -moz-transition: all 0.30s ease-in-out;
    -ms-transition: all 0.30s ease-in-out;
    -o-transition: all 0.30s ease-in-out;
    outline: none; 
    width:100%;
    border-radius: 4px; 
        line-height: initial;

	}




 .input:focus, .select:focus{
	    -moz-box-shadow: 0 0 8px #79a4c9;
	    -webkit-box-shadow: 0 0 8px #79a4c9;
	    box-shadow: 0 0 8px #79a4c9;
	    border: 1px solid #79a4c9;
	}



	.input{margin-bottom:0.6375rem;}

	.select{margin-bottom:0.6375rem;}

	.button{margin-bottom:0.6375rem;}


label.field_with_error .input:focus, label.field_with_error .select:focus{
	    -moz-box-shadow: 0 0 8px #FF0000;
	    -webkit-box-shadow: 0 0 8px #FF0000;
	    box-shadow: 0 0 8px #FF0000;
	    border: 1px solid #FF0000;
	}

label.field_with_error span, span.field_with_error{
	color:#FF0000 !important;
}

	.instantReport{margin-bottom:0.9375rem;width:100%}

	.panel_tile{color:#3b3b3b; font-size:16px; font-weight:bold;margin-bottom:1.275rem}

	.inlineLegend{display: none}

	 .is-table-row {
        display: table;
    }
    .is-table-cell {
        float: none;
        display: table-cell;
        vertical-align: middle;
    }

    .product_row{    border-top: 1px dashed #b2cdde; }

    .resetProduct, .orderProduct, .rekapitulacija{text-align: right;}

    .orderProductName, .orderProductFile{text-align: left}


    .samo-xs{display: none}






.loading {background:url(/style/images/loading.gif) center center no-repeat; height:30px}

	#companies {font-size:0.95em; border-bottom:1px solid #b2cdde;}

	/*#companies div.row {padding: 3px 0 3px 0;}*/

	#companies a {/*display:block;*/ color:#5782a5;}

	#companies a:visited {/*display:block;*/ color:#5782a5;}

	#companies div.spc {background:#b2cdde; height:1px; margin:0;}

	#priceList td{font-size:12px;}

	#companies .bgC {background:#ffffff; padding:10px;}



	#companies .row.legend{padding-top:0.9375rem;padding-bottom:0.9375rem;font-style: italic; color:#4e799f;background-color: #f2f2f2}

	
	#companies .row.listItem{cursor:pointer; border-top:1px solid #b2cdde; background:#ffffff;padding-top:0.9375rem;padding-bottom:0.9375rem;}
	#companies .row.listItem:hover{background:#e3e3e3}
	#companies .row.listItem.selected{/*background:#b2cdde;*/ background-color: #5782a5; color:#fff;border-top:1px solid #5782a5;}
	
	#companies .statLeft {float:left; }

	#companies .statLeft {float:left; }

	#companies .statRight {float:right;}
	
	.ui-tooltip{
		border:1px solid #e3e3e3;
		box-shadow: 0 0 10px black;
		font-style:italic;
		background:white;
		z-index: 3;
	}

	#companies .row.listItem .orderFile i, #companies .row.listItem .removeFromMonitoring i{font-size:2rem ;font-weight: 400;color: #3f6e97;}
	#companies .row.listItem.selected .orderFile i{color: #fff;}



    #companies .row.listItem .orderFile a{display: inline-block;}

	/********************* SEARCH FORM **********************/

	#searchForm{z-index: 2;position: relative; margin-top:1.875rem;background-color: #d9e8f1;padding-top:15px;padding-bottom:15px;/*border-radius: 8px 8px 0px 0px*/}

	#searchForm label{display: block}

	#searchForm label .button{min-width:100%; padding: 0.7rem 2.5rem !important;font-weight:normal}


	
	/*** SHOW HIDE SEARCH FORM ICON **********/
	#showHideFormContainer{overflow: hidden;display:none;position:absolute; right: 2rem; bottom:-2.5rem;  cursor: pointer;z-index: 4;}

	#showHideFormContainer i{color:#4e799f;font-weight: 3rem;margin:0.4375rem 1rem 0.4375rem 1rem; }

	#showHideFormContainer:hover i{}

	#shfc{box-shadow: 0 1px 5px rgba(0,0,0,.075);background-color:#d9e8f1 ;border-radius:0px 0px 4px 4px; margin: 0 7px 7px 7px;}



	/* Queries and orders controls */

	#customerControls{overflow: hidden;position:absolute; right: 2rem; top:-4rem;  cursor: pointer;z-index: 4;}

	#customerControls #bof{margin-right:15px;display:none;}
	#customerControls #bof.visible{display: inline-block;}
	
	#customerControls #bof i{font-size:2.9rem ;font-weight: 600; color: #3f6e97;}

	#customerControls .control{display: inline-block;}

	#customerControls #rfc i{font-size:2.7rem ;font-weight: 600; color: #3f6e97;}


	#customerControls #fic i{font-size:2.7rem ;font-weight: 600; color: #3f6e97;margin-right:15px;}

	.hidden_country{display:none}
	


	.box_shadow{

		/*-webkit-box-shadow: 0px 0px 4px 0px rgba(142,142,142,0.75);
		-moz-box-shadow: 0px 0px 4px 0px rgba(142,142,142,0.75);
		box-shadow: 0px 0px 4px 0px rgba(142,142,142,0.75);*/

		/*box-shadow: inset 0 1px 0 rgba(255,255,255,.75), 0 1px 5px rgba(0,0,0,.075);*/

		box-shadow: 0 1px 5px rgba(0,0,0,.075);

	}



	.bootstrapToggle{width:100% !important;
		border:none;
		border-radius: 4px; 
		height: 36px !important;
	}

	.toggle-on{background-image: none;



		padding-top:0.7rem;
		padding-bottom:0.7rem;
		border-radius: 4px; 
		background-color: #5782a5;
		color:#fff; 
		border:1px solid #fff;
		transition: all  300ms ease-out;
		box-shadow: 0px 0px 2px 0px #888888;
		font-size:14px;
		text-align: left;
		line-height: inherit;



	}


		.toggle-off{background-image: none;



		padding-top:0.7rem;
		padding-bottom:0.7rem;
		border-radius: 4px; 
		background-color: #fff !important;
		color:#fff; 
		border:1px solid #b2cdde !important;
		transition: all  300ms ease-out;
		/*box-shadow: 0px 0px 2px 0px #888888;*/
		box-shadow: none !important;
		font-size:14px;
		text-align: left;
		line-height: inherit;

		    /*background-color: #e0e0e0;*/



	}
	
.bootstrapToggle .toggle-on:hover, .bootstrapToggle .toggle-off:hover {
	background-color: #b2cdde;
		color:#3b3b3b; 
		border-radius: 0;
		border:1px solid #fff;
		text-shadow: none;
}
    

    #searchFormRow2{margin-top: 0.6375rem;}



    .flexboxRow{ display: -webkit-flex;display: -ms-flexbox; display: flex; overflow: hidden;}

    .flexboxCell{flex: 1;}


    #suma{text-align: right;}

    #plupload_container{;padding-right:0 !important}
    #napomena_container{padding-left:0 !important;padding-right:0 !important}


    #report_currency_cell{padding-right:0}
    #report_lang_cell{padding-right:0}
    #order_product_cell{padding-right:0}
    #asked_limit_cell{padding-right:0}
    #asked_limit_currency_cell{padding-right:0}

   /* #order_delivery_cell{padding-right:0}*/


   .fa-eye{color:#5782a5;}
   .fa-eye-slash{color:#e3e3e3;}
    
    




/**********************************************************************************************MEDIUM *******************/

@media only screen and (max-width : 1200px) {



	.input{margin-bottom:0.6375rem;}

	.select{margin-bottom:0.6375rem;}

	.button{margin-bottom:0.6375rem;}

	.inlineLegend{display: inline}

	#searchFormRow2{margin-top: 0}
	.bootstrapToggle{margin-bottom: 0.6375rem;}



 .flexboxRow{ display: inherit; }

    .flexboxCell{flex: inherit;}

	#order_product_cell{padding-right:15px}
	#asked_limit_currency_cell{padding-right:15px}
	#order_delivery_cell{padding-right:0px}

	
	}


/********************************************************************************************** SMALL *******************/


@media only screen and (max-width : 992px) {

	


	.input{margin-bottom:0.6375rem;}

	.select{margin-bottom:0.6375rem;}

	.button{margin-bottom:0.6375rem;}



 .product_row{ margin-bottom:0.6375rem;}


  #previousOrders .is-table-row {
        display: block;
    }
 #previousOrders  .is-table-cell {
        float: left;
        display: block;
        vertical-align: top;
    }

    #searchFormRow2{margin-top: 0}
    .bootstrapToggle{margin-bottom: 0.6375rem;}




    #suma{text-align: center;padding-right: auto;}

    #plupload_container{padding-left:0 !important;padding-right:0 !important; margin-top:15px;}

    #napomena_container{padding-left:0 !important;padding-right:0 !important;}



}

/******************************************************************************************** X SMALL *******************/
@media only screen and (max-width : 768px){



	#centralWrapper{padding-left:0px !important;padding-right:0px !important;}

	#mainWrapper{padding-left:5px !important;padding-right:5px !important;}

	#searchResultContainer{padding-left:5px !important;padding-right:5px !important;}

	.detailed_view{padding-left:0.9375rem;padding-right:0.9375rem;}

	.detailed_view_cell{margin-top:0;}


	#display_company_data{border-radius: 4px 4px 0 0px;}
	#display_online_reports{border-radius: 0 0px 0px 0px;}
	#display_order_options{border-radius: 0 0px 0px 0;}
	#display_previous_orders{border-radius: 0 0px 4px 4px;}

	.product_name{text-align: center;}


.bootstrapToggle{margin-bottom: 0.6375rem;}


	 .is-table-row {
        display: block;
    }
    .is-table-cell {
        float: left;
        display: block;
        vertical-align: top;
    }


    .border-sm-top{border-top:1px dashed #b2cdde;}

    .border-xs-bottom{border-bottom:1px dashed #b2cdde;}

     .product_row{    border-top: none; margin-bottom:0.9375rem;}

.resetProduct, .orderProduct, .rekapitulacija, .orderProductName, .orderProductFile{text-align: center;}

.samo-xs{display: inline}



#searchFormRow2{margin-top: 0}

#report_lang_cell{padding-right:15px}
#order_delivery_cell{padding-right:15px}


.dataTitle, .dataContent{text-align: center;}

}




/******************************************************************************************* Extra Small Devices, Phones */ 
@media only screen and (max-width : 480px) {





}

/******************************************************************************************** Custom, iPhone Retina */ 
@media only screen and (max-width : 320px) {




}