body
{
   background:  #DDFFDD url(../img/background.gif) top left no-repeat;
   margin: 0px 0px 0px 0px;
   font-size: 12px;
   font-family: Verdana, Helvetica, Sans-Serif;
   font-weight: normal;
   font-style: normal;
   text-decoration: none;
}

td, th
{
   font-family: Verdana, Helvetica, Sans-Serif;
   font-size: 12px;
   height:18px;
}

a
{
   color: #0B3F0B;
   text-decoration: none;
}

a:hover
{
   text-decoration: underline;
}

a.nocolor
{
   color: #000000;
}

a.greycl
{
   color: #777777;
}

span.gr, b.gr
{
   color: #0B3F0B;
}

span.grey, b.grey
{
   color: #DDDDDD;
}

input, textarea, select, fieldset
{
   background-color: #FFFFFF;
   border: 1px #8BDA8B solid;
   padding: 2px;
   font-size: 11px;
}

input.err, textarea.err, select.err
{
   border: 1px #DD3300 solid;
}

input.cancel
{
	background-color: #DDDDDD;
	width: auto;
}

input.submit
{
	background-color: #DDFFDD;
	width: auto;
	margin: 6 6 6 6;
}

a.leftmenu_link
{
   display: block;
   background: url(../img/arrowbullet.gif) no-repeat left center transparent;
   padding-left: 18px;
   text-decoration: none;
}
a.leftmenu_link1
{
   display: block;
   padding-left: 1px;
   text-decoration: none;
}
a.leftmenu_link2
{
   display: block;
   padding-left: 36px;
   text-decoration: none;
}

#login_box
{
	border: 1px solid #3A9A3A;
	background:#FFFFFF;
	padding: 2px;
	width: 144px;
	margin-top: 2px;
	margin-bottom: 6px;
	text-align: left;
}

#office_open, #office_close
{
	background:#FFFFFF;
	padding: 5px;
	padding-left: 10px;
	width: 600px;
	height: 20px;
	margin: 5px;
	text-align: left;
}

#office_close
{
	border: 1px solid #DD3300;
}

#office_open
{
	border: 1px solid #3A9A3A;
}

.form2
{
   background-color: #FFFFFF;
   border: 2px solid #3A9A3A;
}

.form1
{
   background-color: #DDFFDD;
   border: 1px solid #3A9A3A;
   padding: 5px;
}

.form3
{
	border-collapse: collapse;
	background-color: #FFFFFF;
	border: 1px solid #3A9A3A;
	padding: 6px;
}

.form3 th
{
   background-color: #FFFFFF;
   border-bottom: 1px #3A9A3A solid;
   background-color: #8BDA8B;
   text-align: center;
   font-weight: bold;
   height:20px;
}

.form3 td
{
   padding: 6px;
   margin: 0px;
}

.form4
{
	border-collapse: collapse;
	background-color: #FFFFFF;
	border: 1px solid #3A9A3A;
	padding: 6px;
}

.form4 th
{
   background-color: #FFFFFF;
   border-bottom: 1px #3A9A3A solid;
   background-color: #8BDA8B;
   text-align: center;
   font-weight: bold;
   height:20px;
}

.form4 td
{
   padding: 2px;
   margin: 0px;
}

.form_red
{
   background-color: #FFFFFF;
   border: 2px solid #DD3300;
}

.form_red input, .form_red textarea, .form_red select
{
   border: 1px solid #BBBBBB;
}

.form_red input.submit
{
	background-color: #DDFFDD;
	border: 1px solid #DD3300;
}

.main
{
   border-collapse: collapse;
   border: 1px solid #3A9A3A;
}

.main td
{
   border-top: 1px #8BDA8B solid;
   background-color: #FFFFFF;
   padding-left: 5px;
   padding-right: 5px;
}

.main th
{
   background-color: #FFFFFF;
   border-bottom: 1px #3A9A3A solid;
   background-color: #8BDA8B;
   text-align: center;
   font-weight: bold;
   height:20px;
}

.main1
{
   border-collapse: collapse;
}
.main1 td
{
   border-top: 0px #8BDA8B solid;
   background-color: #FFFFFF;
   padding-left: 0;
   padding-right: 0;
}

.mainTable
{
   border-collapse: collapse;
   border: 1px solid #3A9A3A;
}

.mainTable td
{
   border-top: 1px #8BDA8B solid;
   padding-left: 5px;
   padding-right: 5px;
}

.mainTable th
{
   background-color: #FFFFFF;
   border-bottom: 1px #3A9A3A solid;
   background-color: #8BDA8B;
   text-align: center;
   font-weight: bold;
   height:20px;
}
.mainTable1
{
   border-collapse: collapse;
   border: 0px solid #3A9A3A;
}
.mainTable1 td
{
   border-top: 0px #8BDA8B solid;
   padding-left: 5px;
   padding-right: 5px;
}

th.gr_border
{
	border: 1px #3A9A3A solid;
}

.zero, .zero td
{
	padding: 0px;
	margin:  0px;
	border:  0px; 
	border-spacing:0px;
}

.inner, .inner td
{
	padding:2px;
	padding-bottom:0px;
	margin:0px;
}

.lefth th, th.lefth
{
   text-align: left;
   padding-left: 6px;
}

