th {
    font-weight: 500 !important;
}

.nopadding_class {
    padding: 0 !important;
    margin: 0 !important;
}

.form-group-custom {
    margin-top: 5px;
}

#legend_button {
    margin-left: 10px;
    cursor: context-menu;
    padding: 1px 12px !important;
    font-size: 12px;
}

.box-warning-box {
    border-top-color: #9900ff;
}

.btn-warning-btn {
    background-color: #9900ff;
}

.box-danger-box {
    border-top-color: #cc0066;
}

.btn-danger-btn {
    background-color: #cc0066;
}

.box-success-box {
    border-top-color: #996600;
}

.btn-success-btn {
    background-color: #996600;
}

.btn-encrypt-btn {
    background-color: #03826A;
}

.box-encrypt-box {
    border-top-color: #03826A;
}

.btn-checkout-btn {
    background-color: #17202A;
}

.box-checkout-box {
    border-top-color: #17202A;
}

.btn-workflow-btn {
    background-color: #b3bf11;
}

.alert-sty {
    margin-bottom: 0px !important;
    text-align: center;
}

.skinactive {
    opacity: 1;
}

.content-sty {
    min-height: 0px !important;
    padding-bottom: 0px !important;
    margin-top: 15px !important;
}

.trashIcon {
    cursor: pointer;
    padding-left: 2px;
    padding-right: 2px;
    color: red;
}

.settingHelp {
    padding-left: 15px;
    font-size: 12px;
    color: #999;
}

.tooltip {
    background-color: #000;
    padding: 10px 15px;
    width: auto;
    display: none;
    color: #fff;
    text-align: left;
    font-size: 12px;
    top: -47px !important;
    left: 15px !important;
}

.dropzone {
    min-height: 105px !important;
    padding: 10px !important;
}

.compulsary {
    color: #FE0101;
    font-size: 12px;
}

.topsize {
    font-size: 15px;
}

.topicn {
    z-index: 1040;
    position: relative;
    left: 190px;
    top: -75px;
    width: 60%;
}

.topbar {
    z-index: 1050;
    position: relative;
    left: 0px;
    top: 0px;
    float: left;
}

.fa-stack {
    width: 60px;
}

.pagination>.active>a,
.pagination>.active>a:focus,
.pagination>.active>a:hover,
.pagination>.active>span,
.pagination>.active>span:focus,
.pagination>.active>span:hover {
    background-color: #00c0ef !important;
    border-color: #00c0ef !important;
}

table.dataTable thead .sorting:after {
    opacity: 1.2 !important;
}

.products-list .product-img img {
    height: 40px;
    width: 40px;
}

.scndpad {
    margin-bottom: 5px !important;
}

.rigt {
    float: right;
}

textarea.form-control {
    height: 100px !important;
}

.info-box-text {
    text-transform: none !important;
    font-size: 18px;
    font-weight: 300;
    text-align: center !important;
}

.info-box-number {
    display: block;
    font-size: 36px;
    font-weight: lighter;
    text-align: center !important;
}

.btn-app>.fa,
.btn-app>.glyphicon,
.btn-app>.ion {
    display: inline;
    font-size: 20px;
}

.btn-app {
    height: 33px;
    min-width: 40px;
}

.box-header .pull-left a {
    color: #00c0ef;
}

.docdisp-old {
    padding-left: 7px;
    margin-top: 10px !important;
}

.docdisp {
    padding-left: 0px;
    margin-bottom: -22px;
    padding-top: 10px;
}

a .info-box .info-box-text {
    color: #003d4d !important;
}

.aleft {
    text-align: left !important;
}

a .info-box .info-box-number {
    color: #003d4d !important;
}

#icons-list {
    box-shadow: black !important;
    min-width: 235px;
}

.nav-pills>li>a {
    padding: 5px 15px !important;
    border-radius: 3px;
}


/*skin-blue*/

.skin-blue .pagination>.active>span:hover {
    background-color: #00c0ef !important;
    border-color: #00a7d0 !important;
}

.skin-blue .pagination>.active>span {
    border-color: #00c0ef !important;
    background-color: #00a7d0 !important;
}

.skin-blue .active_box {
    color: #00c0ef !important;
}

.skin-blue .swal2-confirm {
    background-color: #00c0ef !important;
    border-color: #00a7d0 !important;
}

.skin-blue .swal2-confirm:hover {
    color: #fff !important;
    background-color: #00a7d0 !important;
    border-color: #00c0ef !important;
}

.skin-blue .label-success {
    background-color: #00c0ef !important;
}

.skin-blue .head {
    height: 40px;
    background: #00c0ef;
    color: #FFFFFF;
    padding-left: 5px;
}

.skin-blue .more-details-notes-heading {
    background: #00c0ef;
    padding: 8px;
}

.skin-blue .evenclr {
    background-color: #ccf5ff;
    padding-top: 8px;
}

.skin-blue .oddcol {
    height: 40px;
    background: #ccf5ff;
}

.skin-blue .box.box-primary {
    border-top-color: #00c0ef !important;
}

.skin-blue .panel-primary>.panel-heading {
    color: #fff;
    background-color: #00c0ef !important;
    border-color: #00c0ef !important;
}

.skin-blue .panel-primary>.panel-heading+.panel-collapse>.panel-body {
    border-top-color: #00c0ef !important;
}

.skin-blue .panel-primary {
    border-color: #00c0ef !important;
}

.skin-blue .box.box-info {
    border-top-color: #00c0ef !important;
}

.skin-blue .box.box-solid.box-info>.box-header {
    color: #fff;
    background: #00c0ef !important;
}

.skin-blue .box.box-solid.box-info {
    border: 1px solid #00c0ef !important;
}

.skin-blue .fstChoiceItem {
    border: 1px solid #00c0ef !important;
    background-color: #00c0ef !important;
}

.skin-blue tr.row_selected td {
    background-color: #80e5ff !important;
}

.skin-blue table.dataTable.hover tbody tr:hover,
table.dataTable.display tbody tr:hover {
    background-color: #ccf5ff;
}

.skin-blue #grid-view-change {
    cursor: pointer;
    color: #00c0ef;
}

.skin-blue #view-change {
    cursor: pointer;
    color: #00c0ef;
    margin-left: 10px;
}

.skin-blue #togg-wrkspace {
    cursor: pointer;
    color: #00c0ef;
    margin-left: 10px;
}

.skin-blue li.light {
    background-color: #00657d;
}

.skin-blue .table-striped>tbody>tr:nth-of-type(odd) {
    background-color: #e6faff;
}

.skin-blue .topsize a {
    color: #00c0ef;
}

.skin-blue .topsize a:hover {
    color: #00a7d0 !important;
}

.skin-blue .sidebar-menu>li.header {
    color: #fff !important;
    background: #00a7d0 !important;
}

.skin-blue .main-header .logo {
    background-color: #00c0ef !important;
}

.skin-blue .sidebar-menu>li:hover>a,
.skin-blue .sidebar-menu>li.active>a {
    background: #00c0ef none repeat scroll 0 0;
}

.skin-blue .main-header .navbar {
    background-color: #00c0ef !important;
}

.skin-blue .main-header li.user-header {
    background-color: #00c0ef !important;
}

.skin-blue .sidebar a {
    color: #fff !important;
}

.skin-blue thead tr {
    background-color: #00c0ef !important;
    color: #fff !important;
}

.skin-blue .btn-primary {
    background-color: #00c0ef;
    border-color: #00a7d0;
    color: #fff !important;
    border-radius: 4px !important;
}

.skin-blue .btn-primary:hover {
    background-color: #00a7d0;
    border-color: #00c0ef !important;
    color: #fff !important;
    border-radius: 4px !important;
}

.skin-blue .btn-info {
    background-color: #00c0ef !important;
    border-color: #00a7d0 !important;
    color: #fff !important;
    border-radius: 4px !important;
}

.skin-blue .btn-info:hover {
    background-color: #00a7d0 !important;
    border-color: #00c0ef !important;
    color: #fff !important;
    border-radius: 4px !important;
}

.skin-blue .btn-default {
    background-color: #00c0ef !important;
    border-color: #00a7d0 !important;
    color: #fff !important;
    border-radius: 4px !important;
}

.skin-blue .btn-default:hover {
    background-color: #00a7d0 !important;
    border-color: #00c0ef !important;
    color: #fff !important;
    border-radius: 4px !important;
}

.skin-blue .nav-tabs-custom>.nav-tabs>li.active {
    border-top-color: #00c0ef !important;
}

.skin-blue .li_active {
    border: 1px solid #3c8dbc !important;
    border-left: 2px solid #3c8dbc !important;
}

.skin-blue .nav-pills>li.active>a,
.skin-blue .nav-pills>li.active>a:focus,
.skin-blue .nav-pills>li.active>a:hover {
    color: #fff !important;
    border-top-color: #00c0ef !important;
    background-color: #00c0ef !important;
}

.skin-blue .terms_and_conditions{
    background-color: #00c0ef !important;
}

/*skin-red*/

.skin-red .pagination>.active>span:hover {
    background-color: #dd4b39 !important;
    border-color: #d33724 !important;
}

.skin-red .pagination>.active>span {
    border-color: #dd4b39 !important;
    background-color: #d33724 !important;
}

.skin-red .active_box {
    color: #dd4b39 !important;
}

.skin-red .swal2-confirm {
    background-color: #dd4b39 !important;
    border-color: #d33724 !important;
}

.skin-red .swal2-confirm:hover {
    color: #fff !important;
    background-color: #d33724 !important;
    border-color: #dd4b39 !important;
}

.skin-red .label-success {
    background-color: #dd4b39 !important;
}

.skin-red .head {
    height: 40px;
    background: #dd4b39;
    color: #FFFFFF;
    padding-left: 5px;
}

.skin-red .more-details-notes-heading {
    background: #dd4b39;
    padding: 8px;
}

.skin-red .evenclr {
    background-color: #f8d8d3;
    padding-top: 8px;
}

.skin-red .oddcol {
    height: 40px;
    background: #f8d8d3;
}

.skin-red .box.box-primary {
    border-top-color: #dd4b39 !important;
}

.skin-red .panel-primary>.panel-heading {
    color: #fff;
    background-color: #dd4b39 !important;
    border-color: #dd4b39 !important;
}

.skin-red .panel-primary>.panel-heading+.panel-collapse>.panel-body {
    border-top-color: #dd4b39 !important;
}

.skin-red .panel-primary {
    border-color: #dd4b39 !important;
}

.skin-red .box.box-info {
    border-top-color: #dd4b39 !important;
}

.skin-red .box.box-solid.box-info>.box-header {
    color: #fff;
    background: #dd4b39 !important;
}

.skin-red .box.box-solid.box-info {
    border: 1px solid #dd4b39 !important;
}

.skin-red .fstChoiceItem {
    border: 1px solid #dd4b39 !important;
    background-color: #dd4b39 !important;
}

.skin-red tr.row_selected td {
    background-color: #e9897c !important;
}

.skin-red table.dataTable.hover tbody tr:hover,
table.dataTable.display tbody tr:hover {
    background-color: #f8d8d3;
}

.skin-red #grid-view-change {
    cursor: pointer;
    color: #dd4b39;
}

.skin-red #view-change {
    cursor: pointer;
    color: #dd4b39;
    margin-left: 10px;
}

