@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 300;
  src: local('Open Sans Light'), local('OpenSans-Light'), url(../fonts/OpenSans-Light.woff2) format('woff2');
}
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 400;
  src: local('Open Sans'), local('OpenSans'), url(../fonts/OpenSans.woff2) format('woff2');
}
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 600;
  src: local('Open Sans Semibold'), local('OpenSans-Semibold'), url(../fonts/OpenSans-Semibold.woff2) format('woff2');
}
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 700;
  src: local('Open Sans Bold'), local('OpenSans-Bold'), url(../fonts/OpenSans-Bold.woff2) format('woff2');
}

.twolines{
     font-size: 1em;
     line-height: 1em;
     height: 2em;
}

.validation-summary-errors > ul { margin-bottom: 0; margin-left: 0; padding: 0; list-style-type:none; }
.field-validation-error { color: #a94442; }

.servicepanel{
     cursor: pointer;
}

.dd-handle { 
    display: block; margin: 5px 0; cursor: move; padding: 5px 10px; color: #333; text-decoration: none; font-weight: 400; border: 1px solid #ccc;
    background: #fafafa;
    -webkit-border-radius: 3px;
            border-radius: 3px;
    box-sizing: border-box; -moz-box-sizing: border-box;
}

.item-thumbnail-left {
    position:absolute;
    top:10px;
    left:10px;
    max-width:80px;
    max-height:80px;
    width:100%;
    height:100%;
}

@media (max-width: 567px) {
    .item-content {
        padding-left:6px;
    }
    .item-buttons {
        padding-left:6px;
        display:block;
        margin-top:6px;
        margin-bottom:6px;
    }
    #app-details {
        padding-top:10px;
        padding-bottom:10px;
        padding-left:6px;
    }
    #app-view-type {
        padding-left:6px;
    }
    .panel-body {
        padding:6px 6px;
    }
    .item-caption {
        min-width:100px;
        font-size:11px;
        color:#000;
    }

    .item-text-wrap {
      overflow: visible;
      white-space: normal;
    }
    .item-detail {
        position:absolute;
        left:106px;
        font-size:11px;
        color:#808080;
    }
}

@media (min-width: 568px) {
    .item-content {
        padding-left: 106px;
    }
    .item-buttons {
        padding-left:106px;
        display:block;
        margin-top:6px;
        margin-bottom:6px;
    }
    #app-details {
        padding-top:10px;
        padding-bottom:10px;
        padding-left:106px;
    }
    #app-view-type {
        padding-left:106px;
    }
    .item-buttons button,.btn-detail {
        min-width:90px;
    }
    .item-caption {
        min-width:200px;
        font-size:14px;
        color:#000;
    }

    .item-text-wrap {
      overflow: visible;
      white-space: normal;
    }

    .item-detail {
        position:absolute;
        left:206px;
        font-size:13px;
        color:#808080;
    }
}


.item-check-btn {
    position:absolute;
    left:20px;
    top:20px;
}

.boxoverlay {
  position: absolute;
  top: 0;
  right: 12px;
  width: 30px;
  bottom:24px;  
  z-index: 1;
  background-color: rgba(0,0,0,0.25);
}

.boxoverlayTest {
  position: absolute;
  top: 0;
  right: 42px;
  width: 30px;
  bottom:24px;  
  z-index: 1;
  background-color: rgba(0,0,0,0.15);
}

.boxbutton {
    width:30px;
    height:30px;
    font-size:1.4em;
    color:white;
    text-align:center;
    cursor:pointer;
    padding-top:5px;
}

.boxmultiapprove {
    -webkit-transform:rotate(-90deg);
    -moz-transform:rotate(-90deg);
    -o-transform: rotate(-90deg);
    -ms-transform:rotate(-90deg);
    transform: rotate(-90deg);
    /*transform-origin: top 0;*/
    margin-top:70px;
    color:white;
    text-align:center;
    cursor:pointer;
    padding-top:5px;
    white-space:nowrap;
    height:30px;
    display:block;   
}

.boxmenu {
  position: absolute;
  top: 6px;
  left: 12px;
  font-size:1.5em;
  cursor:pointer;
}

