.bootbox-input-textarea{

}

.btn-scm-red-800 {
    border-color: #d6494b;
    background-color: #d6494b;
    -webkit-box-shadow: none;
    box-shadow: none
}

.btn-scm-red-700 {
    border-color: #e9595b;
    background-color: #e9595b;
    -webkit-box-shadow: none;
    box-shadow: none
}

.btn-scm-red-600 {
    border-color: #f96868;
    background-color: #f96868;
    -webkit-box-shadow: none;
    box-shadow: none
}

.btn-scm-red-500 {
    border-color: #fa7a7a;
    background-color: #fa7a7a;
    -webkit-box-shadow: none;
    box-shadow: none
}

.btn-scm-red-400 {
    border-color: #fa9898;
    background-color: #fa9898;
    -webkit-box-shadow: none;
    box-shadow: none
}

.btn-scm-red-300 {
    border-color: #fab4b4;
    background-color: #fab4b4;
    -webkit-box-shadow: none;
    box-shadow: none
}

.btn-scm-red-200 {
    border-color: #fad3d3;
    background-color: #fad3d3;
    -webkit-box-shadow: none;
    box-shadow: none
}

.btn-scm-red-100 {
    border-color: #ffeaea;
    background-color: #ffeaea;
    -webkit-box-shadow: none;
    box-shadow: none
}

.btn-scm-pink-800 {
    border-color: #e53b75;
    background-color: #e53b75;
    -webkit-box-shadow: none;
    box-shadow: none
}

.btn-scm-pink-700 {
    border-color: #f44c87;
    background-color: #f44c87;
    -webkit-box-shadow: none;
    box-shadow: none
}

.btn-scm-pink-600 {
    border-color: #f96197;
    background-color: #f96197;
    -webkit-box-shadow: none;
    box-shadow: none
}

.btn-scm-pink-500 {
    border-color: #f978a6;
    background-color: #f978a6;
    -webkit-box-shadow: none;
    box-shadow: none
}

.btn-scm-pink-400 {
    border-color: #fb8db4;
    background-color: #fb8db4;
    -webkit-box-shadow: none;
    box-shadow: none
}

.btn-scm-pink-300 {
    border-color: #fba9c6;
    background-color: #fba9c6;
    -webkit-box-shadow: none;
    box-shadow: none
}

.btn-scm-pink-200 {
    border-color: #ffccde;
    background-color: #ffccde;
    -webkit-box-shadow: none;
    box-shadow: none
}

.btn-scm-pink-100 {
    border-color: #fce4ec;
    background-color: #fce4ec;
    -webkit-box-shadow: none;
    box-shadow: none
}

.btn-scm-purple-800 {
    border-color: #6d45bc;
    background-color: #6d45bc;
    -webkit-box-shadow: none;
    box-shadow: none
}

.btn-scm-purple-700 {
    border-color: #7c51d1;
    background-color: #7c51d1;
    -webkit-box-shadow: none;
    box-shadow: none
}

.btn-scm-purple-600 {
    border-color: #926dde;
    background-color: #926dde;
    -webkit-box-shadow: none;
    box-shadow: none
}

.btn-scm-purple-500 {
    border-color: #a58add;
    background-color: #a58add;
    -webkit-box-shadow: none;
    box-shadow: none
}

.btn-scm-purple-400 {
    border-color: #bba7e4;
    background-color: #bba7e4;
    -webkit-box-shadow: none;
    box-shadow: none
}

.btn-scm-purple-300 {
    border-color: #d2c5ec;
    background-color: #d2c5ec;
    -webkit-box-shadow: none;
    box-shadow: none
}

.btn-scm-purple-200 {
    border-color: #e3dbf4;
    background-color: #e3dbf4;
    -webkit-box-shadow: none;
    box-shadow: none
}

.btn-scm-purple-100 {
    border-color: #f6f2ff;
    background-color: #f6f2ff;
    -webkit-box-shadow: none;
    box-shadow: none
}