.skin-red #togg-wrkspace {
    cursor: pointer;
    color: #dd4b39;
    margin-left: 10px;
}

.skin-red li.light {
    background-color: #ae2e1e;
}

.skin-red .table-striped>tbody>tr:nth-of-type(odd) {
    background-color: #fbebe9;
}

.skin-red .topsize a {
    color: #dd4b39;
}

.skin-red .topsize a:hover {
    color: #d33724 !important;
}

.skin-red .sidebar-menu>li.header {
    color: #fff !important;
    background: #d33724 !important;
}

.skin-red .main-header .logo {
    background-color: #dd4b39 !important;
}

.skin-red .sidebar-menu>li:hover>a,
.skin-red .sidebar-menu>li.active>a {
    background: #dd4b39 none repeat scroll 0 0;
}

.skin-red .main-header .navbar {
    background-color: #dd4b39 !important;
}

.skin-red .main-header li.user-header {
    background-color: #dd4b39 !important;
}

.skin-red .sidebar a {
    color: #fff !important;
}

.skin-red thead tr {
    background-color: #dd4b39 !important;
    color: #fff !important;
}

.skin-red .btn-primary {
    background-color: #dd4b39;
    border-color: #d33724;
    color: #fff !important;
    border-radius: 4px !important;
}

.skin-red .btn-primary:hover {
    background-color: #d33724;
    border-color: #dd4b39 !important;
    color: #fff !important;
    border-radius: 4px !important;
}

.skin-red .btn-info {
    background-color: #dd4b39 !important;
    border-color: #d33724 !important;
    color: #fff !important;
    border-radius: 4px !important;
}

.skin-red .btn-info:hover {
    background-color: #d33724 !important;
    border-color: #dd4b39 !important;
    color: #fff !important;
    border-radius: 4px !important;
}

.skin-red .btn-default {
    background-color: #dd4b39 !important;
    border-color: #d33724 !important;
    color: #fff !important;
    border-radius: 4px !important;
}

.skin-red .btn-default:hover {
    background-color: #d33724 !important;
    border-color: #dd4b39 !important;
    color: #fff !important;
    border-radius: 4px !important;
}

.skin-red .nav-tabs-custom>.nav-tabs>li.active {
    border-top-color: #dd4b39 !important;
}

.skin-red .li_active {
    border: 1px solid #dd4b39 !important;
    border-left: 2px solid #dd4b39 !important;
    ;
}

.skin-red .nav-pills>li.active>a,
.skin-red .nav-pills>li.active>a:focus,
.skin-red .nav-pills>li.active>a:hover {
    color: #fff !important;
    border-top-color: #dd4b39 !important;
    background-color: #dd4b39 !important;
}

.skin-red .terms_and_conditions{
    background-color: #dd4b39 !important;
}

/*skin-green*/

.skin-green .pagination>.active>span:hover {
    background-color: #00a65a !important;
    border-color: #008d4c !important;
}

.skin-green .pagination>.active>span {
    border-color: #00a65a !important;
    background-color: #008d4c !important;
}

.skin-green .active_box {
    color: #00a65a !important;
}

.skin-green .swal2-confirm {
    background-color: #00a65a !important;
    border-color: #008d4c !important;
}

.skin-green .swal2-confirm:hover {
    color: #fff !important;
    background-color: #008d4c !important;
    border-color: #00a65a !important;
}

.skin-green .label-success {
    background-color: #00a65a !important;
}

.skin-green .head {
    height: 40px;
    background: #00a65a;
    color: #FFFFFF;
    padding-left: 5px;
}

.skin-green .more-details-notes-heading {
    background: #00a65a;
    padding: 8px;
}

.skin-green .evenclr {
    background-color: #ccffe8;
    padding-top: 8px;
}

.skin-green .oddcol {
    height: 40px;
    background: #ccffe8;
}

.skin-green .box.box-primary {
    border-top-color: #00a65a !important;
}

.skin-green .panel-primary>.panel-heading {
    color: #fff;
    background-color: #00a65a !important;
    border-color: #00a65a !important;
}

.skin-green .panel-primary>.panel-heading+.panel-collapse>.panel-body {
    border-top-color: #00a65a !important;
}

.skin-green .panel-primary {
    border-color: #00a65a !important;
}

.skin-green .box.box-info {
    border-top-color: #00a65a !important;
}

.skin-green .box.box-solid.box-info>.box-header {
    color: #fff;
    background: #00a65a !important;
}

.skin-green .box.box-solid.box-info {
    border: 1px solid #00a65a !important;
}

.skin-green .fstChoiceItem {
    border: 1px solid #00a65a !important;
    background-color: #00a65a !important;
}

.skin-green tr.row_selected td {
    background-color: #80ffc6 !important;
}

.skin-green table.dataTable.hover tbody tr:hover,
table.dataTable.display tbody tr:hover {
    background-color: #ccffe8;
}

.skin-green #grid-view-change {
    cursor: pointer;
    color: #00a65a;
}

.skin-green #view-change {
    cursor: pointer;
    color: #00a65a;
    margin-left: 10px;
}

.skin-green #togg-wrkspace {
    cursor: pointer;
    color: #00a65a;
    margin-left: 10px;
}

.skin-green li.light {
    background-color: #004d29;
}

.skin-green .table-striped>tbody>tr:nth-of-type(odd) {
    background-color: #e6fff4;
}

.skin-green .topsize a {
    color: #00a65a;
}

.skin-green .topsize a:hover {
    color: #008d4c !important;
}

.skin-green .sidebar-menu>li.header {
    color: #fff !important;
    background: #008d4c !important;
}

.skin-green .main-header .logo {
    background-color: #00a65a !important;
}

.skin-green .sidebar-menu>li:hover>a,
.skin-green .sidebar-menu>li.active>a {
    background: #00a65a none repeat scroll 0 0;
}

.skin-green .main-header .navbar {
    background-color: #00a65a !important;
}

.skin-green .main-header li.user-header {
    background-color: #00a65a !important;
}

.skin-green .sidebar a {
    color: #fff !important;
}

.skin-green thead tr {
    background-color: #00a65a !important;
    color: #fff !important;
}

.skin-green .btn-primary {
    background-color: #00a65a;
    border-color: #008d4c;
    color: #fff !important;
    border-radius: 4px !important;
}

.skin-green .btn-primary:hover {
    background-color: #008d4c;
    border-color: #00a65a !important;
    color: #fff !important;
    border-radius: 4px !important;
}

.skin-green .btn-info {
    background-color: #00a65a !important;
    border-color: #008d4c !important;
    color: #fff !important;
    border-radius: 4px !important;
}

.skin-green .btn-info:hover {
    background-color: #008d4c !important;
    border-color: #00a65a !important;
    color: #fff !important;
    border-radius: 4px !important;
}

.skin-green .btn-default {
    background-color: #00a65a !important;
    border-color: #008d4c !important;
    color: #fff !important;
    border-radius: 4px !important;
}

.skin-green .btn-default:hover {
    background-color: #008d4c !important;
    border-color: #00a65a !important;
    color: #fff !important;
    border-radius: 4px !important;
}

.skin-green .nav-tabs-custom>.nav-tabs>li.active {
    border-top-color: #00a65a !important;
}

.skin-green .li_active {
    border: 1px solid #00a65a !important;
    border-left: 2px solid #00a65a !important;
}

.skin-green .nav-pills>li.active>a,
.skin-green .nav-pills>li.active>a:focus,
.skin-green .nav-pills>li.active>a:hover {
    color: #fff !important;
    border-top-color: #00a65a !important;
    background-color: #00a65a !important;
}

.skin-green .terms_and_conditions{
    background-color: #00a65a !important;
}


/*skin-yellow*/

.skin-yellow .pagination>.active>span:hover {
    background-color: #f39c12 !important;
    border-color: #db8b0b !important;
}

.skin-yellow .pagination>.active>span {
    border-color: #f39c12 !important;
    background-color: #db8b0b !important;
}

.skin-yellow .active_box {
    color: #f39c12 !important;
}

.skin-yellow .swal2-confirm {
    background-color: #f39c12 !important;
    border-color: #db8b0b !important;
}

.skin-yellow .swal2-confirm:hover {
    color: #fff !important;
    background-color: #db8b0b !important;
    border-color: #f39c12 !important;
}

.skin-yellow .label-success {
    background-color: #f39c12 !important;
}

.skin-yellow .head {
    height: 40px;
    background: #f39c12;
    color: #FFFFFF;
    padding-left: 5px;
}

.skin-yellow .more-details-notes-heading {
    background: #f39c12;
    padding: 8px;
}

.skin-yellow .evenclr {
    background-color: #fcebcf;
    padding-top: 8px;
}

.skin-yellow .oddcol {
    height: 40px;
    background: #fcebcf;
}

.skin-yellow .box.box-primary {
    border-top-color: #f39c12 !important;
}

.skin-yellow .panel-primary>.panel-heading {
    color: #fff;
    background-color: #f39c12 !important;
    border-color: #f39c12 !important;
}

.skin-yellow .panel-primary>.panel-heading+.panel-collapse>.panel-body {
    border-top-color: #f39c12 !important;
}

.skin-yellow .panel-primary {
    border-color: #f39c12 !important;
}

.skin-yellow .box.box-info {
    border-top-color: #f39c12 !important;
}

.skin-yellow .box.box-solid.box-info>.box-header {
    color: #fff;
    background: #f39c12 !important;
}

.skin-yellow .box.box-solid.box-info {
    border: 1px solid #f39c12 !important;
}

.skin-yellow .fstChoiceItem {
    border: 1px solid #f39c12 !important;
    background-color: #f39c12 !important;
}

.skin-yellow tr.row_selected td {
    background-color: #f9cd86 !important;
}

.skin-yellow table.dataTable.hover tbody tr:hover,
table.dataTable.display tbody tr:hover {
    background-color: #fcebcf;
}

.skin-yellow #grid-view-change {
    cursor: pointer;
    color: #f39c12;
}

.skin-yellow #view-change {
    cursor: pointer;
    color: #f39c12;
    margin-left: 10px;
}

.skin-yellow #togg-wrkspace {
    cursor: pointer;
    color: #f39c12;
    margin-left: 10px;
}

.skin-yellow li.light {
    background-color: #cc7a00;
}

.skin-yellow .table-striped>tbody>tr:nth-of-type(odd) {
    background-color: #fef5e7;
}

.skin-yellow .topsize a {
    color: #f39c12;
}

.skin-yellow .topsize a:hover {
    color: #db8b0b !important;
}

.skin-yellow .sidebar-menu>li.header {
    color: #fff !important;
    background: #db8b0b !important;
}

.skin-yellow .main-header .logo {
    background-color: #f39c12 !important;
}

.skin-yellow .sidebar-menu>li:hover>a,
.skin-yellow .sidebar-menu>li.active>a {
    background: #f39c12 none repeat scroll 0 0;
}

.skin-yellow .main-header .navbar {
    background-color: #f39c12 !important;
}

.skin-yellow .main-header li.user-header {
    background-color: #f39c12 !important;
}

.skin-yellow .sidebar a {
    color: #fff !important;
}

.skin-yellow thead tr {
    background-color: #f39c12 !important;
    color: #fff !important;
}

.skin-yellow .btn-primary {
    background-color: #f39c12;
    border-color: #db8b0b;
    color: #fff !important;
    border-radius: 4px !important;
}

