@charset "utf-8";
/* CSS Document */
@import url(https://fonts.googleapis.com/css?family=Open+Sans:400,400italic,300italic,300,600,700italic,700,600italic);

body{background:#f1f0ff;font-size: 13px;}
a {
    color: #5181d8;
    text-decoration: underline;
    font-size: 13px;
}

::-moz-selection { /* Code for Firefox */
    color: #fff;
    background: #0073aa;
}

::selection {
    color: #fff;
    background: #0073aa;
}
.full-img{
    width:100%;
    height:auto;
}
.intro-bg{
    background:#a5d2ff;
}
header img{width: 50%;}
header h1{font-size: 24px;text-align: center;margin-top: 1pc;color: #5181d8;}
header p{text-align: center;font-size: 16px;}
.form-label{font-size:14px;}
button[type="submit"]{width: 100%;padding: 12px;}
.auth-container {
    width: 450px;
    min-height: 330px;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translateY(-50%) translateX(-50%);
    transform: translateY(-50%) translateX(-50%);
}
@media(max-width:480px)
{
    .intro-bg {padding: 0 10px;}
    .auth-container{top:5pc!important;}
}
@media(min-width:667px) and (max-height:375px)
{
    .intro-bg{padding:0 5pc;}
    .auth-container{margin:1pc!important;}
}
.card {
    background-color: #fff;
    margin-bottom: 10px;
    border: none;
    border-radius:10px;box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;
}
.auth-container .auth-header {
    text-align: center;
    padding:10px 0;border-bottom:none;margin-bottom: -1pc;
}
.auth-container .auth-title {
    padding: 20px;
    line-height: 36px;
    font-size: 36px;
    font-weight: 600;
    margin: 0;
    font-weight:300;
}
.auth-container .auth-content {
    padding: 30px 50px;
    min-height: 260px;
}
.auth-container .forgot-btn {
    line-height: 28px;
}
.auth-container .checkbox label {
    padding: 0;
}
.auth-container .checkbox a {
    vertical-align: text-top;
}
.auth-container .checkbox span {
    color: #4f5f6f;
}
.avatar-img {
    margin-right:10px
}
.avatar-img img{
    height:100px;
    width:100px;
}
.profile-img .input-group{
    display:block;
    margin-top:62px;
}
@media (max-width: 767px) {
    .intro-bg{
        background:#a5d2ff;
    }
    .card{
        box-shadow:none;
    }
    .auth-container {
        width: 100%;
        position: relative;
        left: 0;
        top: 0;
        -webkit-transform: inherit;
        transform: inherit;
        margin: 0;
    }
    .auth-container .auth-content {
        padding: 30px 25px;
    }
	.main-header .navbar-nav .nav-item { margin: 0 5px 0 20px!important;}
}

.fileUpload {
    position: relative;
    overflow: hidden;
    margin:78px 0 0 0;
}
.fileUpload.btn span{
    margin-right:0;
}
.fileUpload input.upload {
    position: absolute;
    top: 0;
    right: 0;
    margin: 0;
    padding: 0;
    font-size: 20px;
    cursor: pointer;
    opacity: 0;
    filter: alpha(opacity=0);
}

.my-toggle {
    background: transparent;
    border: 0;
    border-radius:0;
    color: #888;
    cursor: pointer;
    font-size: 13px;
    font-weight: bold;
    margin-right: 0.5em;
    padding: 4px 6px;
    text-transform: uppercase;
    -moz-appearance: none;
    -webkit-appearance: none;
}

.my-toggle:hover,
.my-toggle:focus {
    background-color: #eee;
    color: #555;
    outline: transparent;
}

.social-title {
    text-transform: uppercase;
    letter-spacing: 1px;
}
.count {
    font-size: 37px;
    margin-top:10px;
    margin-bottom: 0;
    font-weight:600;
}
.social .fa {
    font-size: 60px;
    text-align: right;
    position: absolute;
    top: 7px;
    right: 27px;
    outline: none;
}
.social .panel {
    color:#fff;
    text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.5);
}
.social a {
    text-decoration:none;
}
.social .twitter {
    background: -webkit-gradient(linear,left top,right top,from(#90caf9),color-stop(99%,#047edf));
    background: linear-gradient(90deg,#90caf9,#047edf 99%);
}
.social .google-plus {
    background: -webkit-gradient(linear,left top,right top,from(#f38678),color-stop(99%,#dd4b39));
    background: linear-gradient(90deg,#f38678,#dd4b39 99%);
}
.social .facebook-like {
    background: -webkit-gradient(linear,left top,right top,from(#7691cc),color-stop(99%,#3b5998));
    background: linear-gradient(90deg,#7691cc,#3b5998 99%);
}
.social .visitor {
    background: -webkit-gradient(linear,left top,right top,from(#e7ac88),color-stop(99%,#eb6d20));
    background: linear-gradient(90deg,#e7ac88,#eb6d20 99%);
}

.user_icon img{width:30px;border-radius:50%;border:2px solid #b1b8f5;margin-right:6px;}
.header .btn-group button{background:transparent;border:0;padding:0;font-size: 14px;color:#5181d8;}
.header{
    margin:0;
    padding:6px;
    background:#fff;
    position:fixed;
    top:0;
    left:0;
    right:0;
    z-index:997;
}

.header:before, .header:after{
    content:'';
    display:table;
}
.header:after{
    clear:both;
}
.header-link{
    margin:0;
    padding:0;
    list-style:none;
    float:left;
}
.header-link img{width:175px;}
.header-link li{
    float:left;
    line-height:35px;
}
.header-link li a{
    display:block;
    color:#111;
    padding:0 15px
}
.header-link li a span{
    font-size:19px;
    float:left;
    margin-top:6px;
    margin-right:5px;
}

.header-link li a:hover i{
    color: #111 ;
}
.header-link li a i{
    color:#111;
    font-size:18px;
}
.header-link li a strong{
    margin-left:8px;
    font-weight:400
}
.header-link li a.toogle-btn{
    display:none;
}
.header-link li a.toogle-btn span.glyphicon-remove-circle{
    display:none;
}
.header-link li a.toogle-btn.active{
    background:#2d363f;
    color: #59c2e6 ;
}
.header-link li a.toogle-btn.active span.glyphicon-menu-hamburger{
    display:none;
}
.header-link li a.toogle-btn.active span.glyphicon-remove-circle{
    display:inline-block;
}
.header .btn-group{
    float:right
}
.header .btn-group .btn{
    padding:0 10px 0 0;
    line-height:35px;
    border:none;
}
.dropdown-toggle::after { color: #b1b8f5;}
.header .btn-group .btn span{
    margin-right:0
}
.header .btn-group .btn img{
    height:30px;
    width:30px;
    margin-right:8px;
	border-radius: 50%;
}
.header .btn-group .btn-primary[aria-expanded=true]{
    background:#fff ;
    color:#000;
	box-shadow:none;
}
.header .btn-group .btn-primary[aria-expanded=false]{
    background:#fff;
    color:#000;    font-size: 13px;
}

.header .btn-primary:hover {
    color: #fff;
    background-color: #fff!important;
    border-color: #000!important;
}


.header .btn-group .btn-default{
    background:#3a4651;
    color:#fff;
    border:none;
}
.header .nav-masthead li{margin:0 20px;}
.header .nav-masthead li .dropdown-menu li{margin:0;}
.list-group-item a i{color:#5181d8;	font-size:12px;	margin:5px 6px 0 0;}
.list-group-item a{color:#111;text-decoration:none;display: flex;}
.list-group-item a:hover{color:#5181d8;}
.btn-group i{color:#5181d8;font-size:20px;margin-right:4px;}
.list-group{border-radius:8px!important;}
.list-group-item h6{font-size:14px;padding:0;margin:0;}
.list-group-item p{font-size:12px;margin:0;}
.list-group-item a span{}
.label-warning {
    margin-top: -2px;
    background: #ff0000;
    width: 16px!important;
    height: 16px;
    line-height: 15px;
    border-radius: 50%;
    text-align: center;
    font-size: 10px;
    color: #fff;
    position: absolute;
    right: 3px;
}

.header .nav-masthead .dropdown-toggle::after {display: none;}
.header .nav-masthead .dropdown-menu{
	min-width:13rem;
    left:0;
    right:0;
    border:none;
    border-radius:8px;
    background:#fff;
    padding:0;
	box-shadow: 0 0 12px #b5b5b5;
	margin-top: 10px!important;
}

.header .user_dropdown .dropdown-menu{
	min-width: 9rem;
    left:0;
    right:0;
    border:none;
    border-radius:8px;
    background:#fff;
    padding:0;
	box-shadow: 0 0 12px #b5b5b5;
	margin-top: 10px!important;
}
.header .dropdown-menu{
    left:0;
    right:0;
    border:none;
    border-radius:8px;
    background:#fff;
    padding:0;
	box-shadow: 0 0 12px #b5b5b5;
	margin-top: 10px!important;
}
.header .dropdown-menu > li > a{
    color:#111;
    padding:0 10px;
    line-height:35px;
}
.header .dropdown-menu > li > a:hover{
    color:#5181d8;
    background:#eceefb ;
}
.header .dropdown-menu > li > a i{
    margin-right:8px; color:#b1b8f5;
}
.header .btn .caret{
    margin-left:5px;
}

#page-sidebar{
    margin:0;
    padding:60px 0 0 0;
    background:#fff;
    width:250px;
    height: 100%;
    overflow-y: auto;
    position:fixed;
    z-index:996
}
.sidebar-menu,
.sidebar-menu ul,
.sidebar-menu li,
.sidebar-menu a {
    margin: 0;
    padding:0;
    border: 0;
    list-style: none;
    font-weight: normal;
    text-decoration: none;
    line-height: 1;
    font-size: 1em;
    position: relative;
}
.sidebar-menu {
    padding-bottom:0;
}
.sidebar-menu a {
    line-height: 1.3;
}
.sidebar-menu > ul > li:first-child {
}
.sidebar-menu > ul > li {
    border-bottom:1px solid #ebebeb;
    vertical-align:middle
}
.sidebar-menu > ul > li:hover {
}
.sidebar-menu > ul > li.active a {
    color: #111;
}
.sidebar-menu > ul > li > a {
    font-size: 14px;
    display: block;
    color: #444;
    padding:0 15px;
}
.sidebar-menu > ul > li > a i{
    margin:3px 8px 0 0;
    font-size:15px;
    float:left;
	color:#b1b8f5;
}
.sidebar-menu > ul > li > a > span {
    display: block;
    padding:15px 20px 15px 0;
}
.sidebar-menu > ul > li > a:hover {
    text-decoration: none;
    color:#5181d8;
    background:#fff;
}
.sidebar-menu > ul > li > a:hover i{
    color:#5181d8;
}	
	
.sidebar-menu > ul > li.has-sub > a:hover{
    color:#5181d8;
}
.sidebar-menu > ul > li.has-sub > a span {
    background:url(../images/down-arrow-m.png) no-repeat right center;
}

.sidebar-menu > ul > li.has-sub > a span:hover {
    background:url(../images/down-arrow-m.png) no-repeat right center;
}


.sidebar-menu > ul > li.has-sub.active > a span {
    background:url(../images/down-arrow-m.png) no-repeat right center;
}
.sidebar-menu > ul > li.active > a{
    color:#5181d8;
}
.sidebar-menu > ul > li.has-sub.active > a{
    color:#5181d8;
}
.sidebar-menu > ul > li.has-sub.active > a i{
    color:#5181d8;
}
.sidebar-menu ul ul {
    display: none;
    padding:5px 15px;
    background:#fff;
}
.sidebar-menu ul ul li {
    padding: 0;
    border-top: none;
}
.sidebar-menu ul ul li:last-child {
    border-bottom: none;
}
.sidebar-menu ul ul a {
    padding:0;
    display: block;
    color: #111;
    font-size: 14px;
    font-weight: normal;
    line-height:30px;
}
.sidebar-menu ul ul a:hover {color:#5181d8 ;}
.sidebar-menu ul ul a:before{
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    content: "\f061";
    color:#b1b8f5;
    font-size: 12px;
    padding: 5px;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}
.sidebar-menu ul ul a:hover:before {color:#111 ;}
.btn i, .btn span{
    margin-right:8px;color:#111;
}
.upload-btn{
    margin-top:15px
}
.file-footer-buttons .btn i, .kv-zoom-actions .btn i{
    margin:0 !important
}
.kv-zoom-title{
    color:#fff;
    font-size:14px;
    font-weight:700
}

.page-content{
    padding:0;
    position:relative;
    min-height:100vh;
}
.wrapper{
    margin:0;
    padding:18px 6px;
}
.footer{
    margin-left:200px;
    padding:20px 24px;
    background:#f1f0ff;
    text-align:right;
	font-size: 13px;
	border-top: 1px solid #cbcde3;
}
.page-header h1{
    margin:0;
    padding:0;
    font-weight:500;
    font-size:26px;
    line-height:34px;
	color:#5181d8;
}
.content-box{
    margin:0;
    padding:20px;
    border:1px solid #e9e9e9;
    background:#fff;
    -webkit-box-shadow: 0 1px 1px 0 rgba(0,0,0,0.04);
    box-shadow: 0 1px 1px 0 rgba(0,0,0,0.04);
}
.content-box.right-box{
    margin-bottom:15px;
    padding:10px;
}
.content-box.right-box h4{
    border-bottom:1px solid #eee;
    font-size:18px;
    font-weight:700;
    margin-top:0;
    padding-bottom:10px
}
.content-box.content-box-img{
    margin-bottom:15px;
}

.intro-box{
    margin-bottom:20px;
}
.intro-box h2{
    margin-top:0;
}
.intro-box h3{
    margin-top:0;
    font-size:20px;
}
.intro-box .btn{
    padding:8px 30px;
}
.label-lg{
    line-height:40px;
    margin:0
}

.item-image{
    padding:2px;
    border:1px solid #eee;
    margin-bottom:15px;
}
.image-block{
    padding-bottom:57%;
    background-size:cover;
    background-position:50%
}
.bootstrap-filestyle span.glyphicon {
    margin-right:8px;
}

.img-gallery-thumb{
    margin:0 -10px;
    padding:0;
    list-style:none;
}
.img-gallery-thumb:before, .img-gallery-thumb:after{
    content:'';
    display:table;
}
.img-gallery-thumb:after{
    clear:both;
}
.img-gallery-thumb li{
    margin:0 0 20px;
    padding:0 10px;
    float:left;
    width:16.666%;
}
.img-gallery-thumb .btn{
    padding:4px;
    border:none;
    position:relative;
    display:block;
}
.img-gallery-thumb .btn.focus:after{
    font-family:'FontAwesome';
    position:absolute;
    top:0;
    right:0;
    height:30px;
    width:30px;
    background:#2db2df;
    color:#fff;
    line-height:30px;
    text-align:center;
    font-size:20px;
    content:'\f14a'
}
.img-thumb{
    position:relative;
    background-size:cover;
    background-position:50% center
}
.img-thumb:before {
    content: '';
    display: block;
}
.ratio1-1:before {
    padding-top: 100%;
}

.media-thumb{
    background-size:cover;
    background-position:50%;
    height:60px;
    width:60px;
}

.imagesize .btn{
    padding:4px;
    border:none;
    position:relative;
    display:block;
}
.imagesize .btn.focus:after{
    font-family:'FontAwesome';
    position:absolute;
    top:0;
    right:0;
    height:30px;
    width:30px;
    background:#2db2df;
    color:#fff;
    line-height:30px;
    text-align:center;
    font-size:20px;
    content:'\f14a'
}
.btn-link-td{
    margin:0 10px 0 0;
    padding:0;
    border:none;
    background:none;
    font-weight:600;
    color:#0073aa
}
.btn-link-td i{
    margin-right:4px;
}
.btn-link-td:hover{
    color:#00b9eb
}

.page-table table > thead > tr > th, .media-table table > tbody > tr > td:nth-child(2), .item-list-table table > tbody > tr > td:nth-child(1), .gallery-list-table table > tbody > tr > td:nth-child(2){
    font-weight:600
}
.page-table table > tbody > tr > td:nth-child(1){
    font-weight:600
}
.page-table table > thead > tr > th:nth-child(1), .page-table table > tbody > tr > td:nth-child(1),
.page-table table > thead > tr > th:nth-child(2), .page-table table > tbody > tr > td:nth-child(3),
.page-table table > thead > tr > th:nth-child(3), .page-table table > tbody > tr > td:nth-child(3){
    width:33.333%
}

.page-table table > thead > tr > th:nth-child(3), .page-table table > tbody > tr > td:nth-child(3),
.media-table table > thead > tr > th:nth-child(5), .media-table table > tbody > tr > td:nth-child(5),
.gallery-list-table table > thead > tr > th:nth-child(3), .gallery-list-table table > tbody > tr > td:nth-child(3),
.item-list-table table > thead > tr > th:nth-child(4), .item-list-table table > tbody > tr > td:nth-child(4)
{
    text-align:right;
}

.item-list-table .thumbnail, .media-table .thumbnail, .gallery-list-table .thumbnail{
    width:70px;
    margin:0
}
.item-list-table .thumbnail a, .media-table .thumbnail a, .gallery-list-table .thumbnail a{
    display:block;
    height:60px;
    width:60px;
}

.gallery-list-table .thumbnail{
    width:90px;
    margin:0
}
.gallery-list-table .thumbnail a{
    display:block;
    height:80px;
    width:80px;
}
.ui-sortable-handle{
    cursor:move
}

table.table-view{
    width: 100%;
    border-collapse: collapse;
}

.custom-check input[type="checkbox"] {
    display:none;
}
.custom-check input[type="checkbox"] + label {
    font-size:16px;
    display:block;
    font-weight:400;
    padding:4px;
    background:#ddd;
    position:relative;
    cursor:pointer;
}
.custom-check input[type="checkbox"] + label span {
    display:inline-block;
    width:25px;
    height:25px;
    margin:0;
    vertical-align:middle;
    background:trasparent;
    cursor:pointer;
    position:absolute;
    top:0;
    right:0;
    z-index:11;
    text-align:center;
    display:block;
}
.custom-check input[type="checkbox"]:checked + label span {
    background:#0073aa;
}
.custom-check input[type="checkbox"]:checked + label span:after{
    height:25px;
    width:25px;
    text-align:center;
    color:#fff;
    font-size:16px;
    font-family:'FontAwesome';
    content:'\f00c';
}
.custom-check input[type="checkbox"]:checked + label{
    background:#0073aa
}
.custom-check input[type="radio"] {
    display:none;
}
.custom-check input[type="radio"] + label {
    font-size:16px;
    display:block;
    font-weight:400;
    padding:4px;
    background:#ddd;
    position:relative;
    cursor:pointer;
}
.custom-check input[type="radio"] + label span {
    display:inline-block;
    width:25px;
    height:25px;
    margin:0;
    vertical-align:middle;
    background:trasparent;
    cursor:pointer;
    position:absolute;
    top:0;
    right:0;
    z-index:11;
    text-align:center;
    display:block;
}
.custom-check input[type="radio"]:checked + label span {
    background:#0073aa;
}
.custom-check input[type="radio"]:checked + label span:after{
    height:25px;
    width:25px;
    text-align:center;
    color:#fff;
    font-size:16px;
    font-family:'FontAwesome';
    content:'\f00c';
}
.custom-check input[type="radio"]:checked + label{
    background:#0073aa
}

.GeneratePasswordLink{
    cursor:pointer;
    color:#084B8A;
    font-size:10px;
    padding:3px 10px;
    float:left;
    line-height:16px;
    background:#f0f3f6;
    border:1px solid #d7dde4;
    margin:0 10px 0 0;
}
.NewPassword{
    color:#000000;
    font-size:14px;
    padding:3px 10px;
    float:left;
    line-height:16px;
}
.neutral{
    width:32%;
    padding:3px;
    color:#000000;
    font-size:11px;
    text-align:center;
    border:1px solid #000000;
    background-color:#FFFFFF;
    float:left;
    line-height:16px;
}
.veryweak{
    border:1px solid #000000;
    background-color:#B40404;
    color:#FFFFFF;
}
.weak{
    border:1px solid #000000;
    background-color:#DF7401;
    color:#FFFFFF;
}
.medium{
    border:1px solid #000000;
    background-color:#FFFF00;
}
.strong{
    border:1px solid #000000;
    background-color:#9AFE2E;
}
.verystrong{
    border:1px solid #000000;
    background-color:#0B610B;
    color:#FFFFFF;
}
.strength-fld{
    margin-top:10px;
}
.generator{
    float:right;
    width:65%;
    padding-left:0;
}


label{
    position:relative
}
.radio, .checkbox {
    visibility:hidden;
    position:absolute;
    bottom:5px;
}
.radio + span, .checkbox + span {
    padding: 0;
    padding-right: 10px;
}
.radio + span:before, .checkbox + span:before {
    font-family: FontAwesome;
    font-size: 21px;
    display: inline-block;
    vertical-align: middle;
    letter-spacing: 10px;
    color: #c8d0da;
}
.radio:checked + span:before, .checkbox:checked + span:before {
    color: #0073aa ;
}
.radio:disabled + span:before, .checkbox:disabled + span:before {
    opacity: 0.5;
    cursor: not-allowed;
}
.radio:checked:disabled + span:before, .checkbox:checked:disabled + span:before {
    color: #c8d0da;
}
.checkbox + span:before {
    content: "\f0c8";
}
.checkbox:checked + span:before {
    content: "\f14a";
}
.checkbox.rounded + span:before {
    content: "\f111";
}
.checkbox.rounded:checked + span:before {
    content: "\f058";
}
.radio + span:before {
    content: "\f111";
}
.radio:checked + span:before {
    content: "\f192";
}
.radio.squared + span:before {
    content: "\f0c8";
}
.radio.squared:checked + span:before {
    content: "\f14a";
}
.c-select {
    display: inline-block;
    max-width: 100%;
    -webkit-appearance: none;
    padding: .375rem 1.75rem .375rem .75rem;
    padding-right: .75rem \9;
    color: #55595c;
    vertical-align: middle;
    background: #fff url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAUCAMAAACzvE1FAAAADFBMVEUzMzMzMzMzMzMzMzMKAG/3AAAAA3RSTlMAf4C/aSLHAAAAPElEQVR42q3NMQ4AIAgEQTn//2cLdRKppSGzBYwzVXvznNWs8C58CiussPJj8h6NwgorrKRdTvuV9v16Afn0AYFOB7aYAAAAAElFTkSuQmCC) no-repeat right .75rem center;
    background-image: none \9;
    -webkit-background-size: 8px 10px;
    background-size: 8px 10px;
    border: 1px solid #ccc;
    -moz-appearance: none;
}
.c-select:focus {
    border-color: #51a7e8;
    outline: none;
}
.c-select::-ms-expand {
    opacity: 0;
}
.bfd-dropfield {
    display: inline;
    padding: 5px;
}
.bfd-dropfield-inner {
    border: 5px dashed #888;
    color: #888;
    cursor: pointer;
    font-size: 32px;
    text-align: center;
}
.bfd-dropfield-inner:hover,.bfd-dropfield-inner.bfd-dragover {
    border-color: #bbb;
    color: #bbb;
}
.bfd-info {
    overflow: hidden;
    white-space: nowrap;
}
.bfd-error-message {
    text-align: center;
}
.bfd-remove {
    cursor: pointer;
}


::-ms-reveal,::-ms-clear {
    display:none !important;
}
.hideShowPassword-toggle {
    background:transparent;
    border:0;
    border-radius:0.25em;
    color:#888;
    cursor:pointer;
    font-size:0.75em;
    font-weight:bold;
    margin-right:0.5em;
    padding:0.5em;
    text-transform:uppercase;
    -moz-appearance:none;
    -webkit-appearance:none;
}
.hideShowPassword-toggle:hover, .hideShowPassword-toggle:focus {
    background-color:#eee;
    color:#555;
    outline:transparent;
}
::-ms-reveal,::-ms-clear {
    display:none !important;
}
.hideShowPassword-toggle {
    background-color:transparent;
    background-image:url('../images/wink.png');
    /* fallback */ background-image:url('../images/wink.svg'), none;
    background-position:0 center;
    background-repeat:no-repeat;
    border:2px solid transparent;
    border-radius:0.25em;
    cursor:pointer;
    font-size:100%;
    height:44px;
    margin:0;
    max-height:100%;
    padding:0;
    overflow:'hidden';
    text-indent:-999em;
    width:46px;
    -moz-appearance:none;
    -webkit-appearance:none;
}
.hideShowPassword-toggle-hide {
    background-position:-44px center;
}
.hideShowPassword-toggle:hover, .hideShowPassword-toggle:focus {
    border-color:#0088cc;
    outline:transparent;
}
#content-scroll.content {
    height:350px;
    margin-bottom:15px;
}
.modal-footer.jFiler-row{
    margin:0 !important
}
.right-box {
    margin-bottom:15px;
}
.right-box h3{
    margin:0;
    padding:10px;
    color:#fff;
    font-size:14px;
    font-weight:600;
    text-transform:uppercase;
    background:#5181d8;
}

.button-delete {
    position:absolute;
    top:0;
    right:0;
    height:42px;
    width:42px;
    line-height:42px;
    padding:2px;
}
.button-delete i{
    margin:0;
    font-size:22px;
}
.button-edit {
    position:absolute;
    top:4px;
    right:-52px;
}
#menu-editor {
    margin-top:40px;
}
#saveButton {
    padding-right:30px;
    padding-left:30px;
}
.output-container {
    margin-top:20px;
}
#json-output {
    margin-top:20px;
}
table.dataTable.dtr-inline.collapsed tbody td:first-child,table.dataTable.dtr-inline.collapsed tbody th:first-child {
    position:relative;
    padding-left:40px;
    cursor:pointer;
}
table.dataTable.dtr-inline.collapsed tbody td:first-child:before,table.dataTable.dtr-inline.collapsed tbody th:first-child:before {
    top:10px;
    left:8px;
    height:24px;
    width:24px;
    display:block;
    position:absolute;/*border:2px solid #d7dde4; */
    border-radius:50%;
    text-align:center;
    line-height:24px;/*box-shadow:0 0 3px #444; */
    box-sizing:content-box;
    content:'\f055';
    font-family:'FontAwesome';
    background-color:#d7dde4;
}
table.dataTable.dtr-inline.collapsed tbody tr.parent td:first-child:before,table.dataTable.dtr-inline.collapsed tbody tr.parent th:first-child:before {
    content:'\f056';
    font-family:'FontAwesome';
    background-color:#d7dde4;
}
table.dataTable.dtr-inline.collapsed tbody tr.child td:before {
    display:none;
}
table.dataTable.dtr-column tbody td.control,table.dataTable.dtr-column tbody th.control {
    position:relative;
    cursor:pointer;
}
table.dataTable.dtr-column tbody td.control:before,table.dataTable.dtr-column tbody th.control:before {
    top:50%;
    left:50%;
    height:16px;
    width:16px;
    margin-top:-10px;
    margin-left:-10px;
    display:block;
    position:absolute;
    color:white;
    border:2px solid white;
    border-radius:16px;
    text-align:center;
    line-height:14px;
    box-shadow:0 0 3px #444;
    box-sizing:content-box;
    content:'+';
    background-color:#31b131;
}
table.dataTable.dtr-column tbody tr.parent td.control:before,table.dataTable.dtr-column tbody tr.parent th.control:before {
    content:'-';
    background-color:#d33333;
}
table.dataTable tr.child {
    padding:0.5em 1em;
}
table.dataTable tr.child:hover {
    background:transparent !important;
}
table.dataTable tr.child ul {
    display:block;
    list-style-type:none;
    margin:0;
    padding:0;
}
table.dataTable tr.child ul li {
    border-bottom:1px solid #efefef;
    padding:0.5em 0;
}
table.dataTable tr.child ul li:first-child {
    padding-top:0;
}
table.dataTable tr.child ul li:last-child {
    border-bottom:none;
}
table.dataTable tr.child span.dtr-title {
    display:inline-block; /*min-width:75px;*/
    font-weight:600;
    margin-right:10px;
}
table.dataTable tr.child span.dtr-data{
    font-weight:400
}
table.dataTable.dtr-inline.collapsed tbody tr.child td:first-child{
    position:relative;
    padding-left:10px;
    cursor:pointer;
}


.tooltipped{
    position:relative
}
.tooltipped:after{
    position:absolute;
    z-index:1000000;
    display:none;
    padding:5px 8px;
    font:normal normal 11px/1.5 Helvetica,arial,nimbussansl,liberationsans,freesans,clean,sans-serif,"Segoe UI Emoji","Segoe UI Symbol";
    color:#fff;
    text-align:center;
    text-decoration:none;
    text-shadow:none;
    text-transform:none;
    letter-spacing:normal;
    word-wrap:break-word;
    white-space:pre;
    pointer-events:none;
    content:attr(aria-label);
    background:rgba(0,0,0,0.8);
    border-radius:3px;
    -webkit-font-smoothing:subpixel-antialiased
}
.tooltipped:before{
    position:absolute;
    z-index:1000001;
    display:none;
    width:0;
    height:0;
    color:rgba(0,0,0,0.8);
    pointer-events:none;
    content:"";
    border:5px solid transparent
}
.tooltipped:hover:before,.tooltipped:hover:after,.tooltipped:active:before,.tooltipped:active:after,.tooltipped:focus:before,.tooltipped:focus:after{
    display:inline-block;
    text-decoration:none
}
.tooltipped-multiline:hover:after,.tooltipped-multiline:active:after,.tooltipped-multiline:focus:after{
    display:table-cell
}
.tooltipped-s:after,.tooltipped-se:after,.tooltipped-sw:after{
    top:100%;
    right:50%;
    margin-top:5px
}
.tooltipped-s:before,.tooltipped-se:before,.tooltipped-sw:before{
    top:auto;
    right:50%;
    bottom:-5px;
    margin-right:-5px;
    border-bottom-color:rgba(0,0,0,0.8)
}
.tooltipped-se:after{
    right:auto;
    left:50%;
    margin-left:-15px
}
.tooltipped-sw:after{
    margin-right:-15px
}
.tooltipped-n:after,.tooltipped-ne:after,.tooltipped-nw:after{
    right:50%;
    bottom:100%;
    margin-bottom:5px
}
.tooltipped-n:before,.tooltipped-ne:before,.tooltipped-nw:before{
    top:-5px;
    right:50%;
    bottom:auto;
    margin-right:-5px;
    border-top-color:rgba(0,0,0,0.8)
}
.tooltipped-ne:after{
    right:auto;
    left:50%;
    margin-left:-15px
}
.tooltipped-nw:after{
    margin-right:-15px
}
.tooltipped-s:after,.tooltipped-n:after{
    -webkit-transform:translateX(50%);
    -ms-transform:translateX(50%);
    transform:translateX(50%)
}
.tooltipped-w:after{
    right:100%;
    bottom:50%;
    margin-right:5px;
    -webkit-transform:translateY(50%);
    -ms-transform:translateY(50%);
    transform:translateY(50%)
}
.tooltipped-w:before{
    top:50%;
    bottom:50%;
    left:-5px;
    margin-top:-5px;
    border-left-color:rgba(0,0,0,0.8)
}
.tooltipped-e:after{
    bottom:50%;
    left:100%;
    margin-left:5px;
    -webkit-transform:translateY(50%);
    -ms-transform:translateY(50%);
    transform:translateY(50%)
}
.tooltipped-e:before{
    top:50%;
    right:-5px;
    bottom:50%;
    margin-top:-5px;
    border-right-color:rgba(0,0,0,0.8)
}
.tooltipped-multiline:after{
    width:-webkit-max-content;
    width:-moz-max-content;
    width:max-content;
    max-width:250px;
    word-break:break-word;
    word-wrap:normal;
    white-space:pre-line;
    border-collapse:separate
}
.tooltipped-multiline.tooltipped-s:after,.tooltipped-multiline.tooltipped-n:after{
    right:auto;
    left:50%;
    -webkit-transform:translateX(-50%);
    -ms-transform:translateX(-50%);
    transform:translateX(-50%)
}
.tooltipped-multiline.tooltipped-w:after,.tooltipped-multiline.tooltipped-e:after{
    right:100%
}
@media screen and (min-width: 0\0){
    .tooltipped-multiline:after{
        width:250px
    }
}
.tooltipped-sticky:before,.tooltipped-sticky:after{
    display:inline-block
}
.tooltipped-sticky.tooltipped-multiline:after{
    display:table-cell
}
.fullscreen-overlay-enabled.dark-theme .tooltipped:after{
    color:#000;
    background:rgba(255,255,255,0.8)
}
.fullscreen-overlay-enabled.dark-theme .tooltipped .tooltipped-s:before,.fullscreen-overlay-enabled.dark-theme .tooltipped .tooltipped-se:before,.fullscreen-overlay-enabled.dark-theme .tooltipped .tooltipped-sw:before{
    border-bottom-color:rgba(255,255,255,0.8)
}
.fullscreen-overlay-enabled.dark-theme .tooltipped.tooltipped-n:before,.fullscreen-overlay-enabled.dark-theme .tooltipped.tooltipped-ne:before,.fullscreen-overlay-enabled.dark-theme .tooltipped.tooltipped-nw:before{
    border-top-color:rgba(255,255,255,0.8)
}
.fullscreen-overlay-enabled.dark-theme .tooltipped.tooltipped-e:before{
    border-right-color:rgba(255,255,255,0.8)
}
.fullscreen-overlay-enabled.dark-theme .tooltipped.tooltipped-w:before{
    border-left-color:rgba(255,255,255,0.8)
}
.flex-table{
    display:table
}
.flex-table-item{
    display:table-cell;
    width:1%;
    white-space:nowrap;
    vertical-align:middle
}
.flex-table-item-primary{
    width:99%
}
.css-truncate.css-truncate-target,.css-truncate .css-truncate-target{
    display:inline-block;
    max-width:125px;
    overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap;
    vertical-align:top
}
.css-truncate.expandable.zeroclipboard-is-hover .css-truncate-target,.css-truncate.expandable.zeroclipboard-is-hover.css-truncate-target,.css-truncate.expandable:hover .css-truncate-target,.css-truncate.expandable:hover.css-truncate-target{
    max-width:10000px!important
}

.images-container .controls::after,.images-container::after{
    content:"";
    display:table;
    clear:both
}
.images-container .image-container{
    float:left;
    padding:3px;
    margin-right:10px;
    margin-bottom:10px;
    position:relative;
    border:1px solid #d7dde4;
    background-color:#F0F3F6;
    overflow:hidden;
}
.images-container .image-container.active{
    border-color:#59c2e6
}
.images-container .image-container:hover .controls{
    bottom:0;
    opacity:1
}
.images-container .controls{
    position:absolute;
    left:0;
    right:0;
    opacity:0;
    bottom:0;
    text-align:center;
    height:35px;
    font-size:24px;
    -webkit-transition:bottom .2s ease,opacity .2s ease;
    transition:bottom .2s ease,opacity .2s ease;
    background-color:#F0F3F6
}
.images-container .controls .control-btn{
    display:inline-block;
    color:#4f5f6f;
    cursor:pointer;
    width:35px;
    height:35px;
    line-height:35px;
    text-align:center;
    opacity:.5;
    -webkit-transition:opacity .3s ease;
    transition:opacity .3s ease
}
.images-container .controls .control-btn:hover{
    opacity:1
}
.images-container .controls .control-btn.move{
    cursor:move
}
.images-container .controls .control-btn.star{
    color:#FFB300
}
.images-container .controls .control-btn.edit{
    color:#0073aa
}
.images-container .controls .control-btn.star i:before{
    content:"\f006"
}
.images-container .controls .control-btn.star.active i:before{
    content:"\f005"
}
.images-container .controls .control-btn.remove{
    color:#F44
}
.images-container .image{
    background-size:cover;
    background-position:center;
    background-repeat:no-repeat;
    padding:2px;
    width:130px;
    height:130px;
    line-height:130px;
    text-align:center
}
.images-container .image img{
    vertical-align:top
}
.images-container .image-container.main{
    border-color:#FFB300
}
.images-container .image-container.new{
    opacity:.6;
    -webkit-transition:opacity .3s ease;
    transition:opacity .3s ease;
    border:1px solid #59c2e6;
    color:#59c2e6
}
.images-container .image-container.new .image{
    font-size:40px
}
.images-container .image-container.new:hover{
    opacity:1
}



/* #Media Queries
================================================== */
/* Large desktop */
@media (min-width: 1300px) and (max-width: 1499px) {
    .jFiler-items-grid .jFiler-item {
        width:16.666%
    }
    .item-details .col-lg-9{
        width:70%
    }
    .item-details .col-lg-3{
        width:30%
    }
    #sortable.grid li{
        width:20%
    }
}

@media (min-width: 1200px) and (max-width: 1299px) {
    .jFiler-items-grid .jFiler-item {
        width:20%
    }
    .item-details .col-lg-9{
        width:70%
    }
    .item-details .col-lg-3{
        width:30%
    }
    #sortable.grid li{
        width:25%
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .wrapper{
        padding-left:30px;
        padding-right:30px;
    }
    .jFiler-items-grid .jFiler-item {
        width:20%
    }
    .media-table table > thead > tr > th:nth-child(1), .media-table table > tbody > tr > td:nth-child(1),
    .media-table table > thead > tr > th:nth-child(2), .media-table table > tbody > tr > td:nth-child(3),
    .media-table table > thead > tr > th:nth-child(3), .media-table table > tbody > tr > td:nth-child(3),
    .media-table table > thead > tr > th:nth-child(3), .media-table table > tbody > tr > td:nth-child(4),
    .media-table table > thead > tr > th:nth-child(3), .media-table table > tbody > tr > td:nth-child(5){
        width:auto
    }
    #sortable.grid li{
        width:33.333%
    }
    .content-box.content-box-img{
        padding:10px;
    }
}
/* END__ */

@media (min-width: 768px) and (max-width: 991px) {
    .header-link li a span{
        float:none;
    }
    body.noscroll{
        overflow:hidden;
        z-index:997
    }
    body.noscroll:before{
        content:'';
        position:fixed;
        top:0;
        left:0;
        bottom:0;
        right:0;
        background:rgba(0,0,0, 0.7);
        z-index:97;
        -webkit-transition: all 0.4s ease 0s;
        -moz-transition: all 0.4s ease 0s;
        -ms-transition: all 0.4s ease 0s;
        -o-transition: all 0.4s ease 0s;
        transition: all 0.4s ease 0s;
    }
    .wrapper{
        padding-left:24px;
        padding-right:24px;
    }
    .page-content{
        margin-left:0
    }
    #page-sidebar {
        padding-top:45px;
        z-index: 98;
        left: 0;
        width:200px;
        margin-left: -200px;
        overflow-y: auto;
        -webkit-transition: all 0.4s ease 0s;
        -moz-transition: all 0.4s ease 0s;
        -ms-transition: all 0.4s ease 0s;
        -o-transition: all 0.4s ease 0s;
        transition: all 0.4s ease 0s;
    }
    #page-sidebar.active {
        left: 200px;
        width: 200px;
        -webkit-transition: all 0.4s ease 0s;
        -moz-transition: all 0.4s ease 0s;
        -ms-transition: all 0.4s ease 0s;
        -o-transition: all 0.4s ease 0s;
        transition: all 0.4s ease 0s;
        z-index:996
    }
    .header-link li a strong{
        display:none;
    }
    .header-link li a.toogle-btn{
        display:block;
    }
    .header-link li a{
        padding:0;
        height:45px;
        width:45px;
        line-height:45px;
        text-align:center;
    }
    .header-link li a span{
        font-size:24px;
        margin-top:8px;
    }
    .header .btn-group .btn{
        line-height:45px;
    }
    .header .btn-group .btn img{
        height:45px;
        width:45px;
    }
    .footer{
        margin-left:0;
        text-align:center
    }
    .modal-lg {
        width: 750px;
    }
    .jFiler-items-grid .jFiler-item {
        width:25%
    }
    .content-box.content-box-img{
        padding:10px;
    }
    .media-table table > thead > tr > th:nth-child(1), .media-table table > tbody > tr > td:nth-child(1),
    .media-table table > thead > tr > th:nth-child(2), .media-table table > tbody > tr > td:nth-child(3),
    .media-table table > thead > tr > th:nth-child(3), .media-table table > tbody > tr > td:nth-child(3),
    .media-table table > thead > tr > th:nth-child(3), .media-table table > tbody > tr > td:nth-child(4),
    .media-table table > thead > tr > th:nth-child(3), .media-table table > tbody > tr > td:nth-child(5){
        width:auto
    }
    #sortable.grid li{
        width:33.333%
    }
}
/* END__ */

@media only screen and (max-width: 767px) {
    .header-link li a span{
        float:none;
    }
    body.noscroll{
        overflow:hidden;
        z-index:997
    }
    body.noscroll:before{
        content:'';
        position:fixed;
        top:0;
        left:0;
        bottom:0;
        right:0;
        background:rgba(0,0,0, 0.7);
        z-index:97;
        -webkit-transition: all 0.4s ease 0s;
        -moz-transition: all 0.4s ease 0s;
        -ms-transition: all 0.4s ease 0s;
        -o-transition: all 0.4s ease 0s;
        transition: all 0.4s ease 0s;
    }
    .page-content{
        margin-left:0
    }
    #page-sidebar {
        padding-top:45px;
        z-index: 98;
        left: 0;
        width:200px;
        margin-left: -200px;
        overflow-y: auto;
        -webkit-transition: all 0.4s ease 0s;
        -moz-transition: all 0.4s ease 0s;
        -ms-transition: all 0.4s ease 0s;
        -o-transition: all 0.4s ease 0s;
        transition: all 0.4s ease 0s;
        z-index:996
    }
    #page-sidebar.active {
        left: 200px;
        width: 200px;
        -webkit-transition: all 0.4s ease 0s;
        -moz-transition: all 0.4s ease 0s;
        -ms-transition: all 0.4s ease 0s;
        -o-transition: all 0.4s ease 0s;
        transition: all 0.4s ease 0s;
    }
    .header-link li a strong{
        display:none;
    }
    .header-link li a.toogle-btn{
        display:block;
    }
    .header-link li a{
        padding:0;
        height:45px;
        width:45px;
        line-height:45px;
        text-align:center;
    }
    .header-link li a span{
        font-size:24px;
        margin-top:8px;
    }
    .header .btn-group .btn{
        line-height:45px;
    }
    .header .btn-group .btn img{
        height:45px;
        width:45px;
    }
    .wrapper{
        margin:0;
        padding:10px;
    }
	.h2, h2 {font-size: 1.5rem;}
    .footer{
        margin-left:0;
        text-align:center
    }
    .img-gallery-thumb li{
        width:25%
    }
    .modal-footer .col-sm-3{
        margin-top:10px;
    }
    .imagesize{
        margin-right:-5px;
        margin-left:-5px;
    }
    .imagesize .col-xs-5, .imagesize .col-xs-4, .imagesize .col-xs-3{
        padding-left:5px;
        padding-right:5px;
    }
    .file-caption-main .btn i{
        margin:0
    }
    .jFiler-items-grid .jFiler-item {
        width:33.333%
    }
    .neutral{
        width:100%;
        margin-bottom:5px;
    }
    .generator{
        width:100%
    }
    #content-scroll.content{
        height:350px;
    }
    .page-table table > thead > tr > th:nth-child(1),
    .page-table table > tbody > tr > td:nth-child(1),
    .page-table table > thead > tr > th:nth-child(2),
    .page-table table > tbody > tr > td:nth-child(3),
    .page-table table > thead > tr > th:nth-child(3),
    .page-table table > tbody > tr > td:nth-child(3){
        width:auto
    }
    .media-table table > thead > tr > th:nth-child(1), .media-table table > tbody > tr > td:nth-child(1),
    .media-table table > thead > tr > th:nth-child(2), .media-table table > tbody > tr > td:nth-child(3),
    .media-table table > thead > tr > th:nth-child(3), .media-table table > tbody > tr > td:nth-child(3),
    .media-table table > thead > tr > th:nth-child(3), .media-table table > tbody > tr > td:nth-child(4),
    .media-table table > thead > tr > th:nth-child(3), .media-table table > tbody > tr > td:nth-child(5){
        width:auto
    }
    .item-list-table table > thead > tr > th:nth-child(1), .item-list-table table > tbody > tr > td:nth-child(1),
    .item-list-table table > thead > tr > th:nth-child(2), .item-list-table table > tbody > tr > td:nth-child(3),
    .item-list-table table > thead > tr > th:nth-child(3), .item-list-table table > tbody > tr > td:nth-child(3),
    .item-list-table table > thead > tr > th:nth-child(3), .item-list-table table > tbody > tr > td:nth-child(4){
        width:auto
    }
    .media-table table.dataTable tr.child ul li:nth-child(1), .media-table table.dataTable tr.child ul li:nth-child(2){
        display:none;
    }
    #sortable.grid li{
        width:33.333%
    }
    .gallery-list-table table > thead > tr > th:nth-child(1), .gallery-list-table table > tbody > tr > td:nth-child(1),
    .gallery-list-table table > thead > tr > th:nth-child(2), .gallery-list-table table > tbody > tr > td:nth-child(2),
    .gallery-list-table table > thead > tr > th:nth-child(3), .gallery-list-table table > tbody > tr > td:nth-child(3){
        width:auto
    }
    .gallery-list-table .thumbnail{
        width:70px;
        margin:0
    }
    .gallery-list-table .thumbnail a{
        display:block;
        height:60px;
        width:60px;
    }
}
/* END__ */

@media (max-width: 479px) {
    .img-gallery-thumb li{
        width:50%
    }
    .jFiler-items-grid .jFiler-item {
        width:50%
    }
    #sortable.grid li{
        width:50%
    }
}
/* END__ */

.item-wrap .accordion-button:is(.collapsed){
    border:1px solid #ced4da;
}
.item-wrap .accordion-button:not(.collapsed)::after{
    content: "\f107";
    background-image: none;
    font-family:'Font Awesome 6 Free';
    color:#fff;
    font-weight: 600;
    font-size: 1.5rem;

}
.item-wrap  .accordion-button::after {
    content: "\f107";
    color:#212529;
    font-weight: 600;
    font-size: 1.5rem;
    background-image: none;
    font-family:'Font Awesome 6 Free';
}

.item-wrap .accordion-button:not(.collapsed){
    background-color:#b1b8f5;
    color:#fff;
}
.item-wrap .collapse:is(.show) {
    border: 1px solid #b1b8f5;
}
.item-wrap .accordion-button:focus{
    box-shadow:none;
}

.select2-container{
    height:60px;
}

.removebtn{
    position: absolute;
    top: 0;
    right: 0;
    border-radius: inherit;
    font-weight: 700;
}
.page-item.previous .page-link, 
.page-item.next .page-link 
{background-color: #fff; border-color: #5181d8;}
.page-item.previous:hover .page-link, 
.page-item.next:hover .page-link 
{background-color: #5181d8; border-color: #fff;}
.page-item.previous:hover a, 
.page-item.next:hover a {color: #fff!important;}
.page-item.active .page-link {background-color: #5181d8; border-color: #5181d8;}
table.table-bordered.dataTable thead tr:first-child th, table.table-bordered.dataTable thead tr:first-child td {
    background: #b1b8f5;color:#fff;
}

.btn-primary, .btn-outline-primary {
    color: #fff;
    background-color: #5181d8;
    border-color: #5181d8;
}
.btn-primary:hover, .btn-outline-primary:hover {
    color: #fff;
    background-color: #b1b8f5!important;
    border-color: #b1b8f5!important;
}
.btn-success {
    color: #5181d8;
    background-color: #fff;
    border-color: #5181d8;
}
.btn-success:hover {
    color: #fff;
    background-color: #5181d8!important;
    border-color: #5181d8!important;
}
.btn-check:focus+.btn-success, .btn-success:focus {
    color: #fff;background-color: #5181d8;border-color: #5181d8;box-shadow:none;}

.btn-check:focus+.btn-primary, .btn-primary:focus {
    color: #fff;background-color: #5181d8;border-color: #5181d8;box-shadow:none;}

.form-control {font-size: 13px;border:1px solid #dee0f1;padding: 0.6rem 0.75rem;}
.accordion-button {padding: 0.6rem 0.75rem;}
.form-control:focus, .btn:focus {box-shadow:none;outline:0;}
input{box-shadow:none;border:0;}
.border {border: 1px solid #b1b8f5!important;}
.btn-outline-success {color: #5181d8;border-color: #5181d8;}
.btn-outline-success {color: #5181d8;border-color: #5181d8;}
.btn-outline-success:hover {color: #fff;background-color: #5181d8;border-color: #5181d8;}
.btn-outline-success:hover i{color: #fff;}
.table>:not(caption)>*>* { padding: 0.7rem 0.5rem;}
.list-group-item.active {
    z-index: 2;
    color: #fff;
    background-color: #5181d8!important;
    border-color: #5181d8;
}
.link-info { color: #319d71;}
.link-info i{ margin:0 4px;}
.link-info:hover { color: #000;}
.ui-sortable-handle a{margin:0 5px;}
legend {font-size: 1.2rem!important;font-weight:500}
.changecolor {background-color: #5181d8;}

.ui-widget-header {
    border: 1px solid #5181d8!important;
    background: #5181d8!important;
}

.ui-state-highlight, .ui-widget-content .ui-state-highlight, .ui-widget-header .ui-state-highlight {
    border: 1px solid #b1b8f5!important;
    background: #cbd0f9!important;
    color: #000!important;
}
.ui-state-highlight, .ui-widget-content .ui-state-highlight, .ui-widget-header .ui-state-highlight {
    border: 1px solid #fed22f;
    background: #ffe45c url(images/ui-bg_highlight-soft_75_ffe45c_1x100.png) 50% top repeat-x;
    color: #363636;
}
.main-header {border-bottom:0!important;}
.fas.fa-bars{font-size:20px;color: #5181d8;margin-top: 6px;}
[class*=sidebar-dark-] .nav-treeview>.nav-item>.nav-link {color: #000!important;}
[class*=sidebar-dark-] .nav-treeview>.nav-item>.nav-link:hover {color: #5181d8!important;}

[class*=sidebar-dark-] .nav-sidebar>.nav-item.menu-open>.nav-link{
    background-color:transparent!important;
    color: #5181d8!important;
}
[class*=sidebar-dark-] {background-color: #fff!important;}
[class*=sidebar-dark] .brand-link {border-bottom: 0!important;}
[class*=sidebar-dark-] .sidebar a {
    color: #5181d8!important;font-size: 16px;
}
[class*=sidebar-dark-] .nav-sidebar>.nav-item>.nav-link:focus {
     color: #5181d8!important;
}
[class*=sidebar-dark-] .nav-sidebar>.nav-item>.nav-link span i{
    color: #999!important;margin-right:3px;font-size:20px; 
}
[class*=sidebar-dark-] .nav-treeview .nav-item a::before  {
	font-family: "Font Awesome 5 Free";
    font-weight: 900;
    content: "\f0da";
    color:#b1b8f5;
    font-size: 18px; 
	margin-right:2px;
}
[class*=sidebar-dark-] .nav-treeview .nav-item .nav-link {padding:0 .5rem;font-size: 14px;}
.nav-sidebar .nav-treeview {
    width:85%;margin-left: 15px;padding:4px 4px 6px 4px!important;
}
.nav-sidebar .nav-link>.right:nth-child(2), .nav-sidebar .nav-link>p>.right:nth-child(2) {
   right:.4rem!important;
}
.brand-link img{width:150px;}
.brand-link .brand-image {margin-top:0!important;max-height:40px!important;}
.navbar-nav button {background: transparent;border: 0;}
.main-header .navbar-nav .nav-item {margin: 0 15px 0 40px;}
.main-header .navbar-nav .nav-item:first-child {margin: 0!important;}
.alart .dropdown-menu {min-width: 15rem;}
.list-group-item {padding: 0.75rem 0.5rem!important;}
.main-footer {font-size: 13px;}
.main-footer {padding: 0.5rem 1.5rem 1.7rem 1rem!important;}



/* Register */
.intro-bg{padding:2pc 0;}
.intro-bg .card header p { text-align: center;font-size: 18px;}
.intro-bg .card{padding:20px; border-radius:10px;box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;}
.auth-header img{width:30%!important;margin: 0 auto;display: block;}
.intro-bg .card label{font-weight:400!important;}
.select2-container .select2-search--inline .select2-search__field {
    margin-left: 0!important;
    border: 0!important;
    font-size: 14px!important;
	color:#a19ba5!important;
}
.accordion-button{color: #111;background-color: #fff;border:1px solid #6a9af2;}
.accordion-button:not(.collapsed) {color: #fff; background-color: #6a9af2;}
.accordion-button:not(.collapsed):focus {box-shadow:none;}
.accordion-body {
	border-top:1px solid #fff;
	border-right:1px solid #6a9af2;
	border-bottom:1px solid #6a9af2;
	border-left:1px solid #6a9af2;
}
.intro-bg .card .select2-container{height:auto;}
.select2-container {width: 100%!important;}
@media (max-width: 480px) {
.auth-header img{width:60%!important;}
.intro-bg .card {padding: 12px;}
.intro-bg {padding: 1.2pc 0;}
}
/* Register */