.btn-scm-indigo-800 {
    border-color: #465bd4;
    background-color: #465bd4;
    -webkit-box-shadow: none;
    box-shadow: none
}

.btn-scm-indigo-700 {
    border-color: #5166d6;
    background-color: #5166d6;
    -webkit-box-shadow: none;
    box-shadow: none
}

.btn-scm-indigo-600 {
    border-color: #677ae4;
    background-color: #677ae4;
    -webkit-box-shadow: none;
    box-shadow: none
}

.btn-scm-indigo-500 {
    border-color: #8897ec;
    background-color: #8897ec;
    -webkit-box-shadow: none;
    box-shadow: none
}

.btn-scm-indigo-400 {
    border-color: #9daaf3;
    background-color: #9daaf3;
    -webkit-box-shadow: none;
    box-shadow: none
}

.btn-scm-indigo-300 {
    border-color: #bcc5f4;
    background-color: #bcc5f4;
    -webkit-box-shadow: none;
    box-shadow: none
}

.btn-scm-indigo-200 {
    border-color: #dadef5;
    background-color: #dadef5;
    -webkit-box-shadow: none;
    box-shadow: none
}

.btn-scm-indigo-100 {
    border-color: #edeff9;
    background-color: #edeff9;
    -webkit-box-shadow: none;
    box-shadow: none
}

.btn-scm-blue-800 {
    border-color: #3583ca;
    background-color: #3583ca;
    -webkit-box-shadow: none;
    box-shadow: none
}

.btn-scm-blue-700 {
    border-color: #4e97d9;
    background-color: #4e97d9;
    -webkit-box-shadow: none;
    box-shadow: none
}

.btn-scm-blue-600 {
    border-color: #62a8ea;
    background-color: #62a8ea;
    -webkit-box-shadow: none;
    box-shadow: none
}

.btn-scm-blue-500 {
    border-color: #89bceb;
    background-color: #89bceb;
    -webkit-box-shadow: none;
    box-shadow: none
}

.btn-scm-blue-400 {
    border-color: #a2caee;
    background-color: #a2caee;
    -webkit-box-shadow: none;
    box-shadow: none
}

.btn-scm-blue-300 {
    border-color: #bcd8f1;
    background-color: #bcd8f1;
    -webkit-box-shadow: none;
    box-shadow: none
}

.btn-scm-blue-200 {
    border-color: #d5e4f1;
    background-color: #d5e4f1;
    -webkit-box-shadow: none;
    box-shadow: none
}

.btn-scm-blue-100 {
    border-color: #e8f1f8;
    background-color: #e8f1f8;
    -webkit-box-shadow: none;
    box-shadow: none
}

.btn-scm-cyan-800 {
    border-color: #37a9b7;
    background-color: #37a9b7;
    -webkit-box-shadow: none;
    box-shadow: none
}

.btn-scm-cyan-700 {
    border-color: #47b8c6;
    background-color: #47b8c6;
    -webkit-box-shadow: none;
    box-shadow: none
}

.btn-scm-cyan-600 {
    border-color: #57c7d4;
    background-color: #57c7d4;
    -webkit-box-shadow: none;
    box-shadow: none
}

.btn-scm-cyan-500 {
    border-color: #77d6e1;
    background-color: #77d6e1;
    -webkit-box-shadow: none;
    box-shadow: none
}

.btn-scm-cyan-400 {
    border-color: #9ae1e9;
    background-color: #9ae1e9;
    -webkit-box-shadow: none;
    box-shadow: none
}

.btn-scm-cyan-300 {
    border-color: #baeaef;
    background-color: #baeaef;
    -webkit-box-shadow: none;
    box-shadow: none
}

.btn-scm-cyan-200 {
    border-color: #d3eff2;
    background-color: #d3eff2;
    -webkit-box-shadow: none;
    box-shadow: none
}

