@font-face {
	font-family: arial;
	src: url(../fonts/montserrat/Montserrat-Regular.ttf)
}

@font-face {
	font-family: arial;
	src: url(../fonts/montserrat/Montserrat-Medium.ttf)
}

* {
	margin: 0;
	padding: 0;
	box-sizing: border-box
}

body,
html {
	height: 100%;
	background-color:#fff;
	
}

a {
	margin: 0;
	transition: all .4s;
	-webkit-transition: all .4s;
	-o-transition: all .4s;
	-moz-transition: all .4s
}

a:focus {
	outline: none !important
}

a:hover {
	text-decoration: none
}

h1,
h2,
h3,
h4,
h5,
h6 {
	margin: 0
}

p {
	margin: 0
}

ul,
li {
	margin: 0;
	list-style-type: none
}

input {
	display: block;
	outline: none;
	border: none !important
}

textarea {
	display: block;
	outline: none
}

textarea:focus,
input:focus {
	border-color: transparent !important
}

button {
	outline: none !important;
	border: none;
	background: 0 0
}

button:hover {
	cursor: pointer
}

iframe {
	border: none !important
}

.limiter {
	width: 100%;
	margin: 0 auto
}

.container-table100 {
	
	min-height: 100vh;
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	align-items: left;
	justify-content: left;
	flex-wrap: wrap;
	padding: 15px 30px
}

.wrap-table100 {
	width: 100%
	}

table {
	width: 100%;
	background-color: #fff
}

#mdata th,
td {
	font-weight: unset;
	padding-right: 10px;
	width: 130px;
	padding-left: 25px
}


.column100.column1 {
	width: 265px;
	padding-left: 42px
}

.row100.head th {
	padding-top: 24px;
	padding-bottom: 20px
}

.row100 td {
	padding-top: 8px;
	padding-bottom: 4px
}


.table100.ver2 td {
	font-family: arial;
	font-size: 12px;
	color: gray;
	line-height: 1.4
}

.table100.ver2 th {
	font-family: arial;
	font-size: 11px;
	color: #fff;
	line-height: 1.4;
	text-transform: uppercase;
	background-color: #333
}

.table100.ver2 .row100:hover td {
	background-color: #766c96;
	color: #ff
}

.table100.ver2 .hov-column-ver2 {
	background-color: #766c96;
	color: #fff
}

.table100.ver2 .hov-column-head-ver2 {
background-color: #484848 !important
}

.table100.ver2 .row100 td:hover {
	background-color: #36304a;
	color: #fff
}

.table100.ver2 tbody tr:nth-child(even) {
	background-color: #eaf8e6
}

.table100.ver2 td {
	font-family: arial;
	font-size: 12px;
	color: gray;
	line-height: 1.4
}

.table100.ver2 th {
	font-family: arial;
	font-size: 11px;
	color: #fff;
	line-height: 1.4;
	text-transform: uppercase;
	background-color: #333
}

.table100.ver2 .row100:hover td {
	background-color: #766c96;
	color: #fff
}

.table100.ver2 .hov-column-ver2 {
	background-color: #766c96;
	color: #fff
}

.table100.ver2 .hov-column-head-ver2 {
	background-color: #484848 !important
}

.table100.ver2 .row100 td:hover {
	background-color: #36304a;
	color: #fff
}

/* Freezing first column */
        #div1 th
		{
            position: sticky;
            top: 0;
          
            z-index: 3;
			background-color:#333;
			/* Ensure it's above other cells */
             /* Add a background color if needed */
			
			}
			
			#div1 th:nth-child(1) {
		
            z-index: 4;
            left: 0;
          
            
			}
        #div1 td:nth-child(1) {
            position: sticky;
            left: 0;
            width: 130px;
            min-width: 150px;
            z-index: 2;
			background-color:#333;
			/* Ensure it's above other cells */
             /* Add a background color if needed */
			
			}
		
			
	.select2-container--default .select2-selection--single {
	border-radius:0px 4px 4px 0px;
	border:1px solid #aaa;
	border-left:0px;
	}
	

	.select2-container .select2-selection--single {
  
    height: 34px;
   
}

.select2-container--default{
width:100% !important;
}