.skin-yellow .btn-primary:hover {
    background-color: #db8b0b;
    border-color: #f39c12 !important;
    color: #fff !important;
    border-radius: 4px !important;
}

.skin-yellow .btn-info {
    background-color: #f39c12 !important;
    border-color: #db8b0b !important;
    color: #fff !important;
    border-radius: 4px !important;
}

.skin-yellow .btn-info:hover {
    background-color: #db8b0b !important;
    border-color: #f39c12 !important;
    color: #fff !important;
    border-radius: 4px !important;
}

.skin-yellow .btn-default {
    background-color: #f39c12 !important;
    border-color: #db8b0b !important;
    color: #fff !important;
    border-radius: 4px !important;
}

.skin-yellow .btn-default:hover {
    background-color: #db8b0b !important;
    border-color: #f39c12 !important;
    color: #fff !important;
    border-radius: 4px !important;
}

.skin-yellow .nav-tabs-custom>.nav-tabs>li.active {
    border-top-color: #f39c12 !important;
}

.skin-yellow .li_active {
    border: 1px solid #f39c12 !important;
    border-left: 2px solid #f39c12 !important;
}

.skin-yellow .nav-pills>li.active>a,
.skin-yellow .nav-pills>li.active>a:focus,
.skin-yellow .nav-pills>li.active>a:hover {
    color: #fff !important;
    border-top-color: #f39c12 !important;
    background-color: #f39c12 !important;
}

.skin-yellow .terms_and_conditions{
    background-color: #f39c12 !important;
}



/*skin-purple*/

.skin-purple .pagination>.active>span:hover {
    background-color: #605ca8 !important;
    border-color: #555299 !important;
}

.skin-purple .pagination>.active>span {
    border-color: #605ca8 !important;
    background-color: #555299 !important;
}

.skin-purple .active_box {
    color: #605ca8 !important;
}

.skin-purple .swal2-confirm {
    background-color: #605ca8 !important;
    border-color: #555299 !important;
}

.skin-purple .swal2-confirm:hover {
    color: #fff !important;
    background-color: #555299 !important;
    border-color: #605ca8 !important;
}

.skin-purple .label-success {
    background-color: #605ca8 !important;
}

.skin-purple .head {
    height: 40px;
    background: #605ca8;
    color: #FFFFFF;
    padding-left: 5px;
}

.skin-purple .more-details-notes-heading {
    background: #605ca8;
    padding: 8px;
}

.skin-purple .evenclr {
    background-color: #dfdeed;
    padding-top: 8px;
}

.skin-purple .oddcol {
    height: 40px;
    background: #dfdeed;
}

.skin-purple .box.box-primary {
    border-top-color: #605ca8 !important;
}

.skin-purple .panel-primary>.panel-heading {
    color: #fff;
    background-color: #605ca8 !important;
    border-color: #605ca8 !important;
}

.skin-purple .panel-primary>.panel-heading+.panel-collapse>.panel-body {
    border-top-color: #605ca8 !important;
}

.skin-purple .panel-primary {
    border-color: #605ca8 !important;
}

.skin-purple .box.box-info {
    border-top-color: #605ca8 !important;
}

.skin-purple .box.box-solid.box-info>.box-header {
    color: #fff;
    background: #605ca8 !important;
}

.skin-purple .box.box-solid.box-info {
    border: 1px solid #605ca8 !important;
}

.skin-purple .fstChoiceItem {
    border: 1px solid #605ca8 !important;
    background-color: #605ca8 !important;
}

.skin-purple tr.row_selected td {
    background-color: #aeacd2 !important;
}

.skin-purple table.dataTable.hover tbody tr:hover,
table.dataTable.display tbody tr:hover {
    background-color: #dfdeed;
}

.skin-purple #grid-view-change {
    cursor: pointer;
    color: #605ca8;
}

.skin-purple #view-change {
    cursor: pointer;
    color: #605ca8;
    margin-left: 10px;
}

.skin-purple #togg-wrkspace {
    cursor: pointer;
    color: #605ca8;
    margin-left: 10px;
}

.skin-purple li.light {
    background-color: #383663;
}

.skin-purple .table-striped>tbody>tr:nth-of-type(odd) {
    background-color: #efeef6;
}

.skin-purple .topsize a {
    color: #605ca8;
}

.skin-purple .topsize a:hover {
    color: #555299 !important;
}

.skin-purple .sidebar-menu>li.header {
    color: #fff !important;
    background: #555299 !important;
}

.skin-purple .main-header .logo {
    background-color: #605ca8 !important;
}

.skin-purple .sidebar-menu>li:hover>a,
.skin-purple .sidebar-menu>li.active>a {
    background: #605ca8 none repeat scroll 0 0;
}

.skin-purple .main-header .navbar {
    background-color: #605ca8 !important;
}

.skin-purple .main-header li.user-header {
    background-color: #605ca8 !important;
}

.skin-purple .sidebar a {
    color: #fff !important;
}

.skin-purple thead tr {
    background-color: #605ca8 !important;
    color: #fff !important;
}

.skin-purple .btn-primary {
    background-color: #605ca8;
    border-color: #555299;
    color: #fff !important;
    border-radius: 4px !important;
}

.skin-purple .btn-primary:hover {
    background-color: #555299;
    border-color: #605ca8 !important;
    color: #fff !important;
    border-radius: 4px !important;
}

.skin-purple .btn-info {
    background-color: #605ca8 !important;
    border-color: #555299 !important;
    color: #fff !important;
    border-radius: 4px !important;
}

.skin-purple .btn-info:hover {
    background-color: #555299 !important;
    border-color: #605ca8 !important;
    color: #fff !important;
    border-radius: 4px !important;
}

.skin-purple .btn-default {
    background-color: #605ca8 !important;
    border-color: #555299 !important;
    color: #fff !important;
    border-radius: 4px !important;
}

.skin-purple .btn-default:hover {
    background-color: #555299 !important;
    border-color: #605ca8 !important;
    color: #fff !important;
    border-radius: 4px !important;
}

.skin-purple .nav-tabs-custom>.nav-tabs>li.active {
    border-top-color: #605ca8 !important;
}

.skin-purple .li_active {
    border: 1px solid #605ca8 !important;
    border-left: 2px solid #605ca8 !important;
}

.skin-purple .nav-pills>li.active>a,
.skin-purple .nav-pills>li.active>a:focus,
.skin-purple .nav-pills>li.active>a:hover {
    color: #fff !important;
    border-top-color: #605ca8 !important;
    background-color: #605ca8 !important;
}

.skin-purple .terms_and_conditions{
    background-color: #605ca8 !important;
}



/*light*/


/*skin-blue #3c8dbc*/

.skin-blue-light .pagination>.active>span:hover {
    background-color: #00c0ef !important;
    border-color: #00a7d0 !important;
}

.skin-blue-light .pagination>.active>span {
    border-color: #00c0ef !important;
    background-color: #00a7d0 !important;
}

.skin-blue-light .active_box {
    color: #00a7d0 !important;
}

.skin-blue-light .swal2-confirm {
    background-color: #00c0ef !important;
    border-color: #00a7d0 !important;
}

.skin-blue-light .swal2-confirm:hover {
    color: #fff !important;
    background-color: #00a7d0 !important;
    border-color: #00c0ef !important;
}

.skin-blue-light .label-success {
    background-color: #3c8dbc !important;
}

.skin-blue-light .head {
    height: 40px;
    background: #3c8dbc;
    color: #FFFFFF;
    padding-left: 5px;
}

.skin-blue-light .more-details-notes-heading {
    background: #3c8dbc;
    padding: 8px;
}

.skin-blue-light .evenclr {
    background-color: #ccf5ff;
    padding-top: 8px;
}

.skin-blue-light .oddcol {
    height: 40px;
    background: #ccf5ff;
}

.skin-blue-light .box.box-primary {
    border-top-color: #3c8dbc !important;
}

.skin-blue-light .panel-primary>.panel-heading {
    color: #fff;
    background-color: #3c8dbc !important;
    border-color: #3c8dbc !important;
}

.skin-blue-light .panel-primary>.panel-heading+.panel-collapse>.panel-body {
    border-top-color: #3c8dbc !important;
}

.skin-blue-light .panel-primary {
    border-color: #3c8dbc !important;
}

.skin-blue-light .box.box-info {
    border-top-color: #3c8dbc !important;
}

.skin-blue-light .box.box-solid.box-info>.box-header {
    color: #fff;
    background: #3c8dbc !important;
}

.skin-blue-light .box.box-solid.box-info {
    border: 1px solid #3c8dbc !important;
}

.skin-blue-light .fstChoiceItem {
    border: 1px solid #3c8dbc !important;
    background-color: #3c8dbc !important;
}

.skin-blue-light tr.row_selected td {
    background-color: #80e5ff !important;
}

.skin-blue-light table.dataTable.hover tbody tr:hover,
table.dataTable.display tbody tr:hover {
    background-color: #ccf5ff;
}

.skin-blue-light #grid-view-change {
    cursor: pointer;
    color: #3c8dbc;
}

.skin-blue-light #view-change {
    cursor: pointer;
    color: #3c8dbc;
    margin-left: 10px;
}

.skin-blue-light #togg-wrkspace {
    cursor: pointer;
    color: #3c8dbc;
    margin-left: 10px;
}

.skin-blue-light li.light {
    background-color: #9ec8e0;
}

.skin-blue-light .table-striped>tbody>tr:nth-of-type(odd) {
    background-color: #ecf4f9;
}

.skin-blue-light .topsize a {
    color: #3c8dbc;
}

.skin-blue-light .topsize a:hover {
    color: #367fa9 !important;
}

.skin-blue-light .sidebar-menu>li.header {
    color: #fff !important;
    background: #367fa9 !important;
}

.skin-blue-light .main-header .logo {
    background-color: #3c8dbc !important;
}

.skin-blue-light .sidebar-menu>li:hover>a,
.skin-blue-light .sidebar-menu>li.active>a {
    background: #3c8dbc none repeat scroll 0 0;
}

.skin-blue-light .main-header .navbar {
    background-color: #3c8dbc !important;
}

.skin-blue-light .main-header li.user-header {
    background-color: #3c8dbc !important;
}

.skin-blue-light .sidebar a {
    color: #000 !important;
}

.skin-blue-light thead tr {
    background-color: #3c8dbc !important;
    color: #fff !important;
}

.skin-blue-light .btn-primary {
    background-color: #3c8dbc;
    border-color: #367fa9;
    color: #fff !important;
    border-radius: 4px !important;
}

.skin-blue-light .btn-primary:hover {
    background-color: #367fa9;
    border-color: #3c8dbc !important;
    color: #fff !important;
    border-radius: 4px !important;
}

.skin-blue-light .btn-info {
    background-color: #3c8dbc !important;
    border-color: #367fa9 !important;
    color: #fff !important;
    border-radius: 4px !important;
}

.skin-blue-light .btn-info:hover {
    background-color: #367fa9 !important;
    border-color: #3c8dbc !important;
    color: #fff !important;
    border-radius: 4px !important;
}

.skin-blue-light .btn-default {
    background-color: #3c8dbc !important;
    border-color: #367fa9 !important;
    color: #fff !important;
    border-radius: 4px !important;
}