.btn-scm-cyan-100 {
    border-color: #ecf9fa;
    background-color: #ecf9fa;
    -webkit-box-shadow: none;
    box-shadow: none
}

.btn-scm-teal-800 {
    border-color: #178d81;
    background-color: #178d81;
    -webkit-box-shadow: none;
    box-shadow: none
}

.btn-scm-teal-700 {
    border-color: #269b8f;
    background-color: #269b8f;
    -webkit-box-shadow: none;
    box-shadow: none
}

.btn-scm-teal-600 {
    border-color: #3aa99e;
    background-color: #3aa99e;
    -webkit-box-shadow: none;
    box-shadow: none
}

.btn-scm-teal-500 {
    border-color: #56bfb5;
    background-color: #56bfb5;
    -webkit-box-shadow: none;
    box-shadow: none
}

.btn-scm-teal-400 {
    border-color: #79d1c9;
    background-color: #79d1c9;
    -webkit-box-shadow: none;
    box-shadow: none
}

.btn-scm-teal-300 {
    border-color: #99e1da;
    background-color: #99e1da;
    -webkit-box-shadow: none;
    box-shadow: none
}

.btn-scm-teal-200 {
    border-color: #cdf4f1;
    background-color: #cdf4f1;
    -webkit-box-shadow: none;
    box-shadow: none
}

.btn-scm-teal-100 {
    border-color: #ecfdfc;
    background-color: #ecfdfc;
    -webkit-box-shadow: none;
    box-shadow: none
}

.btn-scm-green-800 {
    border-color: #279566;
    background-color: #279566;
    -webkit-box-shadow: none;
    box-shadow: none
}

.btn-scm-green-700 {
    border-color: #36ab7a;
    background-color: #36ab7a;
    -webkit-box-shadow: none;
    box-shadow: none
}

.btn-scm-green-600 {
    border-color: #46be8a;
    background-color: #46be8a;
    -webkit-box-shadow: none;
    box-shadow: none
}

.btn-scm-green-500 {
    border-color: #5cd29d;
    background-color: #5cd29d;
    -webkit-box-shadow: none;
    box-shadow: none
}

.btn-scm-green-400 {
    border-color: #7dd3ae;
    background-color: #7dd3ae;
    -webkit-box-shadow: none;
    box-shadow: none
}

.btn-scm-green-300 {
    border-color: #9fe5c5;
    background-color: #9fe5c5;
    -webkit-box-shadow: none;
    box-shadow: none
}

.btn-scm-green-200 {
    border-color: #bfedd8;
    background-color: #bfedd8;
    -webkit-box-shadow: none;
    box-shadow: none
}

.btn-scm-green-100 {
    border-color: #e7faf2;
    background-color: #e7faf2;
    -webkit-box-shadow: none;
    box-shadow: none
}

.btn-scm-light-green-800 {
    border-color: #70a532;
    background-color: #70a532;
    -webkit-box-shadow: none;
    box-shadow: none
}

.btn-scm-light-green-700 {
    border-color: #83b944;
    background-color: #83b944;
    -webkit-box-shadow: none;
    box-shadow: none
}

.btn-scm-light-green-600 {
    border-color: #9ece67;
    background-color: #9ece67;
    -webkit-box-shadow: none;
    box-shadow: none
}

.btn-scm-light-green-500 {
    border-color: #acd57c;
    background-color: #acd57c;
    -webkit-box-shadow: none;
    box-shadow: none
}

.btn-scm-light-green-400 {
    border-color: #bad896;
    background-color: #bad896;
    -webkit-box-shadow: none;
    box-shadow: none
}

.btn-scm-light-green-300 {
    border-color: #cadfb1;
    background-color: #cadfb1;
    -webkit-box-shadow: none;
    box-shadow: none
}

.btn-scm-light-green-200 {
    border-color: #e0ecd1;
    background-color: #e0ecd1;
    -webkit-box-shadow: none;
    box-shadow: none
}

