.customSweetBtn {
    padding-left: 35px;
    padding-right: 35px;
}
.section {
box-shadow: rgba(0, 0, 0, 0.50) 0 3px 5px;
}
    .section h2 {
    padding-top:10px;
    }
    .section hr {
        border-color: #c00 !important;
        margin-top: 10px !important;
        margin-bottom: 10px !important;
    }
.form-group label, label.required {
    font-weight: bolder;
}

    label.required::before {
        content: '*';
        color: #c00;
    }

/*************************************************LOADING*********************************************************/
#loadAjax {
    width: 100%;
    height: 100%;
    position: fixed;
    background-color: rgba(0, 0, 0, 0.5);
    z-index: 199;
}

.loading {
    position: relative;
    width: 24px;
    height: 24px;
}

    .loading .wBall {
        position: absolute;
        width: 24px;
        height: 24px;
        opacity: 0;
        -moz-transform: rotate(225deg);
        -moz-animation: orbit 4.4s infinite;
        -webkit-transform: rotate(225deg);
        -webkit-animation: orbit 4.4s infinite;
        -ms-transform: rotate(225deg);
        -ms-animation: orbit 4.4s infinite;
        -o-transform: rotate(225deg);
        -o-animation: orbit 4.4s infinite;
        transform: rotate(225deg);
        animation: orbit 4.4s infinite;
    }

        .loading .wBall .wInnerBall {
            position: absolute;
            width: 3px;
            height: 3px;
            background: #8a1a1c;
            left: 0px;
            top: 0px;
            -moz-border-radius: 6px;
            -webkit-border-radius: 6px;
            -ms-border-radius: 6px;
            -o-border-radius: 6px;
            border-radius: 6px;
        }

    .loading #wBall_1 {
        -moz-animation-delay: 0.96s;
        -webkit-animation-delay: 0.96s;
        -ms-animation-delay: 0.96s;
        -o-animation-delay: 0.96s;
        animation-delay: 0.96s;
    }

    .loading #wBall_2 {
        -moz-animation-delay: 0.19s;
        -webkit-animation-delay: 0.19s;
        -ms-animation-delay: 0.19s;
        -o-animation-delay: 0.19s;
        animation-delay: 0.19s;
    }

    .loading #wBall_3 {
        -moz-animation-delay: 0.38s;
        -webkit-animation-delay: 0.38s;
        -ms-animation-delay: 0.38s;
        -o-animation-delay: 0.38s;
        animation-delay: 0.38s;
    }

    .loading #wBall_4 {
        -moz-animation-delay: 0.58s;
        -webkit-animation-delay: 0.58s;
        -ms-animation-delay: 0.58s;
        -o-animation-delay: 0.58s;
        animation-delay: 0.58s;
    }

    .loading #wBall_5 {
        -moz-animation-delay: 0.77s;
        -webkit-animation-delay: 0.77s;
        -ms-animation-delay: 0.77s;
        -o-animation-delay: 0.77s;
        animation-delay: 0.77s;
    }

@-moz-keyframes orbit {
    0% {
        opacity: 1;
        z-index: 99;
        -moz-transform: rotate(180deg);
        -moz-animation-timing-function: ease-out;
    }

    7% {
        opacity: 1;
        -moz-transform: rotate(300deg);
        -moz-animation-timing-function: linear;
        -moz-origin: 0%;
    }

    30% {
        opacity: 1;
        -moz-transform: rotate(410deg);
        -moz-animation-timing-function: ease-in-out;
        -moz-origin: 7%;
    }

    39% {
        opacity: 1;
        -moz-transform: rotate(645deg);
        -moz-animation-timing-function: linear;
        -moz-origin: 30%;
    }

    70% {
        opacity: 1;
        -moz-transform: rotate(770deg);
        -moz-animation-timing-function: ease-out;
        -moz-origin: 39%;
    }

    75% {
        opacity: 1;
        -moz-transform: rotate(900deg);
        -moz-animation-timing-function: ease-out;
        -moz-origin: 70%;
    }

    76% {
        opacity: 0;
        -moz-transform: rotate(900deg);
    }

    100% {
        opacity: 0;
        -moz-transform: rotate(900deg);
    }
}