.skin-blue-light .btn-default:hover {
    background-color: #367fa9 !important;
    border-color: #3c8dbc !important;
    color: #fff !important;
    border-radius: 4px !important;
}

.skin-blue-light .nav-tabs-custom>.nav-tabs>li.active {
    border-top-color: #3c8dbc !important;
}

.skin-blue-light .li_active {
    border: 1px solid #3c8dbc !important;
    border-left: 2px solid #3c8dbc !important;
}

.skin-blue-light .nav-pills>li.active>a,
.skin-blue-light .nav-pills>li.active>a:focus,
.skin-blue-light .nav-pills>li.active>a:hover {
    color: #fff !important;
    border-top-color: #3c8dbc !important;
    background-color: #3c8dbc !important;
}

.skin-blue-light .terms_and_conditions{
    background-color: #3c8dbc !important;
}


/*skin-red-light*/

.skin-red-light .pagination>.active>span:hover {
    background-color: #dd4b39 !important;
    border-color: #d33724 !important;
}

.skin-red-light .pagination>.active>span {
    border-color: #dd4b39 !important;
    background-color: #d33724 !important;
}

.skin-red-light .active_box {
    color: #d33724 !important;
}

.skin-red-light .swal2-confirm {
    background-color: #dd4b39 !important;
    border-color: #d33724 !important;
}

.skin-red-light .swal2-confirm:hover {
    color: #fff !important;
    background-color: #d33724 !important;
    border-color: #dd4b39 !important;
}

.skin-red-light .label-success {
    background-color: #dd4b39 !important;
}

.skin-red-light .head {
    height: 40px;
    background: #dd4b39;
    color: #FFFFFF;
    padding-left: 5px;
}

.skin-red-light .more-details-notes-heading {
    background: #dd4b39;
    padding: 8px;
}

.skin-red-light .evenclr {
    background-color: #f8d8d3;
    padding-top: 8px;
}

.skin-red-light .oddcol {
    height: 40px;
    background: #f8d8d3;
}

.skin-red-light .box.box-primary {
    border-top-color: #dd4b39 !important;
}

.skin-red-light .panel-primary>.panel-heading {
    color: #fff;
    background-color: #dd4b39 !important;
    border-color: #dd4b39 !important;
}

.skin-red-light .panel-primary>.panel-heading+.panel-collapse>.panel-body {
    border-top-color: #dd4b39 !important;
}

.skin-red-light .panel-primary {
    border-color: #dd4b39 !important;
}

.skin-red-light .box.box-info {
    border-top-color: #dd4b39 !important;
}

.skin-red-light .box.box-solid.box-info>.box-header {
    color: #fff;
    background: #dd4b39 !important;
}

.skin-red-light .box.box-solid.box-info {
    border: 1px solid #dd4b39 !important;
}

.skin-red-light .fstChoiceItem {
    border: 1px solid #dd4b39 !important;
    background-color: #dd4b39 !important;
}

.skin-red-light tr.row_selected td {
    background-color: #e9897c !important;
}

.skin-red-light table.dataTable.hover tbody tr:hover,
table.dataTable.display tbody tr:hover {
    background-color: #f8d8d3;
}

.skin-red-light #grid-view-change {
    cursor: pointer;
    color: #dd4b39;
}

.skin-red-light #view-change {
    cursor: pointer;
    color: #dd4b39;
    margin-left: 10px;
}

.skin-red-light #togg-wrkspace {
    cursor: pointer;
    color: #dd4b39;
    margin-left: 10px;
}

.skin-red-light li.light {
    background-color: #ff704d;
}

.skin-red-light .table-striped>tbody>tr:nth-of-type(odd) {
    background-color: #fbebe9;
}

.skin-red-light .topsize a {
    color: #dd4b39;
}

.skin-red-light .topsize a:hover {
    color: #d33724 !important;
}

.skin-red-light .sidebar-menu>li.header {
    color: #fff !important;
    background: #d33724 !important;
}

.skin-red-light .main-header .logo {
    background-color: #dd4b39 !important;
}

.skin-red-light .sidebar-menu>li:hover>a,
.skin-red-light .sidebar-menu>li.active>a {
    background: #dd4b39 none repeat scroll 0 0;
}

.skin-red-light .main-header .navbar {
    background-color: #dd4b39 !important;
}

.skin-red-light .main-header li.user-header {
    background-color: #dd4b39 !important;
}

.skin-red-light .sidebar a {
    color: #000 !important;
}

.skin-red-light thead tr {
    background-color: #dd4b39 !important;
    color: #fff !important;
}

.skin-red-light .btn-primary {
    background-color: #dd4b39;
    border-color: #d33724;
    color: #fff !important;
    border-radius: 4px !important;
}

.skin-red-light .btn-primary:hover {
    background-color: #d33724;
    border-color: #dd4b39 !important;
    color: #fff !important;
    border-radius: 4px !important;
}

.skin-red-light .btn-info {
    background-color: #dd4b39 !important;
    border-color: #d33724 !important;
    color: #fff !important;
    border-radius: 4px !important;
}

.skin-red-light .btn-info:hover {
    background-color: #d33724 !important;
    border-color: #dd4b39 !important;
    color: #fff !important;
    border-radius: 4px !important;
}

.skin-red-light .btn-default {
    background-color: #dd4b39 !important;
    border-color: #d33724 !important;
    color: #fff !important;
    border-radius: 4px !important;
}

.skin-red-light .btn-default:hover {
    background-color: #d33724 !important;
    border-color: #dd4b39 !important;
    color: #fff !important;
    border-radius: 4px !important;
}

.skin-red-light .nav-tabs-custom>.nav-tabs>li.active {
    border-top-color: #d33724 !important;
}

.skin-red-light .li_active {
    border: 1px solid #d33724 !important;
    border-left: 2px solid #d33724 !important;
}

.skin-red-light .nav-pills>li.active>a,
.skin-red-light .nav-pills>li.active>a:focus,
.skin-red-light .nav-pills>li.active>a:hover {
    color: #fff !important;
    border-top-color: #d33724 !important;
    background-color: #d33724 !important;
}

.skin-red-light .terms_and_conditions{
    background-color: #d33724 !important;
}


/*skin-green-light*/

.skin-green-light .pagination>.active>span:hover {
    background-color: #00a65a !important;
    border-color: #008d4c !important;
}

.skin-green-light .pagination>.active>span {
    border-color: #00a65a !important;
    background-color: #008d4c !important;
}

.skin-green-light .active_box {
    color: #008d4c !important;
}

.skin-green-light .swal2-confirm {
    background-color: #00a65a !important;
    border-color: #008d4c !important;
}

.skin-green-light .swal2-confirm:hover {
    color: #fff !important;
    background-color: #008d4c !important;
    border-color: #00a65a !important;
}

.skin-green-light .label-success {
    background-color: #00a65a !important;
}

.skin-green-light .head {
    height: 40px;
    background: #00a65a;
    color: #FFFFFF;
    padding-left: 5px;
}

.skin-green-light .more-details-notes-heading {
    background: #00a65a;
    padding: 8px;
}

.skin-green-light .evenclr {
    background-color: #ccffe8;
    padding-top: 8px;
}

.skin-green-light .oddcol {
    height: 40px;
    background: #ccffe8;
}

.skin-green-light .box.box-primary {
    border-top-color: #00a65a !important;
}

.skin-green-light .panel-primary>.panel-heading {
    color: #fff;
    background-color: #00a65a !important;
    border-color: #00a65a !important;
}

.skin-green-light .panel-primary>.panel-heading+.panel-collapse>.panel-body {
    border-top-color: #00a65a !important;
}

.skin-green-light .panel-primary {
    border-color: #00a65a !important;
}

.skin-green-light .box.box-info {
    border-top-color: #00a65a !important;
}

.skin-green-light .box.box-solid.box-info>.box-header {
    color: #fff;
    background: #00a65a !important;
}

.skin-green-light .box.box-solid.box-info {
    border: 1px solid #00a65a !important;
}

.skin-green-light .fstChoiceItem {
    border: 1px solid #00a65a !important;
    background-color: #00a65a !important;
}

.skin-green-light tr.row_selected td {
    background-color: #80ffc6 !important;
}

.skin-green-light table.dataTable.hover tbody tr:hover,
table.dataTable.display tbody tr:hover {
    background-color: #ccffe8;
}

.skin-green-light #grid-view-change {
    cursor: pointer;
    color: #00a65a;
}

.skin-green-light #view-change {
    cursor: pointer;
    color: #00a65a;
    margin-left: 10px;
}

.skin-green-light #togg-wrkspace {
    cursor: pointer;
    color: #00a65a;
    margin-left: 10px;
}

.skin-green-light li.light {
    background-color: #00cc6d;
}

.skin-green-light .table-striped>tbody>tr:nth-of-type(odd) {
    background-color: #e6fff4;
}

.skin-green-light .topsize a {
    color: #00a65a;
}

.skin-green-light .topsize a:hover {
    color: #008d4c !important;
}

.skin-green-light .sidebar-menu>li.header {
    color: #fff !important;
    background: #008d4c !important;
}

.skin-green-light .main-header .logo {
    background-color: #00a65a !important;
}

.skin-green-light .sidebar-menu>li:hover>a,
.skin-green-light .sidebar-menu>li.active>a {
    background: #00a65a none repeat scroll 0 0;
}

.skin-green-light .main-header .navbar {
    background-color: #00a65a !important;
}

.skin-green-light .main-header li.user-header {
    background-color: #00a65a !important;
}

.skin-green-light .sidebar a {
    color: #000 !important;
}

.skin-green-light thead tr {
    background-color: #00a65a !important;
    color: #fff !important;
}

.skin-green-light .btn-primary {
    background-color: #00a65a;
    border-color: #008d4c;
    color: #fff !important;
    border-radius: 4px !important;
}

.skin-green-light .btn-primary:hover {
    background-color: #008d4c;
    border-color: #00a65a !important;
    color: #fff !important;
    border-radius: 4px !important;
}

.skin-green-light .btn-info {
    background-color: #00a65a !important;
    border-color: #008d4c !important;
    color: #fff !important;
    border-radius: 4px !important;
}

.skin-green-light .btn-info:hover {
    background-color: #008d4c !important;
    border-color: #00a65a !important;
    color: #fff !important;
    border-radius: 4px !important;
}

.skin-green-light .btn-default {
    background-color: #00a65a !important;
    border-color: #008d4c !important;
    color: #fff !important;
    border-radius: 4px !important;
}

.skin-green-light .btn-default:hover {
    background-color: #008d4c !important;
    border-color: #00a65a !important;
    color: #fff !important;
    border-radius: 4px !important;
}

.skin-green-light .nav-tabs-custom>.nav-tabs>li.active {
    border-top-color: #008d4c !important;
}

.skin-green-light .li_active {
    border: 1px solid #008d4c !important;
    border-left: 2px solid #008d4c !important;
}

.skin-green-light .nav-pills>li.active>a,
.skin-green-light .nav-pills>li.active>a:focus,
.skin-green-light .nav-pills>li.active>a:hover {
    color: #fff !important;
    border-top-color: #008d4c !important;
    background-color: #008d4c !important;
}

.skin-green-light .terms_and_conditions{
    background-color: #008d4c !important;
}


/*skin-yellow-light*/

.skin-yellow-light .pagination>.active>span:hover {
    background-color: #f39c12 !important;
    border-color: #db8b0b !important;
}