.btn-scm-light-green-100 {
    border-color: #f1f7ea;
    background-color: #f1f7ea;
    -webkit-box-shadow: none;
    box-shadow: none
}

.btn-scm-yellow-800 {
    border-color: #fbc02d;
    background-color: #fbc02d;
    -webkit-box-shadow: none;
    box-shadow: none
}

.btn-scm-yellow-700 {
    border-color: #f9cd48;
    background-color: #f9cd48;
    -webkit-box-shadow: none;
    box-shadow: none
}

.btn-scm-yellow-600 {
    border-color: #f7da64;
    background-color: #f7da64;
    -webkit-box-shadow: none;
    box-shadow: none
}

.btn-scm-yellow-500 {
    border-color: #f7e083;
    background-color: #f7e083;
    -webkit-box-shadow: none;
    box-shadow: none
}

.btn-scm-yellow-400 {
    border-color: #f8e59b;
    background-color: #f8e59b;
    -webkit-box-shadow: none;
    box-shadow: none
}

.btn-scm-yellow-300 {
    border-color: #f6e7a9;
    background-color: #f6e7a9;
    -webkit-box-shadow: none;
    box-shadow: none
}

.btn-scm-yellow-200 {
    border-color: #f9eec1;
    background-color: #f9eec1;
    -webkit-box-shadow: none;
    box-shadow: none
}

.btn-scm-yellow-100 {
    border-color: #fffae7;
    background-color: #fffae7;
    -webkit-box-shadow: none;
    box-shadow: none
}

.btn-scm-orange-800 {
    border-color: #e98f2e;
    background-color: #e98f2e;
    -webkit-box-shadow: none;
    box-shadow: none
}

.btn-scm-orange-700 {
    border-color: #ec9940;
    background-color: #ec9940;
    -webkit-box-shadow: none;
    box-shadow: none
}

.btn-scm-orange-600 {
    border-color: #f2a654;
    background-color: #f2a654;
    -webkit-box-shadow: none;
    box-shadow: none
}

.btn-scm-orange-500 {
    border-color: #f4b066;
    background-color: #f4b066;
    -webkit-box-shadow: none;
    box-shadow: none
}

.btn-scm-orange-400 {
    border-color: #f6be80;
    background-color: #f6be80;
    -webkit-box-shadow: none;
    box-shadow: none
}

.btn-scm-orange-300 {
    border-color: #fbce9d;
    background-color: #fbce9d;
    -webkit-box-shadow: none;
    box-shadow: none
}

.btn-scm-orange-200 {
    border-color: #ffddb9;
    background-color: #ffddb9;
    -webkit-box-shadow: none;
    box-shadow: none
}

.btn-scm-orange-100 {
    border-color: #fff3e6;
    background-color: #fff3e6;
    -webkit-box-shadow: none;
    box-shadow: none
}

.btn-scm-brown-800 {
    border-color: #715146;
    background-color: #715146;
    -webkit-box-shadow: none;
    box-shadow: none
}

.btn-scm-brown-700 {
    border-color: #7d5b4f;
    background-color: #7d5b4f;
    -webkit-box-shadow: none;
    box-shadow: none
}

.btn-scm-brown-600 {
    border-color: #8d6658;
    background-color: #8d6658;
    -webkit-box-shadow: none;
    box-shadow: none
}

.btn-scm-brown-500 {
    border-color: #a17768;
    background-color: #a17768;
    -webkit-box-shadow: none;
    box-shadow: none
}

.btn-scm-brown-400 {
    border-color: #b98e7e;
    background-color: #b98e7e;
    -webkit-box-shadow: none;
    box-shadow: none
}

.btn-scm-brown-300 {
    border-color: #d3aa9c;
    background-color: #d3aa9c;
    -webkit-box-shadow: none;
    box-shadow: none
}

