/*
 * This is a manifest file that'll be compiled into application.css, which will include all the files
 * listed below.
 *
 * Any CSS and SCSS file within this directory, lib/assets/stylesheets, vendor/assets/stylesheets,
 * or vendor/assets/stylesheets of plugins, if any, can be referenced here using a relative path.
 *
 * You're free to add application-wide styles to this file and they'll appear at the top of the
 * compiled file, but it's generally better to create a new file per style scope.
 *
 *= require_self
 *= require_tree .
 */

body { background-color:#e0ffff; }

#maincont { padding:5px;}

#maincont 	.button_to {
	display: inline;
}

#maincont  .button_to div {
	display: inline;
}

#maincont {
	width:97%;
	border:1px solid black;
}

#breadcrumb {
	width:100%;
	font-size:85%;
	text-align:right;
}

fieldset { border: 1px solid black;margin-bottom:0.5em;}

#notice { border:4px solid #F00; font-size:16px; font-weight:bold; width:95%; margin:5px; padding:5px; color:white;background:#555; }

table.phoning {
  width:100%;
}

table.phoning td.ok { text-align:center; color:green; }
table.phoning td.late { color:red; text-align:center; }
table.phoning td.superlate { background: black; color:white; text-align:center; }

#notepopup { display:none;
            background:white; 
            width:90%; 
            height:510px;
            position:fixed;
            z-index:100;
            top:15px;
            margin-left:5%;
            margin-right:5%;
            border:3px solid cyan;
            }

.insidepopup {
  margin-top:0.2rem;
  margin-left:15px;
}

.insidepopup .topmention { text-align:right; font-size:55%; padding-right:10px;}

.insidepopup .commercantname { font-weight:bold; margin-bottom: 1rem;}
.insidepopup .display_sticky_note { font-size:75%; padding:10px; width:80%; background:#eee;}

.insidepopup #note_creation_date { font-size:55%; }
.insidepopup #notetext { font-size:55%; }
.insidepopup #sticky_note { font-size:55%; }

.insidepopup .secttitle { text-decoration: underline; }

.phoning_note_short { font-style: italic; font-size:80%; }
 
.phoning { border:0; }
.phoning tr { margin:0; border:0; padding:0; }
.phoning tr.dark { background: #ddd; }
.phoning td { margin:0; border:0; padding:0; }
.phoning .pointer { cursor: pointer;}
.phoning .sticky-note { text-align:left; }
.phoning .sticky-note-special { text-align:left;background: #1A1; color:white; }
 /*.phoning .sticky-note-special2 { text-align:left;background: #767676; color:white; } */
.phoning .sticky-note-special2 { text-align:left;background: #F56B2A; color:white; }
.phoning .sticky-note-special3 { text-align:left;background: #060; color:#aaa; }

#comdocs_upload {    
  background:#ddd;
  padding:10px;
}

#comdocs {
  padding:10px;
}


#unpaids_main_form {
  width:1000px;
}

#unpaids_main_form .row {
  height:25px; min-height:25px;
}

#unpaids_main_form .col1 {
  float:left;
  width:30px;
}

#unpaids_main_form .col2 {
  float:left;
  width:90px;
}

#unpaids_main_form .col3 {
  float:left;
  width:200px;
  min-width:200px;
}

#unpaids_main_form .col4 {
  float:left;
  width:100px;
}

#unpaids_main_form .col5 {
  float:left;
  width:100px;
}

#unpaids_main_form .col5:after {
  float:none;
  clear:both;;
}



#unpaids_main_form .endrow {
  clear:both;
  display:table;
  
}