.open-portb {

  border: 1px;
  background: transparent;
  text-align: middle;
  width: 111px;
   height: 25px;
padding-top: 5px;
padding-left: 5px;
padding-bottom: 5px;

}
.open-portb:hover{border-color:#66afe9;outline:0;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 1px rgba(102,175,233,1);box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 1px rgba(102,175,233,1)}

.open-portb::-ms-clear {
    display: none;
}



.modal-open{overflow:hidden}
.modal-open .modal{
overflow-x:hidden;
overflow-y:auto
}
.modal{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1050;display:none;overflow:hidden;outline:0}
.modal-dialog{position:relative;width:auto;margin:.5rem;pointer-events:none}

.modal.fade .modal-dialog{transition:-webkit-transform .3s ease-out;transition:transform .3s ease-out;transition:transform .3s ease-out,-webkit-transform .3s ease-out;-webkit-transform:translate(0,-25%);transform:translate(0,-25%)}

@media screen and (prefers-reduced-motion:reduce){.modal.fade .modal-dialog{transition:none}}
.modal.show .modal-dialog{-webkit-transform:translate(0,0);transform:translate(0,0)}.modal-dialog-centered{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;min-height:calc(100% - (.5rem * 2))}.modal-dialog-centered::before{display:block;height:calc(100vh - (.5rem * 2));content:""}

.modal-content{position:relative;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;width:100%;pointer-events:auto;background-color:#fff;background-clip:padding-box;border:1px solid rgba(0,0,0,.2);border-radius:.3rem;outline:0}

.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1040;background-color:#000}

.modal-backdrop.fade{opacity:0}

.modal-backdrop.show{opacity:.5}

.modal-header{display:-ms-flexbox;display:flex;-ms-flex-align:start;align-items:flex-start;-ms-flex-pack:justify;justify-content:space-between;padding:1rem;border-bottom:1px solid #e9ecef;border-top-left-radius:.3rem;border-top-right-radius:.3rem}

.modal-header .close{padding:1rem;margin:-1rem -1rem -1rem auto}.modal-title{margin-bottom:0;line-height:1.5}

.modal-body{position:relative;-ms-flex:1 1 auto;flex:1 1 auto;padding:1rem}
.modal-footer{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:end;justify-content:flex-end;padding:1rem;border-top:1px solid #e9ecef}
.modal-footer>:not(:first-child){margin-left:.25rem}.modal-footer>:not(:last-child){margin-right:.25rem}.modal-scrollbar-measure{position:absolute;top:-9999px;width:50px;height:50px;overflow:scroll}

@media (min-width:576px){
.modal-dialog{max-width:500px;margin:1.75rem auto}
.modal-dialog-centered{min-height:calc(100% - (1.75rem * 2))}
.modal-dialog-centered::before{height:calc(100vh - (1.75rem * 2))}
.modal-sm{max-width:300px}}@media (min-width:992px){.modal-lg{max-width:800px}}

.tooltip{position:absolute;z-index:1070;display:block;font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;font-size:12px;font-style:normal;font-weight:400;line-height:1.42857143;text-align:left;text-align:start;text-decoration:none;text-shadow:none;text-transform:none;letter-spacing:normal;word-break:normal;word-spacing:normal;word-wrap:normal;white-space:normal;filter:alpha(opacity=0);opacity:0;line-break:auto}.tooltip.in{filter:alpha(opacity=90);opacity:.9}.tooltip.top{padding:5px 0;margin-top:-3px}.tooltip.right{padding:0 5px;margin-left:3px}.tooltip.bottom{padding:5px 0;margin-top:3px}.tooltip.left{padding:0 5px;margin-left:-3px}.tooltip-inner{max-width:200px;padding:3px 8px;color:#fff;text-align:center;background-color:#000;border-radius:4px}.tooltip-arrow{position:absolute;width:0;height:0;border-color:transparent;border-style:solid}.tooltip.top .tooltip-arrow{bottom:0;left:50%;margin-left:-5px;border-width:5px 5px 0;border-top-color:#000}.tooltip.top-left .tooltip-arrow{right:5px;bottom:0;margin-bottom:-5px;border-width:5px 5px 0;border-top-color:#000}.tooltip.top-right .tooltip-arrow{bottom:0;left:5px;margin-bottom:-5px;border-width:5px 5px 0;border-top-color:#000}.tooltip.right .tooltip-arrow{top:50%;left:0;margin-top:-5px;border-width:5px 5px 5px 0;border-right-color:#000}.tooltip.left .tooltip-arrow{top:50%;right:0;margin-top:-5px;border-width:5px 0 5px 5px;border-left-color:#000}.tooltip.bottom .tooltip-arrow{top:0;left:50%;margin-left:-5px;border-width:0 5px 5px;border-bottom-color:#000}.tooltip.bottom-left .tooltip-arrow{top:0;right:5px;margin-top:-5px;border-width:0 5px 5px;border-bottom-color:#000}.tooltip.bottom-right .tooltip-arrow{top:0;left:5px;margin-top:-5px;border-width:0 5px 5px;border-bottom-color:#000}



/* The Close Button */
.close {
    color: #aaaaaa;
    float: right;
    font-size: 28px;
    font-weight: bold;
}

.close:hover,
.close:focus {
    color: #000;
    text-decoration: none;
    cursor: pointer;
}

a {
    color: #3295D2;
}

h2{

padding: 10px 10px;
}

th {
    background-color: #3295D2;
    color: white;
}
tr:nth-child(even) {
    background-color: #F5FEFF;
}

.inner-addon {
  position: relative;
}

/* style glyph */
.inner-addon .glyphicon {
  position: absolute;
  padding: 10px;
  pointer-events: none;
}

/* align glyph */
.left-addon .glyphicon  { left:  0px;}
.right-addon .glyphicon { right: 0px;}

/* add padding  */
.left-addon input  { padding-left:  30px; }
.right-addon input { padding-right: 30px; }

.tablehold {
    max-width: 700px;
    background-color: #fff;
    margin 0px;
    overflow: hidden;
    box-shadow: 0 1px 6px rgba(0, 0, 0, 0.12), 0 1px 4px rgba(0, 0, 0, 0.24);
    color: #4c4e56;
}




.loginForm {
    max-width: 50%"
    background-color: #fff;
    margin: 20px auto;
    overflow: hidden;
    display:flex;
  flex-wrap: nowrap;
    
}

.loginForm .loginchild .btnA {
    width: 100%;
   margin-left: 10px;
    font-size: 14px;
    background-color: #3295D2;
    color: white;
}



.loginForm .loginchild {
    width: 100%;
    float: left;
    font-size: 18px;
    
    margin-top: 20px;
    position: relative;
}


.loginForm label {
    width: 100%;
    margin-bottom: 10px;
margin-left: 10px;
}
.loginForm input {

}

.loginForm .loginchild {
    width: 100%;
    float: left;
    font-size: 18px;
    
    margin-top: 20px;
    position: relative;
}

.loginForm .loginchild .form-group {
    float: left;
    margin-bottom: 15px;
}

.loginForm .loginchild .form-control {
    
    padding: 0 16px;
}

.loginForm .search {

    width: 35%;
   
}

.loginForm .hname {

    width: 95%;
   margin-right: 10px;
}


.loginForm .ipa {
    width: 95%;
    margin-right: 10px;
}

.loginForm .rtn {
    width: 95%;
    margin-right: 10px;
}

.loginForm .slct {
    width: 95%;
    margin-right: 10px;
}



.card-header{padding:.75rem 1.25rem;margin-bottom:0;background-color:#fff;border-bottom:1px solid #e5e9f2;}
.card-title{margin-bottom:.75rem}.card-subtitle{margin-top:-.375rem}
.card-subtitle,.card-text:last-child{margin-bottom:0}.
card-link:hover{text-decoration:none}.card-link+.card-link{margin-left:1.25rem}
.mb-0,.my-0{margin-bottom:0!important}

table{border-collapse:collapse}caption{padding-bottom:.75rem;color:#F5FEFF;text-align:left;caption-side:bottom}
.table-striped tbody tr:nth-of-type(odd){background-color: #FFFFFF;}


.d-none{display:none!important}

.d-xl-table-cell{display:table-cell!important}
.d-md-table-cell{display:table-cell!important}

.badge{display:inline-block;padding:.3em .45em;font-size:80%;font-weight:600;line-height:1;text-align:center;white-space:nowrap;vertical-align:baseline;border-radius:.2rem}
.badge:empty{display:none}
.btn .badge{position:relative;top:-1px}
.badge-pill{padding-right:.65em;padding-left:.65em;border-radius:10rem}
.badge-primary{color:#fff;background-color:#0cc2aa}
.badge-primary[href]:focus,.badge-primary[href]:hover{color:#fff;text-decoration:none;background-color:#099280}
.badge-secondary{color:#fff;background-color:#a180da}
.badge-secondary[href]:focus,.badge-secondary[href]:hover{color:#fff;text-decoration:none;background-color:#8459ce}
.badge-success{color:#fff;background-color:#5fc27e}
.badge-success[href]:focus,
.badge-success[href]:hover{color:#212529;text-decoration:none;background-color:#42ac63}.badge-info{color:#fff;background-color:#5b7dff}.badge-info[href]:focus,.badge-info[href]:hover{color:#fff;text-decoration:none;background-color:#2855ff}.badge-warning{color:#212529;background-color:#fcc100}
.badge-warning[href]:focus,.badge-warning[href]:hover{color:#212529;text-decoration:none;background-color:#c99a00}
.badge-danger{color:#fff;background-color:#f44455}.badge-danger[href]:focus,.badge-danger[href]:hover{color:#fff;text-decoration:none;background-color:#f11429}.badge-light{color:#212529;background-color:#f8f9fa}.badge-light[href]:focus,.badge-light[href]:hover{color:#212529;text-decoration:none;background-color:#dae0e5}.badge-dark{color:#fff;background-color:#2e3e4e}.badge-dark[href]:focus,.badge-dark[href]:hover{color:#fff;text-decoration:none;background-color:#1b252e}

.table{widtmargin-bottom:1rem;background-color:transparent;overflow: scroll;}
.table td,.table th{padding:.75rem;vertical-align:top;border-bottom:1px solid #dee2e6;}
.table thead th{vertical-align:bottom;border-bottom:2px solid #dee2e6}.table tbody+tbody{border-top:2px solid #dee2e6}
.table .table{background-color:#f0f0f0}


.loginForm .loginchild .btn {
   
    font-size: auto;
    background-color: #3295D2;
    color: white;
}



.loginForm .loginchild select {

    
margin-right: 20px;
}

@media(max-width: 25cm) {
#modal{
min-width: 55%;
margin-top: 15px;

}
#modal{min-height: 25%;}
 .g-recaptcha{
        transform:scale(0.75);
        transform-origin:50% 50%;
    }
}

@media(max-width: 14cm) {






 #datatables-dashboard {
width: 100%;

}

.loginForm .rtn,
.loginForm .slct,
.loginForm .ipa,
.loginForm .hname,
   .loginForm #confirm-dom
    {
        width: 90%;
        
    }
   .loginForm .search
    {
        width: 50%;
        
    }

 .g-recaptcha{
        transform:scale(0.75);
        transform-origin:50% 50%;
    }

tbody .d-none { 
		position: absolute;
		top: -9999px;
		left: -9999px;
	}thead .d-none { 
		position: absolute;
		top: -9999px;
		left: -9999px;
	}

}