.btn-scm-brown-200 {
    border-color: #e2bdaf;
    background-color: #e2bdaf;
    -webkit-box-shadow: none;
    box-shadow: none
}

.btn-scm-brown-100 {
    border-color: #fae6df;
    background-color: #fae6df;
    -webkit-box-shadow: none;
    box-shadow: none
}

.btn-scm-grey-800 {
    border-color: #424242;
    background-color: #424242;
    -webkit-box-shadow: none;
    box-shadow: none
}

.btn-scm-grey-700 {
    border-color: #616161;
    background-color: #616161;
    -webkit-box-shadow: none;
    box-shadow: none
}

.btn-scm-grey-600 {
    border-color: #757575;
    background-color: #757575;
    -webkit-box-shadow: none;
    box-shadow: none
}

.btn-scm-grey-500 {
    border-color: #9e9e9e;
    background-color: #9e9e9e;
    -webkit-box-shadow: none;
    box-shadow: none
}

.btn-scm-grey-400 {
    border-color: #bdbdbd;
    background-color: #bdbdbd;
    -webkit-box-shadow: none;
    box-shadow: none
}

.btn-scm-grey-300 {
    border-color: #e0e0e0;
    background-color: #e0e0e0;
    -webkit-box-shadow: none;
    box-shadow: none
}

.btn-scm-grey-200 {
    border-color: #eeeeee;
    background-color: #eeeeee;
    -webkit-box-shadow: none;
    box-shadow: none
}

.btn-scm-grey-100 {
    border-color: #fafafa;
    background-color: #fafafa;
    -webkit-box-shadow: none;
    box-shadow: none
}

.btn-scm-blue-grey-800 {
    border-color: #263238;
    background-color: #263238;
    -webkit-box-shadow: none;
    box-shadow: none
}

.btn-scm-blue-grey-700 {
    border-color: #37474f;
    background-color: #37474f;
    -webkit-box-shadow: none;
    box-shadow: none
}

.btn-scm-blue-grey-600 {
    border-color: #526069;
    background-color: #526069;
    -webkit-box-shadow: none;
    box-shadow: none
}

.btn-scm-blue-grey-500 {
    border-color: #76838f;
    background-color: #76838f;
    -webkit-box-shadow: none;
    box-shadow: none
}

.btn-scm-blue-grey-400 {
    border-color: #a3afb7;
    background-color: #a3afb7;
    -webkit-box-shadow: none;
    box-shadow: none
}

.btn-scm-blue-grey-300 {
    border-color: #ccd5db;
    background-color: #ccd5db;
    -webkit-box-shadow: none;
    box-shadow: none
}

.btn-scm-blue-grey-200 {
    border-color: #e4eaec;
    background-color: #e4eaec;
    -webkit-box-shadow: none;
    box-shadow: none
}

.btn-scm-blue-grey-100 {
    border-color: #f3f7f9;
    background-color: #f3f7f9;
    -webkit-box-shadow: none;
    box-shadow: none
}


.grayscale-100 {
    -webkit-filter: grayscale(100%);
    -moz-filter: grayscale(100%);
    -ms-filter: grayscale(100%);
    filter: grayscale(100%);
}
.grayscale-90 {
    -webkit-filter: grayscale(90%);
    -moz-filter: grayscale(90%);
    -ms-filter: grayscale(90%);
    filter: grayscale(90%);
}

/* original value 9999 remark/base/assets/css/template site.min.css*/
.panel.is-fullscreen {
    z-index: 1500; overflow: auto
}
i.scm-main-menu-icon{
    font-size:24px;
}

.scm-btn-min-width-200 {
    /*min-width: 200px;*/
    width:100%;
}
.scm-btn-min-width-150 {
    min-width: 150px;
}
.scm-site-menu-title {
    text-transform: uppercase;
}
/* original value 1701  select2.min.css  under the side bar : 1400 */
/* last value 1500  21.11.2023 ( using full-screen option for scm-page-partial ) */
.modal-open .select2-container, .select2-container {
    z-index: 1390;
}


