* {margin:0; padding:0;}
*, *:before, *:after {-webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box;}
html {height:100%; overflow-y:auto; -webkit-font-smoothing:antialiased; -webkit-text-size-adjust: 100%;	}

html, body, div, span, applet, object, iframe, 
h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, 
abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, 
small, strike, strong, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, 
fieldset, form, label, legend, input, article, aside, embed, figure, figcaption, 
footer, header, hgroup, menu, nav {border:0; font-family:inherit; font-size:100%; font-weight:normal; margin:0; padding:0; outline:0; vertical-align:baseline;}

body {background:#ffffff; color:#221f1f; font-family:'NewsGothicBT-RomanCondensed', arial; font-weight:normal; font-size:12px; height:100%; line-height:1.42857em;} 

/* headers
-----------------------------------------------*/
h1, h2, h3, h4, h5, h6, p {display:block; font-weight:normal; font-style:normal; line-height:1.42857em; margin:0; padding:0}


/* links
-----------------------------------------------*/
a {color:#595959; cursor:pointer; margin:0; padding:0; font-size:100%; outline:0}
	a:hover {text-decoration:none}
	a:focus {outline:0; text-decoration:none}
	
b, strong {font-family:"NewsGothicBT-BoldCondensed",arial;}

::-webkit-input-placeholder {color:#000000 !important;}
:-moz-placeholder {color:#000000 !important; opacity: 1;}
::-moz-placeholder {color:#000000 !important; opacity: 1;}
:-ms-input-placeholder {color:#000000 !important;}
:placeholder-shown {color:#000000 !important;}

.container {padding:0 10px}	

.col-md-2, .col-md-10 {padding:0}

#selectBox-dropdown {color:#020202}
.selectBox {background:#ffffff; border:1px solid #bfbfbf; color:#020202; font-family:"NewsGothicBT-BoldCondensed",arial; font-size:11px; font-weight:normal; height:27px; margin:0 0 0 0; padding:0 0 0 10px !important; -webkit-box-shadow:0 0 0 0 #cfcfcf; box-shadow:0 0 0 0 #cfcfcf;}
.selectBox-label {color:#020202; font-family:"NewsGothicBT-BoldCondensed",arial; font-size:11px; font-weight:normal; line-height:27px; margin:0; padding:0; text-transform:uppercase}
.selectBox-arrow {border-left:1px solid #bfbfbf}

.selectBox-dropdown {min-width: 1px !important; height: 27px; width: 100% !important}

.selectBox-options {height:242px !important; max-height:242px !important}

.btn-default {background:#ed1b24; border:1px solid #ed1b24; color:#ffffff; display:block; float:left; font-family:"NewsGothicBT-BoldCondensed",arial; font-size:11px; height:22px; font-weight:normal; line-height:22px; margin:0; padding:0 8px; overflow:hidden; text-transform:uppercase}
.btn-create {display:block; float:none; margin:0 auto; padding:0; width:115px}
.btn-dark {background:#676767; border:1px solid #676767}
.btn-dark-selected {background:#ed1b24; border:1px solid #ed1b24}
.btn-export {background:#656565; border:1px solid #656565}
.btn-white {background:#ffffff; border:1px solid #ffffff; color:#ed1c24}
.btn-green {background:#07c80c; border:1px solid #07c80c; color:#ffffff;}
.btn-small {height:18px; line-height:18px}
.btn-lg {font-size:14px; height:28px; line-height:28px; -webkit-border-radius:3px; border-radius:3px}

.btn-default:hover, .btn-default:focus {background:#700000; border:1px solid #700000; color:#ffffff}
.btn-dark:hover, .btn-dark:focus, .btn-export:hover {background:#0a0a0a; border:1px solid #0a0a0a; color:#ffffff}
.btn-dark-selected:hover, .btn-dark-selected:focus {background:#ed1b24; border:1px solid #ed1b24; color:#ffffff}
.btn-green:hover, .btn-green:focus {background:#023000; border:1px solid #023000; color:#ffffff}

.red-txt {color:#ed1b24; font-size:14px !important}
.red-txt-bold {color:#ed1b24; font-size:14px; font-weight:bold !important}
.green-txt {color:#07c80c !important}
.yellow-txt {color:#e9a20a !important}
.blue-txt {color:#065cbb !important}

/* header
-----------------------------------------------*/

#header {background:#ed1b24; clear:both; display:block; min-height:70px; position:relative; width:100%}

	#header h1 {color:#ffffff; display:block; font-family:'NewsGothicBT-BoldCondensed'; font-size:24px; left:0; overflow:hidden; padding:8px 0 0 25px; position:absolute; top:0; text-transform:uppercase}
	#header h1 span {display:block; font-family:'NewsGothicBT-RomanCondensed'; font-size:14px; line-height:14px}

	.top-access {float:right; margin:0; padding:15px 15px 0 0; position:absolute; right:0; top:0}
	.top-access li {float:left; font-size:10px; line-height:10px; list-style:none; margin:0; padding:0 10px}
	.top-access .last {border-left:1px solid #ffffff}
	.top-access a {color:#ffffff; font-size:10px; line-height:10px; text-transform:uppercase}

	#nav {float:right; margin:0; padding:34px 0 0 0; white-space:nowrap}
	#nav .menu {float:right; margin:0; padding:0; white-space:nowrap}
	#nav .menu li {float:left; list-style:none; margin:0; padding:0 25px 0 0; position:relative}
	#nav .menu a {color:#ffffff; display:block; font-family:"NewsGothicBT-BoldCondensed",arial; font-size:12px; line-height:36px}

	#nav .menu .dropdown {background:url("../img/bg-shadow5x5.png") repeat 0 0; display:none; float:none; left:0; margin:0; overflow:hidden; padding:5px 0 10px 0; position:absolute; top:36px; width:auto; z-index:99999; -webkit-box-shadow: 0 3px 3px 0 #9b9b9b; box-shadow: 0 3px 3px 0 #9b9b9b;}
	#nav .menu .dropdown li {background:none; border:0; clear:both; display:block; float:none; font-size:13px; line-height:20px; overflow:hidden; padding:0 8px; width:auto}
	#nav .menu .dropdown a {color:#595959; display:block; font-family:'NewsGothicBT-RomanCondensed'; font-size:13px; line-height:20px}
	#nav .menu .dropdown a:hover {text-decoration:underline}
	#nav .menu li:hover .dropdown, #nav .menu .tab:hover .dropdown {display:block}

	#nav .menu li:last-child .dropdown {left:auto; right:20px}

#main {background:#ededed; clear:both; display:block; overflow:hidden; padding:15px 0; width:100%}

	.form-control, .form-control:focus {border:1px solid #cdcdcd; height:24px; line-height:24px; padding:0 5px; -webkit-box-shadow:0 0 0 0 #cfcfcf; box-shadow:0 0 0 0 #cfcfcf; -webkit-border-radius:0; border-radius: 0;}
	
  label {font-size:14px; line-height:24px; margin:0; padding:0}
	.simbol {float:left; line-height:24px; padding:0 0 0 3px; position:absolute; right:0; top:0; text-align:right}

	.head-bar {border-bottom:1px solid #e1e1e1; clear:both; color:#494848; display:block; margin:0; overflow:hidden; padding:0 12px; position:relative; text-transform:uppercase}

	.bar-links {float:right; margin:0; overflow:hidden; padding:6px 2px 0 0; position:absolute; right:0; top:0; white-space:nowrap}
	.bar-links li {float:left; font-size:10px; list-style:none; margin:0; padding:0 10px 0 0}
	.bar-links a {font-family:"NewsGothicBT-BoldCondensed",arial; text-transform:uppercase}
	.bar-links a:hover {text-decoration:none}

	.head-bar2 {border:1px solid #e1e1e1; border-width:1px 0 0 0; padding-top:1px}

	#main .inner-row {clear:both; display:block; margin:0; padding:0 13px 15px 13px; overflow:hidden}

	#main .col-md-2, #main .col-md-3, #main .col-md-4, #main .col-md-5, #main .col-md-6, #main .col-md-7, #main .col-md-9 {padding:0 7px}

	#main .product-box {background:#aeaeae; clear:both; display:block; height:115px; overflow:hidden; padding:0 5px}
	#main .product-box .inner {clear:both; display:block; min-height:80px; overflow:hidden; padding:0; position:relative; width:100%}
	#main .product-box h2 {color:#fefdfd; display:block; font-family:'NewsGothicBT-BoldCondensed'; font-size:20px; overflow:hidden; padding:20px 0 0 7px; text-transform:uppercase}
	#main .product-box h2 span {display:block; font-family:'NewsGothicBT-RomanCondensed'; font-size:12px; line-height:12px}
	#main .product-box .icon {display:block; position:absolute; right:0; top:0}
//	#main .product-box:hover { background:#ed1b24}
	#main .product-box:hover,#main .product-box.app_selected { background:#ed1b24}

	#main .product-white-box {clear:both; display:block; overflow:hidden; padding:0 0 6px 0; width:100%}
	#main .product-white-box .link {background:#ffffff; border:1px solid #e1e1e1; clear:both; display:block; height:55px; overflow:hidden; padding:0; position:relative}
	#main .product-white-box .link:hover {border:1px solid #ed1b24}
	#main .product-white-box .icon {display:block; position:absolute; right:0; top:0}
	#main .product-white-box .title {color:#7c7c7c; display:block; font-family:'NewsGothicBT-BoldCondensed'; font-size:18px; line-height:1.42857em; overflow:hidden; padding:7px 0 0 10px; text-transform:uppercase}
	#main .product-white-box .title span {display:block; font-family:'NewsGothicBT-RomanCondensed'; font-size:12px; line-height:12px}

	.row-fld-btn {background:#ffffff; border:1px solid #bfbfbf; clear:both; display:block; margin:0; overflow:hidden; padding:5px; width:auto}	
	.row-fld-btn .form-control {background:#ffffff; border:0; color:#020202; float:left; font-family:"NewsGothicBT-BoldCondensed",arial; font-size:11px; height:17px; line-height:17px; margin:0 0 0 5px; padding:0; width:75%; text-transform:uppercase; -webkit-box-shadow:0 0 0 0 #2EFF1F; box-shadow:0 0 0 0 #2EFF1F; -webkit-border-radius:0; border-radius:0;}
	.row-fld-btn .btn {background:#787878; border:0 !important; color:#ffffff; float:right; font-family:"NewsGothicBT-BoldCondensed",arial; font-size:11px; height:17px; line-height:17px; margin:0; padding:0 6px; text-align:center; position:relative; text-transform:uppercase; -webkit-border-radius:3px; border-radius:3px; vertical-align:middle}
	.row-fld-btn .btn:hover {background:#0a0a0a; text-decoration:none}

	#main .box-last {padding:0}

	.white-box {background:#ffffff; border:1px solid #e1e1e1; clear:both; display:block; overflow:hidden; position:relative}
	.white-box:hover {border:1px solid #ed1b24}
  
  .red-border {border:2px solid #ff0000 !important}

	.no-box-hover {border:1px solid #e1e1e1 !important;}
	.no-top-border {border-top:0 !important}

	.white-box .box-inner {clear:both; display:block; overflow:hidden; padding:0 12px 3px 12px}
	.white-box .box-txt {clear:both; display:block; overflow:hidden; padding:5px 0 0 0}
	.white-box .box-panel {clear:both; display:block; overflow:hidden; padding:0 0 5px 0}
	.white-box .box-diagram {clear:both; display:block; overflow:hidden; padding:0}

	.white-box p {font-size:11px; margin:0; padding:0 0 5px 0}
	.white-box h5 {color:#3f90c2; font-family:'NewsGothicBT-BoldCondensed'; font-size:22px; margin:0; padding:10px 0 0 0; text-align:center}
	.white-box h6 {color:#000000; font-size:16px; margin:0; padding:0}

	.white-box h3 {color:#595757; display:block; font-family:"NewsGothicBT-BoldCondensed",arial; font-size:16px; line-height:33px;}

	.white-box .box-list {float:left; margin:0; padding:0 10px 0 0; width:105px}
	.white-box .box-list li {clear:both; display:block; font-size:12px; line-height:18px; list-style:none; margin:0; padding:0 }
	.white-box .box-list a {color:#221f1f;}
	.white-box .box-list a:hover {text-decoration:underline}

	.white-box .list {clear:both; display:block; margin:0; padding:7px 0 0 0}
	.white-box .list li {clear:both; display:block; font-size:14px; line-height:24px; list-style:none; margin:0; overflow:hidden; padding:0 0 7px 0}
	.white-box .list span {float:left; width:90px}
	.white-box .list .red-txt {width:auto; padding-right:10px}
	
	.white-box .row {margin:0; padding:0 0 7px 0}

	.green-box {border:1px solid #07c80c !important}
	.yellow-box {border:1px solid #e9a20a !important}

	.no-top-margin {padding-top:0}

	.box-top-sep {border-top:1px solid #e1e1e1;}
	
	/** boxes */
	
	.box-info {min-height:311px}
	
	.box-info .box-inner {padding:12px}
	.box-info .col-sm-1, .box-info .col-sm-2, .box-info .col-ms-2, .box-info .col-sm-3, .box-info .col-sm-5, .box-info .col-sm-6, .box-info .col-sm-7, .box-info .col-sm-8, .box-info .col-sm-9, .box-info .col-sm-10, .box-info .col-sm-11 {padding:0; position:relative}
  .box-info .col-sm-5, .box-info .col-sm-7 {padding-right:17px}
	.box-info .col-sm-7 {width:50%}
	.box-info .col-sm-6 {padding-right:30px}
	.box-info .col-sm-two {padding:0}
	.box-info .col-sm-two .col-sm-5 {width:45%}
	.box-info .row .btn-small {margin-top:3px}
	
	.box-info .box-edit {padding-top:0}
	.box-info .box-txt {padding:0 0 5px 0}
	
	.box-design .box-inner {padding:5px 12px}
	.box-design .box-diagram {height:220px; padding-top:0; text-align:center}
	.box-design .row {padding:0}
	.box-design .col-sm-4 {border-left:1px solid #e1e1e1; min-height:275px; padding:0}
	.box-design .col-sm-8 {padding:0}
	.box-design .selectBox {margin:0}
	
	.box-download  {min-height:311px}
	
	.box-channel {min-height:205px}
	.box-channel .box-inner {padding:0 25px}
	.box-channel .box-diagram {padding-top:30px}
		
	.box-summary {min-height:205px}
		
	.btns-list {clear:both; display:block; margin:0; overflow:hidden; padding:5px 0}
	.btns-list li {float:left; font-size:11px; list-style:none; margin:0; padding:0 10px 0 0}	
	
	.txt-list {clear:both; display:block; margin:0; overflow:hidden; padding:5px 0}
	.txt-list li {clear:both; display:block; font-size:11px; list-style:none; margin:0; overflow:hidden; padding:0}

	.action-btns {bottom:0; float:right; margin:0; padding:0 8px 15px 0; position:absolute; right:0}
	.action-btns li {float:left; list-style:none; margin:0; padding:0 0 0 10px}	

/* #sidebar
-----------------------------------------------*/

#sidebar {clear:both; display:block; overflow:hidden; padding:20px 0 30px 0;}

	#sidebar .selectBox {margin-bottom:6px}

	.sidebar-top {clear:both; display:block; overflow:hidden; padding:0 10px 15px 10px;}

	.sidebar-top .logo {background:url("../img/logo.jpg") no-repeat 0 0; display:block; font-size:1px; height:48px; line-height:1px; margin:0 auto; margin-bottom:35px; overflow:hidden; text-indent:-9999em; width:61px}
	
	/* spanel ----------------------------------------------*/

	.spanel {clear:both; display:block; overflow:hidden; padding:0;}	
	
	.spanel .link {background:url("../img/sprite.png") no-repeat; clear:both; display:block; margin:0; overflow:hidden; text-decoration:none}
	.spanel .link:hover {text-decoration:none}
	.spanel .edit {background:url("../img/sprite.png") no-repeat; display:block; font-size:1px; height:30px; line-height:1px; overflow:hidden; position:absolute; right:22px; text-indent:-9999em; top:0; width:20px; z-index:999}
	.spanel .remove {background:url("../img/sprite.png") no-repeat; display:block; font-size:1px; height:30px; line-height:1px; overflow:hidden; position:absolute; right:0; text-indent:-9999em; top:0; width:20px; z-index:999}
	
	.spanel .fixpanel {clear:both; display:block; height:480px; margin:10px 0 0 0; overflow:hidden; overflow-y:scroll; padding:0;}
	
	.spanel .panel {border:0; clear:both; display:none; overflow:hidden; margin:0; padding:0; -webkit-border-radius:0; border-radius:0;}
	
	.panel-lvl1, .panel-lvl2 {clear:both; display:none; overflow:hidden;}
	
	.accordion {margin:0; padding:0}
	.accordion li {clear:both; list-style:none; margin:0; overflow:hidden; padding:0; position:relative}
	.accordion li:hover, .accordion li:hover a {text-decoration:none}
	
	.spanel .btn-bar {background:#e9e9e9; display:block; overflow:hidden; padding:3px 0; text-align:center}
	.spanel .btn-bar .btn-default {font-size:9px; display:inline-block; float:none; height:16px; font-weight:normal; line-height:16px; margin:0 2px; padding:0 4px}
	

  
	.spanel .h-lvl-1 {clear:both; list-style:none; margin:0; overflow:hidden; padding:0; position:relative}

  .spanel .link-lvl-1 {background-color:#565555; background-position:10px -66px; border-bottom:2px solid #2f2e2e; color:#fcf9f9; font-family:"NewsGothicBT-BoldCondensed",arial; font-size:12px; line-height:18px; padding:6px 50px 6px 25px}
	.spanel .link-lvl-1.prj_selected {background-color:#ed1b24}
	.spanel .link-lvl-1.prj_exported {background-color:#07c80c}
 
  .spanel .h-lvl-1 .edit {background-position:5px 8px}
	.spanel .h-lvl-1 .remove {background-position:-45px 7px}

	.spanel .h-lvl-2 {clear:both; list-style:none; margin:0; overflow:hidden; padding:0; position:relative}
	.spanel .link-lvl-2 {background-color:#c6c6c6; background-position:10px -116px; border-bottom:1px solid #e9e9e9; color:#020202; font-size:12px; line-height:18px; padding:5px 45px 5px 20px}
	.spanel .link-lvl-2 strong {font-family:"NewsGothicBT-BoldCondensed",arial; font-weight:normal}
	
	.spanel .h-lvl-2 .edit {background-position:-20px 7px; height:28px}
	.spanel .h-lvl-2 .remove {background-position:-70px 6px; height:28px}

	.spanel .link-lvl-2:hover, .spanel .hactive .link {color:#ed1b24}

	.spanel .hopen_gry .link-lvl-1 {background:#565555 url("../img/minus10x10.png") no-repeat 10px 9px}
	.spanel .hopen_red .link-lvl-1 {background:#ed1b24 url("../img/minus10x10.png") no-repeat 10px 9px}
	.spanel .hopen_grn .link-lvl-1 {background:#07c80c url("../img/minus10x10.png") no-repeat 10px 9px}

	.spanel h5 {background:#e9e9e9; border-bottom:1px solid #c6c6c6; clear:both; color:#313030; display:block; font-family:'NewsGothicBT-RomanCondensed'; font-size:12px; line-height:18px; overflow:hidden; position:relative; padding:5px 45px 5px 10px}
	.spanel h5 .link {background-position:0 -171px; color:#313030; padding:0 0 0 10px}
	.spanel h5 .link strong {font-family:"NewsGothicBT-BoldCondensed",arial; font-weight:normal}
	.spanel h5 .edit {background-position:-20px 7px; height:28px}
	.spanel h5 .remove {background-position:-70px 6px; height:28px}

	.spanel h5:hover, .spanel .panel-lvl2 .selected {background:#ed1b24; color:#ffffff}
	.spanel h5:hover .link, .spanel .panel-lvl2 .selected .link {color:#ffffff}
	.spanel h5:hover .edit, .spanel .panel-lvl2 .selected .edit {background-position: 5px 8px;}
	.spanel h5:hover .remove, .spanel .panel-lvl2 .selected .remove {background-position:-45px 7px}
	
	.spanel h6 {color:#313030; padding:25px 0; text-align:center}



/** popup window */

.popup-block {background:#ffffff; margin:0 auto; padding:0; position:relative; text-align:left; /*position:fixed; display:block !important; height:500px !important; top:0*/}

	.popup-block label {font-size:14px}
	.popup-block p {font-size:14px; padding-bottom:10px}
	.popup-block p:last-child {padding:0}

	.popup-inner {background:#ebebeb; clear:both; display:block; overflow:hidden; padding:15px 8px 0 8px}

	.popup-panel {clear:both; display:block; margin:0; padding:20px 25px 15px 25px; overflow:hidden; position:relative}

	.popup-row {clear:both; display:block; margin:0; padding:0 0 15px 0; overflow:hidden; position:relative}

	.head-red-bar {background:#ed1c24; clear:both; color:#494848; display:block; margin:0; overflow:hidden; padding:6px 16px; position:relative; text-transform:uppercase}
	.head-red-bar h2 {color:#ffffff; float:left; font-family:"NewsGothicBT-BoldCondensed",arial; font-size:16px; line-height:22px;}

	.head-red-bar .bar-links {padding:0; position:relative; right:auto; top:auto}
	.head-red-bar .bar-links li {padding:0 0 0 10px}
	
	.popup-block .white-box {padding:10px 15px 8px 15px}

	.popup-block .row {padding:0 50px 12px 0; position:relative}

	.popup-block .col-md-4, .popup-block .col-md-5, .popup-block .col-md-6, .popup-block .col-md-7, .popup-block .col-md-8, .popup-block .col-md-9, .popup-block .col-md-10, .popup-block .col-md-11, .popup-block .col-md-12 { padding:0 8px}

	.popup-block h3 {color:#595757; display:block; font-family:"NewsGothicBT-BoldCondensed",arial; font-size:16px; line-height:22px; padding:0 0 10px 0}
	.popup-block h3 span {font-family:'NewsGothicBT-RomanCondensed';}

	.popup-block h4 {font-size:14px; line-height:24px}

	.popup-block .form-control {color:#000000}
	
	.list-app-links {clear:both; display:block; margin:0 -8px; overflow:hidden; padding:0 0 12px 0}
	.list-app-links li {float:left; list-style:none; margin:0; padding:0 8px; width:20%}
	.list-app-links a {background:#bfbfbf; color:#fefdfd; display:block; font-family:"NewsGothicBT-BoldCondensed",arial; font-size:14px; font-weight:normal; line-height:33px; overflow:hidden; padding:0; text-align:center; text-decoration:none}
	.list-app-links a:hover, .list-app-links .active { background:#ed1c24; color:#ffffff}
	
	.popup-block .btns-list {padding:0}

	.link-add {background:url("../img/sprite.png") no-repeat 0 -367px; border-bottom:1px dashed #787575; display:block; font-family:"NewsGothicBT-BoldCondensed",arial; font-size:14px; line-height:24px; overflow:hidden; padding:0 0 0 15px; text-decoration:none}
	.link-add:hover, .link-add:focus {color:#000000}
	/*.link-add strong {color:#ed1b24}*/
	
	.note-mask {clear:both; display:none; overflow:hidden; padding:5px 0 0 0; width:100%}
	.note-mask .form-control {height:100px}
	
	.popup-sidebar {clear:both; display:block; height:448px; margin:0; overflow:hidden; overflow-y:scroll; padding:0}

	.sidebar-list {clear:both; display:block; margin:0; overflow:hidden; padding:0}
	.sidebar-list li {border-bottom:1px solid #ffffff; clear:both; display:block; list-style:none; margin:0; overflow:hidden; padding:0}
	.sidebar-list a {background:#717171; color:#ffffff; display:block; font-family:"NewsGothicBT-BoldCondensed",arial; font-size:12px; line-height:27px; overflow:hidden; padding:0 20px;}
	.sidebar-list a:hover, .sidebar-list .active {background:#ed1b24; text-decoration:none}

	.row-eq-height {
		display: -webkit-box;
		display: -webkit-flex;
		display: -ms-flexbox;
		display:         flex;
	}
	
	.popup-table { background:#ffffff; clear:both; display:block; margin:0; overflow:hidden; position:relative; padding:55px 55px 115px 55px}
	
	.option-table {border:0; border-collapse:collapse; margin:0 0 5px 0; padding:0; table-layout: fixed; width:100%}
	.option-table tr {margin:0; padding:0}
	.option-table th {color:#000000; font-family:"NewsGothicBT-BoldCondensed",arial; font-size:12px; line-height:18px; margin:0; padding:0 7px 5px 7px; text-align:left}
	.option-table td {color:#000000; font-size:11px; line-height:25px; margin:0; padding:0 7px}
	
	.option-table .lhs {text-align:left}
	.option-table .rhs {text-align:right}
	.option-table .center {text-align:center}
	.option-table .dark td { background:#f0f0f0}
	
	.table-total {border-top:1px solid #cccccc;}
	.table-total th {padding-top:7px}

	.time-table {border:0; border-collapse:collapse; margin:0 0 5px 0; padding:0; table-layout: fixed; width:100%}
	.time-table tr {margin:0; padding:0}
	.time-table th {color:#000000; font-family:"NewsGothicBT-BoldCondensed",arial; font-size:11px; line-height:18px; margin:0; padding:0 0 5px 0; text-align:left}
	.time-table th span {font-family:'NewsGothicBT-RomanCondensed';}
	.time-table th.last {color:#000000; border-right:0}
	.time-table td {color:#000000; font-size:11px; line-height:16px; margin:0; padding:0 5px; text-align:left}
	.time-table .dark td { background:#dfdfdf}
  .time-table .red td { background:#ed1b24; color:#ffffff}
	.time-table .dark input { background:#dfdfdf}
  .time-table .red input { background:#ed1b24; color:#ffffff}
  .time-table .second {border-right:40px solid #ffffff; padding-left:0;}
	
	.popup-two-cols-row {clear:both; display:block; overflow:hidden; position:relative; width:100%}
	
/** popup boxes custom */

	.popup-edit {width:745px}

	.popup-db {width:745px}
		.popup-db .col-md-4 .white-box {padding:10px 10px 16px 10px}
		.popup-db .col-md-8 {background:#ffffff; border:1px solid #e1e1e1; margin:0 8px; padding:0}
		.popup-db .col-md-8 .white-box {border:0 !important; padding:17px; height:100%; max-height:100%; float:left; width:100%}
		.popup-db p {font-size:12px; padding:0 0 15px 0}

	.popup-option {width:665px}
		.popup-option .action-btns {padding-right:16px}

	.popup-inflow {width:665px}
		.popup-inflow .white-box {padding:15px 20px 25px 20px}
		.popup-inflow .box-diagram {padding:35px 0}
		.popup-inflow .row {padding:0 0 15px 0}
		.popup-inflow .row-inner {clear:both; display:block; overflow:hidden; padding:0 18px 0 0; position:relative}
		.popup-inflow label {clear:both; display:block; line-height:18px; overflow:hidden; padding:0 0 7px 0; width:100%}
		.popup-inflow .col-sm-2 {padding-top:45px}
		.popup-inflow .col-sm-5 {padding:0}
		.popup-inflow .col-sm-7 {padding:0}
		.popup-inflow .col-sm-6 {padding:0}

	.popup-scheme {width:985px}
		.popup-scheme .white-box {padding:10px 20px 5px 20px}
		.popup-scheme h3 {position:relative; padding-top:5px; z-index:99}
		.popup-scheme .popup-panel h3 {padding-top:0}
		.popup-scheme .box-diagram {margin-top:-35px; padding:0; text-align:center}
		.popup-scheme .row {padding:0 0 12px 0}
		.popup-scheme img {float:none;}
		.popup-scheme .btns-list {padding:17px 10px 0 0; position:absolute; right:0; top:0; z-index:999}
		.popup-scheme .column {padding:0}
		.popup-scheme .col-xs-6 {padding:0}
		.popup-scheme .col-xs-4 {padding:0 18px 0 0}
		.popup-scheme .row .btn {margin-top:3px}
	
	.popup-storage {width:985px}
		.popup-storage .popup-panel {height:445px; padding:0}
		.popup-storage .box-diagram {clear:both; display:block; overflow:hidden; padding:75px 0 0 0; text-align:center; width:100%}
		.popup-storage h3 {position:relative; z-index:99}
		.popup-storage .white-box {padding:0}
		.popup-storage .row {padding:0 0 35px 0}
		.popup-storage .col-last {border-left:1px solid #cccccc}
		.popup-storage .column {padding:15px; min-height:200px}
		.popup-storage .col-md-5 {width:45%}
		.popup-storage .col-xs-3 {padding:0}
		.popup-storage .col-xs-5 {padding:0 18px 0 0}
		.popup-storage .col-xs-6 {padding:0}
		.popup-storage .row .btn {margin-top:3px}
	
		.popup-storage .diagram {clear:both; display:block; left:0; height:445px; overflow:hidden; padding:20px 25px 15px 25px; position:absolute; right:0; top:0}
		.popup-storage .diagram-b {opacity:0}
		.popup-storage .diagram-b .box-diagram {margin-top:-35px; padding:0}
		.popup-storage img {max-width:none; width: auto !important}
	
	.popup-channel {width:960px}
		.popup-channel {}
		.popup-channel .white-box {min-height:215px; padding:10px 20px}
		.popup-channel .row {padding:0 0 17px 0}
		.popup-channel .col-xs-3 {padding:0 45px 0 0}
		.popup-channel .col-xs-5 {padding:0}	
		.popup-channel .row .btn {margin-top:3px}
		.popup-channel .box-result .col-md-6 {text-align:center}
		.popup-channel h5 {padding:65px 0 0 0}
		.popup-channel h6 {font-size:14px; padding:0}
		.popup-channel .box-result, .popup-channel .box-txt {min-height:275px}
		.popup-channel .box-txt h3 {padding-bottom:5px}
		.popup-channel .box-inputs h3 {padding-bottom:25px}
		.popup-channel .bottom-space {padding-bottom:50px}		
	
	.popup-rainfall {width:760px}
		.popup-rainfall .col-map {float:left; padding:0 8px; width:360px}
		.popup-rainfall .row {padding:0 0 12px 0}
		.popup-rainfall h6 {background:url("../img/sprite.png") no-repeat 0 -325px; font-size:12px; line-height:18px; padding:5px 0 5px 30px}
		.popup-rainfall .simbol {float:left; position:relative; text-align:left; right:auto; padding:0 0 0 10px}
		.popup-rainfall .column {padding:0}
		.popup-rainfall .white-box0 {padding:0}
		.popup-rainfall .box {clear:both; display:block; overflow:hidden; padding:20px 12px 8px 12px}
		.popup-rainfall .top-box {border-bottom:1px solid #cccccc; }
		.popup-rainfall .bottom-box {padding:15px 12px}
		.popup-rainfall .bottom-box label {line-height:18px}
		.popup-rainfall .txt-inline .simbol {line-height:18px}
		.popup-rainfall .bottom-space {padding-bottom:35px}
	
		.popup-rainfall .popup-inner .popup-row:first-child .col-md-6 .white-box .col-md-7 .col-xs-3 {width:35%}
		.popup-rainfall .popup-inner .popup-row:last-child .col-md-7 {width: 50%}

	.popup-help {width:660px}
		.popup-help .white-box {padding:15px}
		.popup-help h3 {padding-bottom:5px}
		.popup-help .form-control {height:135px}
		.popup-help .no-box-hover {border-bottom:0 !important} 
		.popup-help .row {padding:0 0 10px 0}
		.popup-help .row .red-txt {float:left; font-family:"NewsGothicBT-BoldCondensed",arial; padding:0 0 0 10px}
		.popup-help p a {color:#221f1f}

	.popup-export {width:660px}
		.popup-export .white-box {padding:15px 20px 10px 20px}
		.popup-export .form-control {height:190px; margin-top:5px}
		.popup-export .row {padding:0 0 10px 0}
		.popup-export .col-md-5 {padding:0; width:48%}
		
	.popup-atten {width:870px}
		.popup-atten .white-box {padding:15px 20px}
		.popup-atten .white-box .txt-small {font-size:13px; padding:6px 0 5px 0}
		.popup-atten h6 {font-size:11px}
		.popup-atten .column {padding:0}
		.popup-atten .simbol {float:left; position:relative; text-align:left; right:auto; padding:0 0 0 10px}
		.popup-atten .row {padding:0 0 10px 0}
		.popup-atten .row p {padding:0}
		.popup-atten .row-last {padding:0}
		.popup-atten .row-inner {padding-top:5px}
		.popup-atten .row-inner label {line-height:18px; margin-top:-5px}

		.popup-atten .col-md-9 .table {clear:both; display:block; overflow:hidden; margin:0; padding:13px 0 0 0}
		.popup-atten .col-md-9 .time-table {margin:0; table-layout:auto}
		.popup-atten .col-md-9 .time-table .last {border-right:150px solid #ffffff; color:#ed1b24; font-family:"NewsGothicBT-BoldCondensed",arial;}
		
		.popup-atten .col-md-7 .table {clear:both; display:block; overflow:hidden; margin:0; padding:0 0 10px 0}
		.popup-atten .col-md-7 .time-table {margin:0; table-layout:auto}
		.popup-atten .col-md-7 .table th {border:1px solid #ffffff; border-width:0 15px 0 0}
		.popup-atten .col-md-7 .table th.last {padding-right:0}
		.popup-atten .col-md-7 .table td {background:#dfdfdf; border:1px solid #ffffff; border-width:0 15px 2px 0; line-height:20px}
		.popup-atten .col-md-7 .table .last {border-right:0}
		

		.popup-atten .popup-inner .popup-row:first-child .col-md-6 .white-box .col-md-7 .col-xs-3 {width:35%}
		.popup-atten .popup-inner .popup-row:last-child .col-md-7 {width: 50%}


	.popup-downloads {width:835px}
	
		.popup-downloads .txt-red {color:#e6050e}
		.popup-downloads .txt-green {color:#2dbe06}
	
		.popup-downloads .popup-inner {padding:15px 80px 15px 15px; position:relative}
	
		.tab-inner {background:#ffffff; clear:both; display:block; overflow:hidden; padding:20px 15px; position:relative}
		.popup-downloads .tab-head {clear:both; display:block; overflow:hidden; padding:0}
		.popup-downloads .tab-scroll {clear:both; display:block; margin:10px 0 14px 0; overflow:hidden; overflow-y:scroll; height:410px}
		.popup-downloads .summary {border-top:1px solid #cccccc; clear:both; display:block; overflow:hidden; padding:5px 17px 0 0}
	
		.popup-downloads .tab {border:0; border-collapse:collapse; margin:0; padding:0}
		.popup-downloads .tab th {border-bottom:1px solid #7f7f7f; font-family:"NewsGothicBT-BoldCondensed",arial; font-size:12px; line-height:18px; margin:0; padding:0 75px 5px 8px; text-align:center}
		.popup-downloads .tab th.col-a {text-transform:uppercase}
		.popup-downloads .tab th.col-b {border-right:0 !important; padding-right:0; }
		.popup-downloads .tab th.col-c {padding-right:65px;}
		.popup-downloads .tab .head {border-right:1px solid #cccccc; color:#ed1b24; font-family:"NewsGothicBT-BoldCondensed",arial; font-size:11px; padding:10px 8px 0 8px; text-align:left; }
		.popup-downloads .tab .head_first {border:0; padding-top:0}
		.popup-downloads .tab td {font-size:11px; line-height:25px; padding:0 55px 0 8px; text-align:center}
		.popup-downloads .tab .col-a {text-align:left; padding-right:0; width:385px}
		.popup-downloads .tab .col-b {border-right:1px solid #cccccc; padding-right:0; width:125px}
		.popup-downloads .tab .bg-dark td { background:#f0f0f0}
		.popup-downloads .tab .btn {display:inline-block; float:none; margin:0 2px; width:40px}
		.popup-downloads .tab .flc {background:none; display:block; height:17px; margin:0 auto; width:17px}
		
		.popup-downloads .select-all { clear:both; display:block; margin:0 auto; overflow:hidden; width:70px}
		.popup-downloads .select-all .flc {float:left;}
		.popup-downloads .select-all label {color:#000000; float:left; font-family:"NewsGothicBT-BoldCondensed",arial; font-size:10px; line-height:17px; margin:0; padding:0 0 0 5px}
		
		.popup-downloads .tab-scroll .tab .bg-dark td {background:#ededed}
		.popup-downloads .tab-scroll .tab td {border-bottom:1px solid #d8d8d8;}
		.popup-downloads .tab-scroll .tab .col-b {border-right:1px solid #b2b2b2}
		.popup-downloads .tab-scroll .bg-dark td,
		.popup-downloads .tab-scroll .row-last td {border-bottom:0}
	
		.popup-downloads .summary .tab td {border:0}
		.popup-downloads .summary strong {font-family:"NewsGothicBT-BoldCondensed",arial; color:#060606; font-size:11px}
		.popup-downloads .summary .btn {width:130px}
	
		.popup-downloads .action-btns {bottom:0; right:10px}
		
		
		.waiting, .waiting * { cursor:wait !important }