/* ---------------------------------------------------

eIndex CSS - Customization Style

@cssAuthor Bojan Drangovski
@contact bojandrango@gmail.com

@date Feb / March 2016

@NOTE

	To keep the core CSS in order and fully functional,
  make your changes and customizations in this CSS file
  (customization.css) instead of doing that in core CSS
  and please add desciptive comments for each new block
  of code.

--------------------------------------------------- */


/* ---------------------------------------------------

INFO TILES CUSTOM ICONS

--------------------------------------------------- */
.info-tile-icon > span.it-payments:before {
	content: "\f108";
}
.info-tile-icon > span.it-students:before {
	content: "\f10b";
}
.info-tile-icon > span.it-archive:before {
	content: "\f115";
}


/* ---------------------------------------------------

LABELS PLACEHOLDERS ( These are only for preview purpose. Remove if not needed anymore.)

--------------------------------------------------- */
.label-placeholder {
	float: left;
	width: 100%;
	margin: 0px;
	padding: 10px 0px;
	border-bottom-width: 1px;
	border-style: solid;
	border-color: #dce2e3;
}
.label-placeholder:first-of-type {
	padding: 0px 0px 10px 0px;
}
.label-placeholder:last-of-type {
	border: 0px;
	padding-bottom: 0px;
}
.label-placeholder > p {
	float: left;
	width: 100%;
	margin: 0px;
	padding: 0px;
	font-family: 'osreg';
	font-size: 13px;
	color: #808181;
}

/* ---------------------------------------------------

NEW CLASSES (added by Dijana)

--------------------------------------------------- */

.default-abutton {
	padding: 15px;
}
.default-abutton-exception{
    max-width: 250px;
}
.form-group-same-row{
    /*max-width: 300px;*/
    margin: 0px 0px 0px 10px;
}
.red-error {
	color: #e12a48;
}
.dataTables_wrapper table.dataTable tbody tr td a {
    display: inline-block;
    width: 15px;
    height: 15px;
    margin: 0px 5px;
    padding: 0px;
    background-repeat: no-repeat;
    -o-transition: .3s;
    -ms-transition: .3s;
    -moz-transition: .3s;
    -webkit-transition: .3s;
    transition: .3s;
}
.dataTables_wrapper table.dataTable tbody tr td {
    text-align: center;
    min-width: 96px;
}
.table-edit-icon {
	background-image: url(../images/table-action-icons.png);
    background-position: -15px 0px;
}
.table-details-icon {
    background-image: url(../images/table-action-icons.png);
    background-position: 0px 0px;
}
.table-remove-icon{
    background-image: url(../images/table-action-icons.png);
    background-position: -30px 0px;
}
.embg-val-error, 
.datum-ragjanje-val-error,
.form-val-error{
    float: left;
    wisth: 100%;
    color: red;
    margin: 5px 0px;
}
.hide-field{
  display: none;
}
.show-field{
  display: inline-block;
}
.longer-full-text{
  margin: 20px 0px;
}
.longer-full-text span{
  font-weight: bold;
}
span.paragraph-bold {
    margin: 0px 0 5px 0;
    padding: 5px 0px;
    font-family: 'robotomedium';
    font-size: 15px;
    color: #6b6b6b;
    display: inline-block;
}
.show-img {
  float: left;
  margin: 30px 0 0 0;
}
.first-of-two-in-a-row {
    position: absolute;
    top: 0px;
    left: 0px;
    width: 120px;
}
.second-of-two-in-a-row {
    width: 100%;
}
.ui-dialog.ui-widget.ui-widget-content.ui-corner-all.ui-front.ui-dialog-buttons.ui-draggable {
    padding: 0px;
    border: 0px;
    font-family: 'robotomedium';
    border-radius: 0px;
    height: auto!important;
    z-index: 9999;
}
.ui-dialog .ui-dialog-titlebar {
    border: 0px;
    background: rgb(196, 203, 206);
    border-radius: 0px;
}
#dialog-confirm {
    background: white;
    width: 100%;
    height: 120px!important;
    padding: 10px;
    font-family: 'robotomedium';
    font-size: 15px;
    color: #6b6b6b;
    display: inline-block;
}
.ui-icon.ui-icon-alert{
    background-image: none;
    display:none;
}
#login-invest-text p {
    padding: 10px 10px 10px 10px;
    color: #676767;
    font-weight: bold;
    font-size: 17px;
    white-space: nowrap;
}
.ui-dialog .ui-dialog-buttonpane {
    text-align: left;
    border: 0;
    background-image: none;
    padding: 0px!important;
    margin: 0;
    height: auto;
}
.ui-dialog .ui-dialog-buttonpane button {
    border: 0px;
    width: auto;
    min-width: 100px;
    border-radius: 0;
}
.ui-dialog .ui-dialog-buttonpane button:first-child {
    color:red;
}
.ui-button-text-only .ui-button-text {
    padding: 5px 15px;
    font-size: 14px;
    color: white;
}
.ui-dialog-title{
    float: left;
    position: relative;
    width: 100%;
    margin: 0;
    padding: 6px 5px;
    font-family: 'robotomedium';
    font-size: 14px;
}
.ui-dialog-titlebar-close{
    border: 0px;
    color: #a0c8e2;
}
.ui-dialog .ui-dialog-titlebar{
    color: #6b6b6b;
}
.ui-state-default .ui-icon{
    background-color:rgb(196, 203, 206);
}
.ui-dialog-buttonpane .ui-button-text-only:nth-child(2) span.ui-button-text {
    background: #e12a48;
}
.ui-dialog-buttonpane .ui-button-text-only:hover:nth-child(2) span.ui-button-text {
    background: rgb(228, 110, 110);
}
.ui-dialog-buttonpane .ui-button-text-only:nth-child(1) span.ui-button-text {
    background:#62c7ba;
}
.ui-dialog-buttonpane .ui-button-text-only:hover:nth-child(1) span.ui-button-text {
    background:#74d5c9;
}
.ui-dialog .ui-dialog-titlebar-close{
    border:0px!important;
    background: rgb(196, 203, 206);
}

.default-button.lightblue {
    max-width: 150px; 
    background-color: lightskyblue; 
    padding: 8px 10px 8px 10px; 
    min-height: 25px;
    font-size: 12px;
}
.hidden-id-field {
    display: none;
}