@-webkit-keyframes orbit {
    0% {
        opacity: 1;
        z-index: 99;
        -webkit-transform: rotate(180deg);
        -webkit-animation-timing-function: ease-out;
    }

    7% {
        opacity: 1;
        -webkit-transform: rotate(300deg);
        -webkit-animation-timing-function: linear;
        -webkit-origin: 0%;
    }

    30% {
        opacity: 1;
        -webkit-transform: rotate(410deg);
        -webkit-animation-timing-function: ease-in-out;
        -webkit-origin: 7%;
    }

    39% {
        opacity: 1;
        -webkit-transform: rotate(645deg);
        -webkit-animation-timing-function: linear;
        -webkit-origin: 30%;
    }

    70% {
        opacity: 1;
        -webkit-transform: rotate(770deg);
        -webkit-animation-timing-function: ease-out;
        -webkit-origin: 39%;
    }

    75% {
        opacity: 1;
        -webkit-transform: rotate(900deg);
        -webkit-animation-timing-function: ease-out;
        -webkit-origin: 70%;
    }

    76% {
        opacity: 0;
        -webkit-transform: rotate(900deg);
    }

    100% {
        opacity: 0;
        -webkit-transform: rotate(900deg);
    }
}

@-ms-keyframes orbit {
    0% {
        opacity: 1;
        z-index: 99;
        -ms-transform: rotate(180deg);
        -ms-animation-timing-function: ease-out;
    }

    7% {
        opacity: 1;
        -ms-transform: rotate(300deg);
        -ms-animation-timing-function: linear;
        -ms-origin: 0%;
    }

    30% {
        opacity: 1;
        -ms-transform: rotate(410deg);
        -ms-animation-timing-function: ease-in-out;
        -ms-origin: 7%;
    }

    39% {
        opacity: 1;
        -ms-transform: rotate(645deg);
        -ms-animation-timing-function: linear;
        -ms-origin: 30%;
    }

    70% {
        opacity: 1;
        -ms-transform: rotate(770deg);
        -ms-animation-timing-function: ease-out;
        -ms-origin: 39%;
    }

    75% {
        opacity: 1;
        -ms-transform: rotate(900deg);
        -ms-animation-timing-function: ease-out;
        -ms-origin: 70%;
    }

    76% {
        opacity: 0;
        -ms-transform: rotate(900deg);
    }

    100% {
        opacity: 0;
        -ms-transform: rotate(900deg);
    }
}

@keyframes orbit {
    0% {
        opacity: 1;
        z-index: 99;
        transform: rotate(180deg);
        animation-timing-function: ease-out;
    }

    7% {
        opacity: 1;
        transform: rotate(300deg);
        animation-timing-function: linear;
        origin: 0%;
    }

    30% {
        opacity: 1;
        transform: rotate(410deg);
        animation-timing-function: ease-in-out;
        origin: 7%;
    }

    39% {
        opacity: 1;
        transform: rotate(645deg);
        animation-timing-function: linear;
        origin: 30%;
    }

    70% {
        opacity: 1;
        transform: rotate(770deg);
        animation-timing-function: ease-out;
        origin: 39%;
    }

    75% {
        opacity: 1;
        transform: rotate(900deg);
        animation-timing-function: ease-out;
        origin: 70%;
    }

    76% {
        opacity: 0;
        transform: rotate(900deg);
    }

    100% {
        opacity: 0;
        transform: rotate(900deg);
    }
}

.spinner {
    display: none;
}

.loader {
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 900000;
}
/*.us-spinnerLoader {
background-color:transparent !important;
}*/
/*****************************************************************************************************************/


.faws-search:before {
    font-family: FontAwesome !important;
    content: "\f002" !important;
    position: relative;
}

.faws-plus:before {
    font-family: FontAwesome !important;
    content: "\f055" !important;
    position: relative;
}

.faws-file-text:before {
    font-family: FontAwesome !important;
    content: "\f15c" !important;
    position: relative;
}
.faws-file-text-o:before {
    font-family: FontAwesome !important;
    content: "\f0f6" !important;
    position: relative;
}