.skin-yellow-light .pagination>.active>span {
    border-color: #f39c12 !important;
    background-color: #db8b0b !important;
}

.skin-yellow-light .active_box {
    color: #db8b0b !important;
}

.skin-yellow--light .swal2-confirm {
    background-color: #f39c12 !important;
    border-color: #db8b0b !important;
}

.skin-yellow-light .swal2-confirm:hover {
    color: #fff !important;
    background-color: #db8b0b !important;
    border-color: #f39c12 !important;
}

.skin-yellow-light .label-success {
    background-color: #f39c12 !important;
}

.skin-yellow-light .head {
    height: 40px;
    background: #f39c12;
    color: #FFFFFF;
    padding-left: 5px;
}

.skin-yellow-light .more-details-notes-heading {
    background: #f39c12;
    padding: 8px;
}

.skin-yellow-light .evenclr {
    background-color: #fcebcf;
    padding-top: 8px;
}

.skin-yellow-light .oddcol {
    height: 40px;
    background: #fcebcf;
}

.skin-yellow-light .box.box-primary {
    border-top-color: #f39c12 !important;
}

.skin-yellow-light .panel-primary>.panel-heading {
    color: #fff;
    background-color: #f39c12 !important;
    border-color: #f39c12 !important;
}

.skin-yellow-light .panel-primary>.panel-heading+.panel-collapse>.panel-body {
    border-top-color: #f39c12 !important;
}

.skin-yellow-light .panel-primary {
    border-color: #f39c12 !important;
}

.skin-yellow-light .box.box-info {
    border-top-color: #f39c12 !important;
}

.skin-yellow-light .box.box-info {
    border-top-color: #f39c12 !important;
}

.skin-yellow-light .box.box-solid.box-info>.box-header {
    color: #fff;
    background: #f39c12 !important;
}

.skin-yellow-light .fstChoiceItem {
    border: 1px solid #f39c12 !important;
    background-color: #f39c12 !important;
}

.skin-yellow-light tr.row_selected td {
    background-color: #f9cd86 !important;
}

.skin-yellow-light table.dataTable.hover tbody tr:hover,
table.dataTable.display tbody tr:hover {
    background-color: #fcebcf;
}

.skin-yellow-light #grid-view-change {
    cursor: pointer;
    color: #f39c12;
}

.skin-yellow-light #view-change {
    cursor: pointer;
    color: #f39c12;
    margin-left: 10px;
}

.skin-yellow-light #togg-wrkspace {
    cursor: pointer;
    color: #f39c12;
    margin-left: 10px;
}

.skin-yellow-light li.light {
    background-color: #ffcc80;
}

.skin-yellow-light .table-striped>tbody>tr:nth-of-type(odd) {
    background-color: #fef5e7;
}

.skin-yellow-light .topsize a {
    color: #f39c12;
}

.skin-yellow-light .topsize a:hover {
    color: #db8b0b !important;
}

.skin-yellow-light .sidebar-menu>li.header {
    color: #fff !important;
    background: #db8b0b !important;
}

.skin-yellow-light .main-header .logo {
    background-color: #f39c12 !important;
}

.skin-yellow-light .sidebar-menu>li:hover>a,
.skin-yellow-light .sidebar-menu>li.active>a {
    background: #f39c12 none repeat scroll 0 0;
}

.skin-yellow-light .main-header .navbar {
    background-color: #f39c12 !important;
}

.skin-yellow-light .main-header li.user-header {
    background-color: #f39c12 !important;
}

.skin-yellow-light .sidebar a {
    color: #000 !important;
}

.skin-yellow-light thead tr {
    background-color: #f39c12 !important;
    color: #fff !important;
}

.skin-yellow-light .btn-primary {
    background-color: #f39c12;
    border-color: #db8b0b;
    color: #fff !important;
    border-radius: 4px !important;
}

.skin-yellow-light .btn-primary:hover {
    background-color: #db8b0b;
    border-color: #f39c12 !important;
    color: #fff !important;
    border-radius: 4px !important;
}

.skin-yellow-light .btn-info {
    background-color: #f39c12 !important;
    border-color: #db8b0b !important;
    color: #fff !important;
    border-radius: 4px !important;
}

.skin-yellow-light .btn-info:hover {
    background-color: #db8b0b !important;
    border-color: #f39c12 !important;
    color: #fff !important;
    border-radius: 4px !important;
}

.skin-yellow-light .btn-default {
    background-color: #f39c12 !important;
    border-color: #db8b0b !important;
    color: #fff !important;
    border-radius: 4px !important;
}

.skin-yellow-light .btn-default:hover {
    background-color: #db8b0b !important;
    border-color: #f39c12 !important;
    color: #fff !important;
    border-radius: 4px !important;
}

.skin-yellow-light .nav-tabs-custom>.nav-tabs>li.active {
    border-top-color: #f39c12 !important;
}

.skin-yellow-light .li_active {
    border: 1px solid #f39c12 !important;
    border-left: 2px solid #f39c12 !important;
}

.skin-yellow-light .nav-pills>li.active>a,
.skin-yellow-light .nav-pills>li.active>a:focus,
.skin-yellow-light .nav-pills>li.active>a:hover {
    color: #fff !important;
    border-top-color: #f39c12 !important;
    background-color: #f39c12 !important;
}

.skin-yellow-light .terms_and_conditions{
    background-color: #f39c12 !important;
}



/*skin-purple-light*/

.skin-purple-light .pagination>.active>span:hover {
    background-color: #605ca8 !important;
    border-color: #555299 !important;
}

.skin-purple-light .pagination>.active>span {
    border-color: #605ca8 !important;
    background-color: #555299 !important;
}

.skin-purple-light .active_box {
    color: #555299 !important;
}

.skin-purple-light .swal2-confirm {
    background-color: #605ca8 !important;
    border-color: #555299 !important;
}

.skin-purple-light .swal2-confirm:hover {
    color: #fff !important;
    background-color: #555299 !important;
    border-color: #605ca8 !important;
}

.skin-purple-light .label-success {
    background-color: #605ca8 !important;
}

.skin-purple-light .head {
    height: 40px;
    background: #605ca8;
    color: #FFFFFF;
    padding-left: 5px;
}

.skin-purple-light .more-details-notes-heading {
    background: #605ca8;
    padding: 8px;
}

.skin-purple-light .evenclr {
    background-color: #dfdeed;
    padding-top: 8px;
}

.skin-purple-light .oddcol {
    height: 40px;
    background: #dfdeed;
}

.skin-purple-light .box.box-primary {
    border-top-color: #605ca8 !important;
}

.skin-purple-light .panel-primary>.panel-heading {
    color: #fff;
    background-color: #605ca8 !important;
    border-color: #605ca8 !important;
}

.skin-purple-light .panel-primary>.panel-heading+.panel-collapse>.panel-body {
    border-top-color: #605ca8 !important;
}

.skin-purple-light .panel-primary {
    border-color: #605ca8 !important;
}

.skin-purple-light .box.box-info {
    border-top-color: #605ca8 !important;
}

.skin-purple-light .box.box-solid.box-info>.box-header {
    color: #fff;
    background: #605ca8 !important;
}

.skin-purple-light .box.box-solid.box-info {
    border: 1px solid #605ca8 !important;
}

.skin-purple-light .fstChoiceItem {
    border: 1px solid #605ca8 !important;
    background-color: #605ca8 !important;
}

.skin-purple-light tr.row_selected td {
    background-color: #aeacd2 !important;
}

.skin-purple-light table.dataTable.hover tbody tr:hover,
table.dataTable.display tbody tr:hover {
    background-color: #dfdeed;
}

.skin-purple-light #grid-view-change {
    cursor: pointer;
    color: #605ca8;
}

.skin-purple-light #view-change {
    cursor: pointer;
    color: #605ca8;
    margin-left: 10px;
}

.skin-purple-light #togg-wrkspace {
    cursor: pointer;
    color: #605ca8;
    margin-left: 10px;
}

.skin-purple-light li.light {
    background-color: #9e9cc9;
}

.skin-purple-light .table-striped>tbody>tr:nth-of-type(odd) {
    background-color: #efeef6;
}

.skin-purple-light .topsize a {
    color: #605ca8;
}

.skin-purple-light .topsize a:hover {
    color: #555299 !important;
}

.skin-purple-light .sidebar-menu>li.header {
    color: #fff !important;
    background: #555299 !important;
}

.skin-purple-light .main-header .logo {
    background-color: #605ca8 !important;
}

.skin-purple-light .sidebar-menu>li:hover>a,
.skin-purple-light .sidebar-menu>li.active>a {
    background: #605ca8 none repeat scroll 0 0;
}

.skin-purple-light .main-header .navbar {
    background-color: #605ca8 !important;
}

.skin-purple-light .main-header li.user-header {
    background-color: #605ca8 !important;
}

.skin-purple-light .sidebar a {
    color: #000 !important;
}

.skin-purple-light thead tr {
    background-color: #605ca8 !important;
    color: #fff !important;
}

.skin-purple-light .btn-primary {
    background-color: #605ca8;
    border-color: #555299;
    color: #fff !important;
    border-radius: 4px !important;
}

.skin-purple-light .btn-primary:hover {
    background-color: #555299;
    border-color: #605ca8 !important;
    color: #fff !important;
    border-radius: 4px !important;
}

.skin-purple-light .btn-info {
    background-color: #605ca8 !important;
    border-color: #555299 !important;
    color: #fff !important;
    border-radius: 4px !important;
}

.skin-purple-light .btn-info:hover {
    background-color: #555299 !important;
    border-color: #605ca8 !important;
    color: #fff !important;
    border-radius: 4px !important;
}

.skin-purple-light .btn-default {
    background-color: #605ca8 !important;
    border-color: #555299 !important;
    color: #fff !important;
    border-radius: 4px !important;
}

.skin-purple-light .btn-default:hover {
    background-color: #555299 !important;
    border-color: #605ca8 !important;
    color: #fff !important;
    border-radius: 4px !important;
}

.skin-purple-light .nav-tabs-custom>.nav-tabs>li.active {
    border-top-color: #605ca8 !important;
}

.skin-purple-light .li_active {
    border: 1px solid #605ca8 !important;
    border-left: 2px solid #605ca8 !important;
}

.skin-purple-light .nav-pills>li.active>a,
.skin-purple-light .nav-pills>li.active>a:focus,
.skin-purple-light .nav-pills>li.active>a:hover {
    color: #fff !important;
    border-top-color: #605ca8 !important;
    background-color: #605ca8 !important;
}

.skin-purple-light .terms_and_conditions{
    background-color: #605ca8 !important;
}



/*Skin Black*/

.skin-black .pagination>.active>span:hover {
    background-color: #00c0ef !important;
    border-color: #367fa9 !important;
}

.skin-black .pagination>.active>span {
    border-color: #00c0ef !important;
    background-color: #367fa9 !important;
}

.skin-black .active_box {
    color: #367fa9 !important;
}

.skin-black .label-success {
    background-color: #367fa9 !important;
}

.skin-black #nav_icon {
    color: #367fa9 !important;
}

.skin-black-light #nav_icon {
    color: #367fa9 !important;
}

.skin-black #view-change {
    cursor: pointer;
    color: #367fa9;
    margin-left: 10px;
}

