/*
**
**	Modal
**
*/
/*<editor-fold desc="Modal" defaultstate="collapsed">*/
/* The Modal (background) */
.modal { position: fixed; z-index: 99;padding-top: 1%;left: 0;top: 0;width: 100%;height: 100%;overflow: auto;background-color: rgba(0,32,32,0.6);}
.modal .modal-body h1.wizard-title {color: #fff; text-align: center;}
/* Modal Content */
.modal .modal-content {position: relative;scroll-behavior:smooth;background: #2a2a2a url('../images/back.png') repeat center;margin: auto;padding: 0;border: 0 solid #008c8c;width: 80%;box-shadow: 0 0 14px 0 rgba(0,140,140,0.8),0 0 20px 0 rgba(0,140,140,0.68);-webkit-animation-name: animatetop;-webkit-animation-duration: 0.4s;animation-name: animatetop;animation-duration: 0.4s}

/* Add Animation */
@-webkit-keyframes animatetop { from {top:-300px; opacity:0} to {top:0; opacity:1}}
@keyframes animatetop {from {top:-300px; opacity:0} to {top:0; opacity:1}}

/* The Close Button */
.modal .close {color: white;float: left;font-size:12pt;font-family:sans-serif;border: 1px solid #999;padding: 5px;border-radius:0px;font-weight:100; position: relative;}
.modal .close:hover,.close:focus {border-color: #cc7810;color: #ddd;text-decoration: none;cursor: pointer;}
.modal .next {color: white; margin-left: 5px; margin-right: 5px; float: right;font-size:12pt;font-family:sans-serif;border: 1px solid #999;padding: 5px;border-radius:0px;font-weight:100; position: relative;}
.modal .next:hover,.next:focus {border-color: #cc7810;color: #ddd;text-decoration: none;cursor: pointer;}
.modal #addressInput td.octet{color: #008c8c;border:none;}
.modal .ip-dot-sprtr {font-size: 12pt; font-weight: 700; padding: 5px; text-align: center; color: #fff;}
.modal #addressInput td.report{color:rgb(190,90,90);border:none;}
.modal #addressInput td.innerWizard{height: 20px;color: #eee;border-top:  1px dashed rgb(96,96,96)}
.modal #addressInput input.ipWizard {background-color: transparent; color: #eee; border: 0.1px solid #fff; width: 35px;height: 14px;text-align: center;}
.modal .modal-header {padding: 2px 16px;background: url('../../rsc/img/sys/01-lite.png') no-repeat fixed center; color: #c4bc96;border-top-left-radius: 0px;border-top-right-radius: 0px}
.modal div.modal-body {padding: 2px 16px;overflow-y: auto;max-height: 720px;font-size: 10pt;color: #444;background: url('../../rsc/img/sys/01-lite.png') no-repeat fixed center}
.modal div.modal-body h1{text-align: left;margin: 1em 0 8px 0;padding: 0;font-size: 14pt;color: #000;font-weight: 600}
.modal div.modal-body li{margin: 4px 0}
.modal div.modal-body p{margin: 0 0 1em 0;padding: 0;z-index: 2}
.modal .modal-footer {padding: 2px 16px;background: url('../../rsc/img/sys/01-lite.png') no-repeat fixed center; height:40px;color: #c4bc96;border-bottom-left-radius: 0px;border-bottom-right-radius: 0px}
.modal .modal-body section .sec-descr  {color: #eee; font-family: 'Open Sans', sans-serif; font-weight: 10; font-style: normal;}
.modal p.sec-descr {color: #eee; font-family: 'Open Sans', sans-serif;}
.modal #netadd-wizard {display: none;}
.modal #ipaddr-wizard {display: none;}
.modal #finishModal {display: none;}
.modal #enterIPAdd {color: #f00; display: none;}
.modal #addressInput #txtIPWizard1, .modal #CIDRin #addressInput #txtIPWizard2, .modal #CIDRin #addressInput #txtIPWizard3, .modal #CIDRin #addressInput #txtIPWizard4 {color: #fff;}
.modal #addressInput #txtIPWizard1:focus, .modal #CIDRin #addressInput #txtIPWizard2:focus, .modal #CIDRin #addressInput #txtIPWizard3:focus, .modal #CIDRin #addressInput #txtIPWizard4:focus {color: #0ee;}
.modal .modaltdtransbckgnd {background: #2a2a2a url('../images/back.png') repeat center;}
.modal .modaltxtpointer {color:#00ffff; font-size: 14px;font-weight: 100; text-align: left; font-family: 'Open Sans', sans-serif;}
.modal .sec-descr {text-align: center; font-family: sans-serif arial; font-size: 12px;font-weight: 100;}
.modal .sec-descr .titleHeaderG {color:#00ffff}
.modal .sec-descr td.tdsideSize {width: 40%; }
.modal .sec-descr td.gap {width: 10%; }
.modal .sec-descr #netWizardSize {color:#ddd;}
.modal .sec-descr #netWizardUsable  {color:#ddd;}
.modal .prefix-wizard-article {margin: auto; margin-top: 5px; color: #fff; font-size: 10pt;}
.modal .prefix-wizard-article .ip-dot-sprtr {font-size: 12pt; font-weight: 700; padding: 5px; text-align: center;}
.modal prefix-wizard-article .ip-strctd-result {padding: 5px;}

.modal .ip-wizard-article {margin: auto; padding-top: 5px; color: #fff; font-size: 10pt;}
.modal .ip-wizard-article .ip-dot-sprtr {font-size: 12pt; font-weight: 700; padding: 5px;}
.modal .ip-wizard-article .ip-strctd-result {padding: 5px;}
.modal #netWizardPrefix {border-left: 1px solid #0aa; margin: 5px;}
.modal #prefix-wizard-result {height: 0px; transition: 0.7s; overflow-y: hidden;}
.modal #ip-wizard-result {height: 0px; transition: 0.7s; overflow-y: hidden;}
.modal #dispNetContWizard {height: 0px; transition: 0.7s; overflow-y: hidden;}
/*<editor-fold>*/