.faws-user-o:before {
    font-family: FontAwesome !important;
    content: "\f2c0" !important;
    position: relative;
}

.faws-folder-o:before {
    font-family: FontAwesome !important;
    content: "\f115" !important;
    position: relative;
}

.faws-square-envelope:before {
    font-family: FontAwesome !important;
    content: "\f0e0" !important;
    position: relative;
}

.faws-user-secret:before {
    font-family: FontAwesome !important;
    content: "\f21b" !important;
    position: relative;
}

.faws-lock:before {
    font-family: FontAwesome !important;
    content: "\f023" !important;
    position: relative;
}

.faws-unlock:before {
    font-family: FontAwesome !important;
    content: "\f09c" !important;
    position: relative;
}

.faws-unlock-alt:before {
    font-family: FontAwesome !important;
    content: "\f13e" !important;
    position: relative;
}

.incircle {
    cursor: pointer;
    font-size: 20px !important;
    border: 2px solid #555 !important;
    width: 35px !important;
    height: 35px !important;
    border-radius: 50% !important;
    text-align: center !important;
    line-height: 35px !important;
    vertical-align: middle !important;
}

.cursor-pointer {
    cursor: pointer !important;
}

.content-home-area {
    box-shadow: 0 5px 5px rgba(0, 0, 0, .2);
    min-height: 250px;
    background-color: white;
    cursor: pointer;
    margin-bottom: 35px;
}

    .content-home-area:hover {
        box-shadow: 0 12px 16px 0 rgba(0,0,0,0.24), 0 17px 50px 0 rgba(0,0,0,0.19);
    }

    .content-home-area:active {
        box-shadow: 0 9px 12px 0 rgba(0,0,0,0.24);
    }

.clicable {
    cursor: pointer;
    width: 30px;
    text-align: center;
}

    .clicable:hover {
        background-color: rgba(0, 0, 0, 0.14);
    }

    .clicable:active {
        background-color: rgba(0, 0, 0, 0.53);
        color: #fff;
    }

/************Custom ui datepicker************/
.custom-calendar > button {
    background-color: transparent !important;
    border: none !important;
    border-radius: 50% !important;
    min-width: 0 !important;
    width: 32px !Important;
    height: 32px !important;
}

    .custom-calendar > button:hover {
        color: #fff !important;
        background-color: #c00 !important;
    }

        .custom-calendar > button:hover span {
            color: #fff !important;
        }

    .custom-calendar > button.active {
        color: #3b3b3b !important;
        background-color: #b1b1b1 !important;
    }

        .custom-calendar > button.active span {
            color: #3b3b3b !important;
            font-weight: bold;
        }

    .custom-calendar > button.current {
        background-color: #eaeaea !important;
    }

        .custom-calendar > button.current span {
            color: #3b3b3b !important;
        }

p.custom-calendar thead, p.custom-calendar thead button {
    color: #fff !important;
    background-color: #c00 !important;
    border: none !important;
}

    p.custom-calendar thead button:hover {
        color: #fff !important;
        background-color: #b00 !important;
        border: none !important;
    }

.custom-calendar .month {
    width: 100% !important;
    border-radius: 0 !important;
}
/************Custom ui datepicker************/


.input-group-addon.clicable {
width: 1% !important;
}

.clicable.disable {
    cursor:not-allowed;
}
.table tr.clicable-row, .table tr.clicable-row > td {
    cursor: pointer
}
    .table tr.clicable-row:hover, .table tr.clicable-row > td:hover {
        background-color: rgba(0, 0, 0, 0.08);
    }
    .table tr.clicable-row:active, .table tr.clicable-row > td:active {
        background-color: rgba(0, 0, 0, 0.14);
    }
.custom-time-picker {
margin-top:-12px;
}
    .custom-time-picker button {
    font-weight:900;
    background-color:#c9c9c9 !important;
    }
    .custom-time-picker .fa {
        color: #c00;
        font-size: 18px;
    }
.control-label {
    white-space: nowrap;
}

.msg-detail {
text-align:left;
font-size:13px;
}
ul.msg-detail {
list-style:disc;
}