.colorbox {
    width:32px;
    height:32px;
    float:left;
    margin-left:6px;
    margin-top:6px;
}

.colorbox.brd {
    border:3px solid #fff;
}

.list-atarih {
    position: absolute;
    right: 30px;
    top: 8px;
}

@media (max-width: 567px) {
	.dtable2col {
		width:100%;
		border:none;
		padding:6px;
		border-collapse: collapse;
		font-size:12px;
	}	
	.dtable2col td:first-child {
		width:50%;
	}
	.dtable2col td:nth-child(2) {
		width:50%;
	}
}
@media (min-width: 568px) {
	.dtable2col {
		width:100%;
		border:none;
		padding:6px;
		border-collapse: collapse;
		font-size:12px;
	}	
	.dtable2col td:first-child {
		width:15%;
	}
	.dtable2col td:nth-child(2) {
		width:85%;
	}
}
.dtable2col tr:nth-of-type(odd) { 
  background: #eee !important; 
}
.dtable2col div table tr:nth-of-type(odd) { 
  background: #fff !important; 
}

.dtable2col  td, .dtable2col th { 
  padding: 6px; 
  border: 1px solid #ccc; 
  text-align: left; 
  word-wrap: break-word;
  white-space:normal;
}
.dtable3col  td, .dtable2col th { 
  padding: 6px; 
  border: 1px solid #ccc; 
  text-align: left; 
  word-wrap: break-word;
  white-space:normal;
}

.dtable4col  td, .dtable2col th { 
  padding: 6px; 
  border: 1px solid #ccc; 
  text-align: left; 
  word-wrap: break-word;
  white-space:normal;
}

.dtable3col {
	width:100%;
	border:none;
	padding:6px;
	border-collapse: collapse;
	font-size:12px;
}
.dtable3col td:first-child {
	width:34%;
}
.dtable3col td:nth-child(2) {
	width:33%;
}
.dtable3col td:nth-child(3) {
	width:33%;
}
.dtable3col tr:nth-of-type(odd) { 
  background: #eee; 
}
.dtable3col.kata td:first-child {
	width:50%;
}
.dtable3col.kata td:nth-child(2) {
	width:25%;
}
.dtable3col.kata td:nth-child(3) {
	width:25%;
}
.dtable3col tr:nth-of-type(odd) { 
  background: #eee; 
}

@media (max-width: 567px) {
	.dtable4col {
		width:100%;
		border:none;
		padding:6px;
		border-collapse: collapse;
		font-size:12px;
	}	
}
@media (min-width: 568px) {
	.dtable4col {
		width:70%;
		border:none;
		padding:6px;
		border-collapse: collapse;
		font-size:12px;
	}
}

.dtable4col td:first-child {
	width:25%;
}
.dtable4col td:nth-child(2) {
	width:25%;
}
.dtable4col td:nth-child(3) {
	width:25%;
}
.dtable4col td:nth-child(4) {
	width:25%;
}
.dtable4col.fams tr:nth-of-type(3n+1) { 
  background: #eee; 
}
.dtable4col.srmo0 td:nth-child(odd) { 
  background: #eee; 
}
.dtable4col.srmo1 tr:first-of-type { 
  background: #eee; 
}
.dtable4col.srmo2 tr { 
  background: #eee; 
}
.dtable4col.srmo3 tr:first-of-type { 
  background: #eee; 
}
.dtable4col.nisk0 td:nth-child(1) { 
  background: #eee !important; 
}
.dtable4col.nisk0 td:nth-child(3) { 
  background: #eee !important; 
}
.dtable4col.nisk0 tr:nth-child(9) { 
  background: #fff; 
}
.dtable4col.nisk1 { 
  background: #fff; 
}
.dtable4col.nisk1 tr:nth-child(1) { 
  background: #eee; 
}
.dtable4col.nisk1 td:nth-child(1) { 
  background: #eee; 
}
.dtable4col.nisk2 tr:nth-child(1) { 
  background: #eee; 
}
.dtable4col.nisk2 td:nth-child(1) { 
  background: #eee; 
}

#dtSMIF table div {
	width:300px;
}