body{
	background-position: absolute;
	background-repeat: no-repeat;
	background-size: 100%;
    }
	
    @font-face {
        font-family: K24KurdishBold-Bold;
        src: url(../../dist/fonts/K24KurdishBold-Bold.woff);
        }

    * {
        font-family: K24KurdishBold-Bold;
       }
	   
	h2 {
        margin-top: 3px;
    }
	   
	th {
	    background-color: #00539F;
	    color: #fff;
    }
	   
	td.details-control {
       background: url('../editor_resources/details_open.png') no-repeat center center;
       cursor: pointer;
    }
	
    tr.shown td.details-control {
       background: url('../editor_resources/details_close.png') no-repeat center center;
    }
	
	table.dataTable thead th, table.dataTable thead td, table.dataTable tbody td, table.dataTable tfoot th, table.dataTable tfoot td {
    text-align: center;
	vertical-align: middle;
    }
  
    div.DTED_Lightbox_Wrapper {
		z-index:65000
    }
	
	div.DTE_Field_Type_textarea textarea {
        height: 150px;
    }

    div.DTE_Field select, DIV.DTE_Field_Type_upload {
		padding: 6px;
		border-radius: 3px;
		border: 2px solid #aaa;
		background: white;
		width: 99%;
    }
	
	div.DTE_Body div.DTE_Body_Content div.DTE_Field.full{
		padding-left: 1%;
		width: 100%;
    }
	
	div.DTE_Field input[type=text]{
		padding-left: 1%;
		width: 99%;
    }
	
	div.DTE_Field input[type=number]{
		padding-left: 1%;
		width: 99%;
    }
	
	div.DTE_Field textarea{
		padding-left: 1%;
		width: 99%;
    }
	
	div.DTE_Form_Buttons button {
    background-image: none !important;
    }
	
	div.DTE button.btn, div.DTE div.DTE_Form_Buttons button {
    height: 35px;
	}
	
	div.DTE_Field_Type_checkbox div.DTE_Field_Input label {
        margin-bottom: 0rem;
    }
	
	div.DTE_Field_Type_radio div.DTE_Field_Input label {
        margin-bottom: 0rem;
    }
	
	div.DTED_Lightbox_Content {
	   padding: 5px;
    }

    div.DTED_Lightbox_Wrapper {
		z-index: 65000;
    }
	
	div.dt-datetime {
		z-index: 70000;
    }
	
	div.DTE_Footer {
        text-indent: 0px !important;
    }
	
	.colorSquare {
      width: 100%;
      height: 20px;
      margin:auto;
      border: 1px solid rgba(0, 0, 0, .2);
    }
	table.dataTable tbody th.dt-body-center,
	table.dataTable tbody td.dt-body-center {
      text-align: center;
    }
	
	.bd-placeholder-img {
        font-size: 1.125rem;
        text-anchor: middle;
        -webkit-user-select: none;
        -moz-user-select: none;
        user-select: none;
      }

      @media (min-width: 768px) {
        .bd-placeholder-img-lg {
          font-size: 3.5rem;
        }
      }

    /* for Autocomplete */
    #ui-id-1, #ui-id-2, #ui-menu {
        height: auto;
        overflow-y: auto;
        overflow-x: hidden;
        max-height: 450px;
    }
    
    .ui-menu .ui-menu-item-wrapper{
        padding: 0px !important;
    }
    
     
    input:focus, select:focus, textarea:focus{
        color: #495057;
        border-color: #80bdff !important;
        outline: 0;
        box-shadow: 0 0 0 0.2rem rgb(0 123 255 / 3%);
    }  
    
    
    .ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active, a.ui-button:active, .ui-button:active, .ui-button.ui-state-active:hover{
        border: none !important;
        background: #fff !important;
        font-weight: bold !important;
        color: #000 !important;
    }
    
    .ui-menu .ui-state-focus, .ui-menu .ui-state-active {
        margin: 0px !important;
        margin-left: -7.5px !important;
        margin-right: -7.5px !important;
        
    }
    .ui-menu-item-wrapper .col {
        padding: 0px !important;
    }
    
    .ui-menu .ui-state-focus, .ui-menu .ui-state-active .card, .card-header {
     background: #f5f5f5;
     color: black;
     font-size: 16px;
    }
    
    p.card-header:hover {
      background: linear-gradient(to right, #0d47a1  0%,#2196f3 100%);
      color: white;
    }
    
    .ui-menu .card {
        margin-bottom: 0px !important;
    }
    .require { 
        color: #dc3545;
    }
    
    div.DTE_Field_Type_datatable div.dt-buttons button {
    
        margin-left: 0px;
    }
    
    .DTE_Field_Input{
        width: 100% !important;
    }
    
    .DTE.DTE_Inline {
        border: 0px solid !important;
    }
    
    td.row-edit.dt-center {
        background-color: #28a745;
        color: white;
        width: 10%;
    }
    
    td.row-remove.dt-center {
        background-color: #dc3545;
        color: white;
        width: 10%;
    }
    td.row-edit-small.dt-center {
        background-color: #28a745;
        color: white;
     
    }
    
    td.row-remove-small.dt-center {
        background-color: #dc3545;
        color: white;
        
    }
    td.row-remove.dt-center:hover, td.row-edit.dt-center:hover,td.row-remove-small.dt-center:hover, td.row-edit-small.dt-center:hover {
        opacity: 80%;
        cursor: pointer;
    }
    
    .DTE_Inline_Buttons .btn {
        margin: -11px -10px -6px 24px !important;
        padding: 7px !important;
        font-size: 24px !important;
        width: 57px;
        background: transparent !important;
        border: none !important;
    }
     
    /* Autocomplete Cancel Button */
    button#clear {
        position: absolute;
        padding: 6px 10px;
        border: none;
        margin-left: -6.5%;
        border-right: 0px;
        background-color: transparent;
    }
    
    button#clear:hover {
        background-color: #dc3545;
        color: #FFF;
    }
    
    /* Custom Fields layout */
    #customForm {
        display: flex;
        flex-flow: row wrap;
    }
     
    #customForm fieldset {
        flex: 1;
        border: 1px solid #aaa;
        margin: 0.5em;
    }
     
    #customForm fieldset legend {
        padding: 5px 20px;
        border: 1px solid #aaa;
        font-weight: bold;
    }
     
    #customForm fieldset.name {
        flex: 2 100%;
    	padding-bottom: 5%;
    }
     
    #customForm fieldset.name legend {
        background: #bfffbf;
    }
     
    #customForm fieldset.office legend {
        background: #ffffbf;
    }
     
    #customForm fieldset.hr legend {
        background: #ffbfbf;
    }
     
    #customForm div.DTE_Field {
        padding: 5px;
    }
    
    input.date{
        background: no-repeat center/80% url("https://img.icons8.com/color/48/null/calendar--v1.png");
        background-size: 30px;
        background-position: 99%;
      }
    
    div.large{
        left: 1em;
        right: 1em;
        margin-left: 0;
        width: auto;
    }
    
    .related div.DTE_Field.full>label{
        width: 100% !important;
    }
    
    .related div.DTE_Field_Type_datatable div.dataTables_filter{
        float: right;
    }
    
    .related div.DTE_Field_Type_datatable div.dt-buttons {
        display: flex;
        width: 50%;
    }
    
    .related div.DTE_Field_Type_datatable div.dataTables_info{
        padding: 10px;
        color: gray;
    }
    
     
    body.swal2-toast-shown .swal2-container.swal2-top-end, body.swal2-toast-shown .swal2-container.swal2-top-right, .swal2-container.swal2-top, .swal2-container.swal2-center, .swal2-container.swal2-bottom{
        z-index: 66000;
    }
    
    div.DTE_Field div.DTE_Field_Error{
        font-size: 14px;
    }
    
    .svg-inline--fa {
        vertical-align: middle;
    }
    
    .toolbar {
        float: left;
    }
    
    .charges{
        all: unset !important;
        padding: 5px !important;
        padding-bottom: 10px !important;
    }
    
    .autofocused {
        width: 230% !important;
        position: absolute !important;
        z-index: 2;
        margin-left: -62% !important;
        transition: all .7s ease-in-out !important;
    }
    
    .ui-menu-item .row {
        text-align: left !important;
    }

    div.fancybox__container {
		z-index: 70000;
	} 

	.gallery_sec a {
		position: relative;
		transition: 0.3s ease-in-out;
		-webkit-transition: 0.3s ease-in-out;
		-moz-transition: 0.3s ease-in-out;
		-ms-transition: 0.3s ease-in-out;
		-o-transition: 0.3s ease-in-out;
	}

	.gallery_sec a::before {
		position: absolute;
		content: "";
		width: 30px;
		height: 30px;
		background: none;
		background-size: contain;
		background-repeat: no-repeat;
	  top:45%;
	  left:50%;
	  transform:translate(-50%, -50%);
	}

	.gallery_sec a:hover img {
		position: relative;
		width: 100%;
	}

	.gallery_sec a:hover img {
		opacity: 0.2;
	}

	.gallery_sec a:hover::before {
		position: absolute;
		content: "";
		width: 50px;
		height: 50px;
		background: url(../../dist/img/resize.png);
		background-size: contain;
		background-repeat: no-repeat;
		z-index: 99;
	}
	
	@media (max-width: 1150px) {
		   div.dt-buttons {
			   display: block;
			   margin-right: 10%;
               margin-left: 10%;
		  }
		  div.dt-buttons button {
			   width: 100%;
		  }
		  div.dt-buttons>.dt-button:first-child, div.dt-buttons>div.dt-button-split .dt-button:first-child {
               margin-left: 3px;
           }
      }
      
    .tox-tinymce-aux {
		z-index: 75000 !important;
	}
		
	.tox-promotion, .tox-statusbar__branding {
		display: none;
	}