.transparent{
    background: transparent !important;
}

.mand_mod_body{
    padding: 0px;
}

.mand_mod .modal-content .modal-header{
    display: none;
}


.bs-callout{margin-bottom:20px;background-color:#fff;border:1px solid transparent;border-radius:4px;-webkit-box-shadow:0 1px 1px rgba(0,0,0,.05);box-shadow:0 1px 1px rgba(0,0,0,.05)}

.bs-callout-trans,
.nav.nav-tabs + .tab-content.bs-callout-trans{ 
  background-color:#ebeff2;
  border:0px solid;
}

.bs-padding-no > .callout_body{
    padding: 0px;
}

.parent.ex-5 .dragula div, .parent.ex-5 .dragula .gu-transit{
    background: #fff;    
}


.bs-callout-body{padding:15px}
.bs-callout-heading{padding:10px 15px;border-bottom:1px solid transparent;border-top-left-radius:3px;border-top-right-radius:3px}
.bs-callout-heading>.dropdown .dropdown-toggle{color:inherit}.bs-callout-title{margin-top:0;margin-bottom:0;font-size:16px;color:inherit}
.bs-callout-title>.small,.bs-callout-title>.small>a,.bs-callout-title>a,.bs-callout-title>small,.bs-callout-title>small>a{color:inherit}
.bs-callout-footer{padding:10px 15px;background-color:#f5f5f5;border-top:1px solid #ddd;border-bottom-right-radius:3px;border-bottom-left-radius:3px}
.bs-callout>.list-group,.bs-callout>.bs-callout-collapse>.list-group
{margin-bottom:0}


.bs-callout>.list-group .list-group-item,.bs-callout>.bs-callout-collapse>.list-group .list-group-item
{border-width:1px 0;border-radius:0}

.bs-callout>.list-group:first-child .list-group-item:first-child,.bs-callout>.bs-callout-collapse>.list-group:first-child .list-group-item:first-child
{border-top:0;border-top-left-radius:3px;border-top-right-radius:3px}

.bs-callout>.list-group:last-child .list-group-item:last-child,.bs-callout>.bs-callout-collapse>.list-group:last-child .list-group-item:last-child
{border-bottom:0;border-bottom-right-radius:3px;border-bottom-left-radius:3px}

.bs-callout>.bs-callout-heading+.bs-callout-collapse>.list-group .list-group-item:first-child
{border-top-left-radius:0;border-top-right-radius:0}.bs-callout-heading+.list-group .list-group-item:first-child{border-top-width:0}

.list-group+.bs-callout-footer{border-top-width:0}.bs-callout>.bs-callout-collapse>.table,.bs-callout>.table,.bs-callout>.table-responsive>.table
{margin-bottom:0}


.bs-callout>.bs-callout-collapse>.table caption,.bs-callout>.table caption,.bs-callout>.table-responsive>.table caption
{padding-right:15px;padding-left:15px}


.bs-callout>.table-responsive:first-child>.table:first-child,.bs-callout>.table:first-child
{border-top-left-radius:3px;border-top-right-radius:3px}


.bs-callout>.table-responsive:first-child>.table:first-child>tbody:first-child>tr:first-child,
.bs-callout>.table-responsive:first-child>.table:first-child>thead:first-child>tr:first-child,
.bs-callout>.table:first-child>tbody:first-child>tr:first-child,.bs-callout>.table:first-child>thead:first-child>tr:first-child
{border-top-left-radius:3px;border-top-right-radius:3px}

.bs-callout>.table-responsive:first-child>.table:first-child>tbody:first-child>tr:first-child td:first-child,.bs-callout>.table-responsive:first-child>.table:first-child>tbody:first-child>tr:first-child th:first-child
.bs-callout>.table-responsive:first-child>.table:first-child>thead:first-child>tr:first-child td:first-child,.bs-callout>.table-responsive:first-child>.table:first-child>thead:first-child>tr:first-child th:first-child,
.bs-callout>.table:first-child>tbody:first-child>tr:first-child td:first-child,.bs-callout>.table:first-child>tbody:first-child>tr:first-child th:first-child,.bs-callout>.table:first-child>thead:first-child>tr:first-child td:first-child,
.bs-callout>.table:first-child>thead:first-child>tr:first-child th:first-child
{border-top-left-radius:3px}


.bs-callout>.table-responsive:first-child>.table:first-child>tbody:first-child>tr:first-child td:last-child,
.bs-callout>.table-responsive:first-child>.table:first-child>tbody:first-child>tr:first-child th:last-child,
.bs-callout>.table-responsive:first-child>.table:first-child>thead:first-child>tr:first-child td:last-child,
.bs-callout>.table-responsive:first-child>.table:first-child>thead:first-child>tr:first-child th:last-child,
.bs-callout>.table:first-child>tbody:first-child>tr:first-child td:last-child,.bs-callout>.table:first-child>tbody:first-child>tr:first-child th:last-child,
.bs-callout>.table:first-child>thead:first-child>tr:first-child td:last-child,.bs-callout>.table:first-child>thead:first-child>tr:first-child th:last-child
{border-top-right-radius:3px}

.bs-callout>.table-responsive:last-child>.table:last-child,
.bs-callout>.table:last-child{border-bottom-right-radius:3px;border-bottom-left-radius:3px}

.bs-callout>.table-responsive:last-child>.table:last-child>tbody:last-child>tr:last-child,
.bs-callout>.table-responsive:last-child>.table:last-child>tfoot:last-child>tr:last-child,
.bs-callout>.table:last-child>tbody:last-child>tr:last-child,
.bs-callout>.table:last-child>tfoot:last-child>tr:last-child
{border-bottom-right-radius:3px;border-bottom-left-radius:3px}


.bs-callout>.table-responsive:last-child>.table:last-child>tbody:last-child>tr:last-child td:first-child,
.bs-callout>.table-responsive:last-child>.table:last-child>tbody:last-child>tr:last-child th:first-child,
.bs-callout>.table-responsive:last-child>.table:last-child>tfoot:last-child>tr:last-child td:first-child,
.bs-callout>.table-responsive:last-child>.table:last-child>tfoot:last-child>tr:last-child th:first-child,
.bs-callout>.table:last-child>tbody:last-child>tr:last-child td:first-child,
.bs-callout>.table:last-child>tbody:last-child>tr:last-child th:first-child,
.bs-callout>.table:last-child>tfoot:last-child>tr:last-child td:first-child,
.bs-callout>.table:last-child>tfoot:last-child>tr:last-child th:first-child
{border-bottom-left-radius:3px}


.bs-callout>.table-responsive:last-child>.table:last-child>tbody:last-child>tr:last-child td:last-child,
.bs-callout>.table-responsive:last-child>.table:last-child>tbody:last-child>tr:last-child th:last-child,
.bs-callout>.table-responsive:last-child>.table:last-child>tfoot:last-child>tr:last-child td:last-child,
.bs-callout>.table-responsive:last-child>.table:last-child>tfoot:last-child>tr:last-child th:last-child,
.bs-callout>.table:last-child>tbody:last-child>tr:last-child td:last-child,
.bs-callout>.table:last-child>tbody:last-child>tr:last-child th:last-child,
.bs-callout>.table:last-child>tfoot:last-child>tr:last-child td:last-child,
.bs-callout>.table:last-child>tfoot:last-child>tr:last-child th:last-child
{border-bottom-right-radius:3px}


.bs-callout>.bs-callout-body+.table,.bs-callout>.bs-callout-body+.table-responsive,.bs-callout>.table+.bs-callout-body,
.bs-callout>.table-responsive+.bs-callout-body
{border-top:1px solid #ddd}


.bs-callout>.table>tbody:first-child>tr:first-child td,.bs-callout>.table>tbody:first-child>tr:first-child th
{border-top:0}

.bs-callout>.table-bordered,.bs-callout>.table-responsive>.table-bordered
{border:0}


.bs-callout>.table-bordered>tbody>tr>td:first-child,.bs-callout>.table-bordered>tbody>tr>th:first-child,.bs-callout>.table-bordered>tfoot>tr>td:first-child,
.bs-callout>.table-bordered>tfoot>tr>th:first-child,.bs-callout>.table-bordered>thead>tr>td:first-child,.bs-callout>.table-bordered>thead>tr>th:first-child,
.bs-callout>.table-responsive>.table-bordered>tbody>tr>td:first-child,
.bs-callout>.table-responsive>.table-bordered>tbody>tr>th:first-child,
.bs-callout>.table-responsive>.table-bordered>tfoot>tr>td:first-child,
.bs-callout>.table-responsive>.table-bordered>tfoot>tr>th:first-child,
.bs-callout>.table-responsive>.table-bordered>thead>tr>td:first-child,
.bs-callout>.table-responsive>.table-bordered>thead>tr>th:first-child
{border-left:0}


.bs-callout>.table-bordered>tbody>tr>td:last-child,
.bs-callout>.table-bordered>tbody>tr>th:last-child,
.bs-callout>.table-bordered>tfoot>tr>td:last-child,
.bs-callout>.table-bordered>tfoot>tr>th:last-child,
.bs-callout>.table-bordered>thead>tr>td:last-child,
.bs-callout>.table-bordered>thead>tr>th:last-child,
.bs-callout>.table-responsive>.table-bordered>tbody>tr>td:last-child,
.bs-callout>.table-responsive>.table-bordered>tbody>tr>th:last-child,
.bs-callout>.table-responsive>.table-bordered>tfoot>tr>td:last-child,
.bs-callout>.table-responsive>.table-bordered>tfoot>tr>th:last-child,
.bs-callout>.table-responsive>.table-bordered>thead>tr>td:last-child,
.bs-callout>.table-responsive>.table-bordered>thead>tr>th:last-child
{border-right:0}

.bs-callout>.table-bordered>tbody>tr:first-child>td,
.bs-callout>.table-bordered>tbody>tr:first-child>th,
.bs-callout>.table-bordered>thead>tr:first-child>td,
.bs-callout>.table-bordered>thead>tr:first-child>th,
.bs-callout>.table-responsive>.table-bordered>tbody>tr:first-child>td,.bs-callout>.table-responsive>.table-bordered>tbody>tr:first-child>th,
.bs-callout>.table-responsive>.table-bordered>thead>tr:first-child>td,.bs-callout>.table-responsive>.table-bordered>thead>tr:first-child>th
{border-bottom:0}

.bs-callout>.table-bordered>tbody>tr:last-child>td,
.bs-callout>.table-bordered>tbody>tr:last-child>th,
.bs-callout>.table-bordered>tfoot>tr:last-child>td,
.bs-callout>.table-bordered>tfoot>tr:last-child>th,
.bs-callout>.table-responsive>.table-bordered>tbody>tr:last-child>td,
.bs-callout>.table-responsive>.table-bordered>tbody>tr:last-child>th,
.bs-callout>.table-responsive>.table-bordered>tfoot>tr:last-child>td,
.bs-callout>.table-responsive>.table-bordered>tfoot>tr:last-child>th{border-bottom:0}

.bs-callout>.table-responsive
{margin-bottom:0;border:0}

.bs-callout-group{margin-bottom:20px}

.bs-callout-group .bs-callout{margin-bottom:0;border-radius:4px}

.bs-callout-group .bs-callout+.bs-callout{margin-top:5px}
.bs-callout-group .bs-callout-heading{border-bottom:0}
.bs-callout-group .bs-callout-heading+.bs-callout-collapse>.list-group,.bs-callout-group .bs-callout-heading+.bs-callout-collapse>.bs-callout-body{border-top:1px solid #ddd}

.bs-callout-group .bs-callout-footer{border-top:0}.bs-callout-group .bs-callout-footer+.bs-callout-collapse .bs-callout-body{border-bottom:1px solid #ddd}

.bs-callout-default{border-color:#ddd}
.bs-callout-default>.bs-callout-heading{color:#333;background-color:#f5f5f5;border-color:#ddd}
.bs-callout-default>.bs-callout-heading+.bs-callout-collapse>.bs-callout-body{border-top-color:#ddd}
.bs-callout-default>.bs-callout-heading .badge{color:#f5f5f5;background-color:#333}
.bs-callout-default>.bs-callout-footer+.bs-callout-collapse>.bs-callout-body{border-bottom-color:#ddd}
.bs-callout-primary{border-color:#337ab7}
.bs-callout-primary>.bs-callout-heading{color:#fff;background-color:#337ab7;border-color:#337ab7}
.bs-callout-primary>.bs-callout-heading+.bs-callout-collapse>.bs-callout-body{border-top-color:#337ab7}
.bs-callout-primary>.bs-callout-heading .badge{color:#337ab7;background-color:#fff}
.bs-callout-primary>.bs-callout-footer+.bs-callout-collapse>.bs-callout-body{border-bottom-color:#337ab7}
.bs-callout-success{border-color:#d6e9c6}
.bs-callout-success>.bs-callout-heading{color:#3c763d;background-color:#dff0d8;border-color:#d6e9c6}
.bs-callout-success>.bs-callout-heading+.bs-callout-collapse>.bs-callout-body{border-top-color:#d6e9c6}
.bs-callout-success>.bs-callout-heading .badge{color:#dff0d8;background-color:#3c763d}
.bs-callout-success>.bs-callout-footer+.bs-callout-collapse>.bs-callout-body{border-bottom-color:#d6e9c6}
.bs-callout-info{border-color:#bce8f1}
.bs-callout-info>.bs-callout-heading{ /*color:#31708f;*/ background-color:#d9edf7;border-color:#bce8f1}
.bs-callout-info>.bs-callout-heading+.bs-callout-collapse>.bs-callout-body{border-top-color:#bce8f1}
.bs-callout-info>.bs-callout-heading .badge{color:#d9edf7;background-color:#31708f}
.bs-callout-info>.bs-callout-footer+.bs-callout-collapse>.bs-callout-body{border-bottom-color:#bce8f1}
.bs-callout-warning{border-color:#faebcc}.bs-callout-warning>.bs-callout-heading{color:#8a6d3b;background-color:#fcf8e3;border-color:#faebcc}.bs-callout-warning>.bs-callout-heading+.bs-callout-collapse>.bs-callout-body{border-top-color:#faebcc}.bs-callout-warning>.bs-callout-heading .badge{color:#fcf8e3;background-color:#8a6d3b}.bs-callout-warning>.bs-callout-footer+.bs-callout-collapse>.bs-callout-body{border-bottom-color:#faebcc}.bs-callout-danger{border-color:#ebccd1}.bs-callout-danger>.bs-callout-heading{color:#a94442;background-color:#f2dede;border-color:#ebccd1}.bs-callout-danger>.bs-callout-heading+.bs-callout-collapse>.bs-callout-body{border-top-color:#ebccd1}.bs-callout-danger>.bs-callout-heading .badge{color:#f2dede;background-color:#a94442}.bs-callout-danger>.bs-callout-footer+.bs-callout-collapse>.bs-callout-body{border-bottom-color:#ebccd1}


.bs-callout h4{
    text-align: center;

    color:#fff;
    
    margin: 0px;
 
    line-height:auto;
  /*
    font-size: 1.4em;
    padding: 1vmin;
  */
}

.bs-callout .callout_body h4{
    color:#000;
}

.bs-callout-title {
    font-size: 15px;
    font-weight: 600;
    letter-spacing: 0.03em;
    margin-bottom: 0;
    margin-top: 0;
    text-transform: uppercase;
}
.bs-callout-footer {
    background: #f4f8fb none repeat scroll 0 0;
    border-top: 0 none;
}
.bs-callout-color .bs-callout-title {
    color: #ffffff;
}
.bs-callout-custom > .bs-callout-heading,
.bs-callout-custom > h4{
    background-color: #5fbeaa;
}
.bs-callout-primary > .bs-callout-heading,
.bs-callout-primary > h4{
    background-color: #5d9cec;
}
.bs-callout-success > .bs-callout-heading {
    background-color: #81c868;
}
.bs-callout-info > .bs-callout-heading,
.bs-callout-info > h4{
    background-color: #4c5667;
}
.bs-callout-warning > .bs-callout-heading,
.bs-callout-warning > h4{
    background-color: #ffbd4a;
}
.bs-callout-danger > .bs-callout-heading,
.bs-callout-danger > h4{
    background-color: #f05050;
}
.bs-callout-purple > .bs-callout-heading,
.bs-callout-purple > h4{
    background-color: #7266ba;
}
.bs-callout-pink > .bs-callout-heading,
.bs-callout-pink > h4{
    background-color: #fb6d9d;
}
.bs-callout-inverse > .bs-callout-heading,
.bs-callout-inverse > h4{
    background-color: #4c5667;
}
.bs-callout-border .bs-callout-heading,
.bs-callout-border > h4{
   /* background-color: #ffffff;
    border-top: 3px solid #dadfe2 !important;
    padding: 10px 20px 0;
   */
}
.bs-callout-border .bs-callout-body {
    padding: 15px 20px 20px;
}
.bs-callout-border.bs-callout-custom .bs-callout-heading {
    border-color: #5fbeaa !important;
    color: #5fbeaa !important;
}
.bs-callout-border.bs-callout-primary .bs-callout-heading {
    border-color: #5d9cec !important;
    color: #5d9cec !important;
}
.bs-callout-border.bs-callout-success .bs-callout-heading {
    border-color: #81c868 !important;
    color: #81c868 !important;
}
.bs-callout-border.bs-callout-info .bs-callout-heading {
    border-color: #4c5667 !important;
    color: #4c5667 !important;
}
.bs-callout-border.bs-callout-warning .bs-callout-heading {
    border-color: #ffbd4a !important;
    color: #ffbd4a !important;
}
.bs-callout-border.bs-callout-danger .bs-callout-heading {
    border-color: #f05050 !important;
    color: #f05050 !important;
}
.bs-callout-border.bs-callout-purple .bs-callout-heading {
    border-color: #7266ba !important;
    color: #7266ba !important;
}
.bs-callout-border.bs-callout-pink .bs-callout-heading {
    border-color: #fb6d9d !important;
    color: #fb6d9d !important;
}
.bs-callout-border.bs-callout-inverse .bs-callout-heading {
    border-color: #4c5667 !important;
    color: #4c5667 !important;
}
.bs-callout-border.bs-callout-inverse{
    border-color: #4c5667 !important;
    color: #4c5667 !important;
}



.bs-callout-group .bs-callout .bs-callout-heading a.collapsed[data-toggle="collapse"]::before {
    content: "";
}
.bs-callout-group .bs-callout .bs-callout-heading .accordion-toggle.collapsed::before {
    content: "";
}
.bs-callout-group .bs-callout .bs-callout-heading a[data-toggle="collapse"] {
    display: block;
}
.bs-callout-group .bs-callout .bs-callout-heading a[data-toggle="collapse"]::before {
    content: "";
    display: block;
    float: right;
    font-family: "FontAwesome";
    font-size: 14px;
    text-align: right;
    width: 25px;
}
.bs-callout-group .bs-callout .bs-callout-heading .accordion-toggle {
    display: block;
}
.bs-callout-group .bs-callout .bs-callout-heading .accordion-toggle::before {
    content: "";
    display: block;
    float: right;
    font-family: "FontAwesome";
    font-size: 14px;
    text-align: right;
    width: 25px;
}
.bs-callout-group .bs-callout .bs-callout-heading + .bs-callout-collapse .bs-callout-body {
    border-top: medium none;
}
.bs-callout-group .bs-callout-heading {
    padding: 12px 26px;
}
.bs-callout-group.bs-callout-group-joined .bs-callout + .bs-callout {
    border-top: 1px solid #eeeeee;
    margin-top: 0;
}
.bs-callout-group-joined .bs-callout-group .bs-callout + .bs-callout {
    border-top: 1px solid #eeeeee;
    margin-top: 0;
}
.bs-callout .nav-pills li a {
    color: #4c5667 !important;
}
.bs-callout .nav-pills li.active a {
    color: #ffffff !important;
}


.bs-callout-color .bs-callout-title{
    color: #fff;
}


.bs-callout-color .btn-full{
    margin-top: 20px;
    width:100%;
}

.callout_body{
    padding-top: 20px;
    padding-right: 10px;
    padding-left: 10px;
    padding-bottom:20px;
}

.big_bottom .callout_body{
    padding-top: 20px;
    padding-right: 10px;
    padding-left: 10px;
    padding-bottom:80px;
}

.callout_body.row h3{
    display: inline-block;
    padding:10px;
    padding-left: 2%;    
    position: relative;
    border-bottom: 3px solid #ccc;
    width: 100%;
}

.callout_body .col-sm-1,
.callout_body .col-sm-2,
.callout_body .col-sm-3,
.callout_body .col-sm-4,
.callout_body .col-sm-5,
.callout_body .col-sm-6,
.callout_body .col-sm-7,
.callout_body .col-sm-8,
.callout_body .col-sm-9,
.callout_body .col-sm-10,
.callout_body .col-sm-11,
.callout_body .col-sm-12{
    display: inline-block;
}


.bs-callout{
-webkit-transition: all 2s ease-in-out;
-moz-transition: all 2s ease-in-out;
-ms-transition: all 2s ease-in-out;
-o-transition: all 2s ease-in-out;
transition: all 2s ease-in-out;
}

.callout_header{
    cursor: pointer;
}



.btn-full{
    width:100%;
    white-space:normal;
}


.btn-full span{
    display: inline-block;
}

.btn-full span img{
    width: 24px;
}

.btn-none{
    opacity: 0;
}

a.btn{
    white-space:normal;
}



.btn-null{
    background: transparent;
    border: 0px;
}

.bootstrap-select.btn-group .dropdown-toggle.btn-null .filter-option{
    text-align: right;
}

.color-red{
    color:red;
}

.color-green{
    color:green;
}




.reszletekgomb_btn{
    color:#000 !important;
    margin: 0px !important;
}

.reszletekgomb{
    display: block;
    border: 1px solid #cecece;
    height: 40px;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
    color:#000;
}
a.reszletekgomb:not([href]):not([tabindex]).btn{
    color:#000;
}




.table.table-hover.fixed{
    display: none;
}

.dataTables_wrapper .container{
    width:100% !important;
    max-width: 100% !important;
}




.color-white{
    color:#fff !important;
}


.form-group label, label {
    font-size: 15px;
    color: #030303 !important;
    letter-spacing: 1px;
}

 
.wb-50{
    
    
}


.wb-50 .new-radio{
    width: 40%;
}

.wb-50 .btn-group.bootstrap-select{
    width: 100% !important;
}


.bgm-dark{
    border: 1px solid #3b3f5c;
}

.bgm-dark .card-header{
    background: #3b3f5c;
    color: #fafafa;
}

.bgm-dark{
    border: 1px solid #3b3f5c;
}

.bgm-dark .card-header{
    background: #3b3f5c;
    color: #fafafa;
}


.bgm-danger, .bgm-off{
    border: 1px solid #e7515a;
}

.bgm-danger .card-header, .bgm-off .card-header{
    background: #e7515a;
    color: #fafafa;
}

.bgm-success, .bgm-on{
    border: 1px solid #8dbf42;
}

.bgm-success .card-header, .bgm-on .card-header{
    background: #8dbf42;
    color: #fafafa;
}


.w-90{
    width: 90% !important;
    max-width: 90% !important;
}

.checkboxspan{
    display: inline-block;
}

.c-50 .checkboxspan{
    width: 50%;
}


.c-100 .checkboxspan{
    width: 100%;
}


.file-tree-none:before{
    display: none;
}

tfoot{
    display: none;
}

tfoot.open{
    display: table-header-group; width: 100%;
}





/*Left*/
	.modal.left.fade2 .modal-dialog{
		left: 0px;
		 
	}
	
	.modal.left.fade2.in .modal-dialog{
		left: 0;
	}
        
/*Right*/
	.modal.right.fade2 .modal-dialog {
                left: none;
		right: 0px;
		 
	}
	
	.modal.right.fade2.in .modal-dialog {
		right: 0;
               
	}
 
        .modal.right .modal-header .close{
                top: 13px;
                right: 21px;
        }
        
        .mand_mod_right .modal-header{
            color:#fff;
            background: #6d7fcc;
            -webkit-box-align: start;
            -webkit-align-items: flex-start;
            -moz-box-align: start;
            -ms-flex-align: start;
            align-items: flex-start;
            -webkit-box-pack: justify;
            -webkit-justify-content: space-between;
            -moz-box-pack: justify;
            -ms-flex-pack: justify;
            justify-content: space-between;
            padding: 1rem 1rem;
            border-bottom: 1px solid #EDEDED;
            border-top-left-radius: 0rem !important;
            border-top-right-radius: 0rem !important;
            border-bottom-left-radius: 0rem !important;
            border-bottom-right-radius: 0rem !important;            
        }
        
        .right-modal-title{
            color:#fff;
            
        }
        
        
        
        
        .sajatmodal{
            position: fixed;
            top:0px;
            right: 0px;
            width: 0px;
            height: 0px;
            background: #ffffff;
            border: 1px solid #31708f;
            z-index: -1;
        }
        
        .sajatmodal::after {
            content: ""; 
            width: 0px;
            height: 0px;
            background: rgba(50,50,50,0.3);
            top: 0px;
            right: 0px;
            z-index: -1;
            position: fixed;
            display: inline-block;
        }
        
        .sajatmodal .sajatmodal-contant{
            position: fixed;
            top:25%;
            right: 25%;
            width: 0px;
            height: auto;
            background: #ffffff;
            border: 1px solid #31708f;
            z-index: -1;
        }
        
        
        .aktiv.sajatmodal{
            position: fixed;
            top:0px;
            right: 0px;
            width: 0%;
            height: 0%;
            background: #ffffff;
            border: 1px solid #31708f;
            z-index: 4000;
        }
        
        .aktiv.sajatmodal .sajatmodal-bg{
            content: ""; 
            width: 100%;
            height: 100%;
            background: rgba(50,50,50,0.3);
            top: 0px;
            right: 0px;
            position: fixed;
            display: inline-block;
        }
        
        .aktiv.sajatmodal .sajatmodal-contant{
            position: fixed;
            top:25%;
            left: 25%;
            width: 50%;
            min-height: 50%;
            background: #ffffff;
            border: 1px solid #31708f;
            z-index: 4000;
            padding: 20px;
        }
        
        .aktiv .closeclick{
                color: #000;
                position: absolute;
                top: -6px;
                right: 17px;
                width: 0px;
                height: 0px;
                cursor: pointer;
                font-size: 26px;
                background: #ccc;
                border: 2px solid #ccc;
                border-radius: 50px;
        }
        
        
        
   
        .sajatmodal{
            position: fixed;
            top:0px;
            right: 0px;
            width: 0px;
            height: 0px;
            background: #ffffff;
            border: 1px solid #31708f;
            z-index: -1;
        }
        
        .sajatmodal::after {
            content: ""; 
            width: 0px;
            height: 0px;
            background: rgba(50,50,50,0.3);
            top: 0px;
            right: 0px;
            z-index: -1;
            position: fixed;
            display: inline-block;
        }
        
        .sajatmodal .sajatmodal-contant{
            position: fixed;
            top:25%;
            right: 25%;
            width: 0px;
            height: auto;
            background: #ffffff;
            border: 1px solid #31708f;
            z-index: -1;
        }
        
        
        .aktiv.sajatmodal{
            position: fixed;
            top:0px;
            right: 0px;
            width: 0%;
            height: 0%;
            background: #ffffff;
            border: 1px solid #31708f;
            z-index: 4000;
        }
        
        .aktiv.sajatmodal .sajatmodal-bg{
            content: ""; 
            width: 100%;
            height: 100%;
            background: rgba(50,50,50,0.3);
            top: 0px;
            right: 0px;
            position: fixed;
            display: inline-block;
        }
        
        .aktiv.sajatmodal .sajatmodal-contant{
            position: fixed;
            top: 10%;
            left: 15%;
            width: 70%;
            height: 80%;
            overflow: auto;
            background: #ffffff;
            border: 1px solid #31708f;
            z-index: 4000;
            padding: 20px;
        }
        
        .aktiv .closeclick{
                color: #000;
                position: absolute;
                top: -6px;
                right: 17px;
                width: 0px;
                height: 0px;
                cursor: pointer;
                font-size: 26px;
                background: #ccc;
                border: 2px solid #ccc;
                border-radius: 50px;
        }
             
        
        
        
    .table > tbody > tr > td {
        border: none;
        color: #888ea8;
        font-size: 13px;
        letter-spacing: 1px;
        vertical-align: top;
    }        


        
    
    
    
    /*-----------------------UJ------------------*/
    
    
    
    
       
        
        .sajatmodal{
            position: fixed;
            top:0px;
            right: 0px;
            width: 0px;
            height: 0px;
            background: #ffffff;
            border: 1px solid #31708f;
            z-index: -1;
        }
        
        .sajatmodal::after {
            content: ""; 
            width: 0px;
            height: 0px;
            background: rgba(50,50,50,0.3);
            top: 0px;
            right: 0px;
            z-index: -1;
            position: fixed;
            display: inline-block;
        }
        
        .sajatmodal .sajatmodal-contant{
            position: fixed;
            top:25%;
            right: 25%;
            width: 0px;
            height: auto;
            background: #ffffff;
            border: 1px solid #31708f;
            z-index: -1;
        }
        
        
        .aktiv.sajatmodal{
            position: fixed;
            top:0px;
            right: 0px;
            width: 0%;
            height: 0%;
            background: #ffffff;
            border: 1px solid #31708f;
            z-index: 4000;
        }
        
        .aktiv.sajatmodal .sajatmodal-bg{
            content: ""; 
            width: 100%;
            height: 100%;
            background: rgba(50,50,50,0.3);
            top: 0px;
            right: 0px;
            position: fixed;
            display: inline-block;
        }
        
        .aktiv.sajatmodal .sajatmodal-contant{
            position: fixed;
            top: 10%;
            left: 15%;
            width: 70%;
            height: 80%;
            overflow: auto;
            background: #ffffff;
            border: 1px solid #31708f;
            z-index: 4000;
            padding: 20px;
        }
        
        .aktiv .closeclick{
                color: #000;
                position: absolute;
                top: -6px;
                right: 17px;
                width: 0px;
                height: 0px;
                cursor: pointer;
                font-size: 26px;
                background: #ccc;
                border: 2px solid #ccc;
                border-radius: 50px;
        }
        
      
        .showbtn{
            background: #bfc9d4 !important;
            box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06) !important;
            border-radius: 6px !important;

        }
        
        
.page-title {
    padding-right: 20px;
    padding-top: 4px;
    font-size: 1.4rem;
    margin-bottom: 0px;
    padding-bottom: 0px;
}
        
        .sub-header-container .breadcrumb-one .breadcrumb-item.active a{
            color:#fff;
        }
        
        
        
#content {
    position: relative;
    width: 100%;
    flex-grow: 8;
    margin-top: 80px;
    margin-bottom: 0;
    transition: .600s;
}



.form-control {
    height: auto;
    border: 1px solid #bfc9d4;
    color: #3b3f5c;
    font-size: 12px;
    padding: 0px;
    letter-spacing: 1px;
    height: calc(2em + 12px);
    padding: .45rem .85rem;
    border-radius: 6px;
}

.form-group {
    margin-bottom: .5rem;
}

label {
    display: inline-block;
    margin-bottom: .1rem;
}

.btn{
    padding: 0.3rem 0.6rem;
}

.card{
    margin-bottom: .4rem;
    width: 100%;
}

.col, .col-1, .col-10, .col-11, .col-12, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-auto, .col-lg, .col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-auto, .col-md, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-auto, .col-sm, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-auto, .col-xl, .col-xl-1, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-auto{
    padding-right: 3.5px;
    padding-left: 3.5px;
}



.container, .container-fluid, .container-lg, .container-md, .container-sm, .container-xl {
    width: 100%;
    padding-right: 0px;
    padding-left: 0px;
    margin-right: auto;
    margin-left: auto;
}


.card-body {
    -ms-flex: 1 1 auto;
    /* flex: 1 1 auto; */
    min-height: 1px;
    padding: 0.25rem;
}

.card-body .dataTables_wrapper.dt-bootstrap4{
    position: relative;
    top: 0px;
}

table.dataTable{
    margin-bottom: 8px !important;
}
 

 


.row{
    margin-right: 0px;
    margin-left: 0px;
}

 
.infobox-3 .info-icon {
    position: absolute;
    margin-bottom: 0px;
    background: #1b55e2;
    display: inline-block;
    top: -15px;
    padding: 1px;
    padding-left: 7px;
    padding-right: 7px;
    border-radius: 0px;

    
    font-size: 1.3rem !important;
}

.infobox-3 .info-heading {
    font-weight: 600;
    font-size: 14px;
    margin-bottom: 14px;
    letter-spacing: 2px;
    position: relative;
    float: right;
    top: 7px;
    padding-left: 14px;
    color: #fff;
}


.card-header {
    padding: 0rem;
    background-color: rgba(0,0,0,.03);
    border-bottom: 1px solid rgba(0,0,0,.125);
}
.card-title {
    margin: .35rem;
}

.card-header h4 {
   font-size: 1rem;
   padding-left: 1.3rem;
}





.table > thead{
    border: 0px;
}


table.dataTable thead .sorting_desc:before, table.dataTable thead .sorting_desc:after
{
    bottom: 0.2rem;
}

table.dataTable thead .sorting_asc:before, table.dataTable thead .sorting_asc:after,
table.dataTable thead .sorting:before, table.dataTable thead .sorting:after{
    bottom: 0.2em;
}



.table > tbody:before {
    line-height: 0em;
    content: "_";
    color: white;
    display: block;
}


.table > thead > tr > th {
    color: #1b55e2;
    font-weight: 700;
    font-size: 12px;
    border: none;
    letter-spacing: 1px;
    text-transform: capitalize;
    
}


.table > tbody > tr > td{
    padding: 8px;
    line-height: 1.42857143;
    vertical-align: top;
    border-top: 0px solid #ddd;
    font-size: 12px;
}

table.dataTable td, table.dataTable th {
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
    padding: 1px 7px;
}

.card .table-striped tbody tr:nth-of-type(odd){
    background-color: #f9f9f9 !important;
}

.table > tbody tr:last-child{
    border: 0px;
}

.dataTables_wrapper .form-control{
  padding: 0px 7px 0px 7px;
  height: calc(2em + 7px);  
}


.fbutton{
    
}