@import url(http://fonts.googleapis.com/css?family=Open+Sans:400,300,400italic,300italic,600,600italic,700,700italic);
 html, body {
     height: 100%;
}
 body {
     font-family: 'Open Sans', sans-serif;
}
/* Scrollbar Styling */
::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.1);
    background-color: #F5F5F5;
}

::-webkit-scrollbar {
    width: 12px;
    background-color: #F5F5F5;
}

::-webkit-scrollbar-thumb {
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.1);
    background-image: -webkit-gradient(linear, left bottom, left top, from(#30cfd0), to(#330867));
    background-image: -webkit-linear-gradient(bottom, #30cfd0 0%, #330867 100%);
    background-image: linear-gradient(to top, #30cfd0 0%, #330867 100%);
}
 .required {
     color: red;
}
 a, a:hover, a:focus, button, .btn {
     outline: none !important;
     text-decoration: none !important;
     color: #1c5192;
}
 .btn-red {
     color: #fff !important;
     background-color: #FF616F;
     border: none !important;
     border-radius: 180px !important;
}
 .btn-red:hover {
     color: #fff;
     background-color: #e03b48;
}
 .btn-theme {
     color: #fff !important;
     background: #65278f;
     border-radius: 6px;
     box-shadow: none;
}
 .btn-theme:hover {
     background: #8e2e96;
}
 .btn-cancel {
     background: #e7e7e7;
     border: none;
     color: #000;
}
 .btn-cancel:hover {
     background: linear-gradient(15deg,#f3f3f3,#bbbbbb);
     color: #000;
}
 .btn-border {
     background-color: #ffffff;
     color: #65278f;
     box-shadow: none;
     border-radius: 6px;
     border-color: #65278f;
}
 .btn-border:hover {
     background: #65278f;
     color: #fff;
}
 .row {
     margin-right: -10px;
     margin-left: -10px;
}
 .col, .col-1, .col-10, .col-11, .col-12, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-auto, .col-lg, .col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-auto, .col-md, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-auto, .col-sm, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-auto, .col-xl, .col-xl-1, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-auto {
     padding-right: 10px;
     padding-left: 10px;
}
 p {
     font-size: 14px;
     color: #6e6e6e;
}
 .text-green {
     color: #1c5192 !important;
}
 .btn, button {
     outline: none !important;
     box-shadow: none !important;
     padding: 4px 15px;
     font-size: 12px;
}
 .checkbox-theme {
     padding-left: 30px !important;
     margin: 0 0 15px;
     text-align: left;
}
 .checkbox-theme label {
     display: inline-block;
     vertical-align: middle;
     position: relative;
     cursor: pointer;
     margin-bottom: 0px;
     line-height: 20px;
     font-size: 13px;
     color: #000000;
     width: auto;
     font-weight: normal;
     text-align: left;
}
 .checkbox-theme label::before {
     content: "";
     position: absolute;
     width: 18px;
     height: 18px;
     line-height: 16px;
     font-size: 11px;
     left: 0;
     margin-left: -25px;
     border: 2px solid #d6d6d6;
     border-radius: 0px;
     background-color: white;
     text-align: center;
}
 .checkbox-theme label::after {
     width: 18px;
     left: 1px;
     top: 0px;
     margin-left: -26px;
     font-size: 10px;
     color: #ffffff;
     line-height: 18px;
     text-align: center;
     border: none !important;
     border-radius: 4px;
     background: #268dcd;
}
 .checkbox-theme input[type="checkbox"] {
     opacity: 0;
     z-index: 1;
     margin: 0px 0px 0px -26px;
     cursor: pointer;
     position: absolute;
     width: 18px;
     height: 18px;
     min-width: inherit !important;
}
 .checkbox-theme input[type="checkbox"]:focus+label::before {
     outline: none;
}
 .checkbox-theme input[type="checkbox"]:checked+label::before {
     font-family: "FontAwesome";
     content: "\f00c";
     color: #1c5192;
     border: 2px solid #1c5192;
}
 .radio-theme {
     padding-left: 25px !important;
     margin: 10px 0px;
}
 .radio-theme label {
     display: inline-block;
     vertical-align: middle;
     position: relative;
     cursor: pointer;
     color: gray;
     margin-bottom: 0px;
     font-size: 13px;
     line-height: 20px;
     width: auto;
     font-weight: normal;
     min-width: 120px;
}
 .radio-theme label::before {
     content: "";
     position: absolute;
     width: 20px;
     height: 20px;
     font-size: 11px;
     left: 0;
     margin-left: -25px;
     border: 2px solid #cecece;
     border-radius: 50%;
     background-color: transparent;
     text-align: center;
     color: #fff;
}
 .radio-theme input[type="radio"] {
     opacity: 0;
     z-index: 1;
     margin: 0px 0px 0px -22px;
     cursor: pointer;
     width: 20px;
     height: 20px;
     float: left;
}
 .radio-theme input[type="radio"]:disabled+label {
     opacity: 0.65;
}
 .radio-theme input[type="radio"]:disabled+label::before {
     background-color: #eeeeee;
     cursor: not-allowed;
}
 .radio-theme.checkbox-circle label::before {
     border-radius: 50%;
}
 .radio-theme.checkbox-inline {
     margin-top: 0;
}
 .radio-theme input[type="radio"]:checked+label:after {
     content: "";
     position: absolute;
     width: 7px;
     height: 7px;
     left: 7px;
     top: 7px;
     margin-left: -25px;
     border-radius: 50%;
     background-color: #1c5192;
     text-align: center;
     color: #fff;
}
 .radio-theme input[type="radio"] .styled:checked+label::before {
     color: #fff;
}
 .radio-theme input[type="radio"] .styled:checked+label::after {
     color: #fff;
}
 .spacer-top-5 {
     margin-top: 5px !important;
}
 .spacer-top-10 {
     margin-top: 10px !important;
}
 .spacer-top-15 {
     margin-top: 15px !important;
}
 .spacer-top-20 {
     margin-top: 20px !important;
}
 .spacer-top-25 {
     margin-top: 25px !important;
}
 .spacer-top-30 {
     margin-top: 30px !important;
}
 .spacer-top-35 {
     margin-top: 35px !important;
}
 .spacer-top-40 {
     margin-top: 40px !important;
}
 .spacer-top-45 {
     margin-top: 45px !important;
}
 .spacer-top-50 {
     margin-top: 50px !important;
}
 .spacer-bottom-5 {
     margin-bottom: 5px !important;
}
 .spacer-bottom-10 {
     margin-bottom: 10px !important;
}
 .spacer-bottom-15 {
     margin-bottom: 15px !important;
}
 .spacer-bottom-20 {
     margin-bottom: 20px !important;
}
 .spacer-bottom-25 {
     margin-bottom: 25px !important;
}
 .spacer-bottom-30 {
     margin-bottom: 30px !important;
}
 .spacer-bottom-35 {
     margin-bottom: 35px !important;
}
 .spacer-bottom-40 {
     margin-bottom: 40px !important;
}
 .spacer-bottom-45 {
     margin-bottom: 45px !important;
}
 .spacer-bottom-50 {
     margin-bottom: 50px !important;
}
 .spacer-left-5 {
     margin-left: 5px !important;
}
 .spacer-left-10 {
     margin-left: 10px !important;
}
 .spacer-left-15 {
     margin-left: 15px !important;
}
 .spacer-left-20 {
     margin-left: 20px !important;
}
 .spacer-left-25 {
     margin-left: 25px !important;
}
 .spacer-left-30 {
     margin-left: 30px !important;
}
 .spacer-left-35 {
     margin-left: 35px !important;
}
 .spacer-left-40 {
     margin-left: 40px !important;
}
 .spacer-left-45 {
     margin-left: 45px !important;
}
 .spacer-left-50 {
     margin-left: 50px !important;
}
 .spacer-right-5 {
     margin-right: 5px !important;
}
 .spacer-right-10 {
     margin-right: 10px !important;
}
 .spacer-right-15 {
     margin-right: 15px !important;
}
 .spacer-right-20 {
     margin-right: 20px !important;
}
 .spacer-right-25 {
     margin-right: 25px !important;
}
 .spacer-right-30 {
     margin-right: 30px !important;
}
 .spacer-right-35 {
     margin-right: 35px !important;
}
 .spacer-right-40 {
     margin-right: 40px !important;
}
 .spacer-right-45 {
     margin-right: 45px !important;
}
 .spacer-right-50 {
     margin-right: 50px !important;
}
 .main-page-body {
     width: 100%;
     float: left;
     left: 0px;
     padding: 12px;
     position: relative;
}
 .main-page-body:before {
     content: "";
     background: #ebf0f4;
     position: fixed;
     top: 0px;
     left: 0px;
     width: 100%;
     height: 100%;
     z-index: -1;
     -webkit-transition: all 0.2s ease-in-out;
     -moz-transition: all 0.2s ease-in-out;
     -o-transition: all 0.2s ease-in-out;
     transition: all 0.2s ease-in-out;
}
 .nodata-display {
     width: 100%;
     float: left;
     padding: 250px 0px 50px 0px;
     text-align: center;
     position: relative;
     color: rgb(40, 59, 83);
     font-size: 18px;
}
 .nodata-display:before {
     content: "";
     background-image: url(../images/nodata-display.png);
     position: absolute;
     top: 30px;
     width: 200px;
     height: 200px;
     left: 50%;
     margin-left: -100px;
     background-size: 200px;
}
 .nodata-display .btn-nodata {
     width: 100%;
     position: relative;
     float: left;
     margin-top: 20px;
}
 .page-title-group {
     width: 100%;
     float: left;
     background: #ffffff;
     padding: 0px;
     z-index: 4;
     position: fixed;
}
 .page-title-group .show-hide-menu {
     border-radius: 180px;
     float: left;
     height: 18px;
     width: 20px;
     text-align: center;
     display: inline-block;
     vertical-align: top;
     background: white;
     border: none !important;
     box-shadow: none !important;
     outline: none !important;
     margin: 16px 15px;
}
 .page-title-group .show-hide-menu:before {
     font-family: pe-icon-7-stroke;
     position: absolute;
     line-height: 30px;
     width: 30px;
     top: 0px;
     left: 0px;
     text-align: center;
     font-size: 25px;
     color: #8f8f8f;
     -webkit-transition: all 0.4s ease-in-out;
     -moz-transition: all 0.4s ease-in-out;
     -o-transition: all 0.4s ease-in-out;
     transition: all 0.4s ease-in-out;
     height: 30px;
     border-radius: 50%;
     border: 1px solid #cacaca;
}
 .page-title-group .show-hide-menu:hover:before {
     border: 1px solid #676767;
     background: #ebf0f4;
}
 .page-area.full-menu-active .page-title-group .show-hide-menu:before {
     transform: rotate(-180deg);
}
 .page-title-group .page-title {
     float: left;
     color: #292f4c;
     font-size: 18px;
     text-transform: capitalize;
     font-weight: 600;
     height: 50px;
}
 .page-title-group .page-title img {
     width: auto;
     padding: 8px 10px;
     height: 50px;
}
 .header-action {
     float: left;
}
 .header-action .user-photo {
     width: 30px;
     height: 30px;
     float: left;
}
 .header-action .user-photo .pe-icon {
     font-size: 30px;
     line-height: 30px;
     width: 30px;
     height: 30px;
     text-align: center;
     color: #8f8f8f;
}
 .header-action .user-photo img {
     float: left;
     width: 100%;
     height: 100%;
     border-radius: 50%;
}
 .header-action .user-name {
     display: inline-block;
     vertical-align: top;
     line-height: 30px;
     padding-left: 8px;
     color: #8f8f8f;
     font-size: 12px;
     position: relative;
     text-transform: uppercase;
}
 .header-action .user-name:hover {
     color: #1c5192;
}
 .header-action .dropdown-toggle {
     float: left;
     line-height: 30px;
     text-align: center;
     cursor: pointer;
     margin-left: 10px;
     padding: 0px;
}
 .header-action .dropdown-toggle:after {
     display: none;
}
 .header-action .icon-group {
     border: 1px solid #e6e6e6;
     padding: 0px 7px;
     border-radius: 180px;
     float: left;
     height: 30px;
     -webkit-transition: all 0.4s ease-in-out;
     -moz-transition: all 0.4s ease-in-out;
     -o-transition: all 0.4s ease-in-out;
     transition: all 0.4s ease-in-out;
}
 .header-action .icon-group:hover {
     border: 1px solid #676767;
}
 .header-action .icon-group .pe-icon {
     font-size: 20px;
     line-height: 28px;
     width: 28px;
     text-align: center;
     color: #8f8f8f;
}
 .header-action .icon-group .qty {
     font-size: 9px;
     width: 17px;
     height: 17px;
     line-height: 17px;
     text-align: center;
     color: #ffffff;
     font-weight: normal;
     position: absolute;
     right: -5px;
     top: -6px;
     background: #e74c3b;
     border-radius: 50%;
}
 .header-action ul.dropdown-menu {
     right: 0px;
     left: initial !important;
     margin: 0px;
     margin-top: 40px;
     transform: initial !important;
     padding: 0px;
     border: none;
     width: auto;
     background: #FFF;
     border-radius: 10px;
     overflow: hidden;
     box-shadow: 0px 6px 10px 10px rgba(0, 0, 0, 0.05);
     min-width: 200px;
}
 .header-action ul.dropdown-menu.dropdown-log {
     min-width: 350px;
}
 .header-action ul.dropdown-menu .message-theme .message-inner .sender-message {
     overflow: hidden;
     text-overflow: ellipsis;
     white-space: nowrap;
}
 .header-action ul.dropdown-menu li {
     width: 100%;
     float: left;
     margin: 0px;
     padding: 0px;
}
 .header-action ul.dropdown-menu li.view-all {
     background: #ffffff;
}
 .header-action ul.dropdown-menu li.view-all a {
     color: #1c5192;
     padding: 0px;
     border: none;
     background: white;
     line-height: 20px;
     width: 100%;
     text-align: center;
     max-width: initial;
}
 .header-action ul.dropdown-menu li a {
     width: 100%;
     float: left;
     line-height: 30px;
     padding: 4px 15px;
     font-size: 13px;
     color: #495057;
     text-align: left;
     max-width: 300px;
}
 .header-action ul.dropdown-menu li a .fa {
     line-height: 30px;
     display: inline-block;
     width: 20px;
     margin-right: 8px;
     float: none;
     font-size: 14px;
     background: transparent;
     border-radius: 0px;
     vertical-align: top;
     float: left;
}
 .header-action ul.dropdown-menu li:hover a {
     color: #1c5192;
}
 .page-area {
     position: absolute;
     top: 0px;
     left: 0px;
     height: 100%;
     width: 100%;
}
 .page-area.full-menu-active .page-working-area {
     width: calc(100% - 200px);
}
 .left-menu {
     position: fixed;
     top: 50px;
     left: 0px;
     height: calc(100% - 50px);
     width: 200px;
     -webkit-transition: all 0.2s ease-in-out;
     -moz-transition: all 0.2s ease-in-out;
     -o-transition: all 0.2s ease-in-out;
     transition: all 0.2s ease-in-out;
     overflow-y: auto;
     background: linear-gradient(45deg,#982f97,#0a1980);
}
 .left-menu .left-brand {
     width: 60px;
     height: 60px;
     float: left;
}
 .left-menu .left-brand img {
     width: 60px;
     height: 60px;
     padding: 10px;
}
 .left-menu .navbar-left {
     margin: 0px;
     padding: 0px;
     list-style: none;
     width: 100%;
     position: relative;
     float: left;
}
 .left-menu .navbar-left .nav-item {
     width: 100%;
     float: left;
     position: relative;
     border-bottom: 1px solid rgba(0, 0, 0, 0.2);
}
 .left-menu .navbar-left .nav-item .nav-link {
     width: 100%;
     height: 50px;
     float: left;
     padding: 0px 25px 0px 50px;
     position: relative;
     color: #ffffff;
}
 .left-menu .navbar-left .nav-item .nav-link.active {
     background: rgba(0, 0, 0, 0.1) url(../images/active-line.png) left center no-repeat;
     background-size: 14px;
}
 .left-menu .navbar-left .nav-item .nav-link.active i, .left-menu .navbar-left .nav-item .nav-link:hover i {
     opacity: 1;
}
 .left-menu .navbar-left .nav-item .nav-link i {
     width: 50px;
     height: 50px;
     float: left;
     line-height: 50px;
     text-align: center;
     font-size: 19px;
     position: absolute;
     top: 0px;
     left: 0px;
     opacity: 0.4;
}
 .left-menu .navbar-left .nav-item .nav-link .nav-name {
     line-height: 50px;
     width: 100%;
     font-size: 12px;
     float: left;
     white-space: nowrap;
}
 .left-menu .navbar-left .nav-item.active {
     background: rgba(0, 0, 0, 0.2) !important;
}
 .left-menu .navbar-left .nav-item.dropdown .dropdown-menu {
     transform: initial !important;
     top: 100% !important;
     left: 0px !important;
     right: 0px !important;
     background: transparent !important;
     border-radius: 0px !important;
     width: 100% !important;
     padding: 0px !important;
     margin: 0px !important;
     border: none !important;
}
 .left-menu .navbar-left .nav-item.dropdown .dropdown-menu .dropdown-item {
     width: 100%;
     float: left;
     position: relative;
     padding: 0px 0px 0px 60px;
     margin: 0px;
     background: transparent !important;
}
 .left-menu .navbar-left .nav-item.dropdown .dropdown-menu .dropdown-item .nav-link {
     float: left;
     padding: 0px;
     position: relative;
     line-height: 46px;
     height: 46px;
     font-size: 14px;
     color: rgba(255, 255, 255, 0.5);
     border-top: 1px dashed #000;
}
 .left-menu .navbar-left .nav-item .panel-collapse {
     width: 100%;
     float: left;
     background-color: rgba(255, 255, 255, 0.1);
     border-top: 1px solid rgba(0, 0, 0, 0.2);
     -webkit-transition: all 0.2s ease-in-out;
     -moz-transition: all 0.2s ease-in-out;
     -o-transition: all 0.2s ease-in-out;
     transition: all 0.2s ease-in-out;
}
 .left-menu .navbar-left .nav-item .panel-collapse ul.nav {
     width: 100%;
     float: left;
     position: relative;
     text-align: left;
     padding: 0;
     margin: 0;
}
 .left-menu .navbar-left .nav-item .panel-collapse ul.nav li {
     width: 100%;
     float: left;
     position: relative;
     border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}
 .left-menu .navbar-left .nav-item .panel-collapse ul.nav li a {
     width: 100%;
     float: left;
     position: relative;
     font-size: 12px;
     color: rgba(255, 255, 255, 0.6);
     padding: 10px 15px 10px 50px;
}
 .left-menu .navbar-left .nav-item .panel-collapse ul.nav li:hover a {
     color: #fff;
}
 .left-menu .navbar-left .nav-item .panel-collapse ul.nav li:last-child {
     border-bottom: 0;
}
 .left-menu .navbar-left .nav-item .panel-collapse ul.nav .panel-collapse {
     border-top: 0;
}
 .left-menu .navbar-left .nav-item .panel-collapse ul.nav .panel-collapse.collapse-settings ul.nav li a {
     padding-left: 60px;
}
 .left-menu .navbar-left .nav-item .panel-collapse ul.nav .panel-collapse.collapse-third ul li a {
     padding-left: 70px !important;
}
 .left-menu .navbar-left .nav-item .panel-collapse ul.nav .panel-collapse.collapse-forth ul li a {
     padding-left: 80px !important;
}
 .left-menu .navbar-left .nav-item .panel-collapse ul.nav li .sub-collapse .arrow-icon {
     line-height: 39px;
     height: 100%;
     width: 35px;
     text-align: center;
     float: right;
     position: absolute;
     right: 0px;
     font-family: FontAwesome;
     top: 0;
}
 .left-menu .navbar-left .nav-item .panel-collapse ul.nav li .sub-collapse.collapsed .arrow-icon:before {
     content: "\f106";
}
 .left-menu .navbar-left .nav-item .panel-collapse ul.nav li .sub-collapse .arrow-icon:before {
     content: "\f107";
}
 .left-menu .navbar-left .nav-item .nav-link .arrow-icon {
     line-height: 50px;
     height: 100%;
     width: 15px;
     text-align: center;
     float: right;
     position: absolute;
     right: 10px;
     font-family: FontAwesome;
}
 .left-menu .navbar-left .nav-item .nav-link.collapsed .arrow-icon:before {
     content: "\f107";
}
 .left-menu .navbar-left .nav-item .nav-link .arrow-icon:before {
     content: "\f106";
}
 .page-area .page-working-area {
     position: absolute;
     top: 50px;
     right: 0px;
     height: calc(100% - 50px);
     width: calc(100% - 50px);
     border-radius: 0px;
     overflow: auto;
     -webkit-transition: all 0.2s ease-in-out;
     -moz-transition: all 0.2s ease-in-out;
     -o-transition: all 0.2s ease-in-out;
     transition: all 0.2s ease-in-out;
     background: #ffffff;
     border-top: 1px solid #d6e3ec;
     box-shadow: inset 0 40px 40px -10px rgba(238, 238, 238, .75);
}
 .header-action-right {
     float: right;
     margin: 8px 15px;
}
 .message-theme {
     padding: 0;
     width: 100%;
     float: left;
     position: relative;
     margin: 0px;
     max-height: 500px;
     overflow-y: auto;
}
 .message-theme .message-inner {
     padding: 6px 10px 6px 16px;
     position: relative;
     border-radius: 0px;
     border: 1px solid #e0e0e0;
     width: 100%;
     float: left;
     margin-bottom: 6px;
     list-style: none;
     background: #fff;
}
 .message-theme .message-inner:before {
     content:"";
     width: 4px;
     height: 100%;
     position: absolute;
     left: 0px;
     top: 0px;
     z-index: 1;
}
 .message-theme .message-inner.unread-message:before {
     background: #00b500;
}
 .message-theme .message-inner.recent-message:before {
     background: #65278f;
}
 .message-theme .message-inner.read-message:before {
     background: #b1b1b1;
}
 .message-theme .message-inner:hover {
     background: #f3f6f9;
     border: 1px solid #9bacb7;
}
 .message-theme .message-inner .sender-user {
     width: 100%;
     float: left;
     position: relative;
     padding-left: 42px;
     min-height: 36px;
     margin-bottom: 4px;
}
 .message-theme .message-inner .sender-user .sender-user-img {
     width: 32px;
     height: 32px;
     position: absolute;
     top: 0px;
     left: 0px;
     border-radius: 50%;
}
 .message-theme .message-inner .sender-user .sender-user-img img {
     width: 32px;
     height: 32px;
     position: relative;
     border-radius: 50%;
}
 .message-theme .message-inner .sender-user .sender-user-name {
     color: #000000;
     font-weight: 600;
     width: 100%;
     white-space: normal;
     text-overflow: ellipsis;
     overflow: hidden;
     float: left;
     font-size: 13px;
}
 .message-theme .message-inner .sender-user .sender-user-time {
     width: 100%;
     position: relative;
     float: left;
     font-size: 11px;
     color: #a7a7a7;
}
 .message-theme .message-inner .sender-message {
     width: 100%;
     float: left;
     position: relative;
     font-size: 12px;
     color: #3c3c3c;
     line-height: 20px;
     max-height: 40px;
     overflow: hidden;
}
 .message-theme .message-inner .sender-message strong {
     padding-right: 3px;
}
 .fileupload {
     width: 100%;
     float: left;
     position: relative;
}
 .fileupload .drag-drop-box {
     width: 100%;
     border-radius: 24px;
     float: left;
     padding: 10px;
     border: 2px dashed #d3d2d2 !important;
     background: #fff;
     max-height: 100px;
     font-size: 14px !important;
     line-height: 76px !important;
     vertical-align: middle;
     position: relative;
     top: 0px;
}
 .fileupload .btn-file>input {
     position: absolute;
     top: 0;
     right: 0;
     margin: 0;
     opacity: 0;
     font-size: 23px;
     width: 100%;
     cursor: pointer;
     height: 100%;
}
 .fileupload .drag-drop-box .fileupload-new {
     font-size: 16px;
     color: #1c5192;
}
 .dummy-file {
     float: left;
     width: 100%;
     position: relative;
     margin-top: 20px;
     font-size: 14px;
     color: #000000;
     line-height: 26px;
     font-weight: 600;
}
 .menu-toggler .bar1, .menu-toggler .bar2, .menu-toggler .bar3 {
     width: 20px;
     height: 2px;
     background-color: #1c5192;
     margin: 2px 0;
     transition: 0.4s;
     float: left;
}
 .full-menu-active .menu-toggler .bar1 {
     -webkit-transform: rotate(-45deg) translate(-4px, 6px);
     transform: rotate(-45deg) translate(-4px, 4px);
}
 .full-menu-active .menu-toggler .bar2 {
     opacity: 0;
}
 .full-menu-active .menu-toggler .bar3 {
     -webkit-transform: rotate(45deg) translate(-4px, -6px);
     transform: rotate(45deg) translate(-5px, -4px);
}
 .btn-login-white {
     float: right;
     width: auto;
     text-align: right;
     background: transparent;
     color: #fff;
}
 .btn-login-white.active, .btn-login-white:hover {
     background: #fff;
     box-shadow: 3px 0px 4px 0px #000;
     color: #65278f;
}
 .login-page {
     width: 100%;
     height: 100%;
     position: fixed;
     overflow: auto;
}
 .login-page:before {
     content: "";
     background-image: url(../images/login-dotted.png);
     width: 357px;
     height: 1080px;
     background-size: 80%;
     background-position: bottom right;
     background-repeat: no-repeat;
     position: absolute;
     right: 0px;
     bottom: 0;
}
 .login-page:after {
     content: "";
     background-image: url(../images/login-dotted.png);
     width: 357px;
     height: 1080px;
     background-size: 80%;
     background-position: top right;
     background-repeat: no-repeat;
     position: absolute;
     left: -2px;
     bottom: 200px;
     transform: rotate(180deg);
}
 .login-page .login-logo {
     position: relative;
     text-align: center;
     margin-bottom: 20px;
}
 .login-page .login-logo img {
     width: 100%;
     max-width: 250px;
     display: inline-block;
     vertical-align: top;
}
 .login-page .dislpaytable {
     display: table;
     width: 100%;
     height: 100%;
     z-index: 1;
     position: relative;
}
 .login-page .valign-content {
     position: relative;
     display: table-cell;
     vertical-align: middle;
     text-align: center;
}
 .login-page .valign-content-inner {
     display: inline-block;
     max-width: 325px;
     padding: 20px 20px;
}
 .login-page .center-login {
     width: 100%;
     float: left;
     z-index: 1;
     display: inline-block;
     vertical-align: top;
}
 .login-page .center-login .title-group {
     width: 100%;
     float: left;
     margin-bottom: 20px;
}
 .login-page .center-login .title-group .title {
     width: 100%;
     float: left;
     color: #314455;
     text-align: left;
     font-size: 17px;
     font-weight: 600;
}
 .login-page .center-login .title-group .sub-title {
     width: 100%;
     float: left;
     color: #000000;
     text-align: left;
     font-size: 15px;
     font-weight: normal;
}
 .login-page .center-login .form-group {
     width: 100%;
     float: left;
     margin-bottom: 20px;
}
 .login-page .center-login .form-group .form-message {
     width: 100%;
     float: left;
     color: #979797;
     text-align: left;
     font-size: 12px;
     font-weight: normal;
     margin-top: 5px;
     text-align: center;
}
 .login-page .center-login .form-group .reset-password {
     float: right;
     display: inline-block;
     vertical-align: middle;
     position: relative;
     cursor: pointer;
     margin-bottom: 0px;
     line-height: 20px;
     font-size: 13px;
     font-weight: normal;
     text-align: left;
}
 .login-page .center-login .form-group .form-with-icon {
     width: 100%;
     float: left;
     position: relative;
}
 .login-page .center-login .form-group .form-with-icon .form-control {
     width: 100%;
     float: left;
     line-height: 38px;
     border-radius: 22px;
     border: 1px solid #e0e0e0;
     padding: 0px 15px 0px 50px !important;
     outline: none;
     font-size: 13px;
     min-height: 40px;
     box-shadow: none;
}
 .login-page .center-login .form-group .form-with-icon .form-control:focus {
     border: 1px solid #1c5192;
}
 .login-page .center-login .form-group .form-with-icon .iconimg {
     position: absolute;
     top: 0px;
     left: 0px;
     margin: 10px 15px;
}
 .login-page .center-login .form-group .form-with-icon .iconimg i {
     float: left;
     font-size: 18px;
     line-height: 20px;
     width: 20px;
     text-align: center;
     color: gray;
}
 .login-page .center-login .form-btn-bottom {
     width: 100%;
     float: left;
}
 .login-page .center-login .form-btn {
     width: 100%;
     float: left;
}
 .login-page .center-login .form-btn .form-main-btn {
     width: 100%;
     float: left;
     line-height: 40px;
     border-radius: 180px;
     padding: 0px;
     font-size: 14px;
     font-weight: 600;
     text-transform: uppercase;
     color: #fff;
     background: linear-gradient(15deg,#ffb13d,#dd277b,#4d5ed4);
}
 .login-page .center-login .form-btn .form-main-btn:hover {
     background: #db3b72;
}
 .login-page .center-login .form-btn .form-clear-btn {
     width: 100%;
     float: left;
     line-height: 40px;
     border-radius: 180px;
     border: 1px solid #1c5192;
     padding: 0px;
     font-size: 14px;
     font-weight: 600;
     text-transform: uppercase;
     color: #1c5192;
     background: #fff;
     margin-top: 20px;
}
 .login-page .center-login .form-btn .form-clear-btn:hover {
     background: #1c5192;
     color: #fff;
}
 .login-page .center-login .forgot-password {
     width: 100%;
     float: left;
     padding: 20px 0px 0px 0px;
     font-size: 13px;
     color: #2b2b2b;
     margin: 0px;
}
 .login-page .center-login .checkbox-theme {
     margin: 0;
}
 .login-page .center-login .form-btn-bottom .btn-center {
     padding: 0;
}
 .login-page .center-login .form-btn-bottom .btn-center .form-btn-btn {
     width: 100%;
     float: left;
     text-align: center;
}
 .login-page .center-login .form-btn-bottom .btn-center .form-btn-btn .btn {
     width: auto;
     float: left;
     line-height: 30px;
     border-radius: 180px;
     border: 1px solid #1c5192;
     outline: none;
     font-size: 12px;
     text-transform: uppercase;
     letter-spacing: 1px;
     color: #fff;
     background: #1c5192;
     padding: 0 15px;
     margin: 0 2px;
}
 .login-page .center-login .form-btn .form-main-btn a:hover {
     background: #0075a9;
}
 .login-page .center-login .form-btn-bottom .btn-center .form-btn-btn .btn:hover {
     background: #07811e;
}
 .bottom-line {
     position: relative;
     width: 100%;
     text-align: center;
     font-size: 13px;
     letter-spacing: 1px;
     color: #858585;
     z-index: 1;
     display: inline-block;
     vertical-align: top;
     float: left;
     padding-top: 20px;
}
 .bottom-line a {
     color: #1c5192;
}
 .btn-green {
     border-radius: 180px;
     border: 1px solid #1c5192;
     font-size: 16px;
     color: #fff;
     background: #1c5192;
}
 .page-header {
     width: 100%;
     float: left;
     position: relative;
     margin-bottom: 9px;
}
 .page-header .page-header-title {
     width: 100%;
     float: left;
     position: relative;
     color: #314455;
     font-size: 15px;
     font-weight: 600;
}
 .page-header .page-header-subtitle {
     width: 100%;
     float: left;
     position: relative;
     padding-bottom: 0px;
     color: #444444;
     font-weight: 400;
     font-size: 14px;
     overflow: hidden;
     text-overflow: ellipsis;
     white-space: nowrap;
     line-height: 22px;
     margin: 0;
}
 .page-header .header-actions {
     float: right;
     text-align: right;
}
 .page-header .header-actions .btn {
     display: inline-block;
     vertical-align: top;
}
 .inner-page-body {
     width: 100%;
     float: left;
     padding: 0px;
}
 .pagination-theme {
     width: 100%;
     float: left;
     margin: 15px 0 0;
     text-align: left;
     height: 100%;
}
 .pagination-theme ul {
     width: 100%;
     float: left;
     margin: 0px;
     padding: 0px;
     text-align: left;
}
 .pagination-theme ul li {
     list-style: none;
     display: inline-block;
     padding: 0px;
}
 .pagination-theme ul li a {
     line-height: 24px;
     padding: 0px 12px;
     float: left;
     font-weight: normal;
     font-size: 13px;
     color: #292f4c;
     position: relative;
     border-radius: 3px;
     border: 1px solid #d3d5e0;
     margin: 0px !important;
     background: #fff;
}
 .pagination-theme ul li.active a, .pagination-theme ul li:hover a {
     background: #65278f;
     color: #ffffff;
     border: 1px solid #65278f;
}
 .modal-theme {
     text-align: left;
}
 .modal-theme .modal-dialog {
     width: calc(100% - 60px);
     border: none;
     margin: 30px auto;
     box-shadow: none;
     max-width: 100%;
}
 .modal-theme .modal-dialog .modal-content {
     border-radius: 15px;
     border: none;
     width: 100%;
     float: left;
     box-shadow: none;
}
 .modal-theme .modal-header {
     background: #65278f;
     padding: 0px;
     width: 100%;
     float: left;
     border: none;
     border-radius: 0px;
}
 .modal-theme .modal-header .modal-title {
     color: #fff;
     font-weight: 500;
     font-size: 14px;
     line-height: 40px;
     padding: 0px 15px;
}
 .modal-theme .modal-header .close-dismiss {
     position: absolute;
     top: 0px;
     right: 0px;
     width: 40px;
     height: 40px;
     background: rgba(0, 0, 0, 0.15);
     cursor: pointer;
}
 .modal-theme .modal-header .close-dismiss:before {
     content: "";
     background-image: url(../images/theme-plus-icon.png);
     background-size: 16px;
     width: 16px;
     height: 16px;
     position: absolute;
     top: 0px;
     left: 0px;
     margin: 12px;
     -ms-transform: rotate(-45deg);
     -webkit-transform: rotate(-45deg);
     transform: rotate(-45deg);
}
 .modal-theme .modal-body {
     padding: 12px;
     width: 100%;
     float: left;
     height: 600px;
}
 .modal-theme .modal-body .modal-footer {
     padding: 10px 0px 0px 0px;
}
 .modal-theme .modal-footer {
     padding: 10px;
     width: 100%;
     float: left;
     border: none;
     display: inline-block;
     text-align: right;
     border-top: 1px solid #dee2e6;
}
 .modal-theme .modal-footer .btn {
     padding: 4px 20px;
     text-transform: uppercase;
}
 .modal-backdrop.in {
     opacity: .8 !important;
}
 .page-header .filter-btn {
     float: right;
}
 .theme-label-title {
     width: 100%;
     margin: 0;
     text-align: left;
     color: #65278f;
     font-size: 13px;
     font-weight: 600;
     line-height: 25px;
     float: left;
     text-transform: uppercase;
}
 .ui-datepicker {
     border-radius: 10px !important;
     border: 1px solid #a9b8ca !important;
     padding: 5px !important;
     color: #585858 !important;
     line-height: 2;
     float: left;
     background: #fff !important;
     font-family: 'Open Sans', sans-serif !important;
     max-width: 240px;
     z-index: 99999 !important;
}
 .ui-datepicker .ui-datepicker-header {
    /* background: #292f4c;
     */
     border-radius: 10px;
     padding: 4px !important;
     position: relative;
     height: 36px;
}
 .ui-datepicker .ui-datepicker-header .ui-datepicker-prev {
     height: 28px;
     background: #65278f;
     border-radius: 5px;
     bottom: 3px !important;
     left: 3px !important;
     position: absolute;
     width: 30px;
     cursor: pointer;
     top: 3px !important;
     font-size: 14px;
     border: none !important;
}
 .ui-datepicker .ui-datepicker-header .ui-datepicker-next {
     height: 28px;
     background: #65278f;
     border-radius: 5px;
     bottom: 3px !important;
     right: 3px !important;
     position: absolute;
     cursor: pointer;
     width: 30px;
     top: 3px !important;
     font-size: 14px !important;
     border: none !important;
}
 .ui-datepicker .ui-datepicker-header .ui-datepicker-prev:before {
     content: "\f104";
     font-family: FontAwesome;
     position: absolute;
     width: 30px;
     text-align: center;
     height: 28px;
     line-height: 28px;
     top: 0px;
     left: 0px;
     font-size: 14px;
     color: #fff;
}
 .ui-datepicker .ui-datepicker-header .ui-datepicker-next:after {
     content: "\f105";
     font-family: FontAwesome;
     position: absolute;
     width: 30px;
     text-align: center;
     height: 28px;
     line-height: 28px;
     top: 0px;
     font-size: 14px;
     left: 0px;
     color: #fff;
}
 .ui-datepicker .ui-datepicker-header .ui-datepicker-prev span, .ui-datepicker .ui-datepicker-header .ui-datepicker-next span {
     display: none;
}
 .ui-datepicker .ui-datepicker-header .ui-datepicker-title {
     margin: 0px 32px;
}
 .ui-datepicker .ui-datepicker-header .ui-datepicker-title .ui-datepicker-month, .ui-datepicker .ui-datepicker-header .ui-datepicker-title .ui-datepicker-year {
     width: calc(50% - 4px);
     margin: 0px 2px;
     border: none;
     line-height: 28px;
     height: 28px;
     border-radius: 6px;
     font-size: 13px;
     padding: 0px 5px;
     vertical-align: top;
     outline: none !important;
     color: #000;
}
 .ui-datepicker .ui-datepicker-calendar {
     font-family: 'Open Sans', sans-serif;
     width: 100%;
     margin: 0px;
}
 .ui-datepicker .ui-datepicker-calendar thead tr th {
     padding: 5px;
     font-size: 12px;
     line-height: 20px;
     text-align: center;
}
 .ui-datepicker .ui-datepicker-calendar thead tr th span {
     color: #585858;
     font-weight: 600;
     float: left;
     width: 100%;
     text-align: center;
}
 .ui-datepicker .ui-datepicker-calendar thead tr th.ui-datepicker-week-end span {
     color: #2675b4;
}
 .ui-datepicker .ui-datepicker-calendar tbody tr td a, .ui-datepicker .ui-datepicker-calendar tbody tr td .ui-state-default {
     border-radius: 5px !important;
     border: 1px solid #d6dee9 !important;
     background: #ffffff;
     text-align: center;
     color: #292f4c;
     padding: 0px 3px;
     line-height: 22px;
     width: 100%;
     float: left;
     font-size: 12px;
     font-weight: 600;
}
 .ui-datepicker .ui-datepicker-calendar tbody tr td.ui-datepicker-today .ui-state-default {
     background: #65278f;
     color: #fff;
     border: 1px solid #65278f !important;
}
 .ui-datepicker .ui-datepicker-calendar td.ui-state-disabled .ui-state-default {
     opacity: 0.3;
     cursor: no-drop;
     background: transparent !important;
     color: gray !important;
}
 .ui-datepicker .ui-datepicker-calendar tbody tr td a:hover {
     border: 1px solid #a9b8ca !important;
}
 .ui-datepicker .ui-datepicker-calendar tbody tr td.ui-datepicker-week-end a {
     background: #f3f3f3;
}
 .ui-datepicker .ui-datepicker-calendar tbody tr td.ui-datepicker-current-day a {
     background: #00b4ff;
     border: 1px solid #00b4ff !important;
     color: #ffffff;
}
 .search-field-mobile {
     display: none;
}
 .page-header .filter-btn.filter-mobile {
     display: none;
}
 .header-action-mobile {
     display: none;
}
 .default-biller {
     width: 100%;
     float: left;
     position: relative;
}
 .default-biller .form-group {
     opacity: 0;
     visibility: hidden;
}
 .default-biller .form-group.show {
     opacity: 1;
     visibility: visible;
}
 .tab-section {
     width: 100%;
     float: left;
     position: relative;
}
 .tab-section .nav-tabs {
     float: left;
     position: relative;
     width: 100%;
     padding-bottom: 5px;
}
 .tab-section .nav-tabs .nav-item {
     display: inline-block;
}
 .tab-section .nav-tabs .nav-item .nav-link {
     color: #343434;
     font-size: 12px;
     font-weight: 600;
     padding: 6px 16px;
     border-top: 0;
     text-transform: uppercase;
     border-radius: 5px;
     border: none;
}
 .tab-section .tab-content {
     width: 100%;
     float: left;
     position: relative;
     padding: 0px;
     padding-top: 10px;
}
 .tab-section .tab-content .theme-form {
     padding: 0;
}
 .tab-section .tab-content .theme-form .form-group .input-group {
    /* height: auto;
     */
}
 .tab-section .tab-content .theme-form .form-group .theme-label {
     width: auto;
}
 .tab-section .tab-content .theme-form .checkbox-theme {
     margin: 0 0 20px;
}
 .tab-section .tab-content .modal-footer {
     padding: 0 0 10px !important;
}
 .tab-section .nav-tabs .nav-item.show .nav-link, .tab-section .nav-tabs .nav-link.active {
     background: #65278f;
     color: #fdfdfd;
}
 .modal-body .theme-form {
     padding: 0px;
}
 .modal-body .theme-form .modal-footer {
     padding: 0px !important;
     margin-top: 20px !important;
}
 .modal-body .theme-form .cke-editor-group {
     width: 100%;
     float: left;
     margin-bottom: 20px;
}
 .cke-editor-group .theme-label {
     width: 100%;
     position: relative;
     color: #000000;
     font-size: 13px;
     line-height: 30px;
     font-weight: 600;
     text-align: left;
}
 .modal-body .theme-form textarea.form-control {
     width: 100%;
     margin: 0px;
     float: left;
     outline: none;
     box-shadow: none;
     font-size: 13px;
     padding: 0px 12px;
     position: relative;
     border-radius: 6px;
}
 textarea.form-control {
     padding: 10px 12px !important;
     min-height: 100px;
     margin-bottom: 10px !important;
     line-height: 22px !important;
     text-transform: initial !important;
     font-size: 13px;
}
 .modal-body .theme-form p {
     width: 100%;
     margin: 10px 0;
     float: left;
     font-size: 13px;
}
/*search-page-start*/
 .upload-section {
     width: 100%;
     float: left;
    /* border-bottom: 1px solid #dee2e6;
     */
     margin-bottom: 15px;
}
 .upload-section .fileupload {
     width: 100%;
     float: left;
     text-align: center;
     margin-bottom: 15px;
}
 .upload-section .fileupload .btn-file {
     overflow: hidden;
     position: relative;
     vertical-align: middle;
}
 .upload-section .fileupload .btn-file>input {
     position: absolute;
     top: 0;
     right: 0;
     margin: 0;
     opacity: 0;
     filter: alpha(opacity=0);
     transform: translate(-300px, 0) scale(4);
     font-size: 23px;
     direction: ltr;
     cursor: pointer;
}
 .upload-section .fileupload .uneditable-input {
     display: inline-block;
     margin-bottom: 0px;
     vertical-align: middle;
     cursor: text;
}
 .upload-section .fileupload .thumbnail {
     overflow: hidden;
     display: inline-block;
     margin-bottom: 5px;
     vertical-align: middle;
     text-align: center;
}
 .upload-section .fileupload .thumbnail>img {
     display: inline-block;
     vertical-align: middle;
     max-height: 100%;
}
 .upload-section .fileupload .btn {
     vertical-align: middle;
     position: relative;
     top: 0px;
     line-height: 14px;
     font-size: 12px;
}
 .upload-section .fileupload .btn.upload-image {
     width: 150px;
}
 .upload-section .fileupload.fileupload-exists .fileupload-new {
     display: none;
}
 .upload-section .fileupload .fileupload-inline .fileupload-controls {
     display: inline;
}
 .upload-section .fileupload .input-append .btn-file {
     -webkit-border-radius: 0 3px 3px 0;
     -moz-border-radius: 0 3px 3px 0;
     border-radius: 0 3px 3px 0;
}
 .upload-section .fileupload .drag-drop-box {
     width: 500px;
     border-radius: 24px;
     float: none;
     padding: 10px;
     border: 2px dashed #d3d2d2;
     background: #fff;
     max-height: 120px;
     font-size: 14px !important;
     line-height: 100px !important;
     display: inline-block;
     max-width: 100%;
}
 .upload-section .fileupload .drag-drop-box:hover {
     border: 2px dashed #00549c;
}
/*search-page-close*/
 .alert {
     padding: 5px 10px;
     font-size: 13px;
     float: left;
     margin-bottom: 10px;
     width: 100%;
     text-align: left;
}
 .modal-theme .modal-body .search-field {
     border-bottom: 1px solid #dee2e6;
}
 .notes-view {
     width: 100%;
     margin: 0px;
     float: left;
     outline: none;
     box-shadow: none;
     font-size: 13px;
     padding: 12px;
     position: relative;
     border-radius: 6px;
     border: 1px solid #ced4da;
     margin-bottom: 15px;
}
 .user-detail {
     float: left;
     position: relative;
     margin: 0 0 20px;
     width: 100%;
     border-radius: 10px;
     box-shadow: 0px 11px 11px -5px rgba(0, 0, 0, 0.1);
     padding: 10px;
     border: 1px solid rgba(0, 0, 0, 0.1);
}
 .modal-theme .modal-body .user-detail .radio-theme {
     margin-top: 0;
}
 .theme-form .form-group .input-group.units .form-control {
     padding-right: 40px;
}
 .theme-form .form-group .input-group.units span {
     position: absolute;
     right: 0;
     width: 40px;
     text-align: center;
     line-height: 34px;
     font-size: 13px;
     background-color: #efefef;
     border-radius: 0 6px 6px 0;
     z-index: 3;
}
 .theme-form .form-group .input-group.two-fields {
     display: flex;
}
 .theme-form .form-group a {
     font-size: 13px;
     line-height: 34px;
}
 .theme-form .form-group .btn {
     line-height: inherit;
}
 .theme-label-subtitle {
     width: 100%;
     position: relative;
     color: #000000;
     font-size: 12px;
     text-transform: uppercase;
}
 .action {
     width: 100%;
     float: left;
     position: relative;
     margin-bottom: 10px;
}
 .tab-section .tab-content .tab-top-action {
     width: 100%;
     float: left;
     position: relative;
     padding: 0px;
     margin: 0 0 10px 0;
}
 .tab-section .tab-content .tab-top-action li {
     display: inline-block;
     list-style: none;
     line-height: 30px;
     text-align: center;
     cursor: pointer;
     margin-right: 4px;
     padding: 0px;
     vertical-align: top;
}
 .tab-section .tab-content .tab-top-action li a {
     border: 1px solid #e6e6e6;
     padding: 0px 15px;
     border-radius: 180px;
     float: left;
     height: 30px;
     -webkit-transition: all 0.4s ease-in-out;
     -moz-transition: all 0.4s ease-in-out;
     -o-transition: all 0.4s ease-in-out;
     transition: all 0.4s ease-in-out;
     line-height: 28px;
     color: #a8a8a8;
     font-size: 13px;
     margin-right: 4px;
}
 .tab-section .tab-content .tab-top-action li a:hover {
     border: 1px solid #676767;
}
 .upload-section p {
     margin-top: 0 !important;
}
 .theme-form .form-group.time-group {
     display: flex;
     align-items: center;
}
 .theme-form .form-group.time-group .theme-label {
     height: 100%;
     background-color: #fff;
     min-width: 100px;
}
 .theme-form .form-group.time-group .time-group-list {
     width: 100%;
     float: left;
     position: relative;
}
 .theme-form .form-group.time-group .time-group-list .timelist {
     display: flex;
     margin-bottom: 5px;
}
 .theme-form .form-group.time-group .time-group-list .timelist .form-control {
     border-radius: 6px;
     border: 1px solid rgba(0, 0, 0, 0.1);
}
 .theme-form .form-group.time-group .time-group-list .timelist span {
     font-size: 12px;
     line-height: 34px;
     padding: 0 10px;
}
 .form-control {
     outline: none;
     box-shadow: none !important;
}
 .border-input .form-control {
     border: 1px solid rgba(0, 0, 0, 0.1) !important;
     border-radius: 6px !important;
}
 .same-data {
     width: 100%;
     float: left;
     position: relative;
     text-align: center;
     height: 600px;
}
 .same-data img {
     position: absolute;
     bottom: auto;
     width: auto;
     height: auto;
     top: 50%;
     left: 50%;
     -webkit-transform: translateY(-50%) translateX(-50%);
     -ms-transform: translateY(-50%) translateX(-50%);
     transform: translateY(-50%) translateX(-50%);
     text-align: center;
     -webkit-transition: all 0.4s ease-in-out;
     -moz-transition: all 0.4s ease-in-out;
     -o-transition: all 0.4s ease-in-out;
     transition: all 0.4s ease-in-out;
     max-width: 100%;
     max-height: 100%;
     padding: 0px;
}
 .input-group .form-control {
     width: 100%;
     margin: 0px;
     float: left;
     outline: none;
     box-shadow: none;
     font-size: 12px;
     padding: 0px 10px;
     height: 30px;
     line-height: 28px;
     line-height: 32px;
     position: relative;
     border-radius: 6px;
     border: 1px solid rgba(0, 0, 0, 0.1);
     text-transform: uppercase;
}
 .theme-form-center {
     width: 100%;
     display: inline-block;
     position: relative;
     text-align: center;
     padding: 20px 0;
}
 .theme-form-center .theme-form {
     width: 100%;
     display: inline-block;
     vertical-align: bottom;
     max-width: 1110px;
     float: none;
     position: relative;
     margin-bottom: 15px;
     border-radius: 3px;
     background: #fff;
     box-shadow: 0 14px 120px -11px rgba(238, 238, 238, .75);
}
 .theme-form-center .theme-form .theme-panel-body {
     border: 0;
}
 .checkbox-new {
     width: 18px;
     height: 18px;
     position: relative;
}
 .checkbox-new .checkbox-input[type="checkbox"] {
     opacity: 0;
     width: 18px;
     height: 18px;
     position: absolute;
     top: 0px;
     left: 0px;
     z-index: 1;
     padding-left: 18px;
}
 .checkbox-new .checkbox-label {
     width: 18px;
     height: 18px;
     margin: 0px;
     position: absolute;
     top: 0px;
     left: 0px;
}
 .checkbox-new .checkbox-label:before {
     content: "";
     position: absolute;
     width: 18px;
     height: 18px;
     line-height: 14px;
     font-size: 11px;
     left: 0;
     margin: 0px;
     border: 2px solid #d6d6d6;
     background-color: white;
     text-align: center;
     color: #fff;
     font-weight: normal;
}
 .checkbox-new input[type="checkbox"]:checked + .checkbox-label:before {
     font-family: "FontAwesome";
     content: "\f00c";
     color: #1c5192;
     border: 2px solid #1c5192;
}
 .note-list {
     float: left;
     position: relative;
     margin: 0 0 20px;
     width: 100%;
     border-radius: 10px;
     box-shadow: 0px 11px 11px -5px rgba(0, 0, 0, 0.1);
     padding: 10px;
     border: 1px solid rgba(0, 0, 0, 0.1);
     height: 430px;
     overflow-y: auto;
     overflow-x: hidden;
}
 .note-list .note-list-inner {
     float: left;
     position: relative;
     margin: 10px 0;
     width: 100%;
     border-radius: 6px;
     box-shadow: 0px 11px 11px -5px rgba(0, 0, 0, 0.1);
     padding: 10px;
     border: 1px solid rgba(0, 0, 0, 0.1);
     min-height: 55px;
}
 .note-list .note-list-inner .name {
     position: absolute;
     top: -10px;
     color: #65278f;
     font-size: 12px;
     background-color: #fff;
     padding: 0 5px;
     left: 15px;
}
 .note-list .note-list-inner p {
     font-size: 13px;
     color: #000;
     margin: 0;
     text-align: left;
}
 .modal-theme .modal-body .modal-body-inner {
     width: 100%;
     float: left;
     height: 100%;
     overflow-y: auto;
     overflow-x: hidden;
     padding-bottom: 40px;
}
 .modal-theme .modal-body .modal-body-inner .modal-footer {
     position: absolute;
     bottom: 0;
     left: 0;
     width: 100%;
     background-color: #fff;
     z-index: 1;
     padding: 10px 10px !important;
}
 .modal-small .modal-dialog {
     max-width: 650px;
}
 .modal-small .modal-dialog .modal-body {
     height: auto;
}
 .question-group{
     width: 100%;
     float: left;
     padding: 0px 20%;
}
 .single-question{
     width: 100%;
     float: left;
     margin-bottom: 15px;
     border: 1px dashed #e3e3e3;
     padding: 20px 45px 20px 15px;
     border-radius: 12px;
     position: relative;
     text-align: left;
     background: #f4f4f4;
}
 .single-question .question{
     width: 100%;
     float: left;
     font-size: 16px;
     margin-bottom: 15px;
     color: #000;
}
 .single-question .question-options{
     width: 100%;
     float: left;
}
 .single-question .question-options .form-control{
     width: 100%;
     float: left;
     line-height: 26px;
     border-radius: 6px;
     border: 1px solid #c6c6c6;
     padding: 6px 15px;
     outline: none;
     font-size: 13px;
     min-height: 40px;
     box-shadow: none;
     max-width: 550px;
     margin: 0px !important;
}
 .single-question .question-options textarea.form-control{
     overflow: hidden;
     resize: none ;
     min-height: 100px;
}
 .single-question .question-numbering{
     text-align: center;
     font-size: 13px;
     position: absolute;
     right: 15px;
     bottom: 15px;
}
 .whitebox-group{
     width: 100%;
     float: left;
     position: relative;
     background: #fff;
     padding: 12px;
     border-radius: 4px;
     border: 1px solid #dedede;
     margin-bottom: 12px;
}
 .page-title-actions{
     width: 100%;
     float: right;
     position: relative;
     color: #4e4e4e;
     margin-bottom: 10px;
     text-align: right;
}
 .page-title-actions .btn{display: inline-block;vertical-align: top;}

 .page-title-dashboard{
     width: 100%;
     float: left;
     position: relative;
     text-transform: uppercase;
     color: #4e4e4e;
     margin-bottom: 10px;
     font-weight: 600;
     font-size: 14px;
}
 .page-title-dashboard:before{
     content:"";
}
 .page-title-dashboard span{
}
 .dashboard-circles{
     width: 100%;
     float: left;
     position: relative;
     text-align: left;
}
 .dashboard-circles .single-circle.disabled{
     cursor: no-drop;
     background: gray;
}
 .dashboard-circles .single-circle.disabled:after{
     content:"";
     position: absolute;
     top: -8px;
     left: -8px;
     width: calc(100% + 16px);
     height: calc(100% + 16px);
     background: #ffffff9c;
     border-radius: 50%;
     cursor: no-drop;
     z-index: 2;
}
 .dashboard-circles .single-circle:before{
     content:"";
     border: 2px solid #fff0;
     width: 100%;
     height: 100%;
     border-radius: 50%;
     position: absolute;
     bottom: auto;
     top: 50%;
     left: 50%;
     -webkit-transform: translateY(-50%) translateX(-50%);
     -ms-transform: translateY(-50%) translateX(-50%);
     transform: translateY(-50%) translateX(-50%);
     text-align: center;
     -webkit-transition: all 0.7s ease-out;
     -moz-transition: all 0.7s ease-out;
     -o-transition: all 0.7s ease-out;
     transition: all 0.7s ease-out;
     max-width: calc(100% + 20px);
     max-height: calc(100% + 20px);
     text-align: center;
}
 .dashboard-circles .single-circle:hover:before{
     border: 2px solid #fff;
}
 .dashboard-circles .single-circle{
     display: inline-block;
     vertical-align: top;
     margin: 5px;
     width: 100px;
     height: 100px;
     border-radius: 50%;
     text-align: center;
     position: relative;
     z-index: 1;
     color: #fff;
     border: 8px solid rgb(165 165 165 / 0.3);
     background: #67278f;
}
 .dashboard-circles .single-circle .span-circle{
     width: 24px;
     height: 24px;
     position: absolute;
     bottom: auto;
     top: 38%;
     left: 50%;
     -webkit-transform: translateY(-50%) translateX(-50%);
     -ms-transform: translateY(-50%) translateX(-50%);
     transform: translateY(-50%) translateX(-50%);
     text-align: center;
     -webkit-transition: all 0.7s ease-out;
     -moz-transition: all 0.7s ease-out;
     -o-transition: all 0.7s ease-out;
     transition: all 0.7s ease-out;
     max-width: 100%;
     max-height: 100%;
     text-align: center;
}
 .dashboard-circles .single-circle .span-circle:before{
     content:"";
     width: 100%;
     height: 4px;
     background: #fff;
     position: absolute;
     border-radius: 180px;
     margin: 10px 0px;
     float: left;
     display: inherit;
     vertical-align: top;
}
 .dashboard-circles .single-circle .span-circle:after{
     content:"";
     width: 4px;
     height: 100%;
     background: #fff;
     position: absolute;
     border-radius: 180px;
     margin: 0px 10px;
     float: left;
     display: inherit;
     vertical-align: top;
}
 .dashboard-circles .single-circle .title-circle{
     position: absolute;
     bottom: 16px;
     text-align: center;
     width: 100%;
     font-size: 13px;
     font-weight: 600;
}
 .dashboard-fixed-btns{
     position: fixed;
     bottom: 25px;
     width: 280px;
     left: 50%;
     margin-left: -140px;
     border-radius: 180px;
     background: #ebebeb;
     display: flex;
     z-index: 10;
     overflow: hidden;
     border: 1px solid #e75168;
     box-shadow: 3px 3px 5px rgb(0 0 0 / 0.15);
}
 .dashboard-fixed-btns .fixed-btn {
     width: 100%;
     text-align: center;
     line-height: 36px;
     font-size: 14px;
     text-transform: uppercase;
     color: #772673;
     font-weight: 600;
     background: #fff;
}
 .dashboard-fixed-btns .fixed-btn.active-btn {
     color: #ffffff;
     background: linear-gradient(15deg,#ffb13d,#dd277b,#4d5ed4);
}
 .dashboard-fixed-btns .fixed-btn:hover {
     background: #e13873;
     color: #ffffff;
}
 .timeline-horizontal{
     width: 100%;
     float: left;
     position: relative;
     overflow-x: auto;
     overflow-y: hidden;
     white-space: nowrap;
}
 .timeline-horizontal .single-timeline{
     position: relative;
     max-width: 240px;
     padding-bottom: 50px;
     display: inline-block;
     vertical-align: top;
     margin-left: -10px;
}
 .timeline-horizontal .single-timeline .single-timeline-left{
     width: 100%;
     float: left;
     position: relative;
     text-align: right;
     padding: 0px 10px 10px 10px;
}
 .timeline-horizontal .single-timeline .timeline-date-group{
     width: 100%;
     float: left;
     position: relative;
}
 .timeline-horizontal .single-timeline .timeline-date-group .timeline-date{
     width: 100%;
     float: left;
     font-size: 14px;
     color: black;
     line-height: 30px;
}
 .timeline-horizontal .single-timeline .timeline-date-group .timeline-time{
     width: 100%;
     float: left;
     font-size: 12px;
     color: #65278f;
     font-style: italic;
}
 .timeline-horizontal .single-timeline .single-timeline-right{
     width: 100%;
     float: left;
     position: absolute;
     text-align: left;
     bottom: 10px;
}
 .timeline-horizontal .single-timeline .single-timeline-right:before{
     content:"";
     height: 2px;
     background: #1c5192;
     width: calc(100% - 5px);
     position: absolute;
     left: 0px;
     margin-left: -2px;
     border-radius: 180px;
     bottom: 30px;
     background: linear-gradient(15deg,#ffb13d,#dd277b,#4d5ed4);
}
 .timeline-horizontal .single-timeline:before{
     content:"";
     background: #fff;
     border-radius: 50%;
     border: 2px solid #b53693;
     position: absolute;
     left: 50%;
     width: 20px;
     height: 20px;
     bottom: 31px;
     margin-left: -12px;
     z-index: 1;
}
 .timeline-horizontal .single-timeline:after{
     content:"";
     background: #d8297e;
     border-radius: 50%;
     position: absolute;
     left: 50%;
     width: 8px;
     height: 8px;
     bottom: 31px;
     margin: 6px;
     margin-left: -6px;
     z-index: 1;
}
 .timeline-horizontal .single-timeline .timeline-content{
     width: 100%;
     float: left;
     position: relative;
}
 .timeline-horizontal .single-timeline .timeline-content .surgery-name{
     width: 100%;
     float: left;
     font-size: 18px;
     color: #1c5192;
     font-weight: 600;
     line-height: 30px;
}
 .timeline-horizontal .single-timeline .timeline-content .surgery-description{
     width: 100%;
     float: left;
     font-size: 13px;
     color: gray;
     line-height: 20px;
     max-height: 80px;
     overflow: hidden;
     margin-bottom: 10px;
}
 .timeline-horizontal .single-timeline .timeline-content .surgery-date{
     width: 100%;
     float: left;
     font-size: 13px;
     color: black;
     line-height: 20px;
     max-height: 80px;
     overflow: hidden;
     text-align: center;
}
 .timeline-horizontal .single-timeline .timeline-content .surgery-goals{
     width: 100%;
     float: left;
}
 .timeline-horizontal .single-timeline .timeline-content .surgery-goals .surgery-goal{
     background: #65278f;
     font-size: 11px;
     color: #fff;
     border-radius: 180px;
     line-height: 20px;
     float: none;
     padding: 0px 15px;
     display: inline-block;
     vertical-align: top;
}
 .timeline-horizontal .single-timeline .timeline-content .surgery-goals .surgery-goal:hover{
     background: #1c5192;
}
 .timeline-horizontal .timeline-user-info{
     padding: 10px;
     position: relative;
     border-radius: 19px;
     border: 1px solid #e0e0e0;
     width: 100%;
     float: left;
     list-style: none;
     background: #fff;
     text-align: center;
     height: 140px;
}
 .timeline-horizontal .single-timeline:hover .timeline-user-info{
     border: 1px solid #8e45ac;
}
 .timeline-horizontal .timeline-user-info .patient-photo{
     width: 100%;
     float: left;
     text-align: center;
}
 .timeline-horizontal .timeline-user-info .patient-photo img{
     display: inline-block;
     vertical-align: top;
     max-width: 50px;
     border-radius: 50%;
}
 .timeline-horizontal .timeline-user-info .patient-name{
     color: #000000;
     font-weight: 600;
     width: 100%;
     white-space: nowrap;
     text-overflow: ellipsis;
     overflow: hidden;
     float: left;
     font-size: 13px;
     margin-top: 5px;
}
 .timeline-horizontal .timeline-user-info .surgery-name{
     width: 100%;
     float: left;
     font-size: 16px;
     color: #1c5192;
     font-weight: 600;
     line-height: 26px;
     white-space: nowrap;
     text-overflow: ellipsis;
     overflow: hidden;
}
 .timeline-horizontal .timeline-user-info .surgery-type{
     width: 100%;
     position: relative;
     float: left;
     font-size: 11px;
     color: #696969;
     white-space: nowrap;
     text-overflow: ellipsis;
     overflow: hidden;
}
 .theme-goals{
}
 .theme-goals .surgery-goal-name{
     width: 100%;
     border-radius: 180px;
     z-index: 10;
     overflow: hidden;
     border: 1px solid #eaeaea;
     text-align: center;
     line-height: 28px;
     text-transform: uppercase;
     font-size: 15px;
     background: #eaeaea;
     margin-bottom: 5px;
     font-weight: 600;
}
 .theme-goals .surgery-goal-date{
     width: 100%;
     position: relative;
     float: left;
     font-size: 12px;
     color: #1c5192;
     text-align: center;
     font-weight: 600;
}
 .theme-goals .goal-content{
}
 .goal-content{
     width: 100%;
     float: left;
     position: relative;
     overflow-x: auto;
     overflow-y: hidden;
     white-space: nowrap;
     margin-bottom: 10px;
     text-align: center;
     padding-bottom: 10px;
}
 .goal-content .single-goal{
     position: relative;
     width: 40px;
     display: inline-block;
     vertical-align: top;
     height: 150px;
}
 .goal-content .single-goal:before{
     content:"";
     width: 4px;
     border-radius: 180px;
     background: #f4f4f4;
     height: 100%;
     position: absolute;
     left: 50%;
     margin-left: -2px;
}
 .goal-content .single-goal.active:before{
     background: linear-gradient(15deg,#ffb13d,#dd277b,#4d5ed4);
}
 .goal-content .single-goal .goal-qty-group{
     position: absolute;
     left: 50%;
     width: 24px;
     height: 24px;
     border-radius: 50%;
     border: 2px solid;
     text-align: center;
     font-size: 12px;
     line-height: 20px;
     font-weight: 600;
     margin-left: -12px;
     background: #fff;
     margin-bottom: -12px;
}
 .goal-content .single-goal.goal-completed .goal-qty-group {
     border-color: #31ef31;
     color: green;
}
 .goal-content .single-goal.goal-partiallycompleted .goal-qty-group {
     border-color: #d6b812;
     color: #d6b812;
}
 .goal-content .single-goal.goal-notcompleted .goal-qty-group {
     border-color: #e82e2e;
     color: #b10a0a;
}
 .goals-group{
     width: 100%;
     float: left;
     position: relative;
     padding: 0px;
     margin: 0px;
}
 .goals-group .table-goal{
     width: 100%;
     float: left;
     position: relative;
     padding: 0px;
     margin: 0px;
}
 .goals-group .table-goal tr{
}
 .goals-group .table-goal td{
     border: none;
     padding: 2px;
     white-space: nowrap;
}
 .goals-group .table-goal .presurgery-td td .table-td-box{
     background: #D3CCE3;
    /* fallback for old browsers */
     background: -webkit-linear-gradient(to right, #E9E4F0, #D3CCE3);
    /* Chrome 10-25, Safari 5.1-6 */
     background: linear-gradient(to right, #E9E4F0, #D3CCE3);
    /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
     color: rgb(0 0 0 / 0.5);
}
 .goals-group .table-goal .dayofsurgery-td td .table-td-box{
     background: #06beb6;
    /* fallback for old browsers */
     background: -webkit-linear-gradient(to right, #48b1bf, #06beb6);
    /* Chrome 10-25, Safari 5.1-6 */
     background: linear-gradient(to right, #48b1bf, #06beb6);
    /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
     color: #fff;
     padding: 10px 10px;
     font-size: 14px;
}
 .goals-group .table-goal .postsurgery-td td .table-td-box{
     background: #E0EAFC;
    /* fallback for old browsers */
     background: -webkit-linear-gradient(to right, #CFDEF3, #E0EAFC);
    /* Chrome 10-25, Safari 5.1-6 */
     background: linear-gradient(to right, #CFDEF3, #E0EAFC);
    /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
     color: rgb(0 0 0 / 0.5);
}
 .goals-group .table-goal .table-td-box{
     border-radius: 4px;
     padding: 8px 13px;
     font-size: 13px;
     font-weight: 600;
}
 .table-td-box-detail{
     border-radius: 4px;
     padding: 10px 15px;
     margin-top: 5px;
     border: 1px solid #bdb3d6;
     width: 100%;
     float: left;
     position: relative;
}
 .goal-task{
     width: 100%;
     float: left;
     position: relative;
     padding: 0px;
     margin: 0px;
}
 .goal-task li{
     width: 100%;
     float: left;
     position: relative;
     padding: 0px;
     font-size: 13px;
     margin: 3px 0px;
     padding-left: 16px;
     list-style: none;
     line-height: 22px;
}
 .goal-task li:before{
     content:"\f00c ";
     font-family: FontAwesome;
     position: absolute;
     left: 0px;
     top: 0px;
     line-height: 22px;
     font-size: 10px;
     color: #1c5192;
}
 .metrics-body{
     width: 100%;
     float: left;
     position: relative;
}
 .single-box{
     float: left;
     width: 100%;
}
 .chatbox-group{
     width: 100%;
     float: left;
     position: relative;
     margin-bottom: 16px;
     background: #fff;
     border-radius: 12px;
     border: 1px solid #e9e9e9;
     box-shadow: 0px 3px 6px 0px rgb(0 0 0 / 0.1);
}
 .chatbox-header{
     background: #f3f3f3;
     border-bottom: 1px solid rgb(0 0 0 / 0.1);
     width: 100%;
     float: left;
     padding-right: 36px;
     position: relative;
     height: 36px;
     border-radius: 12px 12px 0px 0px;
}
 .chatbox-header .chatbox-title-group{
     float: left;
     position: relative;
     text-align: left;
}
 .chatbox-header .chatbox-icon{
     width: 36px;
     height: 36px;
     float: left;
     position: relative;
}
 .chatbox-header .chatbox-icon img{
     width: 36px;
     height: 36px;
     padding: 10px;
     float: left;
}
 .chatbox-header .chatbox-title-group .chatbox-title{
     float: left;
     position: relative;
     font-size: 14px;
     font-weight: 600;
     list-style: none;
     color: #4a4a4a;
     line-height: 36px;
}
 .chatbox-header .chatbox-qty{
     float: right;
     line-height: 36px;
     font-size: 18px;
     font-weight: 600;
     padding-right: 0px;
     color: #4a4a4a;
     text-align: left;
     min-width: 70px;
}
 .chatbox-header .chatbox-qty .chatbox-situation{
     width: 24px;
     height: 36px;
     float: none;
     display: inline-block;
     vertical-align: top;
}
 .chatbox-header .chatbox-qty .chatbox-situation.situation-down:before{
     content:"";
     background-image: url('../images/icons/situation-down.png');
     background-size: 14px;
     width: 14px;
     height: 14px;
     margin: 12px 0px;
     float: left;
}
 .chatbox-header .chatbox-qty .chatbox-situation.situation-up:before{
     content:"";
     background-image: url('../images/icons/situation-up.png');
     background-size: 14px;
     width: 14px;
     height: 14px;
     margin: 11px 0px;
     float: left;
}
 .chatbox-header .chatbox-external-link{
     width: 36px;
     position: absolute;
     top: 0px;
     right: 0px;
     height: 36px;
}
 .chatbox-header .chatbox-external-link:before{
     content:"";
     background-size: 18px;
     background-image: url('../images/icons/external-link.png');
     width: 18px;
     height: 18px;
     margin: 10px;
     float: left;
}
 .chatbox-body{
     width: 100%;
     float: left;
     padding: 12px;
     position: relative;
}
 .video-group{
     width: 100%;
     float: left;
     position: relative;
     margin-bottom: 16px;
     background: #fff;
     border-radius: 12px;
     border: 1px solid #e9e9e9;
     box-shadow: 0px 3px 6px 0px rgb(0 0 0 / 0.1);
     overflow: hidden;
}
 .video-group .video-image-group{
     height: 160px;
     width: 100%;
     position: relative;
     overflow: hidden;
}
 .video-group:hover .video-image-group .video-image{
     transform: scale(1.1, 1.1);
}
 .video-group .video-image-group .video-image{
     width: 100%;
     position: absolute;
     background-position: center center;
     -webkit-background-size: cover;
     -moz-background-size: cover;
     background-size: cover;
     -o-background-size: cover;
     right: 0px;
     top: 0px;
     height: 100%;
     -webkit-transition: all 0.5s;
     -moz-transition: all 0.5s;
     transition: all 0.5s;
}
 .video-group .video-image-group .video-link .fa:hover{
     color: #ffffff;
     background: linear-gradient(15deg,#ffb13d,#dd277b,#4d5ed4);
     border: none;
}
 .video-group .video-image-group .video-link{
     position: absolute;
     top: 0px;
     left: 0px;
     width: 100%;
     height: 100%;
     background: rgb(0 0 0 / 0.3);
     opacity: 0;
     -webkit-transition: all 0.5s;
     -moz-transition: all 0.5s;
     transition: all 0.5s;
}
 .video-group:hover .video-image-group .video-link{
     opacity: 1;
}
 .video-group .video-image-group .video-link .fa{
     color: white;
     line-height: 36px;
     width: 50px;
     text-align: center;
     position: relative;
     border-radius: 10px;
     border: 1px solid #fff;
     position: absolute;
     bottom: auto;
     height: auto;
     top: 50%;
     left: 50%;
     -webkit-transform: translateY(-50%) translateX(-50%);
     -ms-transform: translateY(-50%) translateX(-50%);
     transform: translateY(-50%) translateX(-50%);
     -webkit-transition: all 0.7s ease-out;
     -moz-transition: all 0.7s ease-out;
     -o-transition: all 0.7s ease-out;
     transition: all 0.7s ease-out;
     max-height: 100%;
     text-align: center;
     background: transparent;
}
 .video-group .video-name{
     width: 100%;
     float: left;
     font-size: 13px;
     line-height: 20px;
     padding: 4px 10px;
     height: 48px;
     overflow: hidden;
}
 .video-group .video-duration{
     position: absolute;
     right: 0px;
     top: 15px;
     background: #49238a;
     font-size: 13px;
     line-height: 22px;
     color: #fff;
     padding: 0px 10px;
}
 .modal-video-content{
     width: 100%;
     float: left;
     position: relative;
     border-radius: 15px;
     overflow: hidden;
}
 .modal-video-content .close-dismiss{
     color: #fff;
     position: absolute;
     right: 10px;
     top: 10px;
     z-index: 1;
     line-height: 30px;
     width: 30px;
     text-align: center;
     font-size: 24px;
     border-radius: 10px;
     background: rgb(255 255 255 / 35%);
     font-weight: 600;
     cursor: pointer;
}
 .modal-video-content video{
     width: 100%;
     max-width: 100%;
     height: auto;
     float: left;
}
 .question-radio-options{
     width: 100%;
     float: left;
     position: relative;
     padding: 0px;
     margin: 0px;
     text-align: left;
}
 .question-radio-options .switch-radio{
     min-width: 120px;
     padding: 0px;
     list-style: none;
     position: relative;
}
 .switch-radio{
     display: inline-block;
     vertical-align: top;
}
 .switch-radio .switch {
     position: relative;
     display: inline-block;
     width: 100%;
     margin: 0px;
     float: left;
}
 .switch-radio .switch input {
     display:none;
}
 .switch-radio .slider {
     position: relative;
     cursor: pointer;
     width: 100%;
     background: #dedede;
     padding: 10px 15px;
     border-radius: 6px;
     float: left;
     font-size: 13px;
     color: #363851;
     font-weight: 500;
     text-align: center;
}
 .switch-radio input:checked + .slider {
     background-color: #4c238a;
     color: #fff;
}
 .switch-radio input:focus + .slider {
     box-shadow: 0 0 1px #2196F3;
}
 .single-question .question-options .form-fields{
     width: 100%;
     vertical-align: top;
     display: inline-block;
     position: relative;
     max-width: 550px;
}
 .single-question .question-options .form-control{
     padding-right: 45px;
}
 .single-question .question-options .form-fields.icon-active .fa-right-icon{
     position: absolute;
     right: 0px;
     top: 0px;
     line-height: 40px;
     width: 40px;
     text-align: center;
     background: transparent;
     color: #45238a;
}
 .table-responsive{
     width: 100%;
     vertical-align: top;
     display: inline-block;
}
 .table-theme{
     width: 100%;
     vertical-align: top;
     float: left;
}
 .table-theme thead th{
     color: #3E3E3D;
     border-top: none;
     font-size: 14px;
     padding: 6px 8px;
     font-weight: 600;
}
 .table-theme tbody td{
     font-size: 13px;
     padding: 6px 8px;
     color: #3E3E3D;
     line-height: 22px;
}
 .table-theme tbody td .btn{
     line-height: 22px;
     padding: 0px 10px;
     font-size: 12px;
     margin-right: 4px;
     margin-bottom: 2px;
}
 .theme-form{
     width: 100%;
     float: left;
}
 .theme-form .form-group{
     width: 100%;
     float: left;
     margin-bottom: 15px;
}
 .theme-form .form-group .label-title{
     width: 100%;
     float: left;
     font-size: 13px;
     color: black;
     margin-bottom: 5px;
}
 .theme-form .form-group .form-control{
     width: 100%;
     float: left;
     line-height: 40px;
     border-radius: 12px;
     border: 1px solid #e0e0e0;
     padding: 0px 15px !important;
     outline: none;
     font-size: 13px;
     min-height: 40px;
     box-shadow: none;
}
 .theme-form .form-group .form-control:focus{
     border: 1px solid #4b3498;
}
 .theme-form .form-group textarea.form-control{
     overflow: hidden;
     resize: none;
}
 .theme-form-actions {
     width: 100%;
     float: left;
     margin: 15px 0px;
     text-align: left;
}
 .theme-form-actions .btn {
     display: inline-block;
     vertical-align: top;
     padding: 0px 20px;
     line-height: 32px;
}

.padlf20 {
        padding-left: 20px ! important;
    }
.left-ul{
    list-style-type: none ! important;
}

.line-hig{
    line-height: 50px;
}

.bgbox {
    background-color: #fff;
    background-image: linear-gradient(62deg, #fff 0%, #fbfbfb 100%);
    width: 95%;
    min-height: 100px;
    height: auto;
    border-radius: 7px;
    box-shadow: 2px 2px 12px 3px rgb(0 0 0 / 10%);
    -webkit-box-shadow: 2px 2px 12px 3px rgb(0 0 0 / 10%);
    -moz-box-shadow: 2px 2px 12px 3px rgb(0 0 0 / 10%);
    text-align: center;
    padding: 15px;
}
.boxvalue {
    font-size: xx-large;
    font-weight: 700;
    color: #8e2e96;
}