html{
    overflow-x: hidden;
}


h1,
h2,
h3 {
    font-weight: 700;
    margin-top: 0
}

h1 {
    font-size: 2rem
}

@media only screen and (min-width:1000px) {
    h1 {
        font-size: 3rem
    }
}

h2 {
    font-size: 1.5rem
}

@media only screen and (min-width:1000px) {
    h2 {
        font-size: 2rem
    }
}

h3 {
    font-size: 1.25rem
}

@media only screen and (min-width:1000px) {
    h3 {
        font-size: 1.5rem
    }
}

body {
    font-family: Open Sans, sans-serif;
    font-size: 14px;
    color: #4d4d4d;
    overflow-x: hidden;
    background-color: unset !important;
}

header {
    display: block;
    background-color: #393ca0;
    background-image: linear-gradient(90deg, #393ca0, #7621a2);
    background-size: contain;
    height: auto;
    padding-bottom: 10px
}

.custom-center {
    justify-content: center;
}

header .verification-block {
    background-color: hsla(0, 0%, 100%, .1);
    padding-top: 10px;
    padding-bottom: 10px;
    color: #fff
}

header .verification-block .btn-white {
    background-color: #fff;
    color: #7621a2;
    box-shadow: 0 3px 20px rgba(0, 0, 0, .2);
    padding: 3px 15px;
    border-radius: 3px;
    font-size: 12px;
    margin: 5px
}

header .logo {
    padding: 50px 15px 20px
}

.custom-mt {
    margin-top: 0px;
}

.text-right-left {
    text-align: right;
}


#maintenance .modal-header {
    border: 0;
    padding: 20px 30px;
    background-color: #ff1d5d;
    background-image: linear-gradient(90deg, #393ca0, #7621a2);
    display: flex;
    align-items: center;
    text-transform: uppercase;
}

#maintenance .close {
    color: white !important;
    font-weight: 100 !important;
    font-size: 24px;
    box-shadow: unset !important;
    opacity: 1 !important;
}

#addNewService  .close {
    color: white !important;
    font-weight: 100 !important;
    font-size: 24px;
    box-shadow: unset !important;
    opacity: 1 !important;
}



#maintenanceForm .modal-header {
    border: 0;
    padding: 15px 30px;
    background-color: #ff1d5d;
    background-image: linear-gradient(90deg, #393ca0, #7621a2);
    display: flex;
    align-items: center;
    text-transform: uppercase;
}

#maintenanceForm .close {
    color: white !important;
    font-weight: 100 !important;
    font-size: 24px;
    box-shadow: unset !important;
    opacity: 1 !important;
}


#confirmUpgradeModal .close {
    color: white !important;
    font-weight: 100 !important;
    font-size: 24px;
    box-shadow: unset !important;
    opacity: 1 !important;
}


 input[type="datetime-local"], input[type="month"]{
    position: unset !important;
}


input[type="datetime-local"]:after,input[type="month"]:after {
   background-image: url(/assets/images/date-icon.jpg);
    background-size: cover;
    display: inline-block;
    width: 20px; 
    height: 21px;
    content:"";
    background-repeat:no-repeat;
    margin-right:5px
}


/* make the native arrow invisible and stretch it over the whole field so you can click anywhere in the input field to trigger the native datepicker*/
input[type="datetime-local"]::-webkit-calendar-picker-indicator,input[type="month"]::-webkit-calendar-picker-indicator  {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: auto;
    height: auto;
    color: transparent;
    background: transparent;
}


input[type="datetime-local"]::-webkit-inner-spin-button,input[type="month"]::-webkit-inner-spin-button {
    z-index: 1;
}


 input[type="datetime-local"]::-webkit-clear-button, input[type="month"]::-webkit-clear-button {
     z-index: 1;
 }

 .red-svg{filter: invert(34%) sepia(94%) saturate(2792%) hue-rotate(342deg) brightness(93%) contrast(94%);}

.price-user{ position: absolute;}


.new-admin-shadow{ 
    background-color: white;
   float: left;
    box-shadow:0px 0px 10px rgba(0, 0, 0, .05);
    margin-bottom: 15px;
    padding: 0px;
}

.new-admin-shadow .new-link{
    float: left;
    padding: 15px 15px;
    color:black;
    width: 100%;
}

.text-silver{ color:silver}










#updateServiceForm .close {
    color: white !important;
    font-weight: 100 !important;
    font-size: 24px;
    box-shadow: unset !important;
    opacity: 1 !important;
}


.services-btn {
    border-radius: 4px;

    text-align: center;
    padding: 7px 25px;
    transition: all 0.5s;
    cursor: pointer;
    cursor: pointer;
    display: inline-block;
    position: relative;
    transition: 0.5s;
    padding: 7px 25px; text-decoration: none; 
    color:black;
    border:1px solid #e7e7e7;
  }

.services-btn:after {
    content: url(../assets/images/edit-icon.png);
    opacity: 0;  
    top: 9px;
    right: 7px !important;
    transition: 0.5s;
    position: absolute;
  }
  
  .services-btn:hover{
    padding-right: 35px;
    padding-left:25px;
    text-decoration: none;
    color:black;

  }
  
  .services-btn:hover:after {
    opacity: 1;
    right: 10px;
    text-decoration: none;
   
  }

  .full-width main .container-fluid {
    padding-left: 0px;
    padding-right: 0px;
    overflow: hidden;
}

.d-m-new{ display: none;}

body .bg-success{background-color: #03c795 !important;}

.bg-primary{ background-color: rgb(57, 60, 160) !important;}

.blue-btn{
    background-color: rgb(57, 60, 160) !important;
    color:white;
    text-transform: uppercase;
    font-size: 14px;
    border-radius: 0;
    padding-left: 15px;
    padding-right: 15px;
    white-space: nowrap;
    height: 39px;
}

.blue-btn:hover{color:white

}

#addNew .close {
    color: white !important;
    font-weight: 100 !important;
    font-size: 24px;
    box-shadow: unset !important;
    opacity: 1 !important;
}

.form-control.is-invalid {
    background-position: right calc(0.9em + 0.1875rem) center;
}

textarea.form-control.is-invalid {
    background-position: right calc(0.9em + 0.1875rem) top 10px;
}

.inner-header {
    display: flex;
    align-items: center;
    justify-content: center;
}

.inner-header h4 {
    display: inline-flex;
    align-items: center;
    font-weight: bold;
    text-transform: uppercase;
}

.inner-header-button {
    position: absolute;
    right: 15px;
}

.inner-header-add-button {
    position: absolute;
    right: 15px;
}

.filter .gradient {
    background-image: linear-gradient(white, #f8f8f8);
    align-items: center;
}

.filter  .gradient .report-wrapper{ display:flex; align-items:center}

.filter-title {
    clip-path: polygon(0 0, 90% 0, 100% 100%, 0% 100%, calc(100% - 32px) 100%, 0% 100%);
    background-image: linear-gradient(to right, #ff1d5d, #c63e91);
    height: 100%;
    display: flex;
    align-items: center;
    color: rgb(197, 167, 167);
    justify-content: center;
    color: white;
    font-size: 18px;
    padding: 15px 15px;
    text-transform: uppercase;
}


#addNewPlan .close {
    color: white !important;
    font-weight: 100 !important;
    font-size: 24px;
    box-shadow: unset !important;
    opacity: 1 !important;
}

#addNewPlan input{ min-height: 40px; font-size: 14px;}

.multiselect__placeholder {
    padding-top: 2px !important;
}

#addNewPlan .multiselect__tags{ 
    padding-left: 12px; 
    padding-top: 7px; 
    min-height: 40px;
}

#addNewPlan select{ padding-left: 8px; padding-right: 8px;}

.multiselect__option--selected.multiselect__option--highlight{
    color: #35495e;
}