.head th, th.head
{
   text-align: left;
   padding: 2 2 2 6;
}

th.solid
{
   border: 1px #3A9A3A solid;
}

th.red
{
	background-color: #EFB7B7;
}

th.disconnected
{
	background-color: #AA4444;
}

.gr td, td.gr
{
   background-color: #DDFFDD;
}
.online td, td.online
{
   background-color: #70DB70;
}

.red td
{
   background-color: #EFB7B7;
   border-top: 0px #8BDA8B dotted;
}

.disconnected td
{
   background-color: #AA4444;
   border-top: 0px #8BDA8B dotted;
}

.expired td
{
   background-color: #99CCFF;
   border-top: 0px #8BDA8B dotted;
}
.nostatus td
{
    margin-top: 5px;
    border-top: 0px #8BDA8B dotted;
}

.nostatus_dot td
{
    margin: 5px;
    border-bottom: 1px #8BDA8B dotted;
}
.red_dot td
{
   background-color: #EFB7B7;
   border-bottom: 1px #8BDA8B dotted;
}
.disconnected_dot td
{
   background-color: #AA4444;
   border-bottom: 1px #8BDA8B dotted;
}
.expired_dot td
{
   background-color: #99CCFF;
   border-bottom: 1px #8BDA8B dotted;
}
.online_dot td
{
   background-color: #70DB70;
   border-bottom: 1px #8BDA8B dotted;
}

.grey td
{
   background-color: #DDDDDD;
   border-top: none;
}

.clear td
{
   background-color: #FFFFFF;
}

td.undl
{
	border-bottom: 1px #8BDA8B solid;
	font-size: 11px;
}

td.prof
{
	font-weight: bold;
	font-style: italic;
}
.dotted td
{
	border-top: 1px #8BDA8B dotted;
}
.dotted1 td
{
	border-top: 0px #8BDA8B dotted;
}
.dotted2 td
{
	border-top: 0px #8BDA8B dotted;
        border-bottom: 1px #8BDA8B dotted;
}

.padding5 td
{
	padding: 5px;
}

.empty_rec, a.red
{
	color:#FF0000;
}

.small
{
	font-size:9px;
}
.big
{
	font-size:18px;
}
.bigRed
{
        color:#FF0000;
	font-size:18px;
}

span.red
{
	color:#FF0000;	
}

a.online, span.online
{
	font-size:9px;
	color: #0B3F0B;
}

.sp_limit
{
	color:#FF0000;
}

div.err_msg
{
	background-color: #EFB7B7;
	border: 1px solid #DD3300;
	width: 294px;
	padding: 2px;
	margin-bottom: 6px;
}

div.info_msg
{
	background-color: #FFFFFF;
	border: 1px solid #8BDA8B;
	width: 294px;
	padding: 2 2 2 2;
	margin-bottom: 6px;
}

div.notes
{
	background-color: #FFFFFF;
	border: 1px solid #8BDA8B;
}

div.pagination {
	margin: 2px;
}

div.pagination a {
	margin: 2px;
}
div.pagination a:hover, div.pagination a:active {
	color: #000;
}
div.pagination span.current {
	margin: 2px;
	font-weight: bold;
}
div.pagination span.disabled1 {
	margin: 2px;
	color: #DDDDDD;
}

.disabled
{
	border: 1px #DDDDDD solid;
	disabled: true;
}

h2
{
	font-size:14px;
	color: #0B3F0B;
	text-decoration: underline;
}

h2.label
{
	font-size:12px;
	margin-bottom:2px;
}

div.add_new
{
	font-weight: bold;
	text-decoration: underline;	
	margin-bottom:2px;
	color: #0B3F0B;
}
	
div.head1
{
	text-align: left;
	font-weight: bold;
	font-size: 13px;
	text-decoration: underline;	
	margin-bottom:2px;
}

.gratis
{
    background-color: #FFCC66;
}
.gratis_dot
{
    background-color: #FFCC66;
    border-bottom: 1px #8BDA8B dotted;
}
span.disconnected
{
    color: #AA4444;
}

 .custom-file-input::-webkit-file-upload-button {
  visibility: hidden;
}
.custom-file-input::before {
  content: 'Избери файл';
  display: inline-block;
  background: -webkit-linear-gradient(top, #f9f9f9, #e3e3e3);
  border: 1px solid #999;
  border-radius: 3px;
  padding: 3px;
  outline: none;
  white-space: nowrap;
  -webkit-user-select: none;
  cursor: pointer;
  text-shadow: 1px 1px #fff;
  font-weight: 500;
  font-size: 8pt;
}
.custom-file-input:hover::before {
  border-color: black;
}
.custom-file-input:active::before {
  background: -webkit-linear-gradient(top, #e3e3e3, #f9f9f9);
}

.loader {
  border: 16px solid #f3f3f3;
  border-radius: 50%;
  border-top: 14px solid #3A9A3A;
  border-bottom: 14px solid #3A9A3A;
  width: 80px;
  height: 80px;
  -webkit-animation: spin 2s linear infinite;
  animation: spin 2s linear infinite;
}

@-webkit-keyframes spin {
  0% { -webkit-transform: rotate(0deg); }
  100% { -webkit-transform: rotate(360deg); }
}

@keyframes spin {
  0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}