.skin-black #togg-wrkspace {
    cursor: pointer;
    color: #367fa9;
    margin-left: 10px;
}

.skin-black #grid-view-change {
    cursor: pointer;
    color: #367fa9;
}

.skin-black .head {
    height: 40px;
    background: #00c0ef;
    color: #FFFFFF;
    padding-left: 5px;
}

.skin-black .more-details-notes-heading {
    background: #00c0ef;
    padding: 8px;
}

.skin-black .evenclr {
    background-color: #ccf5ff;
    padding-top: 8px;
}

.skin-black .oddcol {
    height: 40px;
    background: #ccf5ff;
}

.skin-black .nav-tabs-custom>.nav-tabs>li.active {
    border-top-color: #00c0ef !important;
}

.skin-black .li_active {
    border: 1px solid #00c0ef !important;
    border-left: 2px solid #00c0ef !important;
}

.skin-black .terms_and_conditions{
    background-color: #00c0ef !important;
}



/* .skin-black-light */

.skin-black-light .pagination>.active>span:hover {
    background-color: #00c0ef !important;
    border-color: #367fa9 !important;
}

.skin-black-light .pagination>.active>span {
    border-color: #00c0ef !important;
    background-color: #367fa9 !important;
}

.skin-black-light .active_box {
    color: #00c0ef !important;
}

.skin-black-light .head {
    height: 40px;
    background: #00c0ef;
    color: #FFFFFF;
    padding-left: 5px;
}

.skin-black-light .more-details-notes-heading {
    background: #00c0ef;
    padding: 8px;
}

.skin-black-light .label-success {
    background-color: #367fa9 !important;
}

.skin-black-light .evenclr {
    background-color: #ccf5ff;
    padding-top: 8px;
}

.skin-black-light .oddcol {
    height: 40px;
    background: #ccf5ff;
}

.skin-black-light #view-change {
    cursor: pointer;
    color: #367fa9;
    margin-left: 10px;
}

.skin-black-light #togg-wrkspace {
    cursor: pointer;
    color: #367fa9;
    margin-left: 10px;
}

.skin-black-light #grid-view-change {
    cursor: pointer;
    color: #367fa9;
}

.skin-black-light tr.row_selected td {
    background-color: #80e5ff !important;
}

.skin-black-light table.dataTable.hover tbody tr:hover,
table.dataTable.display tbody tr:hover {
    background-color: #ccf5ff;
}

.skin-black tr.row_selected td {
    background-color: #80e5ff !important;
}

.skin-black table.dataTable.hover tbody tr:hover,
table.dataTable.display tbody tr:hover {
    background-color: #ccf5ff;
}

.skin-black-light .nav-tabs-custom>.nav-tabs>li.active {
    border-top-color: #00c0ef !important;
}

.skin-black-light .li_active {
    border: 1px solid #00c0ef !important;
    border-left: 2px solid #00c0ef !important;
}

.skin-black-light .nav-pills>li.active>a,
.skin-black-light .nav-pills>li.active>a:focus,
.skin-black-light .nav-pills>li.active>a:hover {
    color: #fff !important;
    border-top-color: #00c0ef !important;
    background-color: #00c0ef !important;
}

.skin-black-light .terms_and_conditions{
    background-color: #00c0ef !important;
}




.text-success {
    color: #00ff00 !important;
}

.login-btn-primary {
    background-color: #00c0ef !important;
    border-color: #00c0ef !important;
    color: #fff !important;
    border-radius: 4px !important;
}

.login-btn-primary:hover {
    background-color: #00a7d0 !important;
    border-color: #00a7d0 !important;
    color: #fff !important;
    border-radius: 4px !important;
}

.btn-danger {
    background-color: #ff0000 !important;
    border-color: #ff0000 !important;
    color: #fff !important;
    border-radius: 4px !important;
}

.btn-danger:hover {
    background-color: #d80003 !important;
    border-color: #d80003 !important;
    color: #fff !important;
    border-radius: 4px !important;
}

.box.box-primary {
    border-top-color: #00c0ef !important;
}

.btn.btn-flat {
    border-radius: 4px;
}

#switchview {
    font-size: 18px;
    color: #00c0ef !important;
}

#sw-view {
    margin-top: -39px;
    margin-left: 125px;
}

#search-button {
    height: 34px;
    border-radius: 0px !important;
}

#switch-rev {
    font-size: 18px;
    margin-top: 6px;
}

.srchbtn {
    height: 34px !important;
}

.note {
    background-color: #00C0EF;
    border-color: #00C0EF;
    color: #FFF !important;
    border-radius: 4px !important;
    padding: 4px, 12px !important;
}

.searchcontent {
    display: inline-block;
    padding: 6px 12px;
    margin-bottom: 0px;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.42857;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    padding: 4px 12px !important;
    -moz-user-select: none;
    background-image: none;
    border: 1px solid transparent;
    border-radius: 4px;
    background-color: #00C0EF;
    border-color: #00C0EF;
    color: #FFF !important;
    border-radius: 4px !important;
    box-shadow: none;
    border: 1px solid transparent;
}

.searchbox {
    padding-bottom: 2px;
    padding-top: 2px;
}

li.light {
    background-color: #00657d;
}

.btn-app {
    height: 25px;
    min-width: 30px;
}

.icpad {
    padding-top: 4px;
}

#mini-documents {
    margin-left: 41px;
    position: absolute;
    top: 141px;
}

#mini-documents-add {
    position: absolute;
    top: 40px;
    margin-left: 0px;
}

.frame {
    border-top-color: #00c0ef !important;
    border-radius: 3px;
    background: #ffffff;
    border-top: 3px solid #d2d6de;
    margin-bottom: 20px;
    width: 100%;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
}

.icon-doc {
    position: absolute;
    left: 4px;
    top: -1px;
}

.cancel-btn {
    background-color: #ff3939;
    color: #fff !important;
}

.cancel-btn:hover {
    background-color: red !important;
    border-color: red !important;
    color: #fff !important;
    border-radius: 4px !important;
}

.header_h1 {
    float: left;
}

.content-header {
    padding: 7px 15px 0 !important;
}

.background_image {
    background-image: url('../images/icons/background/file.eazy_wall.png');
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    border: none;
    -o-background-size: cover;
    -moz-background-size: cover;
    -webkit-background-size: cover;
    /*background-color: #3B97FF;*/
    background-color: #3AA8DE;
}

.box_body_full {
    min-height: 100vh;
    height: 100vh;
}

.login_box_offset {
    margin-top: 40%;
}

@media(max-width: 767px) {
    .content-header {
        padding: 5px 15px 0 !important;
        height: 0px;
    }
    .mobile-view-custom {
        padding: 5px 15px 21px !important;
        height: 0px;
    }
    .background_image {
        background-image: url('../images/icons/background/file.eazy_wall_767.png');
    }
    .box_body_full {
        min-height: 201px;
        height: auto;
    }
    .login_box_offset {
        margin-top: 5%;
    }
    .form-group .col-sm-12 {
        text-align: center;
    }
    .form-group .col-sm-8 {
        text-align: center;
    }
    .btn-primary {
        margin-top: 10px;
    }
    .btn-danger {
        margin-top: 10px;
    }
}

@media(min-width: 768px) and (max-width: 1000px) {
    .login_box_offset {
        margin-top: 12%;
    }
    .box_body_full {
        max-height: 500px !important;
        min-height: 0vh;
        height: 100vh;
    }
}

@media(max-width:543px) {
    .formInfo {
        display: none;
    }
    .background_image {
        background-image: url('../images/icons/background/file.eazy_wall_543.png');
    }
    .box_body_full {
        min-height: 168px;
        height: auto;
    }
    .login_box_offset {
        margin-top: 10%;
    }
}

#newnotetxt {
    padding-left: 5px;
}

@media(max-width:767px) {
    .sidebar {
        padding-top: 40px !important;
    }
}

@media(max-width:767px) {
    .breadcrumb {
        display: none;
    }
}

#mini-documents {
    margin-left: 33px !important;
    margin-top: 4px !important;
}

@media(max-width:767px) {
    #mini-documents {
        margin-top: 65px !important;
    }
}

div#box {
    overflow-x: auto;
    height: 399px;
}

.swal2-modal .swal2-title {
    font-size: 16px !important;
}

.swal2-modal .swal2-content {
    font-size: 16px !important;
}

.swal2-modal .swal2-styled {
    padding: 7px 11px !important;
    font-size: 14px !important;
}

.error-msg {
    color: red;
}

.warning {
    color: #3d94be;
}

.custom_readonly {
    background-color: #fff !important;
}


/*sweet alert buttons*/

.swal2-cancel {
    background-color: red !important;
}

.swal2-cancel:hover {
    color: #fff !important;
    background-color: #d80003 !important;
    border-color: #00a7d0 !important;
}

.swal2-confirm {
    background-color: #00c0ef !important;
}

.swal2-confirm:hover {
    color: #fff !important;
    background-color: #204d74 !important;
    border-color: #00a7d0 !important;
}

.material-switch>input[type="checkbox"] {
    display: none;
}

.material-switch>label {
    cursor: pointer;
    height: 0px;
    position: relative;
    width: 40px;
}

.material-switch>label::before {
    background: rgb(0, 0, 0);
    box-shadow: inset 0px 0px 10px rgba(0, 0, 0, 0.5);
    border-radius: 8px;
    content: '';
    height: 16px;
    margin-top: -8px;
    position: absolute;
    opacity: 0.3;
    transition: all 0.4s ease-in-out;
    width: 40px;
}

.material-switch>label::after {
    background: rgb(255, 255, 255);
    border-radius: 16px;
    box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.3);
    content: '';
    height: 24px;
    left: -4px;
    margin-top: -8px;
    position: absolute;
    top: -4px;
    transition: all 0.3s ease-in-out;
    width: 24px;
}

.material-switch>input[type="checkbox"]:checked+label::before {
    background: inherit;
    opacity: 0.5;
}

.material-switch>input[type="checkbox"]:checked+label::after {
    background: inherit;
    left: 20px;
}


/*** style for searc box div ***/

.search-box-div {
    margin-top: -23px;
    margin-bottom: -5px;
}


/** style for transparent button */

.transparent-button {
    background-color: Transparent;
    background-repeat: no-repeat;
    border: none;
    cursor: pointer;
    overflow: hidden;
    outline: none;
}


/** style for subject link */

.subject_link {
    color: #3c8dbc !important;
}


/** style for no link click */

a.noclick {
    pointer-events: none;
}


/** style for disabled li */

.li_disabled {
    background-color: ghostwhite !important;
}

.help {
    font-size: 12px;
    color: #999;
}

.compose-label {
    margin-top: 5px !important;
}


/** style for dasboard boxes border
added by jitin on 17 jun 2020
*/

.border-olive {
    border: 1px solid #3d9970 !important;
}

.border-purple {
    border: 1px solid #605ca8 !important;
}

.border-aqua {
    border: 1px solid #00c0ef !important;
}

.border-yellow {
    border: 1px solid #f39c12 !important;
}

.border-red {
    border: 1px solid #dd4b39 !important;
}

.border-blue {
    border: 1px solid #0073b7 !important;
}

.border-green {
    border: 1px solid #00a65a !important;
}

.border-maroon {
    border: 1px solid #d81b60 !important;
}


/*** tooptip background and border style **/

