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: 1px;
    }
	   
	th {
	    background-color: #17A2B8;
	    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 {
		left: 10%;
		right: 10%;
		margin-left: 0;
		width: 80%;
    }
	
	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: 10px;
    }

    div.DTED_Lightbox_Wrapper {
		z-index: 65000;
    }
	
	div.dt-datetime {
		z-index: 70000;
    }
	
	div.DTE_Footer {
        text-indent: 0px !important;
    }
	
	.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;
	justify-content: center;
}
 
#customForm fieldset {
    flex: 1;
    border: 1px solid #aaa;
    margin: 0.5em;
}
 
#customForm fieldset legend {
    padding: 5px 20px;
    border: 1px solid #ddd;
    font-weight: bold;
}
 
#customForm fieldset.name {
    flex: 2 100%;
	display: flex;
}
 
#customForm fieldset.name legend {
    background: #bfffbf;
}
 
#customForm fieldset.office legend {
    background: #ffffbf;
}
 
#customForm fieldset.hr legend {
    background: #ffbfbf;
}
 
#customForm div.DTE_Field {
    padding: 5px;
}

@media (max-width: 991px) {
        .tabs {
              padding-left: 5%;
            }
      }

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;
}

#add_depend, #add_high_school, #reload, #np-btn button{
    padding: 10px 15px;
    margin-top: 20px;
    border: none;
}

#np-btn{
	margin-right: 10px;
	margin-bottom: 15px;
    float: right;
}

/* .DTE_Body_Content { min-height: 80%; } */

#v-pills-tab{
    width: 15%;
    float: left;
    margin-right: 10px;
}

#unsave-btn{
    margin-top: 25%;
}

div.DTE_Body_Content div.DTE_Field>label {
    width: 100% !important;
}

#availableCourses{
    height: 300px !important;
    font-size: 18px !important;
}

#enroll {
    margin-top: 10px;;
}

.bootstrap-duallistbox-container .info, .bootstrap-duallistbox-container .clear1, .bootstrap-duallistbox-container .clear2{
    font-size: 15px !important;
}

@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;
           }
      }