.jsgrid-load-shader {
    z-index: 1391;
}

.datepicker-dropdown {
    z-index: 1700 !important;
}

/*.datepicker-dropdown { z-index: 1500 !important }*/
/* original value 1600 bootstrap.min.css */
/*.modal-backdrop { z-index: 1690; }*/
.clockpicker-popover {
    z-index: 1800;
}

.page-content {
    padding-right: 15px;
    padding-left: 15px;
    padding-top: 5px;
    padding-bottom: 5px;
}

div.scm-page-container {
}

div.scm-page-partial {
}
div.scm-page-partial-heading {
}
div.scm-page-partial-body {
}
div.scm-page-partial-footer {
}

div.scm-planning-shift {
    border-bottom: 2px rgba(255, 255, 255, 0.00) solid
}

div.scm-planning-shift-clicked {
    border-bottom: 2px red solid;
}

div.scm-btn-scm-report {
    text-align: center;
    cursor: pointer;
    color: #686bee;
}



div.scm-header-top-sticky {
    position: sticky;
    /*66x is the site background -*/
    top: 66px;
    z-index: 1599 !important;
    /*use site background -*/
    background: #f3f7f9;
}


div.scm-page-title {
    padding-top: 5px;
    padding-bottom: 5px;
}

div.scm-loader-container-absolute-200 {
    position: absolute;
    width: 200px;
    height: 200px;
    top: calc(50% - 100px);
    left: calc(50% - 100px);
    z-index: 999999 !important;
}


div.scm-loader-container-fullscreen {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background-color: rgba(125, 177, 250, 0.10);
    text-align: center;
    vertical-align: middle;
    z-index: 999999 !important;
}

div.scm-loader-container {
    text-align: center;
    display: none;
    height: 400px;
}


div.typewriter-container  {
    overflow: hidden; /* Ensures the content is not revealed until the animation */
    border-right: .15em solid orange; /* The typwriter cursor */
    white-space: nowrap; /* Keeps the content on a single line */
    margin: 0 auto; /* Gives that scrolling effect as the typing happens */
    letter-spacing: .15em; /* Adjust as needed */
    animation: typingEffect 3.5s steps(40, end), typingCursorCaretEffect .75s step-end infinite;
}

.scm-btn-pill-left {
    border-radius: 100% 0 0 100%;
}

.scm-btn-pill-right {
    border-radius: 0 100% 100% 0;
}


/* The typing effect */
@keyframes typingEffect {
    from {
        width: 0
    }

    to {
        width: 100%
    }
}

/* The typewriter cursor effect */
@keyframes typingCursorCaretEffect {
    from, to {
        border-color: transparent
    }

    50% {
        border-color: orange;
    }
}

.avatar-60 {
    height: 60px;
    width: 60px;
}

/*.site-menu-title::before {
    content: "♥";
}*/

/*.jsgrid-header-row > .jsgrid-header-cell {
    background-color: #86AEDA; 
    font-family:  'Open Sans';
    font-size: 1.2em;
    color: white;
    font-weight: normal;
    text-align: left;
}*/
/* rows */
/*.jsgrid-row > .jsgrid-cell {
    background-color: whitesmoke;
}*/
/* alternate rows */
/*.jsgrid-alt-row > .jsgrid-cell {
    background-color: #CCE6FF;
}*/
.jsgrid-edit-row > .jsgrid-cell {
    background-color: lightblue;
}
/* grid-body */
div.jsgrid-grid-body, tr.jsgrid-filter-row, tr.jsgrid-insert-row, tr.jsgrid-edit-row {
    font-size: 12px;
}

div.scmGrid-header-cadetblue .jsgrid-header-row > .jsgrid-header-cell {
    background-color: cadetblue;
    color: white;
}

