@import url('https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,200;0,400;1,200&display=swap');
html,body{
	height:100%; 
	width:100%;
	margin:0;
	font-family: 'Poppins', sans-serif;
}
input,
textarea{
 font-family: 'Poppins', sans-serif;
 font-size:12px;
}
/* Ablak */
.ppup {
    width:100%;
    height:100%;
	
    display:none;
    position:fixed;
    top:0px;
    left:0px;
    background:rgba(0,0,0,0.75);
	z-index:0;
}
.ppup-inner {
    max-width:700px;
    width:90%;
    padding:40px;
    position:absolute;
	max-height:90vh;
	overflow:auto;
    top:40%;
    left:50%;
    -webkit-transform:translate(-50%, -50%);
    transform:translate(-50%, -50%);
    box-shadow:0px 2px 6px rgba(0,0,0,1);
    border-radius:3px;
    background:#fff;
	z-index:3;
	margin-top:40px;
}
.ppup-loader{
	width:100%;
	height:100%;
    padding-top:40%;
	text-align:center;
    position:absolute;
    top:40%;
    left:50%;
    -webkit-transform:translate(-50%, -50%);
    transform:translate(-50%, -50%);
    background: rgba(0, 0, 0, .5);
	z-index:3;
	margin-top:40px;
	display:none;
}
.ppButtons a:link,
.ppButtons a:active,
.ppButtons a:visited,
.btnS1{
   background: #52514f;
  color: #ffffff;
  font-size: 14px;
  padding: 6px 10px 6px 10px;
  text-decoration: none;
  border:none;
}
#blokk{
 display:inline-block;
 min-height:800px;
 width:100%;
}
.outerBlokk{
 width:92%;
 height:50px;
 margin:0 auto;
 margin-top:2%;
 display:table;
}
#topMenu{
 width:98%;
 background-color:#232445;
 padding:1%;
 color:#ffffff;
 line-height:16px;
 display:inline-block;
}
#topMenuLeft{
 width:50%;
 float:left;
 text-align:left;
}
#topMenuRight{
 width:50%;
 text-align:right;
 display:inline-block;
}
#topMenuRight a{
 color:#232445;
 background-color:#fff;
 text-decoration:none;
 padding:1%;
 display:inline-block;
 border-radius:5px;
}

#mainTitle{
 font-weight:bold;
 font-size:20px;
}
#mainTitle a{
	color:#fff;
	text-decoration:none;
}
#mainSubTitle{
 font-size:12px;
}
.linkBtn{
 background-color:#232445;
 color:#ffffff;
 text-decoration:none;
 padding:0.5%;
 border-radius:5px;
}
.formInputBlock{
 box-sizing:border-box;
}
.formInputBlock::after{
 content:"";
 clear:both;
 display:table;
}
.formInputBlock input[type="text"], 
.formInputBlock input[type="password"],
.formInputBlock input[type="number"],
.formInputBlock textarea{
    width: 98%;
    height: 30px;
    border: 1px solid #dddddd;
    border-radius: 4px;
    padding-left: 1%;
}
.formInputBlock textarea{
 height:30px;
 padding:1%;
}
.formInputBlock select{
 height:30px;
 min-width:100px;
}
.errors{
 border:1px solid #ff0000 !important;
}
.errorInputText{
	color: #721c24;
	background-color: #f8d7da;
	border-color: #f5c6cb;
	border-radius: .25rem;
	padding: 1%;
	margin-top: 1%;
	margin-bottom: 1%;
	font-weight: bold;
}
.footer{
 width:100%;
 height:100px;
 background-color:#3e3e3e;
}
.footerIn{
 width:92%;
 margin:0 auto;
 color:#fff;
 font-size:12px;
 padding-top:2%;
 text-align:center;
}
.footerIn a:link,
.footerIn a:visited{
 color:#fff;
 text-decoration:none;
}
input[type="button"], 
input[type="submit"]{
    background-color: #232445;
    color: #fff;
    border: 1px solid #232445;
    padding: 0.5%;
    font-size: 14px;
    border-radius: 4px;
}
button{
 background-color: #232445;
 color: #fff;
 border: 1px solid #232445;
 padding:5px 10px;
 border-radius: 5px;
}
button:hover{
 cursor:pointer;
 background-color: #14152f;
}
button:active{
 background-color:#7678b7;
}
input[type="button"]:hover, 
input[type="submit"]:hover{
 cursor:pointer;
}
 .formTitle1{
  width:100%;
  display:block;
 }
 .formComment{
  font-size:10px;
  display:block;
  width:100%;
 }
.pages a{
 padding:3px;
 background-color:#232445;
 color:#fff;
 width:30px;
 display:inline-block;
 text-decoration:none;
 border-radius:3px;
}
.pages .current{
 background-color:#fff;
 color:#232445;
 border:1px solid #232445;
 font-weight:bold;
}


.wrapper{
 max-width:1200px;
 width:100%;
 margin:0 auto;
 display:table;
 box-sizing:border-box;
}
.wrapper > *{
box-sizing:border-box;
}
.wrapper h1{
 margin-top:4px;
 margin-bottom:4px;
}

.wrapper button{
 background-color: #232445;
 color: #fff;
 padding: 7px 15px;
 border:none;
 border-radius: 4px;
}

.wrapper button:hover{
 cursor:pointer;
 background-color: #373862;
}


.wrapper button:disabled{
 background-color: #d3d3e1;
}

.rawListContainer div.dRow{
 display:inline-block;
 width: 100%;
 margin: 0;
 padding: 0;
}

.rawListContainer div.dRow:nth-child(even){
 background-color: #e7e7e7 !important;
}
.rawListContainer div.dRow:hover{
 cursor: pointer;
 background-color: #d3d3e1 !important;
}