.payment-table{ border:1px solid #dee2e6}


.accordion {
    width: 100%;
}

.accordion .card-header:after {
    font-family: 'FontAwesome';
    content: url(../images/arrow-down-accordian.png);
    float: right;
    position: absolute;
    right: -25px;
    top: 5px;
}

.accordion .card-header.collapsed:after {
    /* symbol for "collapsed" panels */
    content: url(../images/arrow-right-accordian.png);
    position: absolute;
    right: -25px;
    top: 5px;
}

.accordion .card .card-header {
    background: transparent;
    padding: .75rem 1.25rem 0px;
    border-radius: 0;
    margin-bottom: -2px;
    border: none
}

.accordion .status-block {
    border-image: linear-gradient(#fd1e5d, #3a3ba0) 1;

    border-left: 5px solid;
    border-radius: 5px;
}

.date-header {
    border: 1px solid #3f39a0;
    color: #3f39a0;
    padding: 5px 10px;
    border-radius: 20px;
    font-weight: 700
}


.color-none {
    background-color: white !important;
    padding-left: 44px;
    padding-top: 10px;
    padding-bottom: 0px;
}

.align-center-custom {
    display: flex;
    padding-left: 44px;
    padding-top: 10px;
}

.edit-icon {
    height: 37px;
    background-color: rgba(255, 255, 255, .1);
    padding-left: 10px;
    padding-right: 10px;
    display: flex;
    align-items: center;
    border-radius: 0px 3px 3px 0px;
}

.edit-icon img {
    filter: invert(1) !important;
}

.accordion .multiselect__tag-icon {
    margin-right: 30px;
    position: unset;
    right: unset;
    top: unset;
    bottom: unset;
    float: right;
    margin-top: 3px;
}

.accordion .multiselect__tag-icon:after {
    font-size: 36px;
    font-weight: 400;
}

.accordion .multiselect__tag-icon:hover {
    background-color: unset;
}

.accordion .multiselect__tag-icon:focus:after,
.multiselect__tag-icon:hover:after {
    color: #fd1e5d !important
}

.custom-top-padding {
    padding-top: 20px;
}

.image-height {
    height: 200px;
    overflow: hidden;
}

.check-shadow {
    box-shadow: 0px 0px 10px rgba(0, 0, 0, .1)
}

.check-status-box {
    background-color: #03c795;
    color: white;
    padding: 7px 20px;
    border-radius: 20px;
    box-shadow: 0px 10px 20px rgba(3, 199, 149, .2)
}

.error-status-box {
    background-color: #e13d44;
    color: white;
    padding: 7px 15px;
    border-radius: 20px;
    box-shadow: 0px 10px 20px rgba(225, 61, 68, .2)
}

.custum-inline {
   /* display: flex;
    justify-content: space-between */
}

.custum-inline li {
   /* margin-right: 0px !important; */
}

.custom-border{border-bottom: 5px solid;
    border-image: linear-gradient(45deg, #fd1e5d, #3a3ba0) 1;}

.lence-wraper {
    margin-top: -45px;
    padding-right: 10px;
    margin-bottom: 25px;
}

.custom-modal {
    max-width: 700px
}

.date-gradient{
    background-image: linear-gradient(90deg,#393ca0,#7621a2); 
    padding:10px; 
    color:white}

    .inner-image{ height: 200px; overflow: hidden;}

    .inner-image{ box-shadow:0px 10px 20px rgba(0, 0, 0, .1)}

.custom-modal .modal-header {
    background-color: transparent !important;
    background-image: unset !important;
}


.custom-modal .modal-content {
    background-color: transparent;
}

.email-form{ margin:auto; margin-top:20px; 
    padding-top: 10px;
    background: white;
}



.custom-modal .modal-header .close {
    color: white;
    opacity: 1;
    font-weight: 300;
    font-size: 30px;
}

.btn-custom {
    border: 1px solid black;
    border-radius: 30px;
    width: 37px;
    height: 37px;
    background: url(../images/reload.png);
    background-repeat: no-repeat;
    background-position: center;
}

.btn-custom:hover {
    border: 1px solid #f3d66f;
    border-radius: 30px;
    background: url(../images/reload.png), linear-gradient(to right, #f3d66f, #70e885);
    background-repeat: no-repeat;
    background-position: center;
    filter: invert(1);
}


.btn-custom-list {
    border: 1px solid black;
    border-radius: 30px;
    width: 37px;
    height: 37px;
    background: url(../images/list-icon.png);
    background-repeat: no-repeat;
    background-position: center;
}

.btn-custom-list:hover {
    border: 1px solid #f3d66f;
    border-radius: 30px;
    background: url(../images/list-icon.png), linear-gradient(to right, #f3d66f, #70e885);
    background-repeat: no-repeat;
    background-position: center;
    filter: invert(1);
}

.btn-custom-box {
    border: 1px solid black;
    border-radius: 30px;
    width: 37px;
    height: 37px;
    background: url(../images/box-icon.png);
    background-repeat: no-repeat;
    background-position: center;
}

.btn-custom-box:hover {
    border: 1px solid #f3d66f;
    border-radius: 30px;
    background: url(../images/box-icon.png), linear-gradient(to right, #f3d66f, #70e885);
    background-repeat: no-repeat;
    background-position: center;
    filter: invert(1);
}

.websites input[type=checkbox] { 
    vertical-align: middle; 
    position: relative; 
    bottom: 1.5px; 
} 
  
.contacts input[type=checkbox] { 
    vertical-align: middle; 
    position: relative; 
    bottom: 1.5px; 
}   

.payment-table th, td{ white-space:nowrap}


.btn-custom img {
    display: flex;
    align-items: center;
    justify-content: center;
}

.pl-r-30{ padding-left: 15px; padding-right: 15px;}

.w-75{ width: 74% !important;}


header .dropdown {
    -webkit-appearance: none;
    -moz-appearance: window;
    padding: 2px 25px 2px 15px;
    border: none;
    background-image: url(../images/arrow-down.png);
    background-repeat: no-repeat;
    background-position: right 2% center
}

header .dropdown,
header .dropdown:focus {
    background-color: hsla(0, 0%, 100%, .1);
    color: #fff;
    border-radius: 3px 0px 0px 3px;
}

header .dropdown:focus {
    outline: none;
    border: 0 !important;
    box-shadow: none !important
}

header .dropdown option {
    color: #000
}

.bg-image {
    background: url(../images/bg-gray.jpg);
    padding-top: 20px;
    padding-bottom: 35px;
}

.primary-box {
    background-image: linear-gradient(to right, rgba(94, 74, 226, .8), rgba(43, 149, 212, .8)), url(../images/box-bg.png);
    background-position: center !important;
    background-repeat: no-repeat !important;
    background-size: cover !important;
    display: block;
    padding: 30px 15px 30px 15px;
}

.secondry-box {
    background-image: linear-gradient(to right, rgba(42, 150, 212, .8), rgba(20, 212, 182, .8)), url(../images/box-bg.png);
    background-position: center !important;
    background-repeat: no-repeat !important;
    background-size: cover !important;
    display: block;
    padding: 30px 15px 30px 15px;
}

.danger-box {
    background-image: linear-gradient(to right, rgba(121, 81, 212, .8), rgba(239, 73, 118, .8)), url(../images/box-bg.png);
    background-position: center !important;
    background-repeat: no-repeat !important;
    background-size: cover !important;
    display: block;
    padding: 30px 15px 30px 15px;
}

.webdown-box {
    background-image: linear-gradient(to right, rgba(221 54 54 / 80%), rgba(239, 73, 118, .8)), url(../images/box-bg.png);
    background-position: center !important;
    background-repeat: no-repeat !important;
    background-size: cover !important;
    display: block;
    padding: 30px 15px 30px 15px;
}

.website-img {
    position: absolute !important;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: top;
}

.overlay-custom {
    position: absolute;
    top: 0;
    left: 0;
    clear: both;
    width: 100%;
    height: 100%;
    background: linear-gradient(transparent 80%, #393ca0 0%, #7621a2 100%);
    color: #ffffff;
    padding-top: 30px;

}

.taken-screen{
    display: flex;
    align-items: flex-end;
    justify-content: center;
    margin: auto;
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
}

.t-r-l{ text-align: right;}
.t-l-r{ text-align: left;}


.custom-card img {
    margin: auto;
    display: flex;
}

.custom-card .check-image {
    height: 40px;
}

.custom-card h1 {
    font-size: 22px;
    font-weight: 100;
    margin-top: 10px;
    text-transform: uppercase;
    margin-bottom: 0px;
}

.custom-card p {
    font-size: 14px;
    font-weight: 100;
    margin-bottom: 7px;
}

.custom-card .white-btn {
    margin: auto;
    display: table;
    border-radius: 0px;
    text-transform: uppercase;
    font-size: 14px;
    font-weight: 600;
}

.maintenance {
    /* height: 60px; */
    border-radius: 50px;
    background-color: #ff1d5d;
    padding-top: 7px;
    padding-bottom: 7px;
    padding-left: 10px !important;
    margin: auto;
    margin-top: -30px;
    text-transform: uppercase;
    font-size: 16px;
    color: white;
    margin-bottom: 20px;
    display: flex;
    align-items: center;
}

.maintenance .switch {
    position: relative;
    display: inline-block;
    width: 48px;
    height: 28px;
    float: right;
    margin-bottom: 0px;
    margin-left: auto;
}

.maintenance .switch input {
    opacity: 0;
    width: 0;
    height: 0
}

.maintenance .switch .slider {
    position: absolute;
    cursor: pointer;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #fbfbfb;
    transition: .4s
}

.maintenance .switch .slider:before {
    position: absolute;
    content: "";
    height: 22px;
    width: 22px;
    left: 4px;
    bottom: 3px;
    background-color: rgb(195 195 195);
    transition: .4s
}

.maintenance input:checked+.slider {
    background-color: #fff
}

.maintenance input:focus+.slider {
    box-shadow: 0 0 1px #fff
}

.maintenance input:checked+.slider:before {
    transform: translateX(22px);
    left: 0;
    background-color: #2bd0b7;
}

.maintenance .slider.round {
    border-radius: 34px
}

.maintenance .slider.round:before {
    border-radius: 50%
}


.custom-switch { padding-left: 15px; display: flex;
     align-items: center;}

.custom-switch .switch {
    position: relative;
    display: inline-block;
    width: 48px;
    height: 30px;
    float: right;
    margin-bottom: 0px;
    margin-left: auto;
}

.custom-switch .switch input {
    opacity: 0;
    width: 0;
    height: 0
}

.custom-switch .switch .slider {
    position: absolute;
    cursor: pointer;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    transition: .4s;
    border:1px solid #e7e7e7
    
}

.custom-switch .switch .slider:before {
    position: absolute;
    content: "";
    height: 22px;
    width: 22px;
    left: 4px;
    bottom: 3px;
    background-color: rgb(195 195 195);
    transition: .4s
}

.custom-switch input:checked+.slider {
    border:1px solid #e7e7e7
}

.custom-switch input:focus+.slider {
    box-shadow: 0 0 1px #e8e8e8
}

.custom-switch input:checked+.slider:before {
    transform: translateX(22px);
    left: 0;
    background-color: #2bd0b7;
}

.custom-switch .slider.round {
    border-radius: 34px
}

.custom-switch .slider.round:before {
    border-radius: 50%
}


.custom-skew {
    transform: skewY( 
-5deg
 );
    background-color: #fff;
    padding: 15px 0px 20px 0px;
    box-shadow: 0px 0px 30px rgb(0 0 0 / 10%);
    border-bottom: 5px solid;
    border-image: linear-gradient( 
45deg
 , #fd1e5d, #3a3ba0) 1;
}

.custom-skew-container {
    -webkit-transform: skewY( 
5deg
 );
    -moz-transform: skewY(5deg);
    -ms-transform: skewY(5deg);
    -o-transform: skewY(5deg);
    transform: skewY( 
5deg
 );
}

.plan-title {
    font-size: 24px;
    font-weight: bold;
}

.price-wrapper-basic {
    transform: skewY( 
-5deg
 );
    background-image: linear-gradient(to right, #48e589 , #15d5c7);
    padding: 10px 0px;
}

.inner {
    -webkit-transform: skewY( 
5deg
 );
    -moz-transform: skewY(5deg);
    -ms-transform: skewY(5deg);
    -o-transform: skewY(5deg);
    transform: skewY( 
5deg
 );
    color: white;
}

.inner .price {
    font-size: 40px;
    line-height: 40px;
    color: white;
    font-weight: bold;
}

.custom-list {
    margin: 20px 0 15px 20px !important;
}

.custom-skew-container .custom-list li {
    list-style: none !important;
    margin-bottom: 5px;
    font-size: 14px;
    color: black;
}

.custom-skew-container .custom-list li:before {
    content: url(../images/check1.png);
    background-size: 100%;
    position: relative;
    top: 6px;
    margin-left: -10px;
    left: -20px;
}

.custom-skew-container .custom-list .disable:before {
    content: url(../images/tran.png);

}

.custom-skew-container .custom-list .disable {
    color: #989898;
}

.pink-border{ 
    border:1px solid #ff1d5d; 
    color:#ff1d5d;
    border-radius: 0px; 
    height: 36px;
}


.radio-btn {
    opacity: 0;
    position: absolute;   
}

.radio-wraper span{
	width: 25px;
    height: 25px;
    float: right;
    background-color: white;
    border-radius: 30px;
	margin-right: 10px;
	box-shadow: 0px 5px 10px rgba(0, 0, 0, .2);
}

.radio-btn span {
    display: inline-block;
    vertical-align: middle;
    
    cursor: pointer;

    margin-right: 10px;
    text-align: center;
	float:right;
   
}

.radio-btn span:before {
    content: '';
    background: #fff;
    border: 2px solid #ddd;
    display: inline-block;
    vertical-align: middle;

	float:right;
}

.radio-btn + span:before {
    
	
    background-color: white !important;
    border-radius: 30px;
	float:right;
}

.radio-btn:checked + span:before {
    content: url(../images/final-check.svg);
     width: 25px;
    height: 25px;
    background-color: white !important;
    border-radius: 30px;
	float:right;
	padding: 2px;
}






.pink-bg{ background-color:#ec0088; float:left; border-radius:10px;}

.voilet-bg{ background-color:#6f35a4; float:left; border-radius:10px;}

.blue-bg{ background-color:#4149ac; float:left; border-radius:10px;}

.text-center{ text-align:center;}

.text-white{ color:white}

.icon-wraper{ width:100%; display:block; text-align:center}

.radio-wraper{ width:100%; float:left;}
.radio-btn{ float:right}
.custom-radio { width:100%}





 
  .panel-heading {
    padding: 0;
      border:0;
  }
  .panel-title>a, .panel-title>a:active{
      display:block;
      padding:15px;
    color:#555;
    font-size:16px;
      text-decoration:none;
      font-weight: 600;
  }
  .panel-heading  a:before {
    content: url(../images/arrow-right-accordian.png);
    right: -25px;
    top: 5px;
     float: right;
     transition: all 0.5s;
  }
  .panel-heading.active a:before {
    content: url(../images/arrow-right-accordian.png);
      -webkit-transform: rotate(90deg);
      -moz-transform: rotate(90deg);
      transform: rotate(90deg);
  } 

  .normal-weight{ font-weight: normal;}









#review .modal-content { background-color: transparent;}

#review .close {
    color: white !important;
    font-weight: 100 !important;
    font-size: 24px;
    box-shadow: unset !important;
    opacity: 1 !important;
}

#codeReviewModel .modal-header {
    border: 0;
    padding: 15px 30px;
    background-color: #ff1d5d;
    background-image: linear-gradient(
90deg
, #393ca0, #7621a2);
    display: flex;
    align-items: center;
}

#codeReviewModel .close {
    color: white !important;
    font-weight: 100 !important;
    font-size: 24px;
    box-shadow: unset !important;
    opacity: 1 !important;
}


#v-pills-tab{ justify-content: flex-end;}


#v-pills-tab .nav-link{
    display: block;
    padding: 0.2rem .5rem;
}

#v-pills-tab .nav-link.active {
    display: block;
    padding: 0.2rem .5rem;
    background-color: #393ca0;
    background-image: linear-gradient(
90deg
, #393ca0, #7621a2);
}

#v-pills-tabContent{ display: flex;
align-items: center; }

#v-pills-tabContent .list-inline-item:not(:last-child) {
    margin-right: 3rem;
}

#v-pills-tabContent .file-active{
    color:#7621a2
  }
  
  #v-pills-tabContent .file-active:after{   
      display: block;
      background: #808080;
   content: "";
   position:relative;
   border: 0;
      border-bottom: 2px solid #7621a2;
      top:12px;
      }

      .language-menu a{ 
          color:black; text-decoration: none;}

          #languageForm .editr{ margin-bottom:10px}


         



.tab-menu-custom {
    position: relative;
    box-shadow: 0px 0px 20px rgba(0, 0, 0, .1);
}

.tab-menu-custom:after {
    background: inherit;
    content: '';
    display: block;
    height: 9%;
    left: 0;
    position: absolute;
    right: 0;
    z-index: 0;
    -webkit-backface-visibility: hidden;
}

.tab-menu-custom:after {
    bottom: 0;
    -webkit-transform: skewY(3deg);
    transform: skewY(3deg);
    -webkit-transform-origin: 0%;
    transform-origin: 0%;
    border-bottom: 5px solid #e42c73;
}


.tab-menu-custom {
    background-color: white
}

.tab-menu-custom .nav {
    padding: 0px;
    border-bottom: 0px;
    text-transform: uppercase;
    background-color: #f0eeff
}

.tab-menu-custom .nav-tabs .nav-link.active {
    border: 0px;
    background-image: linear-gradient(to right, #ff1d5d, #c73e90);
    border-radius: 0px;
    color: white;
}

.tab-menu-custom .nav-tabs .nav-link {
    color: #4d4d4d;
    padding: .7rem 1rem
}

.tab-menu-custom .nav-tabs .nav-link:hover {
    border-color: #f0eeff;
    border-radius: 0px;
}

.tab-menu-custom .nav-tabs .nav-item {
    margin-bottom: 0px
}

.tab-menu-custom .tab-content {
    padding: 0px;
    min-height: 404px
}


.list-content {
    text-align: left;
    position: relative;
    padding-left: 75px;
    padding-bottom: 10px;
    padding-top: 15px;
    border-bottom: 1px solid #eaeaea;
    padding-right: 20px;
}

.list-content span.list-image {
    position: absolute;
    left: 20px;
    background-color: #f4e5bd;
    width: 40px;
    height: 40px;
    line-height: 40px;
    text-align: center;
    border-radius: 40px;
    overflow: hidden;

}

.contact-person .list-content span.list-image {
    padding: 8px;
    overflow: hidden;
    display: flex;
    align-items: center;
    justify-content: space-between;
}



.list-content p {
    font-size: 14px;
    font-weight: 400;
    margin-bottom: 5px;
}

.list-content h5 {
    font-size: 16px;
    font-weight: 600;
    margin-bottom: 5px;
}

.scrollbar {
    width: 100%;
    float: left;
    height: 295px;
    overflow-y: auto;
    padding-top: 0px;
}

.scroll-style::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 1px rgba(0, 0, 0, 0.1);
    background-color: #F5F5F5;
}

.scroll-style::-webkit-scrollbar {
    width: 5px;
    background-color: #F5F5F5;
}

.scroll-style::-webkit-scrollbar-thumb {
    background-color: #afafaf;
}


.performence {background-color: rgba(255, 255, 255, 0.2);
color: white;
position: absolute;
left: 0;
bottom: 0;
padding-top: 5px;
}

.ssl-center{ display: flex; align-items: center; justify-content: center;}


.custum-center {
    display: flex;
    align-items: center;
    justify-content: center;
}

.list-content a {
    color: #999999
}

.btn-outline-dark {
    border-color: #dcdcdc;
}



.tab-header-cutom {
    position: relative;
    z-index: 0;
    background-image: linear-gradient(to right, #3f3dab, #7d28a7);
    padding: 10px 20px 1px 20px;
    color: white;
    text-transform: uppercase;
    font-weight: 500;
    background-color: #3f3dab;

}

.tab-header-cutom:after {
    background: inherit;
    content: '';
    display: block;
    height: 50%;
    left: 0px;
    position: absolute;
    right: 0;
    z-index: -1;
    -webkit-backface-visibility: hidden !important;
}

.tab-header-cutom:after {
    bottom: 0;
    -webkit-transform: skewY(1.5deg);
    transform: skewY(1.5deg);
    -webkit-transform-origin: 0%;
    transform-origin: 0%;
    width: 99.72%;
}

.manage-contact {
    text-transform: uppercase;
    background-color: #f0eeff;
    padding: .7rem 1rem;
    height: 46.38px;
    display: flex;
    align-items: center;
}


.contact-person .list-image {
    position: absolute;
    right: 20px;
    background-color: #f4e5bd;
    width: 75px;
    height: 40px;
    line-height: 40px;
    text-align: center;
    border-radius: 40px;
    overflow: hidden;
    top: 25px
}

.contact-person .list-content {
    padding-bottom: 20px;
    padding-top: 20px;
}

.modal {
    background-color: rgba(0, 0, 0, .8);
}

.modal-backdrop {
    position: relative !important;
    background-color: unset !important;
    z-index: 0 !important;
}

#siteModel .modal-header {
    border: 0px;
    padding: 15px 30px;
    background-color: rgb(255, 29, 93);
    background-image: linear-gradient(90deg, rgb(57, 60, 160), rgb(118, 33, 162));
    display: flex;
    align-items: center;
    color: white !important;
}

#siteModel .close {
    font-size: 24px;
    color: white !important;
    font-weight: 100 !important;
    box-shadow: unset !important;
    opacity: 1 !important;
}



.notification-checkbox {
    display: inline-flex;
    align-items: center;
}

#contactModal .close {
    color: white !important;
    font-weight: 100 !important;
    font-size: 24px;
    box-shadow: unset !important;
    opacity: 1 !important;
}


#capture-image .modal-header {
    border: 0;
    padding: 15px 30px;
    background-color: #ff1d5d;
    background-image: linear-gradient(90deg, #393ca0, #7621a2);
    display: flex;
    align-items: center;
    text-transform: uppercase;
}

#capture-image .close {
    color: white !important;
    font-weight: 100 !important;
    font-size: 24px;
    box-shadow: unset !important;
    opacity: 1 !important;
}

.up-down-time .tab-content>.active {
    display: inline;
    padding-left: 20px;
}

body .up-down-time .reportrange-text {
    border: 0px !important;
    border-bottom: 1px solid #ccc !important;
    border-radius: 0px !important;
}

body .up-down-time .daterangepicker {
    top: unset;
}

.up-down{ display: flex; align-items: center; justify-content: center;}

.custom-footer-btn {
    position: absolute;
    bottom: 0px;
    left: 0;
    width: 100%;
}

.btn-success {
    color: #fff;
    background-color: #03c795;
    border-color: #03c795;
}

.btn-danger {
    color: #fff;
    background-color: #e13d44;
    border-color: #e13d44;
}


.custom-footer-btn .btn {
    padding-top: 12px;
    padding-bottom: 12px;
}

.date-icon .input-group-text {
    border-radius: 20px 0px 0px 20px;
    background-color: white;
    border-right: 0px;
    padding-left: 20px
}

.reportrange-text {
    border-left: 0px !important
}

.vue-daterange-picker .reportrange-text {
    border-radius: 0px 20px 20px 0px !important;
}

.radius-left {
    border-radius: 20px 0px 0px 20px;
    padding-left: 20px
}

.radius-right {
    border-radius: 0px 20px 20px 0px;
    padding-right: 20px
}


.plug-btn{ outline:0px; padding-right: 10px !important; padding-left: 10px !important; float: right;}
.plug-btn img{ margin: 0px !important; width: 18px;
    height: 18px;}

.delete-btn{outline:0px; padding-right: 10px !important; padding-left: 10px !important; float: right;}
.delete-btn img{ margin: 0px !important; width: 18px;
    height: 18px;}




.footer-bg {
    background: url(../images/footer-bg.jpg);
     margin-top: 140px;
    background-size: cover;
}

.footer-bg h3 {
    font-size: 28px
}

.footer-character {
    position: absolute;
    bottom: 0px;
    right: 0px;
}


.footer-dark {
    background-color: #3b3b3b;
    color: white;
    font-weight: 100;
}

main {
    display: block;
    min-height: calc(100vh - 243px)
}

.installer-modal .modal-lg {
    max-width: 90%;


}

.installer-modal {
    padding-left: 17px;
}

.installer-modal .modal-content {
    border: 0px !important;
    border-radius: 0px;
    background-color: white;
}

.installer-modal .modal-body {
    background: url(../images/installer-bg.jpg);
    background-repeat: no-repeat;
    background-size: cover;
}

.custom-image-cartoon {
    position: absolute;
    right: 0px;
    bottom: 0px;
}



.pink-color {
    color: #ff1d5d
}


.valid-feedback1 {
    display: flex;
    float: right;
    width: 50px;
    height: 50px;
    align-items: center;
    justify-content: center;
    position: absolute;
    right: 10px;
}

.invalid-feedback1 {
    display: flex;
    float: right;
    width: 50px;
    height: 50px;
    align-items: center;
    justify-content: center;
    position: absolute;
    right: 10px;

}

.installation-input label {
    display: block;
    width: 100%;
}

.installation-btn {
    background-color: #ff1d5d;
    color: white;
    height: 50px;
    width: 70%;
    box-shadow: 0px 10px 20px rgba(255, 29, 93, .1);
    border-radius: 0px;
    text-transform: uppercase;
    display: flex;
    align-items: center;
    border: 0px;
}

.installation-btn img {
    float: right;
    margin-left: auto;
}

.installation-btn:hover {
    background-color: #ea1d57;
    color: white;

}

.installation-btn:active {
    background-color: #ea1d57;
    color: white;

}

.loader-animation {
    align-self: flex-end;
    animation-duration: 2s;
    animation-iteration-count: infinite;
    margin: 0 auto 0 auto;
    transform-origin: bottom;
}

.bounce-2 {
    animation-name: bounce-2;
    animation-timing-function: ease;
}

@keyframes bounce-2 {
    0% {
        transform: translateY(0);
    }

    50% {
        transform: translateY(-10px);
    }

    100% {
        transform: translateY(0);
    }
}

.intallation-icons {
    filter: grayscale(1);
    opacity: .3;
}


@media (min-width:2047px){
    .primary-box {
        padding: 30px 15px 30px 15px;
    }

    .secondry-box {
        padding: 30px 15px 30px 15px;
    }
    
    .danger-box {
        padding: 30px 15px 30px 15px;
    }

    main .container-fluid .custom-card { 
        min-height: 207px !important;
    }

    main {
        margin-left: auto;
        margin-right: auto;
        
    }

    .tab-menu-custom .nav-tabs .nav-link {
        padding: 1rem 1rem;
    }

    .tab-header-cutom {
        padding: 20px 20px 10px 20px;
    }

    .manage-contact {
        padding: 1rem 1rem;
        min-height: 58px;
        display: flex;
    align-items: center;
    }
    .manage-contact button{ margin-left: auto;}

   .custom-padd{ max-width:1366px; margin: auto;} 

    .custom-padd-1{ max-width:1386px; margin: auto;} 

    .slick-slider{ max-width:1386px; margin: auto;} 

    .padd-2050{ padding-right: 0px !important;}
    

}

.btnActive{background-repeat: no-repeat;
    background-position: center;
    border: 1px solid #f3d66f;
    background-color: #f3d66f;
    filter: invert(1);
}


    #lightBoxModal .modal-body{ padding:0px}

    #lightBoxModal .carousel-control-next{ margin-right:-15%}
     #lightBoxModal .carousel-control-prev{ margin-left:-15%}

     #lightBoxModal .carousel-indicators{ margin-bottom: -5%;}


main .text-center-left {
    text-align: center
}


main .container-fluid {
    padding-left: 20px;
    padding-right: 20px;
}

.status-block {
    border-image: linear-gradient(#fd1e5d, #3a3ba0) 1;
    border-left: 5px solid;
    border-radius: 5px;
}


@media only screen and (max-width:1920px) {
    main .container-fluid {
        padding-left: 100px;
        padding-right: 100px
    }

    main .filter {
        padding-left: 25px;
        padding-right: 20px;
    }



}

@media only screen and (max-width:1366px) {
    main .container-fluid {
        padding-left: 15px;
        padding-right: 15px
    }

}

main .container-fluid .custom-card {
    background-color: #fff;
    box-shadow: 0 3px 10px rgba(0, 0, 0, .05);
    border-radius: 0;
    border: 0;
    margin-bottom: 10px;
    min-height: 207px;
    overflow: hidden;
}


main .container-fluid .custom-card .card-header {
    background-color: #fff;
    text-transform: uppercase;
    font-size: 18px;
    font-weight: 600;
    padding-right: 0;
    border: 0
}

main .container-fluid .custom-card .card-header .dot-icon {
    color: #000;
    padding: 0;
    width: 40px;
    height: 25px;
    line-height: 0
}

main .container-fluid .custom-card .card-header .dot-icon:focus {
    outline: none;
    border: 0 !important;
    box-shadow: none !important
}

main .container-fluid .custom-card .card-body h6 {
    color: #b2b2b2
}

main .container-fluid .custom-card .card-body .slick-slide {
    transition: all .3s ease-in-out;
    opacity: .2
}

main .container-fluid .custom-card .card-body .slick-active {
    opacity: 1
}

main .container-fluid .custom-card .card-body .slick-active button:before {
    color: #ff1d5d !important
}

main .container-fluid .custom-card .card-body .slick-current {
    opacity: 1
}

main .container-fluid .custom-card .card-body .slick-dots li button:before {
    font-size: 40px
}

main .container-fluid .custom-card .card-body .grad .grade-style {
    list-style: none;
    display: flex;
    -webkit-padding-start: 10px;
    padding-inline-start: 10px;
    margin-bottom: 0;
    align-items: center;
    justify-content: center
}

main .container-fluid .custom-card .card-body .grad .grade-style .boot-icon {
    background: #9cbf28;
    border-radius: 50%;
    color: #fff;
    font-weight: 600;
    font-size: 30px;
    width: 50px;
    height: 50px;
    display: flex;
    justify-content: center;
    align-items: center
}

main .container-fluid .custom-card .card-body .grad .grade-style .grade {
    font-size: 30px;
    font-weight: 600;
    color: #7a7a7a;
    margin-left: 20px;
    align-self: center
}

main .container-fluid .custom-card .card-body .grad .grade-style .grade span {
    font-size: 20px
}

main .container-fluid .custom-card .card-body .grad p {
    color: #b2b2b2;
    text-align: center;
    font-weight: 500
}

main .container-fluid .custom-card .card-body .time-wrapper {
    color: #7a7a7a;
    font-size: 30px;
    font-weight: 600;
    text-align: center
}

main .container-fluid .custom-card .card-body .time-wrapper span {
    font-size: 20px
}

main .container-fluid .custom-card .card-body .pr-wrapper {
    color: #9cbf28;
    text-align: center
}

main .container-fluid .custom-card .card-body .backup-block .bi-check-circle {
    color: #9cbf28;
    font-size: 40px
}

main .container-fluid .custom-card .card-body .backup-block p {
    font-size: 14px
}

main .container-fluid .custom-card .card-body .backup-block p b {
    white-space: nowrap
}

main .container-fluid .security-block {
    background-color: #7621a2;
    background-image: linear-gradient(125deg, #7621a2, #ff1d5d)
}

main .container-fluid .security-block .card-header {
    background-color: transparent;
    color: #fff
}

main .container-fluid .security-block .card-header .dot-icon {
    color: #fff
}

main .container-fluid .security-block .card-header .dot-icon img {
    -webkit-filter: invert(1);
    filter: invert(1);
    fill: #fff
}

main .container-fluid .security-block .scan-box {
    width: 130px;
    height: 130px;
    border-radius: 150px;
    border: 5px solid hsla(0, 0%, 100%, .5);
    margin: 0 auto;
    display: flex
}

main .container-fluid .security-block .scan-box .orb {
    width: 70px;
    height: 70px;
    border-radius: 50%;
    margin: auto;
    background: hsla(0, 0%, 100%, .2);
    box-shadow: 0 0 0 5px hsla(0, 0%, 100%, .1);
    -webkit-animation: orb 1.8s infinite;
    animation: orb 1.8s infinite;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    border: 0;
    outline: none
}

@-webkit-keyframes orb {

    0%,
    to {
        box-shadow: 0 0 0 5px hsla(0, 0%, 100%, .1)
    }

    50% {
        box-shadow: 0 0 0 15px hsla(0, 0%, 100%, .1)
    }
}

@keyframes orb {

    0%,
    to {
        box-shadow: 0 0 0 5px hsla(0, 0%, 100%, .1)
    }

    50% {
        box-shadow: 0 0 0 15px hsla(0, 0%, 100%, .1)
    }
}

main .container-fluid .security-block .border-custom {
    border-right: 1px solid #fff
}

main .container-fluid .accordion .card {
    border-radius: 0;
    border: none
}

main .container-fluid .accordion .card .card-header {
    background: transparent;
    padding: .75rem 1.25rem;
    border-radius: 0;
    margin-bottom: -2px;
    border: none
}

main .container-fluid .accordion .card .card-header:hover {
    background: #fff;
    color: #000
}

main .container-fluid .accordion .card .card-header .btn {
    font-size: 1.04rem;
    font-weight: 500;
    width: 100%;
    text-align: left;
    position: relative;
    padding: 0
}

main .container-fluid .accordion .card .card-body {
    text-align: left;
    color: #000;
    background: #fbfbfb
}

main .container-fluid .accordion .card-header.highlight {
    color: #000;
    background: transparent
}

main .container-fluid .progress {
    height: .2rem;
    transition-duration: 3s
}

main .container-fluid .progress .pink {
    background-color: #ff1d5d
}

main .container-fluid .progress .blue {
    background-color: #393ca0
}

main .container-fluid .progress .green {
    background-color: #9cbf28
}

main .container-fluid .theme .row {
    align-items: center
}

main .container-fluid .theme .row .theme-box {
    height: 120px;
    border: 1px solid rgba(0, 0, 0, .2);
    overflow: hidden;
    background-size: contain;
    padding: 0;
    border-radius: 3px
}

main .container-fluid .theme .row p {
    display: flex;
    align-items: center
}


main .container-fluid .theme .accordion .card {
    border: 1px solid rgba(0, 0, 0, .05);
    margin-top: 10px;
    box-shadow: 0 0 10px rgba(0, 0, 0, .05)
}

main .container-fluid .theme .accordion .card .card-header {
    background: #fff;
    padding: .75rem 1.25rem;
    border-radius: 3px;
    border: 0
}

main .container-fluid .theme .accordion .card .card-header h2 {
    display: flex;
    align-items: center
}

main .container-fluid .theme .accordion .card .card-header h2 .theme-btn {
    min-width: 80px;
    border-radius: 0;
    padding: .25rem .5rem;
    font-size: 12px;
    text-align: center
}


main .container-fluid .theme .accordion .card .card-header h2 .theme-title {
    display: flex;
    align-items: center
}

main .container-fluid .theme .accordion .card .card-header h2 .theme-title svg {
    margin-right: 10px
}

main .container-fluid .theme .accordion .card .card-body {
    text-align: justify;
    color: #000;
    background: #fff;
    border: 0
}

main .container-fluid .theme .accordion .card .card-body table thead th {
    padding-top: 5px;
    padding-bottom: 5px;
    background-color: rgba(0, 0, 0, .05);
    padding-left: 20px;
    white-space: nowrap
}

main .container-fluid .theme .accordion .card .card-body table tbody td {
    padding-left: 20px;
    padding-top: 8px;
    padding-bottom: 8px;
    white-space: nowrap
}

main .container-fluid .theme .accordion .card .card-body table tbody td .check-icon {
    margin-top: -5px;
    width: 20px
}

main .container-fluid .theme .accordion .card .card-body table tbody td .btn-circle {
    width: 20px;
    height: 20px;
    border-radius: 50%;
    padding: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    float: right
}

main .container-fluid .theme .accordion .card .card-body table tbody td .btn-circle img {
    -webkit-filter: invert(1);
    filter: invert(1)
}

main .container-fluid .up-time {
    min-height: 303px
}

main .container-fluid .staging-height {
    min-height: 150px !important
}

main .container-fluid .staging {
    min-height: 303px
}

main .container-fluid .staging .add-site {
    background-color: #ff1d5d;
    padding: 3px 10px;
    color: #fff;
    font-size: 14px;
    border-radius: 0;
    text-transform: uppercase
}

main .container-fluid .image {
    width: 120px;
    height: 120px;
    border-radius: 50%;
    border: 3px solid #fff;
    box-shadow: 0 0 10px rgba(0, 0, 0, .05);
    margin: 40px auto auto;
    overflow: hidden;
    background-size: contain;
    background-position: 50%
}

main .container-fluid .add-status {
    width: 60px;
    height: 60px;
    position: fixed;
    background-color: #ff1d5d;
    right: 20px;
    bottom: 50px;
    border-radius: 50%;
    color: #fff;
    font-size: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 100;
    border: 0;
    outline: none
}

main .container-fluid .modal .modal-sm {
    max-width: 360px
}

main .container-fluid .modal .modal-header {
    border: 0;
    padding: 15px 30px;
    background-color: #ff1d5d;
    background-image: linear-gradient(90deg, #393ca0, #7621a2);
    display: flex;
    align-items: center;
}

main .container-fluid .modal .modal-body {
    padding: 0 30px 20px
}

main .container-fluid .modal .modal-body .form-control {
    font-size: 14px
}

main .container-fluid .modal .modal-body .form-control:focus {
    border-color: #9013fe;
    outline: 0;
    box-shadow: unset
}

main .container-fluid .modal .modal-footer {
    background-color: #ff1d5d;
    border: 0;
    padding: 10px 15px;
    background-image: linear-gradient(90deg, #393ca0, #7621a2)
}

main .container-fluid .modal .modal-footer button {
    text-decoration: none;
    text-transform: uppercase;
    font-size: 14px;
    padding: 7px 10px !important
}

main .container-fluid .modal .modal-footer button:focus {
    border: unset;
    box-shadow: unset;
    outline: 0
}

main .container-fluid .status-block {
    background-color: #fff;
    box-shadow: 0 0 10px rgba(0, 0, 0, .05);
    padding: 20px 30px;
    margin-bottom: 10px;
    transition: all .1s linear
}



main .container-fluid .status-block h4 {
    font-size: 16px;
    font-weight: 600;
    color: #000
}



main .container-fluid .status-block .rotate img {
    width: 30px;
    transform: rotate(90deg)
}

main .container-fluid .status-block .rotate.collapsed img {
    width: 30px;
    transform: rotate(0deg)
}

main .container-fluid .status-block .middle {
    display: flex;
    align-items: center
}

main .container-fluid .status-block .btn-link {
    color: #000;
    text-decoration: none;
    font-size: 14px;
    padding: 5px 0
}

main .container-fluid .status-block .btn-link:hover {
    color: #ff1d5d
}

main .container-fluid .status-block .btn-link:focus {
    border: unset;
    box-shadow: unset;
    outline: 0
}

main .container-fluid .title-word {
    width: 30px;
    height: 30px;
    float: left;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 14px;
    margin-right: 10px;
    border-radius: 50px;
    text-transform: uppercase;
    margin-top: -5px
}

main .container-fluid .color-first {
    background-color: #f3ead6;
    color: #e9b031
}

main .container-fluid .color-second {
    background-color: #eef9cb;
    color: #779514
}

main .container-fluid .color-third {
    background-color: #dce6f5;
    color: #6d89b4
}

main .container-fluid .color-four {
    background-color: #d9f0f5;
    color: #14b0d2
}

main .container-fluid .color-five {
    background-color: #f3e1f1;
    color: #d449b5
}

main .container-fluid .switch {
    position: relative;
    display: inline-block;
    width: 48px;
    height: 30px
}

main .container-fluid .switch input {
    opacity: 0;
    width: 0;
    height: 0
}

main .container-fluid .switch .slider {
    position: absolute;
    cursor: pointer;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #eaeaea;
    transition: .4s
}

main .container-fluid .switch .slider:before {
    position: absolute;
    content: "";
    height: 22px;
    width: 22px;
    left: 4px;
    bottom: 4px;
    background-color: #fff;
    transition: .4s
}

main .container-fluid input:checked+.slider {
    background-color: #9cbf28
}

main .container-fluid input:focus+.slider {
    box-shadow: 0 0 1px #9cbf28
}

main .container-fluid input:checked+.slider:before {
    transform: translateX(22px);
    left: 0
}

main .container-fluid .slider.round {
    border-radius: 34px
}

main .container-fluid .slider.round:before {
    border-radius: 50%
}

.dtp img {
    -webkit-filter: invert(1);
    filter: invert(1)
}

.dtp .dtp-close {
    margin-top: -5px
}

.dtp table td {
    font-size: 14px !important;
    font-weight: 100 !important
}

.note-modal .modal-header {
    display: block
}

.note-modal .modal-header h4 {
    float: left
}

.note-modal .modal-header button {
    float: right;
    margin: 0;
    padding: 0
}

.note-modal .modal-footer .note-btn {
    color: #fff !important;
    background-color: transparent !important;
    opacity: 1;
    border: 0;
    text-transform: uppercase;
    font-size: 14px
}

.btn-outline-info {
    color: #9013fe;
    border-color: #9013fe
}

.btn-outline-info:hover {
    color: #fff;
    background-color: #9013fe;
    border-color: #9013fe
}

.btn-outline-info:focus {
    box-shadow: unset;
    outline: none
}

.btn-outline-info:not(:disabled):not(.disabled):active {
    color: #fff;
    background-color: #9013fe;
    border-color: #9013fe
}

.btn-outline-info:not(:disabled):not(.disabled):active:focus {
    box-shadow: unset;
    outline: none
}

.btn-outline-success {
    color: #9cbf28;
    border-color: #9cbf28
}

.btn-outline-success:hover {
    color: #fff;
    background-color: #9cbf28;
    border-color: #9cbf28
}

.btn-outline-success:focus {
    box-shadow: unset;
    outline: none
}

.btn-outline-success:not(:disabled):not(.disabled):active {
    color: #fff;
    background-color: #9cbf28;
    border-color: #9cbf28
}

.btn-outline-success:not(:disabled):not(.disabled):active:focus {
    box-shadow: unset;
    outline: none
}

.btn-outline-danger {
    color: #ff1d5d;
    border-color: #ff1d5d
}

.btn-outline-danger:hover {
    color: #fff;
    background-color: #ff1d5d;
    border-color: #ff1d5d
}

.btn-outline-danger:focus {
    box-shadow: unset;
    outline: none
}

.btn-outline-danger:not(:disabled):not(.disabled):active {
    color: #fff;
    background-color: #ff1d5d;
    border-color: #ff1d5d
}

.btn-outline-danger:not(:disabled):not(.disabled):active:focus {
    box-shadow: unset;
    outline: none
}

.custom-control {
    line-height: 24px
}

.text-left-custom {
    text-align: left;
    padding-bottom: 10px
}



.text-right-custom {
    text-align: right;
    padding-bottom: 10px
}



.box .grid-custom{ flex: 0 0 25%;
    max-width: 25%;}

    .list .grid-custom{ flex: 0 0 100%;
        max-width: 100%;}

        .list .list-4{flex: 0 0 25%;
            max-width: 25%;}

            .list .list-4 .mb-4{ margin-bottom: 0px !important;}
            .list .list-4 .mb-2{ margin-bottom: 0px !important;}

            .list .mt-4{ margin-top: 10px !important;}

            .list .list-4 .custum-inline{ margin-top: 0px !important; margin-bottom: 0px !important;}
            .list .div-center1{ display: flex; align-items: center; justify-content: flex-end;}

            .list .custom-border{ border-bottom: unset !important; border-left: 5px solid;
                border-image: linear-gradient(0deg, #fd1e5d, #3a3ba0) 1;}

.h-48{ height: 48px;}

.nav {
    padding-top: 15px;
    padding-bottom: 10px
}

.nav li a {
    -webkit-filter: invert(1);
    filter: invert(1);
    padding: 10px
}

.nav li .glow {
    width: 10px;
    height: 10px;
    border-radius: 50%;
    background: #ff1d5d;
    box-shadow: 0 0 0 2px rgba(255, 29, 93, .3);
    -webkit-animation: glow 1.8s infinite;
    animation: glow 1.8s infinite;
    border: 0;
    outline: none;
    position: relative;
    margin: -25px 8px auto auto;
    z-index: 0;
}

@-webkit-keyframes glow {

    0%,
    to {
        box-shadow: 0 0 0 2px rgba(255, 29, 93, .3)
    }

    50% {
        box-shadow: 0 0 0 5px rgba(255, 29, 93, .3)
    }
}

@keyframes glow {

    0%,
    to {
        box-shadow: 0 0 0 2px rgba(255, 29, 93, .3)
    }

    50% {
        box-shadow: 0 0 0 5px rgba(255, 29, 93, .3)
    }
}

.outer-menu {
    position: relative;
    top: 0;
    left: 0;
    z-index: 1
}

.outer-menu .checkbox-toggle {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 2;
    cursor: pointer;
    width: 50px;
    height: 50px;
    opacity: 0
}


.outer-menu .checkbox-toggle:checked+.hamburger>div {
    transform: rotate(135deg)
}

.outer-menu .checkbox-toggle:checked+.hamburger>div:after,
.outer-menu .checkbox-toggle:checked+.hamburger>div:before {
    top: 0;
    transform: rotate(90deg)
}

.outer-menu .checkbox-toggle:checked+.hamburger>div:after {
    opacity: 1
}

.outer-menu .checkbox-toggle:checked~.main-menu {
    pointer-events: auto;
    visibility: visible
}

.outer-menu .checkbox-toggle:checked~.main-menu>div {
    transform: scale(1);
    transition-duration: .75s
}

.outer-menu .checkbox-toggle:checked~.main-menu>div>div {
    opacity: 1;
    transition: opacity .4s ease .4s
}

.outer-menu .checkbox-toggle:checked:hover+.hamburger {
    box-shadow: inset 0 0 10px rgba(0, 0, 0, .1)
}

.outer-menu .checkbox-toggle:checked:checked:hover+.hamburger>div {
    transform: rotate(225deg)
}

.outer-menu .hamburger {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
    width: 50px;
    height: 50px;
    padding: .5em 1em;
    background: #393ca0;
    border-radius: 0 .12em .12em 0;
    cursor: pointer;
    transition: box-shadow .4s ease;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden
}

.outer-menu .hamburger,
.outer-menu .hamburger>div {
    display: flex;
    align-items: center;
    justify-content: center
}

.outer-menu .hamburger>div {
    position: relative;
    flex: none;
    width: 100%;
    height: 2px;
    background: #fff;
    transition: all .4s ease
}

.outer-menu .hamburger>div:after,
.outer-menu .hamburger>div:before {
    content: "";
    position: absolute;
    z-index: 1;
    top: -8px;
    left: 0;
    width: 100%;
    height: 2px;
    background: inherit;
    transition: all .4s ease
}

.outer-menu .hamburger>div:after {
    top: 8px
}

.outer-menu .main-menu {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    pointer-events: none;
    visibility: hidden;
    outline: 1px solid transparent;
    background-color: rgba(0, 0, 0, .9);
    transition: all .4s ease;
}

.outer-menu .main-menu,
.outer-menu .main-menu>div {
    overflow: hidden;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    display: flex;
    align-items: center;
    justify-content: center;

}


.outer-menu .main-menu>div {
    width: 250vw;
    height: 250vw;
    color: #fff;
    /*	background: black; */
    border-radius: 50%;
    transition: all .4s ease;
    flex: none;
    transform: scale(0)
}

.outer-menu .main-menu>div>div {
    text-align: center;
    max-width: 90vw;
    max-height: 100vh;
    opacity: 0;
    transition: opacity .4s ease;
    overflow-y: auto;
    flex: none;
    display: flex;
    align-items: center;
    justify-content: center
}

.outer-menu .main-menu>div>div>ul {
    list-style: none;
    padding: 0 1em;
    margin: 0;
    display: block;
    max-height: 100vh;
}

.outer-menu .main-menu>div>div>ul>li {
    padding: 0;
    margin: 1em;
    font-size: 24px;
    display: block
}

.outer-menu .main-menu>div>div>ul>li>a {
    position: relative;
    display: inline;
    cursor: pointer;
    transition: color .4s ease;
    color: #fff;
    text-decoration: none;
    font-weight: 100
}

.outer-menu .main-menu>div>div>ul>li>a:hover {
    color: #fff
}

.outer-menu .main-menu>div>div>ul>li>a:hover:after {
    width: 100%
}

.outer-menu .main-menu>div>div>ul>li>a:after {
    content: "";
    position: absolute;
    z-index: 1;
    bottom: -.15em;
    left: 0;
    width: 0;
    height: 2px;
    background: #fff;
    transition: width .4s ease
}




.note-editor .note-toolbar {
    background-color: rgba(0, 0, 0, .03);
    border-bottom: 1px solid rgba(0, 0, 0, .125)
}

.note-editor .note-toolbar .btn-default {
    color: #333;
    background-color: #fff;
    border-color: #fbfbfb
}

.note-editor .note-toolbar .dropdown-toggle:after {
    content: unset
}



.note-editor .dropdown-menu h1 {
    font-size: 24px
}

.note-editor .dropdown-menu h2 {
    font-size: 20px
}

.note-editor .dropdown-menu h3 {
    font-size: 18px
}

.note-editor .dropdown-menu h4 {
    font-size: 16px
}

.note-editor .dropdown-menu h5 {
    font-size: 14px
}

.note-editor .dropdown-menu h6 {
    font-size: 12px
}

.note-editor .dropdown-menu a {
    color: #000;
    text-decoration: none;
    font-size: 14px
}

.sideblock {
    height: 100vh;
    overflow-x: hidden;
    padding-top: 20px;
    background-color: #393ca0;
    background-image: linear-gradient(90deg, #393ca0, #7621a2);
    background-size: contain
}



.sideblock .login-main-text {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100%
}

.sideblock .login-text {
    color: #fff
}

.sideblock .login-text h2 {
    font-weight: 100
}

.sideblock .login-text h2 .bold {
    font-weight: 900
}

.pink-btn {
    background-color: #ff1d5d;
    color: #fff;
    text-transform: uppercase;
    font-size: 14px;
    border-radius: 0;
    padding-left: 15px;
    padding-right: 15px;
    white-space: nowrap;
}

.pink-btn:hover {
    color: #fff;
    box-shadow: 0 0 10px rgba(255, 29, 93, .3)
}

.loginblock .input {
    background-color: rgba(0, 0, 0, .03);
    font-size: 14px
}

.loginblock .input:focus {
    border-color: unset;
    box-shadow: unset
}

.custom-bg {
    background-color: #fff
}



.white-logo {
    display: none
}

.login-logo {
    position: fixed;
    top: 20px;
    right: 15px;
    z-index: 1;
}

.bg-trans {
    background-color: #fff;
    margin-bottom: 20px
}

.bg-trans .nav-tabs {
    border: 0
}

.bg-trans .nav-tabs .nav-link {
    -webkit-filter: invert(0);
    filter: invert(0);
    color: #b2b2b2;
    margin-right: 30px;
    padding-left: 0;
    padding-right: 0;
    border: 0;
    border-bottom: 2px solid rgba(0, 0, 0, .05)
}

.bg-trans .nav-tabs .nav-link.active,
.bg-trans .nav-tabs .nav-link:hover {
    border: 0;
    border-bottom: 2px solid #7621a2;
    color: #7621a2
}

.bg-trans .nav-tabs .nav-link.active {
    background-color: transparent;
    -webkit-filter: invert(0);
    filter: invert(0)
}

a:focus,
button:focus {
    outline: none;
    box-shadow: unset !important
}

/*# sourceMappingURL=style.css.map */

.custom-card .grad {
    background-color: transparent !important;
}


.pt-110 {
    padding-top: 110px !important
}

.input-group-append .input-group-text {
    color: #4d4d4d;
    border-radius: 20px;
}

.aos-init .form-control {
    border: 1px solid #3f3dab;
    border-radius: 0px;
}

.multiselect__tag {
  /*  background-image: linear-gradient(to right, #ff1d5d, #c73e90); */
    background-color: #ff1d5d;
    border-radius: 0px;
    font-size:12px;
    color:white
}

.select-box-height{
    height: 40px;
}

.plan-edit-popup .col-sm-6, .plan-edit-popup .col-6{
    padding-left: 5px;
    padding-right: 5px;
}

.plan-edit-popup .col-sm-12, .plan-edit-popup .col-12 {
    padding-left: 5px;
    padding-right: 5px;
}

.multiselect__content-wrapper{
    font-size: 14px;
}

.multiselect__option--selected {
    background-color: rgb(52 144 220 / 11%) !important;
}

.multis-design .multiselect__tag .multiselect__tag-icon:after {
    color: #fff !important;
}

.multiselect__tag{
margin-top: 1px;
margin-bottom: 0px;
}


.notify-wrapper .multiselect__tag-icon:after {
    color: #000 !important;
}

.multiselect__tag-icon:after {
    color: #fff;
}

main .container-fluid input:checked+.slider {
    background: #ff1d5d;
}

.multiselect__option--selected {
    background-color: #f4e5bd;
    color: #4d4d4d;
}

.multiselect__tags {
    border-radius: 0px;
    border: 1px solid #3f3dab;
}

.multiselect--above .multiselect__content-wrapper {
    border-radius: 0px;
}

.form-control:focus {
    box-shadow: unset;
}

.multiselect__option--highlight,
.multiselect__option--highlight:after {
    background: #3f3dab;
}

.multiselect__option--selected.multiselect__option--highlight,
.multiselect__option--selected.multiselect__option--highlight:after {
    background: #ff1d5d;
}

.multiselect__tag-icon:focus,
.multiselect__tag-icon:hover {
    background: #c73e90;
    border-radius: 0px;
    color: #000 !important;
}

.notify-wrapper .multiselect__tag-icon:focus,
.notify-wrapper .multiselect__tag-icon:hover {
    background: #fff;
    border-radius: 0px;
    color: #000 !important;
    outline: -webkit-focus-ring-color auto 0px;
}

.multiselect__tag-icon:focus:after,
.multiselect__tag-icon:hover:after {
    color: #000 !important;
}

.pl-20 {
    padding-left: 20px;
}

.applyBtn,
.btn-success:disabled {
    background: #ff1d5d;
    border-radius: 0px;
    border: 1px solid #ff1d5d;
    opacity: 1;
}

.applyBtn:hover,
.btn-success:disabled:hover {
    background: #ff1d5d;
    box-shadow: 0 0 10px rgba(255, 29, 93, .3);
    border: 1px solid #ff1d5d;
}

/*	.daterangepicker .ranges li:hover {
		background-image: linear-gradient(to right,#3f3dab ,#7d28a7)!important;
		color:#fff!important;
	}
	.daterangepicker .ranges li:hover .text-muted{
		color:#fff!important;
	}
	.daterangepicker {
		border:1px solid #3f3dab!important;
		border-radius:0px!important;
	}
	.daterangepicker:before {
		border-bottom: 7px solid #3f3dab!important;
	}
	.daterangepicker .drp-buttons {
		border-top: 1px solid #3f3dab!important;
	}
	.daterangepicker.show-ranges .drp-calendar.left {
		border-left: 1px solid #3f3dab!important;
	}*/

.add-status {
    display: none !important
}

.swal2-confirm {
    background-color: #f0eeff !important;
    color: #4d4d4d !important;
    border-radius: 0px !important;
    border: 1px solid #4d4d4d !important;
    text-transform: uppercase;
}

.swal2-cancel {
    background-color: #ff1d5d !important;
    text-transform: uppercase;
    font-size: 14px;
    border-radius: 0 !important;
    border: 1px solid #ff1d5d;
}

.swal2-confirm:hover {
    box-shadow: 0 0 10px rgb(79 77 78 / 47%);
    background-image: unset !important;
}

.swal2-cancel:hover {
    box-shadow: 0 0 10px rgba(255, 29, 93, .3);
    background-image: unset !important;
}

.swal2-popup {
    border-radius: 0px !important;
}

.report-wrapper .input-group-text {
    border-radius: 20px;
}

.role-change .input-group-text {
    background-image: linear-gradient(90deg, #393ca0, #7621a2);
    color: #fff;
    border-radius: 0px;
    border: 1px solid #7621a2;
}

.assign-btn .input-group-text {
    background-image: linear-gradient(90deg, #393ca0, #7621a2);
    color: #fff;
    border-radius: 0px;
    border: 1px solid #7621a2;
}

.login-logo {
    padding-left: 0rem !important;
}

.footer-dark {
    padding-top: 15px !important;
    padding-bottom: 5px !important;
}

.role-change .form-control,
.w-75,
.input-group-append,
input[type="checkbox"] {
    cursor: pointer;
}

.website-wrapper-1{ 
    display: flex; 
    align-items: center;
}


.website-wrapper a {
    color: #000;
    text-decoration: none;
}

.website-wrapper a:hover {
    color: #ff1d5d;
}

.website-wrapper img {
    float: right;
    margin-right: 15px;
    margin-top: 5px;
}

.website-wrapper h4 {
    margin-bottom: 0px;
    line-height: 1.6;
}

.card-wrapper .card-title {
    cursor: pointer;
    text-decoration: unset;
}

.loader-gif {
    position: absolute;
    border-radius: 100px;
}

.performance {
    background: #fff;
    padding: 20px;
    width: 100%;
    float: left;
}

.back-btn {
    width: 25px;
    rotate: 180deg;
    filter: invert(1);
}
.logout-as {
    color: black !important;
    text-decoration: none !important;
    font-weight: 700;
}

.logo-icon-m{
    display: none;
}

.nav li #toggleAlert .glow.glow-pos{ 
    margin-bottom: -8px !important;
}

.fix-hamburger{
    position: fixed !important;
    left:15px;
}

.mob-padd-top .pink-btn{ 
    padding-left: 10px; 
    padding-right: 10px;
}

.third-section{ 
    display: block;
}

.third-section-m{ 
    display: none;
}

.filter-performance{
    width: 100%;
    float: left;
    display: flex;
}

.filter-performance .filter-custom-btn{
    background-color: #393ca0;
    color:#fff !important;
}

.filter-performance .filter-custom-btn.bg-success{
    background-color: #03c795!important;
    color:#fff !important;
    font-weight: bold;
}

.align-center-custom1{
    display: flex;
    padding-left: 44px;
    padding-top: 10px;
}

.payment-table .pink-border{
    font-size: 14px;
    text-transform: uppercase;
    padding: 0.25rem 0.5rem;
    height: auto;
    margin-top:0px !important
}

.vue-country-select .dropdown-list{
    width: 100% !important;
}

.vue-country-select .current{
    width: 100% !important;
}

.vue-country-select .dropdown-arrow{
    margin-left: auto;
}

.print-btn-postion{
    position: absolute;
    right: 130px;
}

.new-admin-shadow p{
    white-space:normal;
}

.login-user-btn{
    padding: 1px 10px;
    border-radius: 4px !important;
    border: 0px !important;
}

a.float-right.delete-service {
    padding: 3px 7px 5px 7px;
    margin-left: 15px;
    border-radius: 46%;
    width: 21px;
    height: 21px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 3px;
}

.w-20{ width: 20%; }

.w-80{ width: 80%; }

.modal-backdrop{ display: none;}


main .container-fluid .switch1 {
    position: relative;
    display: inline-block;
    width: 45px;
    height: 29px
}

main .container-fluid .slider1.round {
    border-radius: 34px;
}

main .container-fluid .switch1 input {
    opacity: 0;
    width: 0;
    height: 0;
}

main .container-fluid .switch1 .slider1 {
    position: absolute;
    cursor: pointer;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #eaeaea;
    transition: .4s;
}
     
main .container-fluid .switch1 .slider1:before {
    position: absolute;
    content: "";
    height: 23px;
    width: 23px;
    left: 4px;
    bottom: 3px;
    background-color: #fff;
    transition: .4s
}

main .container-fluid input:checked+.slider1 {
    background: #ff1d5d;
}

main .container-fluid .slider1.round:before {
    border-radius: 50%;
}

main .container-fluid input:checked+.slider1:before {
    transform: translateX(18px);
    left: 0;
}

.display-mobile-check-img{
    display: none;
}

.align-center-tablet img{ 
    width: 13px; 
    height: 13px;
}


@media only screen and (min-width:1000px) {

.custom-width {
    min-width: 400px
}

}

@media only screen and (max-width:1024px) {

.tab-menu-custom .tab-content .tab-header-cutom h5{
    font-size: 15px;
    text-transform: capitalize;
}

.display-mobile-check-img{
    display: contents;
}

.list-content{
    padding-left: 15px;
    padding-right: 15px;
}

.manage-contact {
    text-transform: capitalize;
}

.align-center-tablet{
    display: flex;
    align-items: center;
}

.align-center-tablet img{ 
    width: 13px; 
    height: 13px;
}

.hide-img-tablet{
    display: none !important;
}

.tab-menu-custom .nav{
    display: inline-flex;
    flex-wrap: unset;
    width: 100%;
    overflow-x: auto;
    -ms-overflow-style: none;
    overflow: -moz-scrollbars-none;
}

.tab-menu-custom .nav::-webkit-scrollbar{
    display:none
}

main .container-fluid .status-block.website-list{
    padding: 10px 15px;
}   

.accordion .status-block.website-list{
    padding-bottom: 0px !important;
}

.tab-menu-custom .nav-tabs .nav-link.active{
    margin-top: 7px;
    margin-bottom: 7px;
    padding-top: 5px;
    padding-bottom: 3px;
    border-radius: 50px;
    border-radius: 50px;
    background-color: white;
    background-image: unset;
    color: #7621A2;
    text-transform: capitalize;
}

.tab-menu-custom .nav-tabs .nav-link{
    text-transform: capitalize;
}

.align-center-tablet span{
    font-size: 13px;
}

.list-content h5 {
    font-size: 14px;
}

.list-content span.list-image{
    display: none;
}

.hide-tablet{ 
    display:none
}

.services-btn{
    padding: 2px 10px;
    font-size: 12px;
}

.service-btn-wrapper{
    display: inline-flex;
    overflow-x: auto;
    width: 100%;
    -ms-overflow-style:none;
    overflow:-moz-scrollbars-none;
    margin-bottom: 0px;
}

.service-btn-wrapper li{
    display: inline-block;
    white-space: nowrap;
}

.service-btn-wrapper::-webkit-scrollbar{
    display:none
}

.services-btn:after{
    content: '' !important;
    top: 6px;
    opacity: 0;
    right: 10px !important;
    transition: 0.5s;
    position: absolute;
    width: 12px;
    height: 12px;
    background-size: 12px 12px !important;
    background: url(../assets/images/edit-icon.png);
}

.services-btn:hover {
    padding-right: 30px;
    padding-left: 5px;
    text-decoration: none;
    color: black;
}

.status-block .card-header {
    padding-top: 0px !important;
    padding-left: 15px !important;
}

main .container-fluid.plan-block .status-block{
    padding:10px 15px !important;
    margin-bottom: 0px;
}

.plan-block .accordion .card-header.collapsed:after {
    right: 0px !important;
}

.plan-block .accordion .card-header:after {
    right: 0px !important;
}

.plan-block .accordion .card-header.collapsed:after{
    top: 0px !important;
}

.plan-block .accordion .card-header:after {
    top: 0px !important;
}

.edit-icon-align{
    display: flex;
    align-items: center; 
}

.plan-filter-align{
    display: flex;
    align-items: center;
}

.inner-header-add-button {
    position: absolute;
    right: 15px;
    padding: 2px 10px !important;
    font-size: 12px !important;
    margin-top: 0px !important;
}

.border-t-p{
    border-bottom: 1px solid #F0EEFF;
    border-top: 1px solid #F0EEFF;
}

.email-form{ margin:auto; margin-top:0px; 
    padding-top: 0px;
    background: white;
}

.mt--5{
    margin-top: -5px;
}

main .container-fluid .color-first{
    display: none;
}

.align-center-custom1 {
    display: unset;
    padding-left: 15px;
    padding-top: 10px;
    padding-right: 15px;
}

main .container-fluid .status-block.new-user-wraper{
    box-shadow: unset !important; 
    padding:10px 15px !important;
    border-image:unset;
    border-left:0px;
    border-bottom:1px solid #F0EEFF !important;
    margin-bottom: 0px;
}

main .container-fluid .services-wrapper .status-block{
    box-shadow: unset !important; 
    padding:10px 15px !important;
    border-image:unset;
    border-left:0px;
    border-bottom:1px solid #F0EEFF !important;
    margin-bottom: 0px;
}

.login-user-btn a{
    font-size: 13px;
}

.admin-padd{
    padding: 0px !important; 
}

.admin-padd .new-admin-shadow {
    margin-bottom: 0px !important;
    box-shadow: unset; 
}

.admin-padd .new-admin-shadow .status-block{
    border-bottom: 1px solid #F0EEFF !important;
    border-left:0px;
    box-shadow: unset; 
    border-image: unset;
}

.print-btn-postion{
    position: absolute;
    right: 15px;
}

.betaling-box{
    border-bottom: 1px solid #F0EEFF;
    padding-top: 20px;
    padding-bottom: 20px; 
}

.betaling-box:last-child{
    border:0px
}

.payment-table .pink-border {
    font-size: 14px;
    text-transform: uppercase;
    padding: 0.25rem 0.5rem;
    height: auto;
    margin-top: 0px !important;
}

.end-date-icon:before{
    content:'-';
    margin-left:-50px;
    position:absolute;
}

.notification-padding{
    padding-left: 15px;
    padding-right: 15px;
}

.selectbox-align{
    display: flex;
}

.accordion .status-block{
    box-shadow: unset !important;
    border-left: 0px;
    border-bottom: 1px solid #F0EEFF;
    border-image: unset;
    padding-bottom: 10px !important;
}

main .container-fluid .status-block.report-list-custom{
    box-shadow: unset !important;
    border-left: 0px;
    border-bottom: 1px solid #F0EEFF;
    border-image: unset;
}

main .container-fluid .status-block.report-m-padding{
    padding: 20px 15px;
}

main .container-fluid .status-block.report-m-padding button{
    margin-top: -10px;
    margin-bottom: 10px;
}

.footer-dark {
    padding-top: 10px !important;
    padding-bottom: 5px !important;
}

.footer-bg {
    margin-top: 80px;
}

header .logo {
    padding-top: 0
}

.hide-m-new{ 
    display: none;
}

.hide-m{ 
    display: none !important; 
}
    
.outer-menu {
    position: relative;
}

.logo-icon-m{
    display: block; 
    float: left; 
    margin-left: 55px; 
    margin-top: 7px;
}

.nav {
    padding-top: 13px;
    padding-bottom: 0px;
}

.outer-menu .hamburger {
    background: transparent;
}

.mob-padd-top{ 
    padding-top: 10px;
}

.custom-align-mob{ 
    display: flex;  
    margin-bottom: 0px;
}

#header-mob-padd{ 
    padding-left: 0px; 
    padding-right: 0px;
}

header{ 
    padding-bottom: 0px;
    width: 100%;
    display: inline-block;
}

.maintenance{ 
    margin-top: 10px;
    color:black;
    border-top:1px solid #F0EEFF;
    border-bottom:1px solid #F0EEFF;
    background-color: white;
    border-radius: 0px;
    padding: 10px 15px !important;
    width: 100% !important;
    float: left;
    margin: 0;
    flex: 0 0 100%;
    max-width: 100%;
}

.maintenance .maintenance-icon{
    display: none;
}

.maintenance .maintenace-text {
    margin-left: 0px !important;
    text-transform: initial;
    font-weight: 700;
    font-size: 18px;
}

.maintenance .switch .slider{
    background-color: #EFEFEF;
}

.mob-version-status .custom-card span{
    width: 50px;
    float: left;
}

.mob-version-status{
    margin-top: 15px;
    margin-bottom: 5px;
}

.mob-version-status .custom-card .content{
    width: calc(100% - 127px);
    float: left;
    padding-left: 10px;
}

.mob-version-status .custom-card .content-error{
    width: calc(100% - 140px);
    float: left;
    padding-left: 0px;
}

.mob-version-status .custom-card .content-error h1{
    font-size: 14px;
    margin-top: 5px;
}

.mob-version-status .custom-card .content-error p{
    font-size: 12px;
    margin-bottom: 5px;
}

.mob-version-status .custom-card .white-btn.upgrade-btn{
    font-size: 12px;
}

.mob-version-status .custom-card .content h1{ 
    margin-top: 0px;
}

.mob-version-status .custom-card .content p{ 
    margin-bottom: 0px;
}

.mob-version-status a{
    float: left;
    margin: 0px;
}

main .container-fluid.mob-version-status .custom-card{
    min-height: unset;
    margin-bottom: 0px;
}

.mob-version-status .custom-card .white-btn {
    display: flex;
    border-radius: 50px;
    text-transform: uppercase;
    font-size: 13px;
    font-weight: 600;
    margin-top: 10px;
    padding-bottom: 2px;
    padding-top: 2px;
    align-items: center;
}

.mob-version-status .primary-box{
    background-image:linear-gradient(to right, rgba(94, 74, 226, .8), rgba(43, 149, 212, .8));
    padding: 20px 15px 20px 15px;
    border-radius: 5px !important;
}

.mob-version-status .danger-box {
    background-image: linear-gradient(to right, rgba(121, 81, 212, .8), rgba(239, 73, 118, .8));
    padding: 20px 15px 20px 15px;
    border-radius: 5px !important;
}

.mob-version-status .secondry-box{
    background-image: linear-gradient(to right, rgba(42, 150, 212, .8), rgba(20, 212, 182, .8));
    border-radius: 5px !important;
    padding: 20px 15px 20px 15px;
}

.mob-version-status .slick-initialized .slick-slide{
    padding-left: 15px;
    padding-right: 15px;
}

.mob-version-status .slick-dots li button:before {
    font-size: 12px;
}

.mob-version-status .slick-dots li.slick-active button:before {
    opacity: 0.75;
    color: #ff1d5d;
}

.mob-version-status .up-down {
    justify-content: end;
}

.mob-version-status .custom-card span.img-section{
    width: 48px;
    height: 48px;
    float: left;
    object-fit: cover;
    overflow: hidden;
    border-radius: 3px;
}

.mob-version-status .slick-dots li {
    margin: 0 0px;
}

.footer-character {
    display: none;
}

.footer-bg .pink-btn{
    border-radius: 100px;
}

.mob-version-status .custom-card .content1 {
    width: calc(100% - 50px);
    float: left;
    padding-left: 10px;
}

.mob-inner-header .inner-header {
    display: flex;
    align-items: center;
    justify-content: unset;
}

.mob-inner-header{
    background: unset !important;
    padding-top: 15px !important;
    padding-bottom: 15px !important;
}
    
.mob-inner-header h4{ 
    margin-top: 0px !important; 
    margin-bottom: 0px !important;
    text-transform: initial !important;
}

.check-header-icon{
    display: none;
}

.mob-inner-header .back-btn1{
    width: 30px;
    margin-top: -2px;
    padding-right: 10px;
    margin-left: -5px;
}
    
.inner-header-button{ 
    display: none;
}

.date-btn-filter{
    height: 37px;
    float: right;
    width: 80px;
    text-align: center;
    align-items: center;
    justify-content: center;
}

.date-btn-filter1{
    height: 37px;
    float: right;
    width: 115px;
    text-align: center;
    align-items: center;
    justify-content: center;
}

.gradient1 .report-wrapper .vue-daterange-picker .reportrange-text{
    border:0px !important;
    border-bottom:1px solid #E0E0E0 !important;
    border-radius: 0px !important;
    padding-left: 30px !important;
    width: calc(100% - 30px);
}

.gradient1 .report-wrapper1 .vue-daterange-picker .reportrange-text{
    border:0px !important;
    border-bottom:1px solid #E0E0E0 !important;
    border-radius: 0px !important;
    padding-left: 30px !important;
    width: calc(100% - 0px);
}


.reportrange-text:after {
    left: 0px !important;
}

.reportrange-text {
    padding-left: 30px !important;
}

.filter-select-menu{ 
    width: calc(100% - 140px);
    padding: 0px !important;
    border-bottom: 1px solid #E0E0E0 !important;
    border-radius: 0px;
    border: 0px;
}

.btn-custom {
    width: 32px;
    height: 32px;
    border: 0px;
    background-size: 50%;
}

.btn-custom-list {
    width: 32px;
    height: 32px;
    border: 0px;
    background-size: 50%;
}

.btn-custom-box {
    width: 32px;
    height: 32px;
    border: 0px;
    background-size: 50%;
}

.custom-bg-color-white{
    background-color: white !important;;
    padding: 0px !important;
    margin-top: 10px;
}

.custom-bg-color-white .slick-list{
    padding-top: 20px !important; 
    padding-bottom: 20px !important;
}

.custom-bg-color-white .slick-dots li button:before{
    display: none !important;
}

.custom-bg-color-white .date-gradient{
    width: 75%!important;
    font-size: 12px;
    text-align: center;
    margin: auto;
    position: absolute;
    bottom: 10px;
    left: 0;
    right: 0;
    border-radius: 50px;
    padding: 5px;
    background-image: unset;
    background-color: #2B95D4;
}
.inner-image {
    height: 170px;
    border-radius: 5px;
}
.light-gray{
    color:#B0ADAD;
    font-size: 12px;
}
.error-status-box {
    background-color: #FFF1F5;
    color: #ff1d5d;
    padding: 3px 15px;
    border-radius: 20px;
    box-shadow: unset;
}

.check-status-box {
    background-color: #EBF9EB;
    color: #8CDA8A;
    padding: 3px 15px;
    border-radius: 20px;
    box-shadow: unset;
}
.custum-inline li {
    margin-bottom: 0px;
}

.custom-border {
    border-bottom: 1px solid #F0EEFF;
    border-image: unset;
}

.list .custom-border {
    border-bottom: 1px solid #F0EEFF !important;
    border-left: 0px solid;
    border-image: unset;
}

.check-shadow{ 
    box-shadow: unset;
}

.grid-custom{ 
    padding-left: 0px; 
    padding-right: 0px;
}

.list .list-4 .custum-inline {
    padding-top: 0px;
    margin-top: unset !important;
    margin-bottom: unset !important;
}

.performance {
    background: #fff;
    padding: 10px 20px;
    width: 100%;
    float: left;
}

.custom-width-mobile{
    float: left;
    border:0px !important;
    border-bottom: 1px solid #F0EEFF !important;
}


}

@media only screen and (max-width:992px) {

.white-logo {
    display: block;
    margin-top: 30px
}

.login-logo {
    display: none
}

    .bg-trans {
        background-color: #fff;
        padding: 20px;
        border-radius: 10px;
        box-shadow: 0 0 10px rgba(0, 0, 0, .2)
    }

    .white-logo {
        margin-bottom: 1rem !important;
        margin-top: 10px
    }

    .frgt-btn {
        padding-left: 0px;
        display: flex;
    }

    .custom-bg {
        background-color: #393ca0;
        background-image: linear-gradient(90deg, #393ca0, #7621a2);
        background-size: contain;
        display: flex;
        align-items: center;
        min-height: 100vh
    }

    .custom-width .pt-110 {
        padding-top: 20px !important;
    }

.sideblock {
    display: none
}

.header-wrapper {
    padding-top: 1.5rem !important;
}

.list .list-4{
    flex: 0 0 50%;
    max-width: 50%;
}


}


@media (max-width:768px){

.tab-menu-custom .tab-content .tab-header-cutom h5{
    font-size: 15px;
    text-transform: capitalize;
}

.bg-color-date{
    background-color: #ededed;
    font-size: 13px;
}

main .container-fluid .status-block.new-user-wraper{ 
    padding:10px 15px 0px 15px !important;
}

    .end-date-icon:before{
        content:'-';
        margin-left:-30px;
        position:absolute;
    }

.btn-custom {
    width: 35px;
    height: 35px;
}
    
.btn-custom-list {
    width: 35px;
    height: 35px;
}
    
.btn-custom-box {
    width: 35px;
    height: 35px;
}
    
/* .custom-p-l{
    padding-left: 0px;
} */

.filter-title{ 
    font-size:16px
}
      
}


@media (max-width:767px) {

    .daterangepicker .calendars-container{
        display: block !important;
        width:100%
    } 

    .daterangepicker .drp-calendar {
        max-width: 100% !important;
        width: 100% !important;
    }


    .w-80{ 
        width: calc(100% - 30px); 
        margin: auto;
    }

    .daterangepicker .ranges li {
        font-size: 11px !important;
        padding: 2px 5px !important;
    }
    .daterangepicker.show-calendar .ranges {
        margin-top: 4px !important;
        padding-bottom: 4px;
    }

    .daterangepicker .drp-calendar.left {
        padding: 0px !important;
    }
    .daterangepicker .drp-calendar.right {
        padding: 0px !important;
    }

    .daterangepicker .calendar-table td, .daterangepicker .calendar-table th{
        width: 20px !important;
        min-width: 20px !important;
        max-width: 20px !important;
        line-height: 19px !important;
    }






    .scroll-menu{
        overflow-y: scroll;
    }

    .language-menu{
        display: inline-flex;
        width: 100%;
        overflow-x: auto;
        -ms-overflow-style:none;
        overflow:-moz-scrollbars-none
    }

    .language-menu::-webkit-scrollbar{
        display:none
    }

    .print-btn-postion{
        position: unset;
    }

    .notification-label-hide{
        display: none;
    }

    .plan-check-box-m .card-body{
        padding: 10px 0px;
    }

    .plan-check-box-m .custom-radio{
        display: flex;
        align-items: center;
        margin-bottom: 0px;
    }

    .plan-check-box-m .radio-wraper{
        order:3
    }

.plan-check-box-m .icon-wraper{
    order:1;
    width: 80px;
}

.plan-check-box-m .icon-wraper img{
    width: 60px;
    height: 50px;
    object-fit: contain;
    padding-top: 7px;
}

.plan-check-box-m .text-order-3{
    order:2;
    margin-bottom: 0px !important;
}

.plan-check-box-m .pink-bg{
    margin-bottom: 10px;
}

.plan-check-box-m .voilet-bg{
    margin-bottom: 10px;
}

.performance {
    background: #fff;
    padding: 10px 0px;
    width: 100%;
    float: left;
}

.selectbox-align {
    display: flex;
    flex-wrap: wrap;
    margin-right: -15px;
    margin-left: -15px;
}   

.custom-width-mobile{
    width: 43% !important;
    float: left;
    margin: 5px 4%;
    border:0px !important;
    border-bottom: 1px solid #F0EEFF !important;
}

.custom-wbtn-mobile{
    width: 92% !important;
    margin: 5px 4%;
}
    
.filter-performance .filter-custom-btn{
    background-color: #F0EEFF;
    color:#3B3B3B !important;
}
    
.filter-performance .filter-custom-btn.bg-success{
    background-color: #F0EEFF !important;
    color:#7621A2 !important;
    font-weight: bold;
}


.filter-performance .filter-custom-btn{
    width: 100%;
    text-align: center;
}

.third-section{ 
    display: none;
}

.third-section-m{ 
    display: block; 
    padding: 0px !important; 
}

.tab-menu-custom .tab-content {
    padding: 20px 0px;
    margin-bottom: 30px;
}

.footer-dark .text-left-custom{ 
    text-align: center;
    padding-bottom: 0px;
}

.carousel-indicators li{ 
    background-color: black;
}

.tab-menu-custom:after{
    content: unset;
}
      
.t-r-l{ 
    text-align: left;
}

.t-l-r{ 
    text-align: right;
}

.d-m-new{ 
    display: block;
}

.text-right-custom {
    text-align: center;
    padding-bottom: 10px
}
.custom-p-l{ 
    padding-left: 15px;
}


}


@media only screen and (max-width:575px) {

    a.float-right.delete-service {
        padding: 3px 7px 5px 7px;
        margin-left: 15px;
        border-radius: 46%;
        width: 21px;
        height: 21px;
        display: flex;
        align-items: center;
        justify-content: center;
        margin-top: 0px;
    }

main .container-fluid .switch {
    position: relative;
    display: inline-block;
    width: 35px;
    height: 21px
}
     
main .container-fluid .switch .slider:before {
    position: absolute;
    content: "";
    height: 15px;
    width: 15px;
    left: 4px;
    bottom: 3px;
    background-color: #fff;
    transition: .4s
}

main .container-fluid input:checked+.slider:before {
    transform: translateX(16px);
    left: 0;
}



.note-editor .note-toolbar .note-btn-group {
    display: contents
}

.padding-m-0{
    padding-left: 0px;
    padding-right: 0px;
}

.pl-r-30{ 
    padding-left: 30px; 
    padding-right: 30px;
}

.price-user {
    position: relative;
    width: 100%;
    text-align: center;
}

.filter-title {
    clip-path: polygon(0 0, 100% 0, 100% 100%, 0% 100%, calc(100% - 32px) 100%, 0% 100%);
}


    

    .list .list-4{
        flex: 0 0 100% !important;
        max-width: 100% !important;
    }

        .box .grid-custom {
        flex: 0 0 100% !important;
        max-width: 100% !important;
        }

        .box .mt-4{ margin-top: 10px !important;}


        .list .list-4 .mb-4{ 
            margin-bottom: unset !important;
        }

        .list .list-4 .mb-2{ 
            margin-bottom: unset !important;
        }


        
        .list .div-center1{ display: flex; align-items: center; justify-content: left !important;}

        .list .custum-inline li{ margin-bottom: 0px !important;}

        .filter .gradient .report-wrapper {
            justify-content: center;
        }
        
        .filter .gradient .report-wrapper .text-right{
            text-align:center !important
        }

    

    

    .custum-inline {
        display: block;
        margin-bottom: 0px;
    }

    .accordion .card-header:after {

        right: 30px;
        top: 5px;
    }

    .color-none {
        padding-left: 15px;
    }

    .accordion .card-header.collapsed:after {
        /* symbol for "collapsed" panels */

        right: 30px;
        top: 5px;
    }

    .status-block .card-header {
        padding-top: 0px !important;
        padding-left: 15px !important;
    }


header .logo {
    padding-top: 0
}

.align-center-custom {
    padding-left: 15px;
}


.custom-mt {
    margin-top: 10px;
    display: flex;
    justify-content: center;
}

.text-right-left {
    text-align: left;
}

.inner-header {
    display: -webkit-inline-box;
    align-items: center;
    justify-content: center;
}

.assign-btn {
    width: 100% !important;
    margin-top: 15px;
}

.assign-btn .input-group-text {
    width: 100% !important;
}

.w-75 {
    width: 100% !important;
}

.ml-2 {
    margin-left: 0.1rem !important;
}

.role-change {
    margin-top: 5px
}

.pl-20 {
    padding-left: 15px !important;
}

main .text-center-left {
    text-align: left;
    padding-top: 7px
}

.footer-character {
    position: unset;
    bottom: 0px;
}

.footer-bg {
    margin-top: 20px;
    background-size: cover;
}

#v-pills-tabContent .file-active:after{   
    display: block;
    background: #808080;
    content: "";
    position:relative;
    border: 0;
    border-bottom: 0px solid #7621a2;
    top:12px;
}

#languageForm .editr--toolbar {
    background: #f6f6f6;
    border-bottom: 1px solid #e4e4e4;
    position: relative;
    display: flex;
    height: 40px;
    overflow: scroll;
}

.editr--toolbar {
    height: 33px !important;
    overflow-y: scroll;
}

#v-pills-tabContent .list-inline-item {
    margin-right: 1.5rem !important; 
    margin-left: 1.5rem;
}

.language-menu{ 
    text-align: center; 
    line-height: 30px;
}

main .container-fluid .security-block .border-custom {
    border-right: 0 solid #fff;
    border-bottom: 1px solid #fff
}

main .container-fluid .theme .accordion .card .card-header h2 .theme-btn {
    min-width: unset;
    font-size: 14px
}

main .container-fluid .theme .accordion {
    margin-right: -20px;
    margin-left: -20px
}

main .container-fluid .status-block {
    padding: 15px
}

main .container-fluid .status-block h4 {
    font-size: 16px
}

main .container-fluid .status-block .rotate img {
    width: 15px
}

main .container-fluid .status-block .rotate.collapsed img {
    width: 15px
}

.outer-menu .main-menu>div>div>ul>li {
    font-size: 16px
}
       
.tab-menu-custom .nav-tabs .nav-link {
    padding: .7rem .5rem;
}

}
/* Slider */
.slick-slider
{
    position: relative;

    display: block;
    box-sizing: border-box;

    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none;

    -webkit-touch-callout: none;
    -khtml-user-select: none;
    -ms-touch-action: pan-y;
        touch-action: pan-y;
    -webkit-tap-highlight-color: transparent;
}

.slick-list
{
    position: relative;

    display: block;
    overflow: hidden;

    margin: 0;
    padding: 0;
}
.slick-list:focus
{
    outline: none;
}
.slick-list.dragging
{
    cursor: pointer;
    cursor: hand;
}

.slick-slider .slick-track,
.slick-slider .slick-list
{
    -webkit-transform: translate3d(0, 0, 0);
       -moz-transform: translate3d(0, 0, 0);
        -ms-transform: translate3d(0, 0, 0);
         -o-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
}

.slick-track
{
    position: relative;
    top: 0;
    left: 0;

    display: block;
    margin-left: auto;
    margin-right: auto;
}
.slick-track:before,
.slick-track:after
{
    display: table;

    content: '';
}
.slick-track:after
{
    clear: both;
}
.slick-loading .slick-track
{
    visibility: hidden;
}

.slick-slide
{
    display: none;
    float: left;

    height: 100%;
    min-height: 1px;
}
[dir='rtl'] .slick-slide
{
    float: right;
}
.slick-slide img
{
    display: block;
}
.slick-slide.slick-loading img
{
    display: none;
}
.slick-slide.dragging img
{
    pointer-events: none;
}
.slick-initialized .slick-slide
{
    display: block;
}
.slick-loading .slick-slide
{
    visibility: hidden;
}
.slick-vertical .slick-slide
{
    display: block;

    height: auto;

    border: 1px solid transparent;
}
.slick-arrow.slick-hidden {
    display: none;
}

@charset 'UTF-8';





/* Arrows */
.slick-prev,
.slick-next
{
    font-size: 0;
    line-height: 0;

    position: absolute;
    top: 50%;

    display: block;

    width: 20px;
    height: 20px;
    padding: 0;
    -webkit-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    transform: translate(0, -50%);

    cursor: pointer;

    color: transparent;
    border: none;
    outline: none;
    background: transparent;
}
.slick-prev:hover,
.slick-prev:focus,
.slick-next:hover,
.slick-next:focus
{
    color: transparent;
    outline: none;
    background: transparent;
}
.slick-prev:hover:before,
.slick-prev:focus:before,
.slick-next:hover:before,
.slick-next:focus:before
{
    opacity: 1;
}
.slick-prev.slick-disabled:before,
.slick-next.slick-disabled:before
{
    opacity: .25;
}

.slick-prev:before,
.slick-next:before
{
    font-family: 'slick';
    font-size: 20px;
    line-height: 1;

    opacity: .75;
    color: white;

    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.slick-prev
{
    left: -25px;
}
[dir='rtl'] .slick-prev
{
    right: -25px;
    left: auto;
}
.slick-prev:before
{
    content: '←';
}
[dir='rtl'] .slick-prev:before
{
    content: '→';
}

.slick-next
{
    right: -25px;
}
[dir='rtl'] .slick-next
{
    right: auto;
    left: -25px;
}
.slick-next:before
{
    content: '→';
}
[dir='rtl'] .slick-next:before
{
    content: '←';
}

/* Dots */
.slick-dotted.slick-slider
{
    margin-bottom: 30px;
}

.slick-dots
{
    position: absolute;
    bottom: -25px;

    display: block;

    width: 100%;
    padding: 0;
    margin: 0;

    list-style: none;

    text-align: center;
}
.slick-dots li
{
    position: relative;

    display: inline-block;

    width: 20px;
    height: 20px;
    margin: 0 5px;
    padding: 0;

    cursor: pointer;
}
.slick-dots li button
{
    font-size: 0;
    line-height: 0;

    display: block;

    width: 20px;
    height: 20px;
    padding: 5px;

    cursor: pointer;

    color: transparent;
    border: 0;
    outline: none;
    background: transparent;
}
.slick-dots li button:hover,
.slick-dots li button:focus
{
    outline: none;
}
.slick-dots li button:hover:before,
.slick-dots li button:focus:before
{
    opacity: 1;
}
.slick-dots li button:before
{
    font-family: 'slick';
    font-size: 6px;
    line-height: 20px;

    position: absolute;
    top: 0;
    left: 0;

    width: 20px;
    height: 20px;

    content: '•';
    text-align: center;

    opacity: .25;
    color: black;

    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
.slick-dots li.slick-active button:before
{
    opacity: .75;
    color: black;
}

.dtp { position: fixed; top: 0; left: 0; right: 0; bottom: 0; background: rgba(0, 0, 0, 0.4); z-index: 2000; font-size: 14px; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; }
.dtp > .dtp-content { background: #fff; max-width: 300px; box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12); max-height: 520px; position: relative; left: 50%; }
.dtp > .dtp-content > .dtp-date-view > header.dtp-header { background: #df1850; color: #fff; text-align: center; padding: 0.3em; }

.dtp div.dtp-date, .dtp div.dtp-time { background: #ff1d5d; text-align: center; color: #fff; padding: 10px; }
.dtp div.dtp-date > div { padding: 0; margin: 0; }
.dtp div.dtp-actual-month { font-size: 1.5em; }
.dtp div.dtp-actual-num { font-size: 3em; line-height: 0.9; }
.dtp div.dtp-actual-maxtime { font-size: 3em; line-height: 0.9; }
.dtp div.dtp-actual-year { font-size: 1.5em; color: #fff; }
.dtp div.dtp-picker { padding: 1em; text-align: center; }

.dtp div.dtp-picker-month, .dtp div.dtp-actual-time { font-weight: 500; text-align: center; }
.dtp div.dtp-picker-month { padding-bottom:20px!important; text-transform: uppercase!important; }

.dtp .dtp-close { position: absolute; top: 0.5em; right: 1em; }
.dtp .dtp-close > a { color: #fff; }
.dtp .dtp-close > a > i { font-size: 1em; }

.dtp table.dtp-picker-days { margin: 0; min-height: 251px;}
.dtp table.dtp-picker-days, .dtp table.dtp-picker-days tr, .dtp table.dtp-picker-days tr > td { border: none; }
.dtp table.dtp-picker-days tr > td {  font-weight: 700; font-size: 0.8em; text-align: center; padding: 0.5em 0.3em; }
.dtp table.dtp-picker-days tr > td > span.dtp-select-day { color: #BDBDBD!important; padding: 0.4em 0.5em 0.5em 0.6em;}
.dtp table.dtp-picker-days tr > td > a, .dtp .dtp-picker-time > a { color: #212121; text-decoration: none; padding: 0.4em 0.5em 0.5em 0.6em; border-radius: 50%!important; }
.dtp table.dtp-picker-days tr > td > a.selected{ background: #7621a2; color: #fff; }
.dtp table.dtp-picker-days tr > th { color: #757575; text-align: center; font-weight: 700; padding: 0.4em 0.3em; }

.dtp .p10 > a { color: #df1850; text-decoration: none; }
.dtp .p10 { width: 10%; display: inline-block; }
.dtp .p20 { width: 20%; display: inline-block; }
.dtp .p60 { width: 60%; display: inline-block; }
.dtp .p80 { width: 80%; display: inline-block; }

.dtp a.dtp-meridien-am, .dtp a.dtp-meridien-pm { position: relative; top: 10px; color: #212121; font-weight: 500; padding: 0.7em 0.5em; border-radius: 50%!important;text-decoration: none; background: #eee; font-size:1em; }
.dtp .dtp-actual-meridien a.selected { background: #df1850; color: #fff; }

.dtp .dtp-picker-time > .dtp-select-hour { cursor: pointer; }
.dtp .dtp-picker-time > .dtp-select-minute { cursor: pointer; }

.dtp .dtp-buttons { padding: 0 1em 1em 1em; text-align: right; }

.dtp.hidden, .dtp .hidden { display: none; }
.dtp .invisible { visibility: hidden; }

.dtp .left { float: left; }
.dtp .right { float: right; }
.dtp .clearfix { clear: both; }

.dtp .center { text-align: center; }

.dtp-picker-year{
    margin-bottom: 1px;
}

.year-picker-item{
    text-align: center;
    padding-top: 5px;
    font-size: large;
    cursor: pointer;
    margin: 0 auto;
}

.dtp-actual-year:hover{
    cursor: pointer;
}
.dtp-actual-year.disabled:hover{
    cursor: inherit;
}
.year-picker-item:hover{
    color:#df1850;
}

.year-picker-item.active{
    color:#df1850;
    font-weight: bold;
}

.dtp-select-year-range{
    display: inline-block;
    text-align: center;
    width: 100%;
}

    [class*=" note-icon"]:before,
    [class^=note-icon]:before {
        display: inline-block;
        font-family: summernote;
        font-style: normal;
        font-size: inherit;
        text-decoration: inherit;
        text-rendering: auto;
        text-transform: none;
        vertical-align: middle;
        -moz-osx-font-smoothing: grayscale;
        -webkit-font-smoothing: antialiased;
        speak: none
    }
    .note-icon-fw {
        text-align: center;
        width: 1.25em
    }
    .note-icon-border {
        border: .08em solid #eee;
        border-radius: .1em;
        padding: .2em .25em .15em
    }
    .note-icon-pull-left {
        float: left
    }
    .note-icon-pull-right {
        float: right
    }
    .note-icon.note-icon-pull-left {
        margin-right: .3em
    }
    .note-icon.note-icon-pull-right {
        margin-left: .3em
    }
    .note-icon-align:before {
        content: ""
    }
    .note-icon-align-center:before {
        content: url(../bootstrap-icons/text-center.svg);
        line-height: 16px;
    }
    .note-icon-align-indent:before {
        content: url(../bootstrap-icons/text-indent-left.svg);
        line-height: 16px;
    }
    .note-icon-align-justify:before {
        content: url(../bootstrap-icons/list.svg);
        line-height: 16px;
    }
    .note-icon-align-left:before {
        content: url(../bootstrap-icons/text-left.svg);
        line-height: 16px;
    }
    .note-icon-align-outdent:before {
        content: url(../bootstrap-icons/text-indent-right.svg);
        line-height: 16px;
    }
    .note-icon-align-right:before {
        content: url(../bootstrap-icons/text-right.svg);
        line-height: 16px;
    }
    .note-icon-arrow-circle-down:before {
        content: ""
    }
    .note-icon-arrow-circle-left:before {
        content: ""
    }
    .note-icon-arrow-circle-right:before {
        content: ""
    }
    .note-icon-arrow-circle-up:before {
        content: ""
    }
    .note-icon-arrows-alt:before {
        content: ""
    }
    .note-icon-arrows-h:before {
        content: ""
    }
    .note-icon-arrows-v:before {
        content: ""
    }
    .note-icon-bold:before {
        content: "B";
        font-weight: bold;
    }
    .note-icon-caret:before {
        content: "▾";
        line-height: 16px;
    }
    .note-icon-chain-broken:before {
        content: url(../bootstrap-icons/file-earmark-break-fill.svg);
        line-height: 16px;
    }
    .note-icon-circle:before {
        content: ""
    }
    .note-icon-close:before {
        content: ""
    }
    .note-icon-code:before {
        content: ""
    }
    .note-icon-col-after:before {
        content: url(../bootstrap-icons/arrow-bar-right.svg);
        line-height: 16px;
    }
    .note-icon-col-before:before {
        content: url(../bootstrap-icons/arrow-bar-left.svg);
        line-height: 16px;
    }
    .note-icon-col-remove:before {
        content: url(../bootstrap-icons/node-minus-fill.svg);
        line-height: 16px;
    }
    .note-icon-eraser:before {
        content: url(../bootstrap-icons/slash-circle-fill.svg);
        line-height: 16px;
    }
    .note-icon-float-left:before {
        content: url(../bootstrap-icons/filter-left.svg);
        line-height: 16px;
    }
    .note-icon-float-none:before {
        content: url(../bootstrap-icons/filter.svg);
        line-height: 16px;
    }
    .note-icon-float-right:before {
        content: url(../bootstrap-icons/filter-right.svg);
        line-height: 16px;
    }
    .note-icon-font:before {
        content: "A"
    }
    .note-icon-frame:before {
        content: url(../bootstrap-icons/easel-fill.svg);
        line-height: 16px;
    }
    .note-icon-italic:before {
        content: "I";
         font-style: italic;
    }
    .note-icon-link:before {
        content: url(../bootstrap-icons/link.svg);
        line-height: 16px;
    }
    .note-icon-magic:before {
        content: url(../bootstrap-icons/type-h1.svg);
        line-height: 16px;
    }
    .note-icon-menu-check:before {
        content: url(../bootstrap-icons/check.svg);
        line-height: 16px;
    }
    .note-icon-minus:before {
        content: url(../bootstrap-icons/dash.svg);
        line-height: 16px;
    }
    .note-icon-orderedlist:before {
        content: url(../bootstrap-icons/list-ol.svg);
        line-height: 16px;
    }
    .note-icon-pencil:before {
        content: url(../bootstrap-icons/pencil.svg);
        line-height: 16px;
    }
    .note-icon-picture:before {
        content: url(../bootstrap-icons/card-image.svg);
        line-height: 16px;
        
    }
    .note-icon-question:before {
        content: url(../bootstrap-icons/question-circle-fill.svg);
        line-height: 16px;
    }
    .note-icon-redo:before {
        content: url(../bootstrap-icons/arrow-return-right.svg);
        line-height: 16px;
    }
    .note-icon-rollback:before {
        content: url(../bootstrap-icons/aspect-ratio.svg);
        line-height: 16px;
    }
    .note-icon-row-above:before {
        content: url(../bootstrap-icons/arrow-bar-up.svg);
        line-height: 16px;
    }
    .note-icon-row-below:before {
        content: url(../bootstrap-icons/arrow-bar-down.svg);
        line-height: 16px;
    }
    .note-icon-row-remove:before {
        content: url(../bootstrap-icons/node-minus-fill.svg);
        line-height: 16px;
    }
    .note-icon-special-character:before {
        content: ""
    }
    .note-icon-square:before {
        content: ""
    }
    .note-icon-strikethrough:before {
        content: url(../bootstrap-icons/type-strikethrough.svg);
        line-height: 16px;
    }
    .note-icon-subscript:before {
        content: "X₂"
    }
    .note-icon-summernote:before {
        content: url(../bootstrap-icons/file-richtext-fill.svg);
        line-height: 16px;
    }
    .note-icon-superscript:before {
        content: "X²"
    }
    .note-icon-table:before {
        content: url(../bootstrap-icons/table.svg);
        line-height: 16px;
    }
    .note-icon-text-height:before {
        content: url(../bootstrap-icons/sliders.svg);
        line-height: 16px;

    }
    .note-icon-trash:before {
        content: url(../bootstrap-icons/trash-fill.svg);
        line-height: 16px;
    }
    .note-icon-underline:before {
        content: "U";
        text-decoration: underline;
    }
    .note-icon-undo:before {
        content: url(../bootstrap-icons/arrow-return-left.svg);
        line-height: 16px;
    }
    .note-icon-unorderedlist:before {
        content: url(../bootstrap-icons/list-ul.svg);
        line-height: 16px;
    }
    .note-icon-video:before {
        content: url(../bootstrap-icons/camera-video-fill.svg);
        line-height: 16px;
    }
    .note-editor {
        position: relative
    }
    .note-editor .note-dropzone {
        position: absolute;
        display: none;
        z-index: 100;
        color: #87cefa;
        background-color: #fff;
        opacity: .95
    }
    .note-editor .note-dropzone .note-dropzone-message {
        display: table-cell;
        vertical-align: middle;
        text-align: center;
        font-size: 28px;
        font-weight: 700
    }
    .note-editor .note-dropzone.hover {
        color: #098ddf
    }
    .note-editor.dragover .note-dropzone {
        display: table
    }
    .note-editor .note-editing-area {
        position: relative
    }
    .note-editor .note-editing-area .note-editable {
        outline: none
    }
    .note-editor .note-editing-area .note-editable sup {
        vertical-align: super
    }
    .note-editor .note-editing-area .note-editable sub {
        vertical-align: sub
    }
    .note-editor .note-editing-area .note-editable img.note-float-left {
        margin-right: 10px
    }
    .note-editor .note-editing-area .note-editable img.note-float-right {
        margin-left: 10px
    }
    .note-editor.note-airframe,
    .note-editor.note-frame {
        border: 1px solid rgba(0, 0, 0, .2)
    }
    .note-editor.note-airframe.codeview .note-editing-area .note-editable,
    .note-editor.note-frame.codeview .note-editing-area .note-editable {
        display: none
    }
    .note-editor.note-airframe.codeview .note-editing-area .note-codable,
    .note-editor.note-frame.codeview .note-editing-area .note-codable {
        display: block
    }
    .note-editor.note-airframe .note-editing-area,
    .note-editor.note-frame .note-editing-area {
        overflow: hidden
    }
    .note-editor.note-airframe .note-editing-area .note-editable,
    .note-editor.note-frame .note-editing-area .note-editable {
        padding: 10px;
        overflow: auto;
        word-wrap: break-word
    }
    .note-editor.note-airframe .note-editing-area .note-editable[contenteditable=false],
    .note-editor.note-frame .note-editing-area .note-editable[contenteditable=false] {
        background-color: hsla(0, 0%, 50.2%, .11)
    }
    .note-editor.note-airframe .note-editing-area .note-codable,
    .note-editor.note-frame .note-editing-area .note-codable {
        display: none;
        width: 100%;
        padding: 10px;
        border: none;
        box-shadow: none;
        font-family: Menlo, Monaco, monospace, sans-serif;
        font-size: 14px;
        color: #ccc;
        background-color: #222;
        resize: none;
        outline: none;
        -ms-box-sizing: border-box;
        box-sizing: border-box;
        border-radius: 0;
        margin-bottom: 0
    }
    .note-editor.note-airframe.fullscreen,
    .note-editor.note-frame.fullscreen {
        position: fixed;
        top: 0;
        left: 0;
        width: 100%!important;
        z-index: 1050
    }
    .note-editor.note-airframe.fullscreen .note-resizebar,
    .note-editor.note-frame.fullscreen .note-resizebar {
        display: none
    }
    .note-editor.note-airframe .note-status-output,
    .note-editor.note-frame .note-status-output {
        display: block;
        width: 100%;
        font-size: 14px;
        line-height: 1.42857143;
        height: 20px;
        margin-bottom: 0;
        color: #000;
        border: 0;
        border-top: 1px solid #e2e2e2
    }
    .note-editor.note-airframe .note-status-output:empty,
    .note-editor.note-frame .note-status-output:empty {
        height: 0;
        border-top: 0 solid transparent
    }
    .note-editor.note-airframe .note-status-output .pull-right,
    .note-editor.note-frame .note-status-output .pull-right {
        float: right!important
    }
    .note-editor.note-airframe .note-status-output .text-muted,
    .note-editor.note-frame .note-status-output .text-muted {
        color: #777
    }
    .note-editor.note-airframe .note-status-output .text-primary,
    .note-editor.note-frame .note-status-output .text-primary {
        color: #286090
    }
    .note-editor.note-airframe .note-status-output .text-success,
    .note-editor.note-frame .note-status-output .text-success {
        color: #3c763d
    }
    .note-editor.note-airframe .note-status-output .text-info,
    .note-editor.note-frame .note-status-output .text-info {
        color: #31708f
    }
    .note-editor.note-airframe .note-status-output .text-warning,
    .note-editor.note-frame .note-status-output .text-warning {
        color: #8a6d3b
    }
    .note-editor.note-airframe .note-status-output .text-danger,
    .note-editor.note-frame .note-status-output .text-danger {
        color: #a94442
    }
    .note-editor.note-airframe .note-status-output .alert,
    .note-editor.note-frame .note-status-output .alert {
        margin: -7px 0 0;
        padding: 7px 10px 2px;
        border-radius: 0;
        color: #000;
        background-color: #f5f5f5
    }
    .note-editor.note-airframe .note-status-output .alert .note-icon,
    .note-editor.note-frame .note-status-output .alert .note-icon {
        margin-right: 5px
    }
    .note-editor.note-airframe .note-status-output .alert-success,
    .note-editor.note-frame .note-status-output .alert-success {
        color: #3c763d!important;
        background-color: #dff0d8!important
    }
    .note-editor.note-airframe .note-status-output .alert-info,
    .note-editor.note-frame .note-status-output .alert-info {
        color: #31708f!important;
        background-color: #d9edf7!important
    }
    .note-editor.note-airframe .note-status-output .alert-warning,
    .note-editor.note-frame .note-status-output .alert-warning {
        color: #8a6d3b!important;
        background-color: #fcf8e3!important
    }
    .note-editor.note-airframe .note-status-output .alert-danger,
    .note-editor.note-frame .note-status-output .alert-danger {
        color: #a94442!important;
        background-color: #f2dede!important
    }
    .note-editor.note-airframe .note-statusbar,
    .note-editor.note-frame .note-statusbar {
        background-color: hsla(0, 0%, 50.2%, .11);
        border-bottom-left-radius: 4px;
        border-bottom-right-radius: 4px;
        border-top: 1px solid rgba(0, 0, 0, .2)
    }
    .note-editor.note-airframe .note-statusbar .note-resizebar,
    .note-editor.note-frame .note-statusbar .note-resizebar {
        padding-top: 1px;
        height: 9px;
        width: 100%;
        cursor: ns-resize
    }
    .note-editor.note-airframe .note-statusbar .note-resizebar .note-icon-bar,
    .note-editor.note-frame .note-statusbar .note-resizebar .note-icon-bar {
        width: 20px;
        margin: 1px auto;
        border-top: 1px solid rgba(0, 0, 0, .2)
    }
    .note-editor.note-airframe .note-statusbar.locked .note-resizebar,
    .note-editor.note-frame .note-statusbar.locked .note-resizebar {
        cursor: default
    }
    .note-editor.note-airframe .note-statusbar.locked .note-resizebar .note-icon-bar,
    .note-editor.note-frame .note-statusbar.locked .note-resizebar .note-icon-bar {
        display: none
    }
    .note-editor.note-airframe .note-placeholder,
    .note-editor.note-frame .note-placeholder {
        padding: 10px
    }
    .note-editor.note-airframe {
        border: 0
    }
    .note-editor.note-airframe .note-editing-area .note-editable {
        padding: 0
    }
    .note-popover.popover {
        display: none;
        max-width: none
    }
    .note-popover.popover .popover-content a {
        display: inline-block;
        max-width: 200px;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
        vertical-align: middle
    }
    .note-popover.popover .arrow {
        left: 20px!important
    }
    .note-toolbar {
        position: relative
    }
    .note-editor .note-toolbar,
    .note-popover .popover-content {
        margin: 0;
        padding: 0 0 5px 5px
    }
    .note-editor .note-toolbar>.note-btn-group,
    .note-popover .popover-content>.note-btn-group {
        margin-top: 5px;
        margin-left: 0;
        margin-right: 5px
    }
    .note-editor .note-toolbar .note-btn-group .note-table,
    .note-popover .popover-content .note-btn-group .note-table {
        min-width: 0;
        padding: 5px
    }
    .note-editor .note-toolbar .note-btn-group .note-table .note-dimension-picker,
    .note-popover .popover-content .note-btn-group .note-table .note-dimension-picker {
        font-size: 18px
    }
    .note-editor .note-toolbar .note-btn-group .note-table .note-dimension-picker .note-dimension-picker-mousecatcher,
    .note-popover .popover-content .note-btn-group .note-table .note-dimension-picker .note-dimension-picker-mousecatcher {
        position: absolute!important;
        z-index: 3;
        width: 10em;
        height: 10em;
        cursor: pointer
    }
    .note-editor .note-toolbar .note-btn-group .note-table .note-dimension-picker .note-dimension-picker-unhighlighted,
    .note-popover .popover-content .note-btn-group .note-table .note-dimension-picker .note-dimension-picker-unhighlighted {
        position: relative!important;
        z-index: 1;
        width: 5em;
        height: 5em;
        background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAASAgMAAAAroGbEAAAACVBMVEUAAIj4+Pjp6ekKlAqjAAAAAXRSTlMAQObYZgAAAAFiS0dEAIgFHUgAAAAJcEhZcwAACxMAAAsTAQCanBgAAAAHdElNRQfYAR0BKhmnaJzPAAAAG0lEQVQI12NgAAOtVatWMTCohoaGUY+EmIkEAEruEzK2J7tvAAAAAElFTkSuQmCC") repeat
    }
    .note-editor .note-toolbar .note-btn-group .note-table .note-dimension-picker .note-dimension-picker-highlighted,
    .note-popover .popover-content .note-btn-group .note-table .note-dimension-picker .note-dimension-picker-highlighted {
        position: absolute!important;
        z-index: 2;
        width: 1em;
        height: 1em;
        background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAASAgMAAAAroGbEAAAACVBMVEUAAIjd6vvD2f9LKLW+AAAAAXRSTlMAQObYZgAAAAFiS0dEAIgFHUgAAAAJcEhZcwAACxMAAAsTAQCanBgAAAAHdElNRQfYAR0BKwNDEVT0AAAAG0lEQVQI12NgAAOtVatWMTCohoaGUY+EmIkEAEruEzK2J7tvAAAAAElFTkSuQmCC") repeat
    }
    .note-editor .note-toolbar .note-style .dropdown-style blockquote,
    .note-editor .note-toolbar .note-style .dropdown-style pre,
    .note-popover .popover-content .note-style .dropdown-style blockquote,
    .note-popover .popover-content .note-style .dropdown-style pre {
        margin: 0;
        padding: 5px 10px
    }
    .note-editor .note-toolbar .note-style .dropdown-style h1,
    .note-editor .note-toolbar .note-style .dropdown-style h2,
    .note-editor .note-toolbar .note-style .dropdown-style h3,
    .note-editor .note-toolbar .note-style .dropdown-style h4,
    .note-editor .note-toolbar .note-style .dropdown-style h5,
    .note-editor .note-toolbar .note-style .dropdown-style h6,
    .note-editor .note-toolbar .note-style .dropdown-style p,
    .note-popover .popover-content .note-style .dropdown-style h1,
    .note-popover .popover-content .note-style .dropdown-style h2,
    .note-popover .popover-content .note-style .dropdown-style h3,
    .note-popover .popover-content .note-style .dropdown-style h4,
    .note-popover .popover-content .note-style .dropdown-style h5,
    .note-popover .popover-content .note-style .dropdown-style h6,
    .note-popover .popover-content .note-style .dropdown-style p {
        margin: 0;
        padding: 0
    }
    .note-editor .note-toolbar .note-color-all .note-dropdown-menu,
    .note-popover .popover-content .note-color-all .note-dropdown-menu {
        min-width: 337px
    }
    .note-editor .note-toolbar .note-color .dropdown-toggle,
    .note-popover .popover-content .note-color .dropdown-toggle {
        width: 20px;
        padding-left: 5px
    }
    .note-editor .note-toolbar .note-color .note-dropdown-menu .note-palette,
    .note-popover .popover-content .note-color .note-dropdown-menu .note-palette {
        display: inline-block;
        margin: 0;
        width: 160px
    }
    .note-editor .note-toolbar .note-color .note-dropdown-menu .note-palette:first-child,
    .note-popover .popover-content .note-color .note-dropdown-menu .note-palette:first-child {
        margin: 0 5px
    }
    .note-editor .note-toolbar .note-color .note-dropdown-menu .note-palette .note-palette-title,
    .note-popover .popover-content .note-color .note-dropdown-menu .note-palette .note-palette-title {
        font-size: 12px;
        margin: 2px 7px;
        text-align: center;
        border-bottom: 1px solid #eee
    }
    .note-editor .note-toolbar .note-color .note-dropdown-menu .note-palette .note-color-reset,
    .note-editor .note-toolbar .note-color .note-dropdown-menu .note-palette .note-color-select,
    .note-popover .popover-content .note-color .note-dropdown-menu .note-palette .note-color-reset,
    .note-popover .popover-content .note-color .note-dropdown-menu .note-palette .note-color-select {
        font-size: 11px;
        margin: 3px;
        padding: 0 3px;
        cursor: pointer;
        width: 100%;
        border-radius: 5px
    }
    .note-editor .note-toolbar .note-color .note-dropdown-menu .note-palette .note-color-reset:hover,
    .note-editor .note-toolbar .note-color .note-dropdown-menu .note-palette .note-color-select:hover,
    .note-popover .popover-content .note-color .note-dropdown-menu .note-palette .note-color-reset:hover,
    .note-popover .popover-content .note-color .note-dropdown-menu .note-palette .note-color-select:hover {
        background: #eee
    }
    .note-editor .note-toolbar .note-color .note-dropdown-menu .note-palette .note-color-row,
    .note-popover .popover-content .note-color .note-dropdown-menu .note-palette .note-color-row {
        height: 20px
    }
    .note-editor .note-toolbar .note-color .note-dropdown-menu .note-palette .note-color-select-btn,
    .note-popover .popover-content .note-color .note-dropdown-menu .note-palette .note-color-select-btn {
        display: none
    }
    .note-editor .note-toolbar .note-color .note-dropdown-menu .note-palette .note-holder-custom .note-color-btn,
    .note-popover .popover-content .note-color .note-dropdown-menu .note-palette .note-holder-custom .note-color-btn {
        border: 1px solid #eee
    }
    .note-editor .note-toolbar .note-para .note-dropdown-menu,
    .note-popover .popover-content .note-para .note-dropdown-menu {
        min-width: 228px;
        padding: 5px
    }
    .note-editor .note-toolbar .note-para .note-dropdown-menu>div+div,
    .note-popover .popover-content .note-para .note-dropdown-menu>div+div {
        margin-left: 5px
    }
    .note-editor .note-toolbar .note-dropdown-menu,
    .note-popover .popover-content .note-dropdown-menu {
        min-width: 206px
    }
    .note-editor .note-toolbar .note-dropdown-menu.right,
    .note-popover .popover-content .note-dropdown-menu.right {
        right: 0;
        left: auto
    }
    .note-editor .note-toolbar .note-dropdown-menu.right:before,
    .note-popover .popover-content .note-dropdown-menu.right:before {
        right: 9px;
        left: auto!important
    }
    .note-editor .note-toolbar .note-dropdown-menu.right:after,
    .note-popover .popover-content .note-dropdown-menu.right:after {
        right: 10px;
        left: auto!important
    }
    .note-editor .note-toolbar .note-dropdown-menu.note-check a i,
    .note-popover .popover-content .note-dropdown-menu.note-check a i {
        color: #00bfff;
        visibility: hidden
    }
    .note-editor .note-toolbar .note-dropdown-menu.note-check a.checked i,
    .note-popover .popover-content .note-dropdown-menu.note-check a.checked i {
        visibility: visible
    }
    .note-editor .note-toolbar .note-fontsize-10,
    .note-popover .popover-content .note-fontsize-10 {
        font-size: 10px
    }
    .note-editor .note-toolbar .note-color-palette,
    .note-popover .popover-content .note-color-palette {
        line-height: 1
    }
    .note-editor .note-toolbar .note-color-palette div .note-color-btn,
    .note-popover .popover-content .note-color-palette div .note-color-btn {
        width: 20px;
        height: 20px;
        padding: 0;
        margin: 0;
        border: 0;
        border-radius: 0
    }
    .note-editor .note-toolbar .note-color-palette div .note-color-btn:hover,
    .note-popover .popover-content .note-color-palette div .note-color-btn:hover {
        transform: scale(1.2);
        transition: all .2s
    }
    .note-modal .modal-dialog {
        outline: 0;
        border-radius: 5px;
        box-shadow: 0 3px 9px rgba(0, 0, 0, .5)
    }
    .note-modal .form-group {
        margin-left: 0;
        margin-right: 0
    }
    .note-modal .note-modal-form {
        margin: 0
    }
    .note-modal .note-image-dialog .note-dropzone {
        min-height: 100px;
        font-size: 30px;
        line-height: 4;
        color: #d3d3d3;
        text-align: center;
        border: 4px dashed #d3d3d3;
        margin-bottom: 10px
    }
    @-moz-document url-prefix() {
        .note-modal .note-image-input {
            height: auto
        }
    }
    .note-placeholder {
        position: absolute;
        display: none;
        color: grey
    }
    .note-handle .note-control-selection {
        position: absolute;
        display: none;
        border: 1px solid #000
    }
    .note-handle .note-control-selection>div {
        position: absolute
    }
    .note-handle .note-control-selection .note-control-selection-bg {
        width: 100%;
        height: 100%;
        background-color: #000;
        -webkit-opacity: .3;
        -khtml-opacity: .3;
        -moz-opacity: .3;
        opacity: .3;
        -ms-filter: progid: DXImageTransform.Microsoft.Alpha(opacity=30);
        filter: alpha(opacity=30)
    }
    .note-handle .note-control-selection .note-control-handle,
    .note-handle .note-control-selection .note-control-holder,
    .note-handle .note-control-selection .note-control-sizing {
        width: 7px;
        height: 7px;
        border: 1px solid #000
    }
    .note-handle .note-control-selection .note-control-sizing {
        background-color: #000
    }
    .note-handle .note-control-selection .note-control-nw {
        top: -5px;
        left: -5px;
        border-right: none;
        border-bottom: none
    }
    .note-handle .note-control-selection .note-control-ne {
        top: -5px;
        right: -5px;
        border-bottom: none;
        border-left: none
    }
    .note-handle .note-control-selection .note-control-sw {
        bottom: -5px;
        left: -5px;
        border-top: none;
        border-right: none
    }
    .note-handle .note-control-selection .note-control-se {
        right: -5px;
        bottom: -5px;
        cursor: se-resize
    }
    .note-handle .note-control-selection .note-control-se.note-control-holder {
        cursor: default;
        border-top: none;
        border-left: none
    }
    .note-handle .note-control-selection .note-control-selection-info {
        right: 0;
        bottom: 0;
        padding: 5px;
        margin: 5px;
        color: #fff;
        background-color: #000;
        font-size: 12px;
        border-radius: 5px;
        -webkit-opacity: .7;
        -khtml-opacity: .7;
        -moz-opacity: .7;
        opacity: .7;
        -ms-filter: progid: DXImageTransform.Microsoft.Alpha(opacity=70);
        filter: alpha(opacity=70)
    }
    .note-hint-popover {
        min-width: 100px;
        padding: 2px
    }
    .note-hint-popover .popover-content {
        padding: 3px;
        max-height: 150px;
        overflow: auto
    }
    .note-hint-popover .popover-content .note-hint-group .note-hint-item {
        display: block!important;
        padding: 3px
    }
    .note-hint-popover .popover-content .note-hint-group .note-hint-item.active,
    .note-hint-popover .popover-content .note-hint-group .note-hint-item:hover {
        display: block;
        clear: both;
        font-weight: 400;
        line-height: 1.4;
        color: #fff;
        white-space: nowrap;
        text-decoration: none;
        background-color: #428bca;
        outline: 0;
        cursor: pointer
    }
[data-aos][data-aos][data-aos-duration="50"],body[data-aos-duration="50"] [data-aos]{transition-duration:50ms}[data-aos][data-aos][data-aos-delay="50"],body[data-aos-delay="50"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="50"].aos-animate,body[data-aos-delay="50"] [data-aos].aos-animate{transition-delay:50ms}[data-aos][data-aos][data-aos-duration="100"],body[data-aos-duration="100"] [data-aos]{transition-duration:.1s}[data-aos][data-aos][data-aos-delay="100"],body[data-aos-delay="100"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="100"].aos-animate,body[data-aos-delay="100"] [data-aos].aos-animate{transition-delay:.1s}[data-aos][data-aos][data-aos-duration="150"],body[data-aos-duration="150"] [data-aos]{transition-duration:.15s}[data-aos][data-aos][data-aos-delay="150"],body[data-aos-delay="150"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="150"].aos-animate,body[data-aos-delay="150"] [data-aos].aos-animate{transition-delay:.15s}[data-aos][data-aos][data-aos-duration="200"],body[data-aos-duration="200"] [data-aos]{transition-duration:.2s}[data-aos][data-aos][data-aos-delay="200"],body[data-aos-delay="200"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="200"].aos-animate,body[data-aos-delay="200"] [data-aos].aos-animate{transition-delay:.2s}[data-aos][data-aos][data-aos-duration="250"],body[data-aos-duration="250"] [data-aos]{transition-duration:.25s}[data-aos][data-aos][data-aos-delay="250"],body[data-aos-delay="250"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="250"].aos-animate,body[data-aos-delay="250"] [data-aos].aos-animate{transition-delay:.25s}[data-aos][data-aos][data-aos-duration="300"],body[data-aos-duration="300"] [data-aos]{transition-duration:.3s}[data-aos][data-aos][data-aos-delay="300"],body[data-aos-delay="300"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="300"].aos-animate,body[data-aos-delay="300"] [data-aos].aos-animate{transition-delay:.3s}[data-aos][data-aos][data-aos-duration="350"],body[data-aos-duration="350"] [data-aos]{transition-duration:.35s}[data-aos][data-aos][data-aos-delay="350"],body[data-aos-delay="350"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="350"].aos-animate,body[data-aos-delay="350"] [data-aos].aos-animate{transition-delay:.35s}[data-aos][data-aos][data-aos-duration="400"],body[data-aos-duration="400"] [data-aos]{transition-duration:.4s}[data-aos][data-aos][data-aos-delay="400"],body[data-aos-delay="400"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="400"].aos-animate,body[data-aos-delay="400"] [data-aos].aos-animate{transition-delay:.4s}[data-aos][data-aos][data-aos-duration="450"],body[data-aos-duration="450"] [data-aos]{transition-duration:.45s}[data-aos][data-aos][data-aos-delay="450"],body[data-aos-delay="450"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="450"].aos-animate,body[data-aos-delay="450"] [data-aos].aos-animate{transition-delay:.45s}[data-aos][data-aos][data-aos-duration="500"],body[data-aos-duration="500"] [data-aos]{transition-duration:.5s}[data-aos][data-aos][data-aos-delay="500"],body[data-aos-delay="500"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="500"].aos-animate,body[data-aos-delay="500"] [data-aos].aos-animate{transition-delay:.5s}[data-aos][data-aos][data-aos-duration="550"],body[data-aos-duration="550"] [data-aos]{transition-duration:.55s}[data-aos][data-aos][data-aos-delay="550"],body[data-aos-delay="550"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="550"].aos-animate,body[data-aos-delay="550"] [data-aos].aos-animate{transition-delay:.55s}[data-aos][data-aos][data-aos-duration="600"],body[data-aos-duration="600"] [data-aos]{transition-duration:.6s}[data-aos][data-aos][data-aos-delay="600"],body[data-aos-delay="600"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="600"].aos-animate,body[data-aos-delay="600"] [data-aos].aos-animate{transition-delay:.6s}[data-aos][data-aos][data-aos-duration="650"],body[data-aos-duration="650"] [data-aos]{transition-duration:.65s}[data-aos][data-aos][data-aos-delay="650"],body[data-aos-delay="650"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="650"].aos-animate,body[data-aos-delay="650"] [data-aos].aos-animate{transition-delay:.65s}[data-aos][data-aos][data-aos-duration="700"],body[data-aos-duration="700"] [data-aos]{transition-duration:.7s}[data-aos][data-aos][data-aos-delay="700"],body[data-aos-delay="700"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="700"].aos-animate,body[data-aos-delay="700"] [data-aos].aos-animate{transition-delay:.7s}[data-aos][data-aos][data-aos-duration="750"],body[data-aos-duration="750"] [data-aos]{transition-duration:.75s}[data-aos][data-aos][data-aos-delay="750"],body[data-aos-delay="750"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="750"].aos-animate,body[data-aos-delay="750"] [data-aos].aos-animate{transition-delay:.75s}[data-aos][data-aos][data-aos-duration="800"],body[data-aos-duration="800"] [data-aos]{transition-duration:.8s}[data-aos][data-aos][data-aos-delay="800"],body[data-aos-delay="800"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="800"].aos-animate,body[data-aos-delay="800"] [data-aos].aos-animate{transition-delay:.8s}[data-aos][data-aos][data-aos-duration="850"],body[data-aos-duration="850"] [data-aos]{transition-duration:.85s}[data-aos][data-aos][data-aos-delay="850"],body[data-aos-delay="850"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="850"].aos-animate,body[data-aos-delay="850"] [data-aos].aos-animate{transition-delay:.85s}[data-aos][data-aos][data-aos-duration="900"],body[data-aos-duration="900"] [data-aos]{transition-duration:.9s}[data-aos][data-aos][data-aos-delay="900"],body[data-aos-delay="900"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="900"].aos-animate,body[data-aos-delay="900"] [data-aos].aos-animate{transition-delay:.9s}[data-aos][data-aos][data-aos-duration="950"],body[data-aos-duration="950"] [data-aos]{transition-duration:.95s}[data-aos][data-aos][data-aos-delay="950"],body[data-aos-delay="950"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="950"].aos-animate,body[data-aos-delay="950"] [data-aos].aos-animate{transition-delay:.95s}[data-aos][data-aos][data-aos-duration="1000"],body[data-aos-duration="1000"] [data-aos]{transition-duration:1s}[data-aos][data-aos][data-aos-delay="1000"],body[data-aos-delay="1000"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="1000"].aos-animate,body[data-aos-delay="1000"] [data-aos].aos-animate{transition-delay:1s}[data-aos][data-aos][data-aos-duration="1050"],body[data-aos-duration="1050"] [data-aos]{transition-duration:1.05s}[data-aos][data-aos][data-aos-delay="1050"],body[data-aos-delay="1050"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="1050"].aos-animate,body[data-aos-delay="1050"] [data-aos].aos-animate{transition-delay:1.05s}[data-aos][data-aos][data-aos-duration="1100"],body[data-aos-duration="1100"] [data-aos]{transition-duration:1.1s}[data-aos][data-aos][data-aos-delay="1100"],body[data-aos-delay="1100"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="1100"].aos-animate,body[data-aos-delay="1100"] [data-aos].aos-animate{transition-delay:1.1s}[data-aos][data-aos][data-aos-duration="1150"],body[data-aos-duration="1150"] [data-aos]{transition-duration:1.15s}[data-aos][data-aos][data-aos-delay="1150"],body[data-aos-delay="1150"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="1150"].aos-animate,body[data-aos-delay="1150"] [data-aos].aos-animate{transition-delay:1.15s}[data-aos][data-aos][data-aos-duration="1200"],body[data-aos-duration="1200"] [data-aos]{transition-duration:1.2s}[data-aos][data-aos][data-aos-delay="1200"],body[data-aos-delay="1200"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="1200"].aos-animate,body[data-aos-delay="1200"] [data-aos].aos-animate{transition-delay:1.2s}[data-aos][data-aos][data-aos-duration="1250"],body[data-aos-duration="1250"] [data-aos]{transition-duration:1.25s}[data-aos][data-aos][data-aos-delay="1250"],body[data-aos-delay="1250"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="1250"].aos-animate,body[data-aos-delay="1250"] [data-aos].aos-animate{transition-delay:1.25s}[data-aos][data-aos][data-aos-duration="1300"],body[data-aos-duration="1300"] [data-aos]{transition-duration:1.3s}[data-aos][data-aos][data-aos-delay="1300"],body[data-aos-delay="1300"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="1300"].aos-animate,body[data-aos-delay="1300"] [data-aos].aos-animate{transition-delay:1.3s}[data-aos][data-aos][data-aos-duration="1350"],body[data-aos-duration="1350"] [data-aos]{transition-duration:1.35s}[data-aos][data-aos][data-aos-delay="1350"],body[data-aos-delay="1350"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="1350"].aos-animate,body[data-aos-delay="1350"] [data-aos].aos-animate{transition-delay:1.35s}[data-aos][data-aos][data-aos-duration="1400"],body[data-aos-duration="1400"] [data-aos]{transition-duration:1.4s}[data-aos][data-aos][data-aos-delay="1400"],body[data-aos-delay="1400"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="1400"].aos-animate,body[data-aos-delay="1400"] [data-aos].aos-animate{transition-delay:1.4s}[data-aos][data-aos][data-aos-duration="1450"],body[data-aos-duration="1450"] [data-aos]{transition-duration:1.45s}[data-aos][data-aos][data-aos-delay="1450"],body[data-aos-delay="1450"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="1450"].aos-animate,body[data-aos-delay="1450"] [data-aos].aos-animate{transition-delay:1.45s}[data-aos][data-aos][data-aos-duration="1500"],body[data-aos-duration="1500"] [data-aos]{transition-duration:1.5s}[data-aos][data-aos][data-aos-delay="1500"],body[data-aos-delay="1500"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="1500"].aos-animate,body[data-aos-delay="1500"] [data-aos].aos-animate{transition-delay:1.5s}[data-aos][data-aos][data-aos-duration="1550"],body[data-aos-duration="1550"] [data-aos]{transition-duration:1.55s}[data-aos][data-aos][data-aos-delay="1550"],body[data-aos-delay="1550"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="1550"].aos-animate,body[data-aos-delay="1550"] [data-aos].aos-animate{transition-delay:1.55s}[data-aos][data-aos][data-aos-duration="1600"],body[data-aos-duration="1600"] [data-aos]{transition-duration:1.6s}[data-aos][data-aos][data-aos-delay="1600"],body[data-aos-delay="1600"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="1600"].aos-animate,body[data-aos-delay="1600"] [data-aos].aos-animate{transition-delay:1.6s}[data-aos][data-aos][data-aos-duration="1650"],body[data-aos-duration="1650"] [data-aos]{transition-duration:1.65s}[data-aos][data-aos][data-aos-delay="1650"],body[data-aos-delay="1650"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="1650"].aos-animate,body[data-aos-delay="1650"] [data-aos].aos-animate{transition-delay:1.65s}[data-aos][data-aos][data-aos-duration="1700"],body[data-aos-duration="1700"] [data-aos]{transition-duration:1.7s}[data-aos][data-aos][data-aos-delay="1700"],body[data-aos-delay="1700"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="1700"].aos-animate,body[data-aos-delay="1700"] [data-aos].aos-animate{transition-delay:1.7s}[data-aos][data-aos][data-aos-duration="1750"],body[data-aos-duration="1750"] [data-aos]{transition-duration:1.75s}[data-aos][data-aos][data-aos-delay="1750"],body[data-aos-delay="1750"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="1750"].aos-animate,body[data-aos-delay="1750"] [data-aos].aos-animate{transition-delay:1.75s}[data-aos][data-aos][data-aos-duration="1800"],body[data-aos-duration="1800"] [data-aos]{transition-duration:1.8s}[data-aos][data-aos][data-aos-delay="1800"],body[data-aos-delay="1800"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="1800"].aos-animate,body[data-aos-delay="1800"] [data-aos].aos-animate{transition-delay:1.8s}[data-aos][data-aos][data-aos-duration="1850"],body[data-aos-duration="1850"] [data-aos]{transition-duration:1.85s}[data-aos][data-aos][data-aos-delay="1850"],body[data-aos-delay="1850"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="1850"].aos-animate,body[data-aos-delay="1850"] [data-aos].aos-animate{transition-delay:1.85s}[data-aos][data-aos][data-aos-duration="1900"],body[data-aos-duration="1900"] [data-aos]{transition-duration:1.9s}[data-aos][data-aos][data-aos-delay="1900"],body[data-aos-delay="1900"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="1900"].aos-animate,body[data-aos-delay="1900"] [data-aos].aos-animate{transition-delay:1.9s}[data-aos][data-aos][data-aos-duration="1950"],body[data-aos-duration="1950"] [data-aos]{transition-duration:1.95s}[data-aos][data-aos][data-aos-delay="1950"],body[data-aos-delay="1950"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="1950"].aos-animate,body[data-aos-delay="1950"] [data-aos].aos-animate{transition-delay:1.95s}[data-aos][data-aos][data-aos-duration="2000"],body[data-aos-duration="2000"] [data-aos]{transition-duration:2s}[data-aos][data-aos][data-aos-delay="2000"],body[data-aos-delay="2000"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="2000"].aos-animate,body[data-aos-delay="2000"] [data-aos].aos-animate{transition-delay:2s}[data-aos][data-aos][data-aos-duration="2050"],body[data-aos-duration="2050"] [data-aos]{transition-duration:2.05s}[data-aos][data-aos][data-aos-delay="2050"],body[data-aos-delay="2050"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="2050"].aos-animate,body[data-aos-delay="2050"] [data-aos].aos-animate{transition-delay:2.05s}[data-aos][data-aos][data-aos-duration="2100"],body[data-aos-duration="2100"] [data-aos]{transition-duration:2.1s}[data-aos][data-aos][data-aos-delay="2100"],body[data-aos-delay="2100"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="2100"].aos-animate,body[data-aos-delay="2100"] [data-aos].aos-animate{transition-delay:2.1s}[data-aos][data-aos][data-aos-duration="2150"],body[data-aos-duration="2150"] [data-aos]{transition-duration:2.15s}[data-aos][data-aos][data-aos-delay="2150"],body[data-aos-delay="2150"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="2150"].aos-animate,body[data-aos-delay="2150"] [data-aos].aos-animate{transition-delay:2.15s}[data-aos][data-aos][data-aos-duration="2200"],body[data-aos-duration="2200"] [data-aos]{transition-duration:2.2s}[data-aos][data-aos][data-aos-delay="2200"],body[data-aos-delay="2200"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="2200"].aos-animate,body[data-aos-delay="2200"] [data-aos].aos-animate{transition-delay:2.2s}[data-aos][data-aos][data-aos-duration="2250"],body[data-aos-duration="2250"] [data-aos]{transition-duration:2.25s}[data-aos][data-aos][data-aos-delay="2250"],body[data-aos-delay="2250"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="2250"].aos-animate,body[data-aos-delay="2250"] [data-aos].aos-animate{transition-delay:2.25s}[data-aos][data-aos][data-aos-duration="2300"],body[data-aos-duration="2300"] [data-aos]{transition-duration:2.3s}[data-aos][data-aos][data-aos-delay="2300"],body[data-aos-delay="2300"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="2300"].aos-animate,body[data-aos-delay="2300"] [data-aos].aos-animate{transition-delay:2.3s}[data-aos][data-aos][data-aos-duration="2350"],body[data-aos-duration="2350"] [data-aos]{transition-duration:2.35s}[data-aos][data-aos][data-aos-delay="2350"],body[data-aos-delay="2350"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="2350"].aos-animate,body[data-aos-delay="2350"] [data-aos].aos-animate{transition-delay:2.35s}[data-aos][data-aos][data-aos-duration="2400"],body[data-aos-duration="2400"] [data-aos]{transition-duration:2.4s}[data-aos][data-aos][data-aos-delay="2400"],body[data-aos-delay="2400"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="2400"].aos-animate,body[data-aos-delay="2400"] [data-aos].aos-animate{transition-delay:2.4s}[data-aos][data-aos][data-aos-duration="2450"],body[data-aos-duration="2450"] [data-aos]{transition-duration:2.45s}[data-aos][data-aos][data-aos-delay="2450"],body[data-aos-delay="2450"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="2450"].aos-animate,body[data-aos-delay="2450"] [data-aos].aos-animate{transition-delay:2.45s}[data-aos][data-aos][data-aos-duration="2500"],body[data-aos-duration="2500"] [data-aos]{transition-duration:2.5s}[data-aos][data-aos][data-aos-delay="2500"],body[data-aos-delay="2500"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="2500"].aos-animate,body[data-aos-delay="2500"] [data-aos].aos-animate{transition-delay:2.5s}[data-aos][data-aos][data-aos-duration="2550"],body[data-aos-duration="2550"] [data-aos]{transition-duration:2.55s}[data-aos][data-aos][data-aos-delay="2550"],body[data-aos-delay="2550"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="2550"].aos-animate,body[data-aos-delay="2550"] [data-aos].aos-animate{transition-delay:2.55s}[data-aos][data-aos][data-aos-duration="2600"],body[data-aos-duration="2600"] [data-aos]{transition-duration:2.6s}[data-aos][data-aos][data-aos-delay="2600"],body[data-aos-delay="2600"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="2600"].aos-animate,body[data-aos-delay="2600"] [data-aos].aos-animate{transition-delay:2.6s}[data-aos][data-aos][data-aos-duration="2650"],body[data-aos-duration="2650"] [data-aos]{transition-duration:2.65s}[data-aos][data-aos][data-aos-delay="2650"],body[data-aos-delay="2650"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="2650"].aos-animate,body[data-aos-delay="2650"] [data-aos].aos-animate{transition-delay:2.65s}[data-aos][data-aos][data-aos-duration="2700"],body[data-aos-duration="2700"] [data-aos]{transition-duration:2.7s}[data-aos][data-aos][data-aos-delay="2700"],body[data-aos-delay="2700"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="2700"].aos-animate,body[data-aos-delay="2700"] [data-aos].aos-animate{transition-delay:2.7s}[data-aos][data-aos][data-aos-duration="2750"],body[data-aos-duration="2750"] [data-aos]{transition-duration:2.75s}[data-aos][data-aos][data-aos-delay="2750"],body[data-aos-delay="2750"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="2750"].aos-animate,body[data-aos-delay="2750"] [data-aos].aos-animate{transition-delay:2.75s}[data-aos][data-aos][data-aos-duration="2800"],body[data-aos-duration="2800"] [data-aos]{transition-duration:2.8s}[data-aos][data-aos][data-aos-delay="2800"],body[data-aos-delay="2800"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="2800"].aos-animate,body[data-aos-delay="2800"] [data-aos].aos-animate{transition-delay:2.8s}[data-aos][data-aos][data-aos-duration="2850"],body[data-aos-duration="2850"] [data-aos]{transition-duration:2.85s}[data-aos][data-aos][data-aos-delay="2850"],body[data-aos-delay="2850"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="2850"].aos-animate,body[data-aos-delay="2850"] [data-aos].aos-animate{transition-delay:2.85s}[data-aos][data-aos][data-aos-duration="2900"],body[data-aos-duration="2900"] [data-aos]{transition-duration:2.9s}[data-aos][data-aos][data-aos-delay="2900"],body[data-aos-delay="2900"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="2900"].aos-animate,body[data-aos-delay="2900"] [data-aos].aos-animate{transition-delay:2.9s}[data-aos][data-aos][data-aos-duration="2950"],body[data-aos-duration="2950"] [data-aos]{transition-duration:2.95s}[data-aos][data-aos][data-aos-delay="2950"],body[data-aos-delay="2950"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="2950"].aos-animate,body[data-aos-delay="2950"] [data-aos].aos-animate{transition-delay:2.95s}[data-aos][data-aos][data-aos-duration="3000"],body[data-aos-duration="3000"] [data-aos]{transition-duration:3s}[data-aos][data-aos][data-aos-delay="3000"],body[data-aos-delay="3000"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="3000"].aos-animate,body[data-aos-delay="3000"] [data-aos].aos-animate{transition-delay:3s}[data-aos]{pointer-events:none}[data-aos].aos-animate{pointer-events:auto}[data-aos][data-aos][data-aos-easing=linear],body[data-aos-easing=linear] [data-aos]{transition-timing-function:cubic-bezier(.25,.25,.75,.75)}[data-aos][data-aos][data-aos-easing=ease],body[data-aos-easing=ease] [data-aos]{transition-timing-function:ease}[data-aos][data-aos][data-aos-easing=ease-in],body[data-aos-easing=ease-in] [data-aos]{transition-timing-function:ease-in}[data-aos][data-aos][data-aos-easing=ease-out],body[data-aos-easing=ease-out] [data-aos]{transition-timing-function:ease-out}[data-aos][data-aos][data-aos-easing=ease-in-out],body[data-aos-easing=ease-in-out] [data-aos]{transition-timing-function:ease-in-out}[data-aos][data-aos][data-aos-easing=ease-in-back],body[data-aos-easing=ease-in-back] [data-aos]{transition-timing-function:cubic-bezier(.6,-.28,.735,.045)}[data-aos][data-aos][data-aos-easing=ease-out-back],body[data-aos-easing=ease-out-back] [data-aos]{transition-timing-function:cubic-bezier(.175,.885,.32,1.275)}[data-aos][data-aos][data-aos-easing=ease-in-out-back],body[data-aos-easing=ease-in-out-back] [data-aos]{transition-timing-function:cubic-bezier(.68,-.55,.265,1.55)}[data-aos][data-aos][data-aos-easing=ease-in-sine],body[data-aos-easing=ease-in-sine] [data-aos]{transition-timing-function:cubic-bezier(.47,0,.745,.715)}[data-aos][data-aos][data-aos-easing=ease-out-sine],body[data-aos-easing=ease-out-sine] [data-aos]{transition-timing-function:cubic-bezier(.39,.575,.565,1)}[data-aos][data-aos][data-aos-easing=ease-in-out-sine],body[data-aos-easing=ease-in-out-sine] [data-aos]{transition-timing-function:cubic-bezier(.445,.05,.55,.95)}[data-aos][data-aos][data-aos-easing=ease-in-quad],body[data-aos-easing=ease-in-quad] [data-aos]{transition-timing-function:cubic-bezier(.55,.085,.68,.53)}[data-aos][data-aos][data-aos-easing=ease-out-quad],body[data-aos-easing=ease-out-quad] [data-aos]{transition-timing-function:cubic-bezier(.25,.46,.45,.94)}[data-aos][data-aos][data-aos-easing=ease-in-out-quad],body[data-aos-easing=ease-in-out-quad] [data-aos]{transition-timing-function:cubic-bezier(.455,.03,.515,.955)}[data-aos][data-aos][data-aos-easing=ease-in-cubic],body[data-aos-easing=ease-in-cubic] [data-aos]{transition-timing-function:cubic-bezier(.55,.085,.68,.53)}[data-aos][data-aos][data-aos-easing=ease-out-cubic],body[data-aos-easing=ease-out-cubic] [data-aos]{transition-timing-function:cubic-bezier(.25,.46,.45,.94)}[data-aos][data-aos][data-aos-easing=ease-in-out-cubic],body[data-aos-easing=ease-in-out-cubic] [data-aos]{transition-timing-function:cubic-bezier(.455,.03,.515,.955)}[data-aos][data-aos][data-aos-easing=ease-in-quart],body[data-aos-easing=ease-in-quart] [data-aos]{transition-timing-function:cubic-bezier(.55,.085,.68,.53)}[data-aos][data-aos][data-aos-easing=ease-out-quart],body[data-aos-easing=ease-out-quart] [data-aos]{transition-timing-function:cubic-bezier(.25,.46,.45,.94)}[data-aos][data-aos][data-aos-easing=ease-in-out-quart],body[data-aos-easing=ease-in-out-quart] [data-aos]{transition-timing-function:cubic-bezier(.455,.03,.515,.955)}@media screen{html:not(.no-js) [data-aos^=fade][data-aos^=fade]{opacity:0;transition-property:opacity,-webkit-transform;transition-property:opacity,transform;transition-property:opacity,transform,-webkit-transform}html:not(.no-js) [data-aos^=fade][data-aos^=fade].aos-animate{opacity:1;-webkit-transform:none;transform:none}html:not(.no-js) [data-aos=fade-up]{-webkit-transform:translate3d(0,100px,0);transform:translate3d(0,100px,0)}html:not(.no-js) [data-aos=fade-down]{-webkit-transform:translate3d(0,-100px,0);transform:translate3d(0,-100px,0)}html:not(.no-js) [data-aos=fade-right]{-webkit-transform:translate3d(-100px,0,0);transform:translate3d(-100px,0,0)}html:not(.no-js) [data-aos=fade-left]{-webkit-transform:translate3d(100px,0,0);transform:translate3d(100px,0,0)}html:not(.no-js) [data-aos=fade-up-right]{-webkit-transform:translate3d(-100px,100px,0);transform:translate3d(-100px,100px,0)}html:not(.no-js) [data-aos=fade-up-left]{-webkit-transform:translate3d(100px,100px,0);transform:translate3d(100px,100px,0)}html:not(.no-js) [data-aos=fade-down-right]{-webkit-transform:translate3d(-100px,-100px,0);transform:translate3d(-100px,-100px,0)}html:not(.no-js) [data-aos=fade-down-left]{-webkit-transform:translate3d(100px,-100px,0);transform:translate3d(100px,-100px,0)}html:not(.no-js) [data-aos^=zoom][data-aos^=zoom]{opacity:0;transition-property:opacity,-webkit-transform;transition-property:opacity,transform;transition-property:opacity,transform,-webkit-transform}html:not(.no-js) [data-aos^=zoom][data-aos^=zoom].aos-animate{opacity:1;-webkit-transform:translateZ(0) scale(1);transform:translateZ(0) scale(1)}html:not(.no-js) [data-aos=zoom-in]{-webkit-transform:scale(.6);transform:scale(.6)}html:not(.no-js) [data-aos=zoom-in-up]{-webkit-transform:translate3d(0,100px,0) scale(.6);transform:translate3d(0,100px,0) scale(.6)}html:not(.no-js) [data-aos=zoom-in-down]{-webkit-transform:translate3d(0,-100px,0) scale(.6);transform:translate3d(0,-100px,0) scale(.6)}html:not(.no-js) [data-aos=zoom-in-right]{-webkit-transform:translate3d(-100px,0,0) scale(.6);transform:translate3d(-100px,0,0) scale(.6)}html:not(.no-js) [data-aos=zoom-in-left]{-webkit-transform:translate3d(100px,0,0) scale(.6);transform:translate3d(100px,0,0) scale(.6)}html:not(.no-js) [data-aos=zoom-out]{-webkit-transform:scale(1.2);transform:scale(1.2)}html:not(.no-js) [data-aos=zoom-out-up]{-webkit-transform:translate3d(0,100px,0) scale(1.2);transform:translate3d(0,100px,0) scale(1.2)}html:not(.no-js) [data-aos=zoom-out-down]{-webkit-transform:translate3d(0,-100px,0) scale(1.2);transform:translate3d(0,-100px,0) scale(1.2)}html:not(.no-js) [data-aos=zoom-out-right]{-webkit-transform:translate3d(-100px,0,0) scale(1.2);transform:translate3d(-100px,0,0) scale(1.2)}html:not(.no-js) [data-aos=zoom-out-left]{-webkit-transform:translate3d(100px,0,0) scale(1.2);transform:translate3d(100px,0,0) scale(1.2)}html:not(.no-js) [data-aos^=slide][data-aos^=slide]{transition-property:-webkit-transform;transition-property:transform;transition-property:transform,-webkit-transform;visibility:hidden}html:not(.no-js) [data-aos^=slide][data-aos^=slide].aos-animate{visibility:visible;-webkit-transform:translateZ(0);transform:translateZ(0)}html:not(.no-js) [data-aos=slide-up]{-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}html:not(.no-js) [data-aos=slide-down]{-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}html:not(.no-js) [data-aos=slide-right]{-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}html:not(.no-js) [data-aos=slide-left]{-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}html:not(.no-js) [data-aos^=flip][data-aos^=flip]{-webkit-backface-visibility:hidden;backface-visibility:hidden;transition-property:-webkit-transform;transition-property:transform;transition-property:transform,-webkit-transform}html:not(.no-js) [data-aos=flip-left]{-webkit-transform:perspective(2500px) rotateY(-100deg);transform:perspective(2500px) rotateY(-100deg)}html:not(.no-js) [data-aos=flip-left].aos-animate{-webkit-transform:perspective(2500px) rotateY(0);transform:perspective(2500px) rotateY(0)}html:not(.no-js) [data-aos=flip-right]{-webkit-transform:perspective(2500px) rotateY(100deg);transform:perspective(2500px) rotateY(100deg)}html:not(.no-js) [data-aos=flip-right].aos-animate{-webkit-transform:perspective(2500px) rotateY(0);transform:perspective(2500px) rotateY(0)}html:not(.no-js) [data-aos=flip-up]{-webkit-transform:perspective(2500px) rotateX(-100deg);transform:perspective(2500px) rotateX(-100deg)}html:not(.no-js) [data-aos=flip-up].aos-animate{-webkit-transform:perspective(2500px) rotateX(0);transform:perspective(2500px) rotateX(0)}html:not(.no-js) [data-aos=flip-down]{-webkit-transform:perspective(2500px) rotateX(100deg);transform:perspective(2500px) rotateX(100deg)}html:not(.no-js) [data-aos=flip-down].aos-animate{-webkit-transform:perspective(2500px) rotateX(0);transform:perspective(2500px) rotateX(0)}}