div.scmGrid-header-mediumseagreen .jsgrid-header-row > .jsgrid-header-cell {
    background-color: mediumseagreen;
    color: white;
}

div.scmGrid-header-mediumorchid .jsgrid-header-row > .jsgrid-header-cell {
    background-color: mediumorchid;
    color: white;
}

div.scmGrid-header-mediumslateblue .jsgrid-header-row > .jsgrid-header-cell {
    background-color: mediumslateblue;
    color: white;
}

div.scm-gridToolbar {
    padding-top: 5px;
    padding-bottom: 5px;
    padding-left: 5px;
    padding-right: 5px;
}

tr.highlight td.jsgrid-cell {
    background-color: lightgreen;
}

tr.highlight-delete td.jsgrid-cell {
    background-color: #ffaaf7;
}

tr.highlight-soft-red td.jsgrid-cell {
    background-color: #ffd9d9;
}

th.textright {
    text-align: right
}

.scm-jsgrid-row-warning td {
    background-color: #eef68c;
    color: #db5757;
}
.scm-jsgrid-row-danger td {
    background-color: #f88181;
    color: #ffffff;
}

.scm-jsgrid-row-text-warning td {
    color: #dc6e2e;
}

.scm-jsgrid-row-color-red td {
    color: #db5757;
}
.scm-jsgrid-row-color-green td {
    color: #43b978;
}
.scm-jsgrid-row-color-pink td {
    color: #6c6fe6;
}

.scm-jsgrid-row-color-gray td {
    color: #db5757;
}
.scm-jsgrid-row-depart td {
    background-color: #f7fcb9;
}

.toast-success {
    background-color: #42c242;
}

.toast-error {
    background-color: #db5757;
}

.toast-info {
    background-color: #4cb5d4;
}

.toast-warning {
    background-color: #fb782b;
}

img.scm-card-photo {
    border-radius: 12px;
    width: 128px;
    height: 128px;
}

img.scm-thumbnail-w128 {
    border-radius: 12px;
    width: 128px;
}

img.scm-card-logo {
    border-radius: 12px;
    width: 128px;
    height: 128px;
}

img.scm-avatar-40-pointer {
    border-radius: 6px;
    width: 40px;
    height: 40px;
    cursor: pointer;
}

img.scm-avatar-40 {
    border-radius: 6px;
    width: 40px;
    height: 40px;
}

img.scm-avatar-80-pointer {
    border-radius: 9px;
    width: 80px;
    height: 80px;
    cursor: pointer;
}
img.scm-avatar-80 {
    border-radius: 9px;
    width: 80px;
    height: 80px;
}


.scm-btn-gray {
    background-color: #808080;
    color: #ffffff;
}

.scm-btn-red {
    background-color: #db5757;
    color: #ffffff;
}

.scm-pointer {
    cursor: pointer;
}

.scm-pre-warp {
    white-space: pre-wrap;
}

.scm-tab-menu {
    text-transform: uppercase;
}

.blink1second {
    animation: blinker0 1s ease-in-out infinite alternate;
}

.blink2second {
    animation: blinker0 2s ease-in-out infinite alternate;
}

@keyframes blinker0 {
    to {
        opacity: 0;
    }
}


.pie-progress {
    max-width: 150px;
    margin: 0 auto;
}

    .pie-progress svg {
        width: 100%;
    }

.pie-progress-xs {
    max-width: 50px;
}

.pie-progress-sm {
    max-width: 100px;
}

.pie-progress-lg {
    max-width: 200px;
}


/*fix thead gray color-profile confusion*/
.datepicker table tr td.disabled, .datepicker table tr td.disabled:hover {
    color: #cbcbcb;
}

.datepicker table tr td span.disabled, .datepicker table tr td span.disabled:hover {
    color: #cbcbcb;
}

hr.scm-no-profileVisibilty  {
    border-top: 1px solid #ff9e9e;
}