[class*="col-"]{
 float:left;
 padding:15px;
 box-sizing:border-box;
}
.col-1{width:8.33%;}
.col-2{width:16.65%;}
.col-3{width:25.00%;}
.col-4{width:33.33%;}
.col-5{width:41.66%;}
.col-6{width:50.00%;}
.col-7{width:58.33%;}
.col-8{width:66.66%;}
.col-9{width:75.00%;}
.col-10{width:83.33%;}
.col-11{width:91.66%;}
.col-12{width:100%;}
@media screen and (max-width: 800px){
 .col-m-1{width:8.33%;}
 .col-m-2{width:16.65%;}
 .col-m-3{width:25.00%;}
 .col-m-4{width:33.33%;}
 .col-m-5{width:41.66%;}
 .col-m-6{width:50.00%;}
 .col-m-7{width:58.33%;}
 .col-m-8{width:66.66%;}
 .col-m-9{width:75.00%;}
 .col-m-10{width:83.33%;}
 .col-m-11{width:91.66%;}
 .col-m-12{width:100%;}
}
@media screen and (max-width: 400px){
 .col-s-1{width:8.33%;}
 .col-s-2{width:16.65%;}
 .col-s-3{width:25.00%;}
 .col-s-4{width:33.33%;}
 .col-s-5{width:41.66%;}
 .col-s-6{width:50.00%;}
 .col-s-7{width:58.33%;}
 .col-s-8{width:66.66%;}
 .col-s-9{width:75.00%;}
 .col-s-10{width:83.33%;}
 .col-s-11{width:91.66%;}
 .col-s-12{width:100%;}
}
.table {
    width: 100%;
    max-width: 100%;
    margin-bottom: 1rem;
  }
  
  .table th,
  .table td {
    padding: 0.75rem;
    vertical-align: top;
    border-top: 1px solid #eceeef;
  }
  
  .table thead th {
    vertical-align: bottom;
    border-bottom: 2px solid #eceeef;
  }
  
  .table tbody + tbody {
    border-top: 2px solid #eceeef;
  }
  
  .table .table {
    background-color: #fff;
  }
  
  .table-sm th,
  .table-sm td {
    padding: 0.3rem;
  }
  
  .table-bordered {
    border: 1px solid #eceeef;
  }
  
  .table-bordered th,
  .table-bordered td {
    border: 1px solid #eceeef;
  }
  
  .table-bordered thead th,
  .table-bordered thead td {
    border-bottom-width: 2px;
  }
  
  .table-striped tbody tr:nth-of-type(odd) {
    background-color: rgba(0, 0, 0, 0.05);
  }
  
  .table-hover tbody tr:hover {
    background-color: rgba(0, 0, 0, 0.075);
  }
  
  .table-active,
  .table-active > th,
  .table-active > td {
    background-color: rgba(0, 0, 0, 0.075);
  }
  
  .table-hover .table-active:hover {
    background-color: rgba(0, 0, 0, 0.075);
  }
  
  .table-hover .table-active:hover > td,
  .table-hover .table-active:hover > th {
    background-color: rgba(0, 0, 0, 0.075);
  }
  
  .table-success,
  .table-success > th,
  .table-success > td {
    background-color: #dff0d8;
  }
  
  .table-hover .table-success:hover {
    background-color: #d0e9c6;
  }
  
  .table-hover .table-success:hover > td,
  .table-hover .table-success:hover > th {
    background-color: #d0e9c6;
  }
  
  .table-info,
  .table-info > th,
  .table-info > td {
    background-color: #d9edf7;
  }
  
  .table-hover .table-info:hover {
    background-color: #c4e3f3;
  }
  
  .table-hover .table-info:hover > td,
  .table-hover .table-info:hover > th {
    background-color: #c4e3f3;
  }
  
  .table-warning,
  .table-warning > th,
  .table-warning > td {
    background-color: #fcf8e3;
  }
  
  .table-hover .table-warning:hover {
    background-color: #faf2cc;
  }
  
  .table-hover .table-warning:hover > td,
  .table-hover .table-warning:hover > th {
    background-color: #faf2cc;
  }
  
  .table-danger,
  .table-danger > th,
  .table-danger > td {
    background-color: #f2dede;
  }
  
  .table-hover .table-danger:hover {
    background-color: #ebcccc;
  }
  
  .table-hover .table-danger:hover > td,
  .table-hover .table-danger:hover > th {
    background-color: #ebcccc;
  }
  
  .thead-inverse th {
    color: #fff;
    background-color: #292b2c;
  }
  
  .thead-default th {
    color: #464a4c;
    background-color: #eceeef;
  }
  
  .table-inverse {
    color: #fff;
    background-color: #292b2c;
  }
  
  .table-inverse th,
  .table-inverse td,
  .table-inverse thead th {
    border-color: #fff;
  }
  
  .table-inverse.table-bordered {
    border: 0;
  }
  
  .table-responsive {
    display: block;
    width: 100%;
    overflow-x: auto;
    -ms-overflow-style: -ms-autohiding-scrollbar;
  }
  
  .table-responsive.table-bordered {
    border: 0;
  }
  .text-center{
      text-align: center;
  }
.myTopMsg{
  position: absolute; 
  left:50%;  
  top: 50px; 
  width: 20%;
}
.myTopMsgInner{
  position: relative; 
  padding:10px; 
  border-radius:5px; 
  text-align: center;
  min-height: 50px;
  left: -50%;
  background-color: lightgreen; 
  color:green; 
  box-shadow: -3px 10px 5px 0px rgba(0,0,0,0.75);
  -webkit-box-shadow: -3px 10px 5px 0px rgba(0,0,0,0.75);
  -moz-box-shadow: -3px 10px 5px 0px rgba(0,0,0,0.75);
}