* { margin: 0; padding: 0; box-sizing: border-box; outline:none; }
html { height: 100%; overflow: auto; }
body { height: 100%; overflow: auto; padding: 0px; margin: 0px; background: #F7F7F7; font: 14px/1.4 Arial, sans-serif; }

input::-moz-placeholder { color: #333; font-style: italic; }
textarea::-moz-placeholder { color: #333; font-style: italic; }
input::-webkit-input-placeholder { color: #333; font-style: italic; }
textarea::-webkit-input-placeholder { color: #333; font-style: italic; }
input:-ms-input-placeholder { color: #333; font-style: italic; }
textarea:-ms-input-placeholder { color: #333; font-style: italic; }
input::-ms-input-placeholder { color: #333; font-style: italic; }
textarea::-ms-input-placeholder { color: #333; font-style: italic; }
input::placeholder { color: #333; font-style: italic; }
textarea::placeholder { color: #333; font-style: italic; }

.bold { font-weight: bold; }
.red { color: #f00; }
.green { color: #64802a; }
.pink { color: #ddabfc; }

.fixHead th { position: sticky!important; top: 0; }
.fixHead thead { position: sticky!important; top: 0; }

#wrapper { border: 0px; min-width: 1024px; width: 100%; min-width: 1100px; height: 100%; position: absolute; margin: auto 0; padding: 0px; }
#wrapper #header { border: 0px; width: 100%; height: 55px; position: relative; margin: 0px; padding: 0px 10px 0px 10px; vertical-align: middle; }
#wrapper #header button { height: 33px; font-size: 14px; font-weight: bold; border: 1px solid #aaa; background: linear-gradient(90deg, #62D9E2 1.75%, #73F6B4 94.18%); cursor: pointer; position: relative; vertical-align: bottom; padding: 0 8px 0 8px; border-radius: 4px;  -moz-border-radius: 4px; -webkit-border-radius: 4px; }
#wrapper #header button:hover { color: #fff; }
#wrapper #header #user_info { border: 0px; float: right; margin: 5px 10px 1px 1px; font-size: 11pt; color: #00a6b2; text-align: right; font-weight: bold; }
#wrapper #header #user_info a { color: #00a6b2; text-decoration: none; }
#wrapper #header #client_info { border: 1px dashed #ccc; float: left; height: 40px; padding: 5px 15px; vertical-align: bottom; margin-left: 30px; margin-top: 5px; font-size: 15pt; background-color: #fff; color: #666; text-align: left; font-weight: bold; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; }
#wrapper #header #client_info a { color: #00a6b2; text-decoration: none; }
#wrapper #header #client_select { border: 1px dashed #ccc; float: left; height: 40px; padding: 5px 15px; vertical-align: bottom; margin-left: 30px; margin-top: 5px; font-size: 15pt; background-color: #fff; color: #666; text-align: left; font-weight: bold; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; }
#wrapper #header #client_select a { font-size: 12pt; color: #444; font-weight: bold; text-decoration: none; }
#wrapper #header #client_select input[type=submit] { height: 26px; font-size: 14px; font-weight: bold; border: 1px solid #aaa; background: linear-gradient(90deg, #62D9E2 1.75%, #73F6B4 94.18%); cursor: pointer; position: relative; vertical-align: bottom; padding: 0 8px 0 8px; border-radius: 4px;  -moz-border-radius: 4px; -webkit-border-radius: 4px; }
#wrapper #header #client_select input[type=submit]:hover { color: #fff; }
#wrapper #menu { border: 0px; width: 100%; height: 30px; position: relative; margin: 0px; padding: 0px 0px 0px 0px; color: #ffffff; background-color: #5bb8c3; }
#wrapper #content { border: 0px; width: 100%; height: auto; position: relative; margin: auto; padding: 10px 5px 10px 5px; }
#wrapper #footer { border: 0px; width: 100%; height: 40px; position: relative; margin: 0px; padding: 1px 10px 0px 10px; text-align: right; font-size: 9pt; font-weight: bold; color: #ffffff; background: linear-gradient(90deg, #5bb8c3 1.75%, #73F6B4 94.18%); }
#wrapper #footer a { font-size: 9pt; font-weight: bold; color: #ffffff; }

#content .dash_info { padding: 5px 10px; border: 1px solid green; margin: 0; }
#content .dash_info h3 { font-size: 14pt; font-weight: bold; color: #5bb8c3; margin: 0; padding: 0; }
#content .dash_info p { font-size: 12pt; color: #616161; }
#content .dash_info ol { font-size: 12pt; color: #616161; list-style-type: decimal; margin-left: 20; padding: 0; }
#content .dash_info ol li { margin-left: 25px; padding: 0; }

#content .search_container { width: 100%; margin: 0px 0px 10px 0px; padding: 5px 5px; background: #f2f5f7; color: #777; font-weight: bold; vertical-align: middle; text-transform: uppercase; text-align: left; border-bottom: 1px #ccc solid;  border-top: 1px #ccc solid; -webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s; -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s; transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s; }
#content .search_container input[type=text] { height: 26px; font-size: 14px; font-weight: normal; border: 1px solid #aaa; position: relative; vertical-align: bottom; padding: 0 8px 0 8px; margin-right: 2px; border-radius: 4px;  -moz-border-radius: 4px; -webkit-border-radius: 4px; }
#content .search_container input[type=submit] { height: 26px; font-size: 14px; font-weight: bold; border: 1px solid #aaa; background: linear-gradient(90deg, #62D9E2 1.75%, #73F6B4 94.18%); cursor: pointer; position: relative; vertical-align: bottom; padding: 0 8px 0 8px; border-radius: 4px;  -moz-border-radius: 4px; -webkit-border-radius: 4px; }
#content .search_container input[type=submit]:hover  { color: #fff; }
#content .search_container input[type=submit]:active { color: #fff; }
#content .search_container input[type=button] { height: 26px; font-size: 14px; font-weight: bold; border: 1px solid #aaa; background: linear-gradient(90deg, #62D9E2 1.75%, #73F6B4 94.18%); margin-left: 20px; cursor: pointer; position: relative; vertical-align: bottom; padding: 0 8px 0 8px; border-radius: 4px;  -moz-border-radius: 4px; -webkit-border-radius: 4px; }
#content .search_container input[type=button]:hover  { color: #fff; }
#content .search_container input[type=button]:active { color: #fff; }
#content .search_container button { height: 26px; font-size: 14px; font-weight: bold; border: 1px solid #aaa; background: linear-gradient(90deg, #62D9E2 1.75%, #73F6B4 94.18%); margin-left: 10px; cursor: pointer; position: relative; vertical-align: bottom; padding: 0 8px 0 8px; border-radius: 4px;  -moz-border-radius: 4px; -webkit-border-radius: 4px; }
#content .search_container button:hover  { color: #fff; }
#content .search_container select { height: 26px; font-size: 14px; border: 1px solid #aaa; color: #333333; background-color: #fafafa; padding: 0 8px 0 8px; margin-right: 5px; text-transform: none; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; }
#content .search_container select option { font-size: 14px; padding: 2px 5px 2px 5px; color: #333333; background-color: #fafafa; }
#content .search_container form { margin: 0px; padding: 0px; width: 100%; display: block; }
#content .search_container a { font-size: 10pt; color: #444; background-color: #f2f5f7; font-weight: bold; text-decoration: none; border: 1px solid #aaa; padding: 0px 8px; border-radius: 4px;  -moz-border-radius: 4px; -webkit-border-radius: 4px; }
#content .search_container a:hover { color: #5ed3e1; background-color: #fafafa; }

#content .content-button { height: 26px; vertical-align: middle; background: linear-gradient(90deg, #62D9E2 1.75%, #73F6B4 94.18%); padding: 2px 4px; color: #333; font-size: 10pt; font-weight: bold; border: 1px solid #aaa; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; cursor: pointer; display: inline-block; line-height: 1; user-select: none; -webkit-user-select: none; -moz-user-select: none; }
#content .content-button:hover { color: #fff; }
#content .content-button:active { color: #fff; padding: 3px 3px 1px 5px; }
#content .download { font-size: 14px !important; background: url(/images/download.svg) no-repeat; background-size: 19px; padding-left: 19px; padding-bottom: 3px; cursor: pointer; }
#content h1 { font-size: 18px; font-weight: bold; color: #5bb8c3; text-shadow: 0px 1px 0px rgb( 213, 213, 213 ); text-align: left; word-wrap: break-word; margin: 5px 5px 7px 5px; }
#content h2 { font-size: 18px; font-weight: bold; color: #5bb8c3; text-shadow: 0px 1px 0px rgb( 213, 213, 213 ); text-align: center; word-wrap: break-word; margin: 5px 5px 7px 5px; }
#content a { font-size: 11pt; font-weight: bold; color: #777; text-decoration: none; }
#content form { margin: auto; padding: 0px; width: 100%; display: flex; align-content: center; justify-content: center; }

#content #menu_editor ul { font-size: 10pt; list-style: none; margin-left: 20px; font-weight: normal; }
#content #menu_editor ul li { font-size: 13pt; font-weight: bold; color: #555555; background-color: #fefefe; word-wrap: break-word; margin: 5px 5px 7px 5px; }
#content #menu_editor .hide { background-color: #ededed; }
#content #menu_editor .pink { background-color: #ffdddd; }
#content #menu_editor .green { background-color: #dbeabb; }
#content #menu_editor .navi { width: 19px; height: 19px; margin-bottom: -3px; cursor: pointer; }
#content #menu_editor .icon { width: 16px; height: 16px; margin-top: 3px; margin-left: 3px; margin-right: 3px; cursor: pointer; float: right; }

#content .tbl-list { border-collapse: collapse; margin-top: 0px; margin-bottom: 10px; }
#content .tbl-list th { border: 1px outset #aaa; padding: 4px 10px; font-size: 10pt; background: #5bb8c3; color: #FFF; font-weight: bold; }
#content .tbl-list tr.orange th { background: #bbcc99; color: #FFF; }
#content .tbl-list tr.gray th { background: #eee; color: #333; font-weight: bold; }
#content .tbl-list td { border-bottom: 1px gray dotted; padding: 4px 10px; font-size: 11pt; color: #585F60; }
#content .tbl-list a { margin: 0px; padding: 0px; font-size: 10pt; color: #5bb8c3; font-weight: bold; }
#content .tbl-list img { margin: 0px; padding: 0px; }
#content .tbl-list img.icon_img { border: 0px solid red; height: 18px; margin: 4px 15px 0px 0px; cursor: pointer; }
#content .tbl-list input { margin: 2px; }
#content .tbl-list .item_on  { width: 50px; background: #bbffbb; padding: 2px; height: 20px; border: 1px solid #999; border-radius: 6px; font-size: 12px; font-weight: bold; }
#content .tbl-list .item_off { width: 50px; background: #ffc5c5; padding: 2px; height: 20px; border: 1px solid #999; border-radius: 6px; font-size: 12px; font-weight: bold; }
#content .tbl-list .fill { background-color: #bbcc99; }
#content .tbl-list .fill_gray { background-color: #eeeeee; }
#content .tbl-list .fill_green { background-color: #dbeabb; }
#content .tbl-list .fill_red { background-color: #fedade; }
#content .tbl-list .fill_pink { background-color: #ffdddd; }
#content .tbl-list .fill_blue { background-color: #ddddff; }
#content .tbl-list .gray { background-color: #eee; }
#content .tbl-list .white { background-color: #fff; }
#content .tbl-list input[type=button] { font-size: 12px; font-weight: bold; border: 1px solid #aaa; color: #777; background: linear-gradient(90deg, #62D9E2 1.75%, #73F6B4 94.18%); margin-left: 20px; cursor: pointer; position: relative; vertical-align: bottom; padding: 1px 8px 2px 8px; border-radius: 5px;  -moz-border-radius: 5px; -webkit-border-radius: 5px; }
#content .tbl-list input[type=button]:hover  { color: #fff; }

.campInfo { font-size: 10pt; color: #333; background-color: #fff; padding: 1px 3px; border: 1px dashed #333; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; }

#content .tbl-form { border-collapse: collapse; margin-top: 0px; margin-bottom: 10px; border-right: 1px #ccc solid; border-left: 1px #ccc solid; }
#content .tbl-form th { padding: 4px 5px; font-size: 12pt; font-weight: bold; background: #e9e9e9; color: #333; vertical-align: middle; border-bottom: 1px #ccc solid;  border-top: 1px #ccc solid; -webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s; -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s; transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s; }
#content .tbl-form td { padding: 4px 5px; font-size: 12pt; font-weight: bold; background: #fafafa; color: #777; vertical-align: middle; border-bottom: 1px #ccc solid;  border-top: 1px #ccc solid; -webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s; -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s; transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s; }
#content .tbl-form tr.blue th { background: #3e3b56; color: #FFF; }
#content .tbl-form tr.orange th { background: #bbcc99; color: #333; }
#content .tbl-form tr.green th { background: #5ed3e1; color: #FFF; }
#content .tbl-form tr.gray th { background: #eee; color: #333; }
#content .tbl-form td.what div { background: url('/images/help.png') no-repeat; width: 16px; height: 16px; margin-top: 3px; text-align: right; cursor: pointer; }
#content .tbl-form td.errors span { display: none;  font-size: 11pt; border: 1px solid #6a6a6a; padding: 4px 10px 4px 10px; margin-left: 20px; color: #ff0000; font-weight: bold; background-color: #f7f7f7; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; }
#content .tbl-form tr.gray td { background-color: #eee; }
#content .tbl-form tr.white td { background-color: #fff; }
#content .tbl-form textarea { font-size: 16px; border: 1px solid #aaa; font: 14px/1.4 Arial, sans-serif; position: relative; vertical-align: bottom; padding: 3px 8px; border-radius: 4px;  -moz-border-radius: 4px; -webkit-border-radius: 4px; }
#content .tbl-form div.input { height: 26px; font-size: 14px; font-weight: normal; border: 1px solid #aaa; position: relative; vertical-align: bottom; padding: 2px 8px; border-radius: 4px;  -moz-border-radius: 4px; -webkit-border-radius: 4px; }
#content .tbl-form input[type=text] { height: 26px; font-size: 14px; font-weight: normal; border: 1px solid #aaa; position: relative; vertical-align: bottom; padding: 0 8px 0 8px; border-radius: 4px;  -moz-border-radius: 4px; -webkit-border-radius: 4px; }
#content .tbl-form input[type=password] { height: 26px; font-size: 14px; font-weight: normal; border: 1px solid #aaa; position: relative; vertical-align: bottom; padding: 0 8px 0 8px; border-radius: 4px;  -moz-border-radius: 4px; -webkit-border-radius: 4px; }
#content .tbl-form input[type=file] { height: 26px; font-size: 14px; font-weight: normal; border: 1px solid #aaa; cursor: pointer; position: relative; vertical-align: bottom; padding: 0px; border-radius: 3px;  -moz-border-radius: 3px; -webkit-border-radius: 3px; }
#content .tbl-form input[type=submit] { height: 25px; font-size: 14px; font-weight: bold; border: 1px solid #aaa; color: #777; background: linear-gradient(90deg, #62D9E2 1.75%, #73F6B4 94.18%); cursor: pointer; position: relative; vertical-align: bottom; padding: 0 8px 0 8px; border-radius: 4px;  -moz-border-radius: 4px; -webkit-border-radius: 4px; }
#content .tbl-form input[type=submit]:hover  { color: #fff; }
#content .tbl-form input[type=submit]:active { background-color: #bbcc99; }
#content .tbl-form input[type=button] { height: 25px; font-size: 14px; font-weight: bold; border: 1px solid #aaa; color: #777; background: linear-gradient(90deg, #62D9E2 1.75%, #73F6B4 94.18%); cursor: pointer; position: relative; vertical-align: bottom; padding: 0 8px 0 8px; border-radius: 4px;  -moz-border-radius: 4px; -webkit-border-radius: 4px; }
#content .tbl-form input[type=button]:hover  { color: #fff; }
#content .tbl-form input[type=button]:active { background-color: #bbcc99; }
#content .tbl-form input[type=button]:disabled { background-color: #cccccc; color: #666666; cursor: not-allowed; }
#content .tbl-form input[type=reset] { height: 25px; font-size: 14px; font-weight: bold; border: 1px solid #aaa; color: #777; background: linear-gradient(90deg, #62D9E2 1.75%, #73F6B4 94.18%); cursor: pointer; position: relative; vertical-align: bottom; padding: 0 8px 0 8px; border-radius: 4px;  -moz-border-radius: 4px; -webkit-border-radius: 4px; }
#content .tbl-form input[type=reset]:hover  { color: #fff; }
#content .tbl-form input[type=reset]:active { background-color: #bbcc99; }
#content .tbl-form input[readonly] { background-color: #dddddd; }
#content .tbl-form button { height: 26px; font-size: 14px; font-weight: bold; border: 1px solid #aaa; color: #777; background: linear-gradient(90deg, #62D9E2 1.75%, #73F6B4 94.18%); cursor: pointer; position: relative; vertical-align: bottom; padding: 0 8px 0 8px; border-radius: 4px;  -moz-border-radius: 4px; -webkit-border-radius: 4px; }
#content .tbl-form button:hover  { color: #fff; }
#content .tbl-form select   { height: 26px; font-size: 14px; border: 1px solid #aaa; color: #333333; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; }
#content .tbl-form select option { font-size: 11pt; padding: 2px 5px 2px 5px; color: #333333; }
#content .tbl-form .w100 { width: 100%; }
#content .tbl-form div.balance_info { width: 130px; height: 26px; float: right; display: block; text-align: right; padding: 0px 8px; border: 2px solid #aaa; background: #eef3d8; color: #34740c; border-radius: 6px; -moz-border-radius: 6px; -webkit-border-radius: 6px; }
#content .tbl-form #summa { width: 130px; height: 26px; float: right; display: block; text-align: center; font-weight: bold; padding: 0px 8px; border: 2px solid #aaa; background: #eef3d8; color: #34740c; border-radius: 6px; -moz-border-radius: 6px; -webkit-border-radius: 6px; }
#content .tbl-form label { font-size: 11pt; margin-right: 15px; }
#content .tbl-form ul { font-size: 10pt; list-style: disc; margin-left: 20px; font-weight: normal; }
#content .tbl-form ol { font-size: 10pt; list-style: decimal; margin-left: 20px; font-weight: normal; }
#content .tbl-form h1 { font-size: 12pt; font-weight: bold; }
#content .tbl-form .info { font-size: 12pt; font-weight: normal; background-color: #fff; }

#content .form_toggle { display: inline-block; overflow: hidden; margin: 0px; padding: 0px; }
#content .form_toggle-item { float: left; display: inline-block; }
#content .form_toggle-item input[type=radio] { display: none; }
#content .form_toggle-item label { display: inline-block; padding: 0px 10px; line-height: 26px; border: 1px solid #999; border-right: none; cursor: pointer; user-select: none; }
#content .form_toggle .item-1 label { border-radius: 6px 0 0 6px; margin-right: 0px; font-size: 12px; font-weight: bold; }
#content .form_toggle .item-2 label { border-radius: 0 6px 6px 0; margin-right: 0px; font-size: 12px; font-weight: bold; border-right: 1px solid #999; }
#content .form_toggle .item-1 input[type=radio]:checked + label { background: #ffc5c5; }
#content .form_toggle .item-2 input[type=radio]:checked + label { background: #bbffbb; }

#fileUpload input[type=file] { height: 26px; font-size: 14px; font-weight: normal; border: 1px solid #aaa; cursor: pointer; position: relative; vertical-align: bottom; padding: 0px; border-radius: 3px;  -moz-border-radius: 3px; -webkit-border-radius: 3px; }
#fileUpload input[type=submit] { height: 25px; font-size: 14px; font-weight: bold; border: 1px solid #aaa; color: #777; background-color: #eee; margin-left: 20px; cursor: pointer; position: relative; vertical-align: bottom; padding: 0 8px 0 8px; border-radius: 4px;  -moz-border-radius: 4px; -webkit-border-radius: 4px; }
#fileUpload input[type=submit]:hover  { background-color: #bbcc99; }
#fileUpload input[type=submit]:active { background-color: #bbcc99; }
#fileUpload input[type=button] { height: 25px; font-size: 14px; font-weight: bold; border: 1px solid #aaa; color: #777; background-color: #eee; margin-left: 20px; cursor: pointer; position: relative; vertical-align: bottom; padding: 0 8px 0 8px; border-radius: 4px;  -moz-border-radius: 4px; -webkit-border-radius: 4px; }
#fileUpload input[type=button]:hover  { background-color: #bbcc99; }
#fileUpload input[type=button]:active { background-color: #bbcc99; }
#fileUpload button { height: 26px; font-size: 14px; font-weight: bold; border: 1px solid #aaa; color: #777; background-color: #eee; margin-left: 10px; cursor: pointer; position: relative; vertical-align: bottom; padding: 0 8px 0 8px; border-radius: 4px;  -moz-border-radius: 4px; -webkit-border-radius: 4px; }
#fileUpload button:hover  { background-color: #bbcc99; }

.button { height: 22px; font-size: 13px; font-weight: bold; border: 1px solid #aaa; color: #777; background-color: #eee; margin-left: 20px; cursor: pointer; position: relative; vertical-align: bottom; padding: 0 8px 0 8px; border-radius: 4px;  -moz-border-radius: 4px; -webkit-border-radius: 4px; }
.button:hover  { background-color: #bbcc99; }
.vm_button { border: 1px solid #aaa; width: 130px; text-align: center; font-size: 14px; font-weight: bold; color: #777; background-color: #eee; padding: 2px; display: block; cursor: pointer; border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; }
.vm_button:hover { background-color: #bbcc99; }
.radio_buttons { font: 14px Tahoma; }
.radio_buttons div { float: left; }
.radio_buttons input { position: absolute; left: -9999px; }
.radio_buttons label { display: block; margin: 0 0 0 -1px; padding: 3px 10px; border: 1px solid #bbb; background: linear-gradient(to bottom,  rgba(255,255,255,1) 0%,rgba(229,229,229,1) 100%); box-shadow: 0 2px 5px rgba(0, 0, 0, .12); cursor: pointer; }
.radio_buttons input:checked + label { background: white; box-shadow: inset 0 3px 6px rgba(0, 0, 0, .2); }
.radio_buttons div:first-child label { margin-left: 0; border-top-left-radius: 4px; border-bottom-left-radius: 4px; }
.radio_buttons div:last-child label { border-top-right-radius: 4px; border-bottom-right-radius: 4px; }
.arrow_button { height: 15px; cursor: pointer; margin-bottom: -2px; margin-left: 20px; }

#recordContainer #controls { display: block; margin-top: 10px; }
#recordContainer #controls button { height: 30px; width: 100px; color:#ffffff; font-weight: bold; font-size: 12pt; border: none; border-radius: 4px; background: #ed341d; margin-left: 2px; box-shadow: inset 0 -2px 0 rgba(0, 0, 0, 0.2); cursor: pointer; justify-content: center; align-items: center; }
#recordContainer #controls button:hover, #controls button:focus { outline: none; background: #c72d1c; }
#recordContainer #controls button::-moz-focus-inner { border: 0; }
#recordContainer #controls button:active { box-shadow: inset 0 1px 0 rgba(0, 0, 0, 0.2); line-height: 2px; }
#recordContainer #controls button:disabled { pointer-events: none; background: lightgray; }
#recordContainer #controls button:first-child { margin-left: 2px; }
#recordContainer #formats { margin-top: 0.5rem; font-size: 80%; }
#recordContainer #log { font-size: 12pt; font-weight: normal; color: #5ed3e1; }

#testCallBox { border: 2px solid gray; width: 600px; height: 230px; background: #fdfdfd; padding: 20px; border-radius: 4px;  -moz-border-radius: 4px; -webkit-border-radius: 4px; }
#testCallStatus { border: 1px solid gray; width: 250px; height: 35px; padding-top: 4px; font-size: 13pt; color: #555; background: #eee; font-weight: bold; vertical-align: middle; border-radius: 4px;  -moz-border-radius: 4px; -webkit-border-radius: 4px; }
#testCallButton { border: 0px solid blue; width: 250px; font-size: 13pt; color: #555; }
#testCallButton input[type=button] { height: 30px; font-size: 15px; letter-spacing: 2px; font-weight: bold; border: 1px solid #aaa; color: #777; background-color: #eee; cursor: pointer; position: relative; vertical-align: bottom; padding: 0 15px 0 15px; border-radius: 4px;  -moz-border-radius: 4px; -webkit-border-radius: 4px; }
#testCallButton input[type=button]:hover  { background-color: #bbcc99; }

#requestButton { border: 2px solid gray; width: 600px; background: #fdfdfd; padding: 20px; margin-top: 30px; border-radius: 4px;  -moz-border-radius: 4px; -webkit-border-radius: 4px; }
#requestButton p { font-size: 13pt; color: #5ed3e1; font-weight: bold; }
#requestButton input[type=button] { height: 30px; font-size: 15px; letter-spacing: 2px; font-weight: bold; border: 1px solid #aaa; color: #777; background-color: #eee; cursor: pointer; position: relative; vertical-align: bottom; padding: 0 15px 0 15px; border-radius: 4px;  -moz-border-radius: 4px; -webkit-border-radius: 4px; }
#requestButton input[type=button]:hover  { background-color: #bbcc99; }

#errorMessageDialog { height: 600px; overflow: auto; font-size: 10pt! important; font-weight: normal !important; background-color: #FFFFC1; margin: 10px; border: 1px solid #ff6a00; }
#errorMessageDialog div { margin-bottom: 15px; }
#errorMessageDialog ol { list-style: decimal; margin: 5px 15px; }
#errorMessageDialog ol li { font-size: 14px; font-weight: bold; color: #666; }

div.tar_info { border: 2px solid #5bb8c3; width:100%; padding: 2px; margin-bottom: 10px; background-color: #5bb8c3; display: inline-block; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; }
div.tar_info h4 { font-size: 13pt; font-weight: bold; color: #fff; padding: 2px 4px; }
div.tar_info .tar_detail { border: 0px; width:100%; padding: 1px; font-size: 12pt; background-color: #ffffff; display: inline-block; }
div.tar_info .tar_detail h4 { font-size: 11pt; color: #555; padding: 2px 4px; }

#d0_info { border: 4px solid #5bb8c3; width:100%; padding: 10px 4px 10px 4px; font-size: 12pt; color: #5bb8c3; display: inline-block; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: borde-box; color: rgb(83,83,83); border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; }
#d0_info p { font-size: 11pt; color: #5bb8c3; }
#d0_info a { font-size: 11pt; color: #5bb8c3; font-weight: bold; text-decoration: none; }
#d0_info a:hover { text-decoration: underline; }
#d0_info h1 { font-size: 18px; font-weight: bold; color: #5bb8c3; text-align: center; margin: 5px 0px 7px 0px; }
#d0_info h2 { font-size: 15px; font-weight: bold; color: #5bb8c3; text-align: center; margin: 5px 0px 7px 0px; }
#d0_info button       { background: linear-gradient(90deg, #62D9E2 1.75%, #73F6B4 94.18%); color: #ffffff; padding: 2px 10px 2px 10px; margin-top: 10px; font-size: 12pt; font-weight: bold; cursor: pointer; border: 2px solid #5ed3e1; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; }
#d0_info button:hover { color: #3f3d56; }
#d0_info .api_text { border: 1px solid #5bb8c3; width:97%; padding: 4px; margin-top: 5px; font-size: 12pt; background-color: #eee; color: #333; display: inline-block; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; }
#d0_info .fb-list { border-collapse: collapse; margin-top: 0px; margin-bottom: 10px; }
#d0_info .fb-list th { border: 1px outset #aaa; padding: 4px 10px; font-size: 10pt; background: #5bb8c3; color: #FFF; font-weight: bold; }
#d0_info .fb-list td { border-bottom: 1px gray dotted; padding: 4px 10px; font-size: 11pt; color: #585F60; }
#d0_info .fb-list .fill { background-color: #d0e5f5; }
#d0_info .fb-list .fill_gray { background-color: #eeeeee; }
#d0_info .fb-list .gray { background-color: #ddd; }
#d0_info .fb-list .white { background-color: #fff; }
#d0_info .fb-list input[type=text]     { width: 100%; padding: 2px 0px 2px 7px; font-size: 11pt; color: #5ed3e1; border: 2px solid #5bb8c3; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; }
#d0_info .fb-list input[type=password] { width: 100%; padding: 2px 0px 2px 7px; font-size: 11pt; color: #5ed3e1; border: 2px solid #5bb8c3; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; }
#d0_info .fb-list input[type=submit]   { background: linear-gradient(90deg, #62D9E2 1.75%, #73F6B4 94.18%); color: #ffffff; padding: 2px 10px 2px 10px; margin-top: 10px; font-size: 12pt; font-weight: bold; cursor: pointer; border: 2px solid #5ed3e1; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; }
#d0_info .fb-list input[type=submit]:hover { color: #3f3d56; }
#d0_info .fb-list input[type=button]   { background: linear-gradient(90deg, #62D9E2 1.75%, #73F6B4 94.18%); color: #ffffff; padding: 2px 10px 2px 10px; margin-top: 10px; font-size: 12pt; font-weight: bold; cursor: pointer; border: 2px solid #5ed3e1; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; }
#d0_info .fb-list input[type=button]:hover { color: #3f3d56; }
#d0_info .fb-list select               { font-size: 11pt; color: #5ed3e1; border: 2px solid #5bb8c3; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; }
#d0_info .fb-list select option        { font-size: 11pt; padding: 2px 8px 2px 8px; color: #333333; background-color: #fafafa; }
#d0_info button { font-size: 12px; font-weight: bold; border: 1px solid #aaa; color: #777; background-color: #eee; cursor: pointer; position: relative; vertical-align: bottom; padding: 3px 8px 3px 8px; border-radius: 5px;  -moz-border-radius: 5px; -webkit-border-radius: 5px; }
#d0_info button:hover  { background-color: #bbcc99; }

#pagination-digg li { border: 0; margin: 0; padding: 0; font-size: 10pt; list-style: none; margin-right: 2px; }
#pagination-digg a { border: solid 1px #aaa; margin-right: 2px; font-size: 10pt; }
#pagination-digg span { border: solid 1px #aaa; margin-right: 2px; font-size: 10pt; }
#pagination-digg .previous-off, #pagination-digg .next-off { border: solid 1px #DEDEDE; color: #888888; display: block; float: left; font-weight: bold; margin-right: 2px; padding: 1px 4px; }
#pagination-digg .prev { color: #00a6b2; display: block; float: left; font-size: 11pt; margin-right: 2px; padding: 1px 4px; }
#pagination-digg .next a, #pagination-digg .previous a { font-weight: bold; }
#pagination-digg .active { background: #00a6b2; color: #FFFFFF; font-weight: bold; display: block; float: left; padding: 2px 7px; }
#pagination-digg span { color: #00a6b2; display: block; float: left; padding: 1px 6px; text-decoration: none; }
#pagination-digg a:link, #pagination-digg a:visited { color: #00a6b2; display: block; float: left; padding: 1px 6px; text-decoration: none; }
#pagination-digg a:hover { border: solid 1px #00a6b2; }

.login_head { text-align: center; }
.login_box { background: #ffffff; border: 4px solid #5ed3e1; width: 370px; height: 240px; left: 50%; margin-left: -185px; top: 50%; margin-top: -145px; position: absolute; padding: 15px 15px; box-shadow: 0 1px 2px 1px rgba(69, 180, 232, 0.4); border-radius: 10px; -moz-border-radius: 10px; -webkit-border-radius: 10px; }
.login_box h1 { font-size: 21px; font-weight: bold; color: #5ed3e1; margin: 0 0 10px; }
.login_box p { font-size: 12pt; color: #28C7D3; padding: 5px 5px 5px 2px; }
.login_box a { font-size: 11pt; color: #28C7D3; }
.login_box td { padding: 5px; border: 0px; font-size: 16px; color: #28C7D3; text-transform: uppercase; }
.login_box .bold { font-weight: bold; }
.login_box select { width: 100%; padding: 0px 0px 0px 4px; font-size: 11pt; color: #5ed3e1; border: 2px solid #5ed3e1; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; }
.login_box select option { padding: 2px 0px 2px 7px; font-size: 11pt; color: #5ed3e1; border-left: 0px solid #5ed3e1; border-right: 0px solid #5ed3e1; border-bottom: 1px solid #5ed3e1; }
.login_box input[type=text] { width: 100%; padding: 2px 0px 2px 7px; font-size: 11pt; color: #5ed3e1; border: 2px solid #5ed3e1; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; }
.login_box input[type=password] { width: 100%; padding: 2px 0px 2px 7px; font-size: 11pt; color: #5ed3e1; border: 2px solid #5ed3e1; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; }
.login_box input[type=submit] { width: 120px; background: linear-gradient(90deg, #62D9E2 1.75%, #73F6B4 94.18%); color: #333; padding: 2px 0px 2px 0px; margin-top: 15px; font-size: 12pt; font-weight: bold; cursor: pointer; border: 2px solid #5ed3e1; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; }
.login_box input[type=submit]:hover { color: #fff; }

.reg_box { background: #fafafa; border: 4px solid #5bb8c3; width: 400px; height: 380px; left: 50%; margin-left: -200px; top: 50%; margin-top: -175px; position: absolute; box-shadow: 0 1px 2px 1px rgba(69, 180, 232, 0.4); border-radius: 10px; -moz-border-radius: 10px; -webkit-border-radius: 10px; }
.reg_box #reg_header { width: 100%; height: 50px; background-color: #5bb8c3; padding: 0px 15px; }
.reg_box #reg_title { float: left; font-size: 21px; font-weight: bold; color: #ffffff; margin-top: 10px; }
.reg_box #reg_logo { float: right; margin-top: -5px; }
.reg_box #reg_buttons { text-align: right; padding: 0px; }
.reg_box #reg_content { width: 100%; height: 290px; background-color: #fafafa; padding: 15px 15px; }
.reg_box #reg_content input[type=text] { width: 100%; font-size: 14px; font-weight: normal; padding: 8px 10px; margin: 10px 0px; border: 1px solid #aaa; position: relative; vertical-align: bottom; border-radius: 4px;  -moz-border-radius: 4px; -webkit-border-radius: 4px; }
.reg_box #reg_content input[type=submit] { letter-spacing: 3px; font-size: 14px; font-weight: bold; padding: 5px 8px; margin: 10px 0px; border: 1px solid #aaa; color: #777; background-color: #eee; margin-left: 20px; cursor: pointer; position: relative; vertical-align: bottom; border-radius: 4px;  -moz-border-radius: 4px; -webkit-border-radius: 4px; }
.reg_box #reg_content input[type=submit]:hover, .reg_box input[type=submit]:active { background-color: #bbcc99; }
.reg_box #reg_content input[type=button] { letter-spacing: 3px; font-size: 14px; font-weight: bold; padding: 5px 8px; margin: 10px 0px; border: 1px solid #aaa; color: #777; background-color: #eee; margin-left: 20px; cursor: pointer; position: relative; vertical-align: bottom; border-radius: 4px;  -moz-border-radius: 4px; -webkit-border-radius: 4px; }
.reg_box #reg_content input[type=button]:hover, .reg_box input[type=button]:active { background-color: #bbcc99; }
.reg_box #reg_content p { font-size: 11pt; color: #5bb8c3; }
.reg_box #reg_content a { font-size: 11pt; font-weight: bold; color: #5bb8c3; text-decoration: none; }
.reg_box #reg_content a:hover { color: #5bb8c3; }
.reg_box #reg_content div.error { color: #f00; font-size: 10pt; font-weight: bold; }

div.phrase_speaker { background: url("/images/icons/f_play.png"); background-repeat: no-repeat; padding: 2x 4px 2px 4px; width: 23px; height: 18px; cursor: pointer; display: inline-block; }
div.phrase_speaker:hover { background-image: url("/images/icons/f_play_on.png"); background-repeat: no-repeat; }
div.phrase_export { background-image: url("/images/icons/f_export.png"); background-repeat: no-repeat; padding: 2x 4px 2px 4px; width: 17px; height: 17px; cursor: pointer; display: inline-block; }
div.phrase_export:hover { background-image: url("/images/icons/f_export.png"); background-repeat: no-repeat; }
div.phrase_upload { background-image: url("/images/icons/f_upload.png"); background-repeat: no-repeat; padding: 0x 4px 0px 4px; width: 17px; height: 17px; cursor: pointer; float: right; margin-right: 15px; }
div.phrase_upload:hover { background-image: url("/images/icons/f_upload.png"); background-repeat: no-repeat; }
div.phrase_recorder { background-image: url("/images/icons/f_recorder.png"); background-repeat: no-repeat; padding: 0x 4px 0px 4px; width: 17px; height: 17px; cursor: pointer; float: right; margin-right: 15px; }
div.phrase_recorder:hover { background-image: url("/images/icons/f_recorder.png"); background-repeat: no-repeat; }
div.empty { padding: 2x 4px 2px 4px; width: 20px; height: 20px; float: right; }

#changePassword { border: 2px dotted #5ed3e1; width:500px; height:250px; display: inline-block; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: borde-box; font-size: 12pt; font-family: 'segoe_uiregular'; color: rgb(83,83,83); border-radius: 8px; -moz-border-radius: 8px; -webkit-border-radius: 8px; }
#changePassword h2 { font-size: 20px; font-weight: bold; color: #5bb8c3; text-shadow: 0px 1px 0px rgb( 213, 213, 213 ); text-align: center; word-wrap: break-word; margin: 10px 0px 10px 0px; }
#changePassword h3 { font-size: 15px; font-weight: bold; color: #333333; text-shadow: 0px 1px 0px rgb( 213, 213, 213 ); text-align: center; word-wrap: break-word; margin: 10px 0px 20px 0px; }
#changePassword table { border-collapse: collapse; border: 0px; }
#changePassword table td { padding: 5px 5px 5px 5px; font-size: 16px; color: #5ed3e1; text-transform: uppercase; vertical-align: top; }
#changePassword input[type=password] { width: 100%; padding: 2px 0px 2px 7px; font-size: 11pt; color: #5ed3e1; border: 2px solid #5bb8c3; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; }
#changePassword input[type=submit], #changePassword input[type=button], #changePassword input[type=reset] {
    background: linear-gradient(90deg, #62D9E2 1.75%, #73F6B4 94.18%); color: #666; padding: 4px 10px 4px 10px; font-size: 12pt; font-weight: bold; cursor: pointer; border: 2px solid #5ed3e1; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px;
}
#changePassword input[type=submit]:hover, #changePassword input[type=button]:hover, #changePassword input[type=reset]:hover { color: #fff; }
#changePassword #passError { color: red; }

#mError { padding: 10px 0px 10px 0px; margin-top: 10px; font-size: 14px; width: 600px; border: 1px #214121 solid; background-color: #ffffff; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; display: none; }
#mErrorText { padding-top: 3px; padding-left: 40px; font-size: 13px; font-weight: bold; color: #ff0000; }

#mOk { padding: 10px 0px 10px 0px; font-size: 14px; width: 600px; border: 1px #214121 solid; background-color: #ffffff; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; }
#mOkText { padding-top: 3px; padding-left: 40px; font-size: 14px; color: #214121; }

#mConfirm { padding: 10px 0px 10px 0px; font-size: 14px; width: 700px; border: 1px #214121 solid; background-color: #fff; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; }
#mConfirmText { padding-top: 3px; padding-left: 40px; padding-right: 40px; font-size: 14px; color: #000; }
#mConfirmText table { border-collapse: collapse; margin-top: 0px; margin-bottom: 10px; border-top: 1px gray solid; margin-bottom: 10px; }
#mConfirmText table th { border-bottom: 1px gray solid; text-align: left; font-weight: bold; padding: 3px 10px; font-size: 12pt; color: #585F60; }
#mConfirmText table td { border-bottom: 1px gray solid; text-align: left; font-weight: normal; padding: 3px 10px; font-size: 12pt; color: #585F60; }


/*          Загрузка Ajax           */

div.cssload-container {
    width: 100%;
    height: 49px;
    text-align: center;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 999;
    height: 100%;
    opacity: 1!important;
    position: fixed;
    white-space: nowrap;
}
div.cssload-container:before {
    height: 40%;
    display: inline-block;
    vertical-align: middle;
    content: '';
}

div.cssload-container .cssload-speeding-wheel {
    opacity: 1!important;
    width: 49px;
    height: 49px;
    margin: 0 auto;
    border: 3px solid rgb(100, 128, 42);
    border-radius: 50%;
    border-left-color: transparent;
    border-right-color: transparent;
    animation: cssload-spin 650ms infinite linear;
    -o-animation: cssload-spin 650ms infinite linear;
    -ms-animation: cssload-spin 650ms infinite linear;
    -webkit-animation: cssload-spin 650ms infinite linear;
    -moz-animation: cssload-spin 650ms infinite linear;
}

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

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

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

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

@-moz-keyframes cssload-spin {
    100%{ -moz-transform: rotate(360deg); transform: rotate(360deg); }
}
/*          ################           */