.tooltipster-box {
    background: #00c0ef !important;
    border: 2px solid #00a7d0 !important;
    border-radius: 4px
}

.tooltipster-arrow-background {
    border-right-color: #00c0ef !important;
    left: 3px;
    top: 0;
}

.tooltipster-sidetip.tooltipster-left .tooltipster-arrow-border {
    border-left-color: #00c0ef !important;
}

.tooltipster-sidetip.tooltipster-right .tooltipster-arrow-border {
    border-right-color: #00a7d0 !important;
}

.tooltipster {
    color: #00a7d0 !important;
}

#app_icons_list {
    min-width: 175px !important;
}

#app_previous_version_icons_list {
    min-width: 155px !important;
}

.transaction_absent {
    border-left: 6px solid #996600;
}

.transaction_present {
    border-left: 6px solid #9900ff;
}


/**** zabuto calendar css color for task and calendar entry ***/

div.zabuto_calendar .badge-event,
div.zabuto_calendar div.legend span.badge-event {
    background-color: #fff !important;
    font-weight: bold !important;
    color: #000 !important;
}

div.zabuto_calendar .badge-today,
div.zabuto_calendar div.legend span.badge-today {
    background: #EFEDD7 !important;
    color: #000 !important;
    font-weight: normal !important;
}

div.zabuto_calendar .table tr td.event div.day,
div.zabuto_calendar ul.legend li.event {
    background: none !important;
}

div.zabuto_calendar .table tr td.event div.today,
div.zabuto_calendar ul.legend li.event {
    background: #EFEDD7 !important;
    color: #000 !important;
}

#zabuto_and_tasks {
    background: #d4d8dc !important;
}

div.zabuto_calendar .table tr.calendar-dow-header th {
    background-color: #fff !important;
}


/** for full calendar */

.fc-button {
    text-transform: capitalize !important;
}

.fc-col-header-cell-cushion {
    color: #000 !important;
}

.fc-toolbar-chunk .btn-group .btn {
    margin-left: 2px !important;
}


/*** task list page buttons ***/

.btn-low {
    background-color: #218838 !important;
}

.btn-medium {
    background-color: #FFED3D !important;
}

.btn-high {
    background-color: #FFB40F !important;
}

.btn-critical {
    background-color: #C82333 !important;
}

.btn-low-tr {
    border-left: 6px solid #218838 !important;
}

.btn-medium-tr {
    border-left: 6px solid #FFED3D !important;
}

.btn-high-tr {
    border-left: 6px solid #FFB40F !important;
}

.btn-critical-tr {
    border-left: 6px solid #C82333 !important;
}


/** Task border color */

.skin-blue .task-item {
    border: 1px solid #00c0ef !important;
}

.skin-purple .task-item {
    border: 1px solid #605ca8 !important;
}

.skin-blue-light .task-item {
    border: 1px solid #3c8dbc !important;
}

.skin-green .task-item {
    border: 1px solid #00a65a !important;
}

.skin-purple-light .task-item {
    border: 1px solid #605ca8 !important;
}

.skin-red .task-item {
    border: 1px solid #dd4b39 !important;
}

.skin-yellow .task-item {
    border: 1px solid #f39c12 !important;
}

.skin-green-light .task-item {
    border: 1px solid #00a65a !important;
}

.skin-red-light .task-item {
    border: 1px solid #dd4b39 !important;
}

.skin-yellow-light .task-item {
    border: 1px solid #f39c12 !important;
}

.skin-blue .line-divder {
    background-color: #00c0ef !important;
}

.skin-purple .line-divder {
    background-color: #605ca8 !important;
}

.skin-blue-light .line-divder {
    background-color: #3c8dbc !important;
}

.skin-green .line-divder {
    background-color: #00a65a !important;
}

.skin-purple-light .line-divder {
    background-color: #605ca8 !important;
}

.skin-red .line-divder {
    background-color: #dd4b39 !important;
}

.skin-yellow .line-divder {
    background-color: #f39c12 !important;
}

.skin-green-light .line-divder {
    background-color: #00a65a !important;
}

.skin-red-light .line-divder {
    background-color: #dd4b39 !important;
}

.skin-yellow-light .line-divder {
    background-color: #f39c12 !important;
}

.skin-black .line-divder {
    background-color: #3c8dbc !important;
}

.skin-black-light .line-divder {
    background-color: #3c8dbc !important;
}

.skin-blue .icon-task {
    color: #00c0ef !important;
}

.skin-purple .icon-task {
    color: #605ca8 !important;
}

.skin-blue-light .icon-task {
    color: #3c8dbc !important;
}

.skin-green .icon-task {
    color: #00a65a !important;
}

.skin-purple-light .icon-task {
    color: #605ca8 !important;
}

.skin-red .icon-task {
    color: #dd4b39 !important;
}

.skin-yellow .icon-task {
    color: #f39c12 !important;
}

.skin-green-light .icon-task {
    color: #00a65a !important;
}

.skin-red-light .icon-task {
    color: #dd4b39 !important;
}

.skin-yellow-light .icon-task {
    color: #f39c12 !important;
}

.skin-black .icon-task {
    color: #3c8dbc !important;
}

.skin-black-light .icon-task {
    color: #3c8dbc !important;
}


/** style for color legends */

.legend_button {
    margin-left: 10px;
    cursor: context-menu;
    padding: 1px 12px !important;
    font-size: 12px;
}


/** style for color legends */


/*** style for custom sweetalert buttons ****/

.customSwalBtn {
    border-radius: 3px;
    border: 0;
    box-shadow: none;
    color: #fff;
    font-weight: 500;
    margin: 15px 10px 0;
    padding: 7px 11px !important;
    font-size: 14px !important;
}


/*** style for recently imported apps ***/

.recent-imported-app-btn {
    background-color: #ff0;
}

.recent-imported-app {
    background: linear-gradient(to right, #ff0 10px, #fff 10px, #fff 10px);
}


/*** style for jquery dialog box heading and button ****/

.skin-blue .saveButtonClass {
    background-color: #00c0ef !important;
}

.skin-purple .saveButtonClass {
    background-color: #605ca8 !important;
}

.skin-blue-light .saveButtonClass {
    background-color: #3c8dbc !important;
}

.skin-green .saveButtonClass {
    background-color: #00a65a !important;
}

.skin-purple-light .saveButtonClass {
    background-color: #605ca8 !important;
}

.skin-red .saveButtonClass {
    background-color: #dd4b39 !important;
}

.skin-yellow .saveButtonClass {
    background-color: #f39c12 !important;
}

.skin-green-light .saveButtonClass {
    background-color: #00a65a !important;
}

.skin-red-light .saveButtonClass {
    background-color: #dd4b39 !important;
}

.skin-yellow-light .saveButtonClass {
    background-color: #db8b0b !important;
}

.skin-black .saveButtonClass {
    background-color: #3c8dbc !important;
}

.skin-black-light .saveButtonClass {
    background-color: #3c8dbc !important;
}

.skin-blue .ui-widget-header {
    background-color: #00c0ef !important;
}

.skin-purple .ui-widget-header {
    background-color: #605ca8 !important;
}

.skin-blue-light .ui-widget-header {
    background-color: #3c8dbc !important;
}

.skin-green .ui-widget-header {
    background-color: #00a65a !important;
}

.skin-purple-light .ui-widget-header {
    background-color: #605ca8 !important;
}

.skin-red .ui-widget-header {
    background-color: #dd4b39 !important;
}

.skin-yellow .ui-widget-header {
    background-color: #f39c12 !important;
}

.skin-green-light .ui-widget-header {
    background-color: #00a65a !important;
}

.skin-red-light .ui-widget-header {
    background-color: #dd4b39 !important;
}

.skin-yellow-light .ui-widget-header {
    background-color: #db8b0b !important;
}


/***** Loader css ****/

div.background_loader {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(16, 16, 16, 0.5);
    z-index: 999999 ! important;
}

@-webkit-keyframes uil-ring-anim {
    0% {
        -ms-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        -webkit-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    100% {
        -ms-transform: rotate(360deg);
        -moz-transform: rotate(360deg);
        -webkit-transform: rotate(360deg);
        -o-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

@-webkit-keyframes uil-ring-anim {
    0% {
        -ms-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        -webkit-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    100% {
        -ms-transform: rotate(360deg);
        -moz-transform: rotate(360deg);
        -webkit-transform: rotate(360deg);
        -o-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

@-moz-keyframes uil-ring-anim {
    0% {
        -ms-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        -webkit-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    100% {
        -ms-transform: rotate(360deg);
        -moz-transform: rotate(360deg);
        -webkit-transform: rotate(360deg);
        -o-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

@-ms-keyframes uil-ring-anim {
    0% {
        -ms-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        -webkit-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    100% {
        -ms-transform: rotate(360deg);
        -moz-transform: rotate(360deg);
        -webkit-transform: rotate(360deg);
        -o-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

@-moz-keyframes uil-ring-anim {
    0% {
        -ms-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        -webkit-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    100% {
        -ms-transform: rotate(360deg);
        -moz-transform: rotate(360deg);
        -webkit-transform: rotate(360deg);
        -o-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

@-webkit-keyframes uil-ring-anim {
    0% {
        -ms-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        -webkit-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    100% {
        -ms-transform: rotate(360deg);
        -moz-transform: rotate(360deg);
        -webkit-transform: rotate(360deg);
        -o-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

@-o-keyframes uil-ring-anim {
    0% {
        -ms-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        -webkit-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    100% {
        -ms-transform: rotate(360deg);
        -moz-transform: rotate(360deg);
        -webkit-transform: rotate(360deg);
        -o-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

@keyframes uil-ring-anim {
    0% {
        -ms-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        -webkit-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    100% {
        -ms-transform: rotate(360deg);
        -moz-transform: rotate(360deg);
        -webkit-transform: rotate(360deg);
        -o-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

.uil-ring-css {
    margin: auto;
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    width: 200px;
    height: 200px;
}

.uil-ring-css>div {
    position: absolute;
    display: block;
    width: 160px;
    height: 160px;
    top: 20px;
    left: 20px;
    border-radius: 80px;
    box-shadow: 0 6px 0 0 #ffffff;
    -ms-animation: uil-ring-anim 1s linear infinite;
    -moz-animation: uil-ring-anim 1s linear infinite;
    -webkit-animation: uil-ring-anim 1s linear infinite;
    -o-animation: uil-ring-anim 1s linear infinite;
    animation: uil-ring-anim 1s linear infinite;
}


/*** loader css ends *****/


/***  start style for li to have 3 items in oe line in form add/edit page *********/

.input_type_li {
    width: 30%;
    float: left;
    margin-top: 5px;
    margin-left: 15px;
}

.input_type_ul {
    min-width: 469px !important;
    border: 1px solid #dee2e6;
    background-color: #F0F0F0;
}

.li_workflow_title {
    width: 33%;
    float: left;
}

.ul_workflow_title {
    min-width: 325px !important;
    border: 1px solid #dee2e6;
    background-color: #F0F0F0;
}

.divider_li {
    width: 1000%;
    float: left;
    margin-top: 5px;
}


/***  start style for li to have 3 items in oe line in form add/edit page *********/


/*** style for bliking text ****/

.blink {
    animation: blink-animation 1s steps(5, start) infinite;
    -webkit-animation: blink-animation 1s steps(5, start) infinite;
}

@keyframes blink-animation {
    to {
        visibility: hidden;
    }
}

@-webkit-keyframes blink-animation {
    to {
        visibility: hidden;
    }
}


/*** style for bliking text ****/


/** style for error color red ***/

.error {
    color: red;
}


/** style for error color red ***/


/** start style for modal header color based on skin color **/

.skin-blue .modal-header {
    background-color: #00c0ef !important;
    color: white !important;
}

.skin-purple .modal-header {
    background-color: #605ca8 !important;
    color: white !important;
}

.skin-blue-light .modal-header {
    background-color: #3c8dbc !important;
    color: white !important;
}

.skin-green .modal-header {
    background-color: #00a65a !important;
    color: white !important;
}

.skin-purple-light .modal-header {
    background-color: #605ca8 !important;
    color: white !important;
}

.skin-red .modal-header {
    background-color: #dd4b39 !important;
    color: white !important;
}

.skin-yellow .modal-header {
    background-color: #f39c12 !important;
    color: white !important;
}

.skin-green-light .modal-header {
    background-color: #00a65a !important;
    color: white !important;
}

.skin-red-light .modal-header {
    background-color: #dd4b39 !important;
    color: white !important;
}

.skin-yellow-light .modal-header {
    background-color: #db8b0b !important;
    color: white !important;
}

.skin-black .modal-header {
    background-color: #3c8dbc !important;
    color: white !important;
}

.skin-black-light .modal-header {
    background-color: #3c8dbc !important;
    color: white !important;
}

.modal-dialog {
    height: auto;
    /*width: auto;*/
    border: calc(8px + 0.2vw) solid transparent;
    background-origin: border-box;
    background-clip: content-box, border-box;
    background-size: cover;
    box-sizing: border-box;
    box-shadow: 0 0 5px 5px rgba(0, 0, 0, 0.5);
    border-radius: 1%;
}


/** end style for modal header color based on skin color **/


/** style for form builder component list in responsive mode ***/

@media(max-width: 530px) {
    .input_type_ul {
        min-width: 0px !important;
        max-height: 250px;
        overflow-x: hidden;
        overflow-y: scroll;
    }
    .input_type_li {
        width: auto;
    }
}


/** style for form builder component list in responsive mode ***/


/** style for form builder component list in 3,4,6 column width **/

.form-group.col-sm-12.col-md-12.col-lg-4.col-xl-4>.input-group>.input-group-btn.open>.input_type_ul {
    min-width: 300px !important;
    max-height: 250px !important;
    overflow-x: hidden !important;
    overflow-y: scroll !important;
}

.form-group.col-sm-12.col-md-12.col-lg-4.col-xl-4>.input-group>.input-group-btn.open>.input_type_ul>.input_type_li {
    width: 44% !important;
}

.form-group.col-sm-12.col-md-12.col-lg-3.col-xl-3>.input-group>.input-group-btn.open>.input_type_ul {
    min-width: 217px !important;
    max-height: 250px !important;
    overflow-x: hidden !important;
    overflow-y: scroll !important;
}

.form-group.col-sm-12.col-md-12.col-lg-3.col-xl-3>.input-group>.input-group-btn.open>.input_type_ul>.input_type_li {
    width: 44% !important;
}

.form-group.col-sm-12.col-md-12.col-lg-2.col-xl-2>.input-group>.input-group-btn.open>.input_type_ul {
    min-width: 0px !important;
    max-height: 250px !important;
    overflow-x: hidden !important;
    overflow-y: scroll !important;
}

.form-group.col-sm-12.col-md-12.col-lg-2.col-xl-2>.input-group>.input-group-btn.open>.input_type_ul>.input_type_li {
    width: 44% !important;
}


/** style for form builder component list in 3,4,6 column width **/

#calculation_formula-error-block {
    color: red;
}

.modal-footer-error {
    float: left;
    color: red;
}

.field-error-block {
    color: red;
}


/** style for increasing width of form buildr settings modal */

#modal-dialog-id {
    width: 54% !important;
}


/** style for reducing forn-size of filedset legend in adfvanced tab*/

#advanced_tab>.settings_properties_advanced>.col-md-12>fieldset>legend {
    font-size: 16px !important;
}


/** for styling of label in a form design to prevent form elements coming on same line as label**/

.label-select {
    display: block !important;
}

.fstElement {
    width: 100% !important;
    height: auto !important;
}

.fstControls {
    width: 100% !important;
}


/** for styling of parent and child app columns in show hide columns ***/

.parent_app_cols_show_ul {
    margin-left: 5%;
}

.child_app_cols_show_ul {
    margin-left: 5%;
}


/** for recording in notes start ***/

[data-role="controls"]>button:hover {
    background-color: #ee7bee;
    background-image: -webkit-gradient(linear, left bottom, left top, from(#ee7bee), to(#6fe1f5));
    background-image: -o-linear-gradient(bottom, #ee7bee 0%, #6fe1f5 100%);
    background-image: linear-gradient(0deg, #ee7bee 0%, #6fe1f5 100%);
}

[data-role="controls"]>button[data-recording="true"] {
    background-color: #ff2038;
    background-image: -webkit-gradient(linear, left bottom, left top, from(#ff2038), to(#b30003));
    background-image: -o-linear-gradient(bottom, #ff2038 0%, #b30003 100%);
    background-image: linear-gradient(0deg, #ff2038 0%, #b30003 100%);
}

[data-role="recordings"]>.row {
    width: auto;
    height: auto;
    padding: 20px;
}

[data-role="recordings"]>.row>audio {
    outline: none;
}

[data-role="recordings"]>.row>a {
    display: inline-block;
    text-align: center;
    font-size: 20px;
    line-height: 50px;
    vertical-align: middle;
    width: 50px;
    height: 50px;
    border-radius: 20px;
    color: #fff;
    font-weight: bold;
    text-decoration: underline;
    background-color: #0093E9;
    background-image: -webkit-gradient(linear, left bottom, left top, from(#0093E9), to(#80D0C7));
    background-image: -o-linear-gradient(bottom, #0093E9 0%, #80D0C7 100%);
    background-image: linear-gradient(0deg, #0093E9 0%, #80D0C7 100%);
    float: right;
    margin-left: 20px;
    cursor: pointer;
}

[data-role="recordings"]>.row>a:hover {
    text-decoration: none;
}

[data-role="recordings"]>.row>a:active {
    background-image: -webkit-gradient(linear, left top, left bottom, from(#0093E9), to(#80D0C7));
    background-image: -o-linear-gradient(top, #0093E9 0%, #80D0C7 100%);
    background-image: linear-gradient(180deg, #0093E9 0%, #80D0C7 100%);
}

audio:hover,
audio:focus,
audio:active {
    -webkit-box-shadow: 15px 15px 20px rgba(0, 0, 0, 0.4);
    -moz-box-shadow: 15px 15px 20px rgba(0, 0, 0, 0.4);
    box-shadow: 15px 15px 20px rgba(0, 0, 0, 0.4);
    -webkit-transform: scale(1.05);
    -moz-transform: scale(1.05);
    transform: scale(1.05);
}

audio {
    -webkit-transition: all 0.5s linear;
    -moz-transition: all 0.5s linear;
    -o-transition: all 0.5s linear;
    transition: all 0.5s linear;
    -moz-box-shadow: 2px 2px 4px 0px #006773;
    -webkit-box-shadow: 2px 2px 4px 0px #006773;
    box-shadow: 2px 2px 4px 0px #006773;
    -moz-border-radius: 7px 7px 7px 7px;
    -webkit-border-radius: 7px 7px 7px 7px;
    border-radius: 7px 7px 7px 7px;
}


/** for recording in notes end ***/


/** for 3 dots text animation start ***/

.three_dots_loading {
    font-size: 14px;
}

.three_dots_loading:after {
    overflow: hidden;
    display: inline-block;
    vertical-align: text-bottom;
    -webkit-animation: ellipsis steps(4, end) 900ms infinite;
    animation: ellipsis steps(4, end) 900ms infinite;
    content: "\2026";
    /* ascii code for the ellipsis character */
    width: 0px;
}

@keyframes ellipsis {
    to {
        width: 1.25em;
    }
}

@-webkit-keyframes ellipsis {
    to {
        width: 1.25em;
    }
}


/** end 3 dots text animation **/


/** style for notification block  start **/

.link-block {
    width: auto;
    height: auto;
    position: relative;
    padding: 0px;
}

.link-block .link-overlay {
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
}

.link-block .link-inner {
    position: relative;
    pointer-events: none;
    z-index: 1;
}

.link-block .link-inner a {
    pointer-events: all;
    position: relative;
}

.link-block:active,
.link-block:focus,
.link-block:hover {
    color: #72afd2 !important;
}


/** style for notification block  end **/


/** style for signaute/initials font   start **/


/* Dancing Script */

@font-face {
    font-family: "DancingScript";
    src: url('../fonts/Dancing_Script/DancingScript-VariableFont_wght.ttf') format('truetype');
}


/* Caveat */

@font-face {
    font-family: "Caveat";
    src: url('../fonts/Caveat/Caveat-VariableFont_wght.ttf') format('truetype');
}


/* Indie_Flower */

@font-face {
    font-family: "Indie_Flower";
    src: url('../fonts/Indie_Flower/IndieFlower-Regular.ttf') format('truetype');
}


/* Pacifico */

@font-face {
    font-family: "Pacifico";
    src: url('../fonts/Pacifico/Pacifico-Regular.ttf') format('truetype');
}


/* Sacramento */

@font-face {
    font-family: "Sacramento";
    src: url('../fonts/Sacramento/Sacramento-Regular.ttf') format('truetype');
}


/* Shadows_Into_Light */

@font-face {
    font-family: "Shadows_Into_Light";
    src: url('../fonts/Shadows_Into_Light/ShadowsIntoLight-Regular.ttf') format('truetype');
}


/* Old Stamper */

@font-face {
    font-family: "Old Stamper";
    src: url('../fonts/old_stamper/old_stamper.ttf') format('truetype');
}


/* SpecialElite */

@font-face {
    font-family: "Special Elite";
    src: url('../fonts/Special_Elite/SpecialElite-Regular.ttf') format('truetype');
}


/** style for signaute/initials font  end **/


/** rubber stamp styles start **/

.rubber-stamp {
    display: inline-block;
    padding: 0.25rem 1rem;
    text-transform: uppercase;
    border-radius: 1rem;
    font-family: "Special Elite";
    width: 100%;
}

.rubber-stamp-1 {
    color: #555;
    border: 0.25rem solid #555;
    font-family: "Special Elite";
}

.rubber-stamp-2 {
    color: #D23;
    border: 0.25rem solid #D23;
    font-family: "Special Elite";
}

.rubber-stamp-3 {
    color: #0A9928;
    border: 0.25rem solid #0A9928;
    font-family: "Special Elite";
}

.rubber-stamp-4 {
    color: #0000cc;
    border: 0.25rem solid #0000cc;
    font-family: "Special Elite";
}

.rubber-stamp-preview-style {
    width: 540px;
    height: 100px;
    text-align: center;
    font-size: 5.7rem;
}


/** rubber stamp styles end **/

/** for incresing font-size in nav tab start ***/
.nav > li > a {
    font-size: 15px !important;
}
/** for incresing font-size in nav tab end ***/