/****************************************************************************
User Styles
*****************************************************************************/
:root {
    --sap-white: #ffffff;
    --sap-black: #000000;
    --sap-blue-2: #D1EFFF;
    --sap-blue-4: #89D1FF;
    --sap-blue-6: #1B90FF;
    --sap-blue-7: #0070F2;
    --sap-blue-10: #002A86;
    --sap-blue-11: #00144A;
    --sap-gray-2: #EAECEE;
    --sap-gray-4: #A9B4BE;
    --sap-gray-6: #5B738B;
    --sap-gray-7: #475E75;
    --sap-gray-10: #1A2733;
    --sap-gray-11: #12171C;
    --sap-teal-2: #C2FCEE;
    --sap-teal-4: #2CE0BF;
    --sap-teal-6: #049F9A;
    --sap-teal-7: #07838F;
    --sap-teal-10: #02414C;
    --sap-teal-11: #012931;
    --sap-green-2: #EBF5CB;
    --sap-green-4: #97DD40;
    --sap-green-6: #36A41D;
    --sap-green-7: #188918;
    --sap-green-10: #164323;
    --sap-green-11: #0E2B16;
    --sap-red-2: #FFD5EA;
    --sap-red-4: #FF8CB2;
    --sap-red-6: #EE3939;
    --sap-red-7: #D20A0A;
    --sap-red-10: #5A0404;
    --sap-red-11: #350000;
    --sap-mango-2: #FFF388;
    --sap-mango-4: #FFC933;
    --sap-mango-6: #E76500;
    --sap-mango-7: #C35500;
    --sap-mango-10: #6D1900;
    --sap-mango-11: #450B00;
    --sap-pink-2: #FFDCF3;
    --sap-pink-4: #FF8AF0;
    --sap-pink-6: #F31DED;
    --sap-pink-7: #CC00DC;
    --sap-pink-10: #510080;
    --sap-pink-11: #28004A;
    --sap-indigo-2: #E2D8FF;
    --sap-indigo-4: #B894FF;
    --sap-indigo-6: #7858FF;
    --sap-indigo-7: #5D36FF;
    --sap-indigo-10: #1C0C6E;
    --sap-indigo-11: #0E0637;
    --title-color: #223548;
    --title-highlight-color: #0057d2;
    --background-color: #f5f6f7;
}

/*Overall Padding*/
.p-0 { padding: 0px !important; }
.p-5 { padding: 5px !important; }
.p-10 { padding:10px !important; }
.p-15 { padding:15px !important; }
.p-20 { padding:20px !important; }
.p-25 { padding:25px !important; }
.p-30 { padding:30px !important; }
.p-40 { padding:40px !important; }
.p-50 { padding:50px !important; }
.p-60 { padding:60px !important; }
.p-70 { padding:70px !important; }
.p-80 { padding:80px !important; }
.p-90 { padding:90px !important; }
.p-100 { padding:100px !important; }
/*Padding Top & Bottom */
.p-t-b-0 { padding-top: 0 !important; padding-bottom: 0 !important; }
.p-t-b-5 { padding-top: 5 !important; padding-bottom: 5 !important; }
.p-t-b-10 { padding-top:10px !important; padding-bottom:10px !important; }
.p-t-b-15 { padding-top:15px !important; padding-bottom:15px !important; }
.p-t-b-20 { padding-top:20px !important; padding-bottom:20px !important; }
.p-t-b-25 { padding-top:25px !important; padding-bottom:25px !important; }
.p-t-b-30 { padding-top:30px !important; padding-bottom:30px !important; }
.p-t-b-40 { padding-top:40px !important; padding-bottom:40px !important; }
.p-t-b-50 { padding-top:50px !important; padding-bottom:50px !important; }
.p-t-b-60 { padding-top:60px !important; padding-bottom:60px !important; }
.p-t-b-70 { padding-top:70px !important; padding-bottom:70px !important; }
.p-t-b-80 { padding-top:80px !important; padding-bottom:80px !important; }
.p-t-b-90 { padding-top:90px !important; padding-bottom:90px !important; }
.p-t-b-100 { padding-top:100px !important; padding-bottom:100px !important; }
/*Padding Left & Right*/
.p-l-r-0 { padding-right:0px !important; padding-left:0px !important; }
.p-l-r-5 { padding-right:5px !important; padding-left:5px !important; }
.p-l-r-10 { padding-right:10px !important; padding-left:10px !important; }
.p-l-r-15 { padding-right:15px !important; padding-left:15px !important; }
.p-l-r-20 { padding-right:20px !important; padding-left:20px !important; }
.p-l-r-25 { padding-right:25px !important; padding-left:25px !important; }
.p-l-r-30 { padding-right:30px !important; padding-left:30px !important; }
.p-l-r-40 { padding-right:40px !important; padding-left:40px !important; }
.p-l-r-50 { padding-right:50px !important; padding-left:50px !important; }
.p-l-r-60 { padding-right:60px !important; padding-left:60px !important; }
.p-l-r-70 { padding-right:70px !important; padding-left:70px !important; }
.p-l-r-80 { padding-right:80px !important; padding-left:80px !important; }
.p-l-r-90 { padding-right:90px !important; padding-left:90px !important; }
.p-l-r-100 { padding-right:100px !important; padding-left:100px !important; }
/*Padding Top*/
.p-t-0 { padding-top:0px !important; }
.p-t-5 { padding-top:5px !important; }
.p-t-10 { padding-top:10px !important; }
.p-t-15 { padding-top:15px !important; }
.p-t-20 { padding-top:20px !important; }
.p-t-25 { padding-top:25px !important; }
.p-t-30 { padding-top:30px !important; }
.p-t-40 { padding-top:40px !important; }
.p-t-50 { padding-top:50px !important; }
.p-t-60 { padding-top:60px !important; }
.p-t-70 { padding-top:70px !important; }
.p-t-80 { padding-top:80px !important; }
.p-t-90 { padding-top:90px !important; }
.p-t-100 { padding-top:100px !important; }
/*Padding Bottom*/
.p-b-0 { padding-bottom:0px !important; }
.p-b-5 { padding-bottom:5px !important; }
.p-b-10 { padding-bottom:10px !important; }
.p-b-15 { padding-bottom:15px !important; }
.p-b-20 { padding-bottom:20px !important; }
.p-b-25 { padding-bottom:25px !important; }
.p-b-30 { padding-bottom:30px !important; }
.p-b-40 { padding-bottom:40px !important; }
.p-b-50 { padding-bottom:50px !important; }
.p-b-60 { padding-bottom:60px !important; }
.p-b-70 { padding-bottom:70px !important; }
.p-b-80 { padding-bottom:80px !important; }
.p-b-90 { padding-bottom:90px !important; }
.p-b-100 { padding-bottom:100px !important; }
/*Padding Left*/
.p-l-0 { padding-left:0px !important; }
.p-l-5 { padding-left:5px !important; }
.p-l-10 { padding-left:10px !important; }
.p-l-15 { padding-left:15px !important; }
.p-l-20 { padding-left:20px !important; }
.p-l-25 { padding-left:25px !important; }
.p-l-30 { padding-left:30px !important; }
.p-l-40 { padding-left:40px !important; }
.p-l-50 { padding-left:50px !important; }
.p-l-60 { padding-left:60px !important; }
.p-l-70 { padding-left:70px !important; }
.p-l-80 { padding-left:80px !important; }
.p-l-90 { padding-left:90px !important; }
.p-l-100 { padding-left:100px !important; }
/*Padding Right*/
.p-r-0 { padding-right:0px !important; }
.p-r-5 { padding-right:5px !important; }
.p-r-10 { padding-right:10px !important; }
.p-r-15 { padding-right:15px !important; }
.p-r-20 { padding-right:20px !important; }
.p-r-25 { padding-right:25px !important; }
.p-r-30 { padding-right:30px !important; }
.p-r-40 { padding-right:40px !important; }
.p-r-50 { padding-right:50px !important; }
.p-r-60 { padding-right:60px !important; }
.p-r-70 { padding-right:70px !important; }
.p-r-80 { padding-right:80px !important; }
.p-r-90 { padding-right:90px !important; }
.p-r-100 { padding-right:100px !important; }
/*Overall Margin*/
.m-0 { margin:0px !important; }
.m-5 { margin:5px !important; }
.m-10 { margin:10px !important; }
.m-15 { margin:15px !important; }
.m-20 { margin:20px !important; }
.m-25 { margin:25px !important; }
.m-30 { margin:30px !important; }
.m-40 { margin:40px !important; }
.m-50 { margin:50px !important; }
.m-60 { margin:60px !important; }
.m-70 { margin:70px !important; }
.m-80 { margin:80px !important; }
.m-90 { margin:90px !important; }
.m-100 { margin:100px !important; }
/*Margin Top & Bottom*/
.m-t-b-0 { margin-top:0px !important; margin-bottom:0px !important; }
.m-t-b-5 { margin-top:5px !important; margin-bottom:5px !important; }
.m-t-b-10 { margin-top:10px !important; margin-bottom:10px !important; }
.m-t-b-15 { margin-top:15px !important; margin-bottom:15px !important; }
.m-t-b-20 { margin-top:20px !important; margin-bottom:20px !important; }
.m-t-b-25 { margin-top:25px !important; margin-bottom:25px !important; }
.m-t-b-30 { margin-top:30px !important; margin-bottom:30px !important; }
.m-t-b-40 { margin-top:40px !important; margin-bottom:40px !important; }
.m-t-b-50 { margin-top:50px !important; margin-bottom:50px !important; }
.m-t-b-60 { margin-top:60px !important; margin-bottom:60px !important; }
.m-t-b-70 { margin-top:70px !important; margin-bottom:70px !important; }
.m-t-b-80 { margin-top:80px !important; margin-bottom:80px !important; }
.m-t-b-90 { margin-top:90px !important; margin-bottom:90px !important; }
.m-t-b-100 { margin-top:100px !important; margin-bottom:100px !important; }
/*Margin Left & Right*/
.m-l-r-0 { margin-left:0px !important; margin-right:0px !important; }
.m-l-r-5 { margin-left:5px !important; margin-right:5px !important; }
.m-l-r-10 { margin-left:10px !important; margin-right:10px !important; }
.m-l-r-15 { margin-left:15px !important; margin-right:15px !important; }
.m-l-r-20 { margin-left:20px !important; margin-right:20px !important; }
.m-l-r-25 { margin-left:25px !important; margin-right:25px !important; }
.m-l-r-30 { margin-left:30px !important; margin-right:30px !important; }
.m-l-r-40 { margin-left:40px !important; margin-right:40px !important; }
.m-l-r-50 { margin-left:50px !important; margin-right:50px !important; }
.m-l-r-60 { margin-left:60px !important; margin-right:60px !important; }
.m-l-r-70 { margin-left:70px !important; margin-right:70px !important; }
.m-l-r-80 { margin-left:80px !important; margin-right:80px !important; }
.m-l-r-90 { margin-left:90px !important; margin-right:90px !important; }
.m-l-r-100 { margin-left:100px !important; margin-right:100px !important; }
/*Margin Top */
.m-t-0 { margin-top:0px !important; }
.m-t-5 { margin-top:5px !important; }
.m-t-10 { margin-top:10px !important; }
.m-t-15 { margin-top:15px !important; }
.m-t-20 { margin-top:20px !important; }
.m-t-25 { margin-top:25px !important; }
.m-t-30 { margin-top:30px !important; }
.m-t-40 { margin-top:40px !important; }
.m-t-50 { margin-top:50px !important; }
.m-t-60 { margin-top:60px !important; }
.m-t-70 { margin-top:70px !important; }
.m-t-80 { margin-top:80px !important; }
.m-t-90 { margin-top:90px !important; }
.m-t-100 { margin-top:100px !important; }
/*Margin Bottom */
.m-b-0 { margin-bottom:0px !important; }
.m-b-5 { margin-bottom:5px !important; }
.m-b-10 { margin-bottom:10px !important; }
.m-b-15 { margin-bottom:15px !important; }
.m-b-20 { margin-bottom:20px !important; }
.m-b-25 { margin-bottom:25px !important; }
.m-b-30 { margin-bottom:30px !important; }
.m-b-40 { margin-bottom:40px !important; }
.m-b-50 { margin-bottom:50px !important; }
.m-b-60 { margin-bottom:60px !important; }
.m-b-70 { margin-bottom:70px !important; }
.m-b-80 { margin-bottom:80px !important; }
.m-b-90 { margin-bottom:90px !important; }
.m-b-100 { margin-bottom:100px !important; }
/*Margin Left */
.m-l-0 { margin-left:0px !important; }
.m-l-5 { margin-left:5px !important; }
.m-l-10 { margin-left:10px !important; }
.m-l-15 { margin-left:15px !important; }
.m-l-20 { margin-left:20px !important; }
.m-l-25 { margin-left:25px !important; }
.m-l-30 { margin-left:30px !important; }
.m-l-40 { margin-left:40px !important; }
.m-l-50 { margin-left:50px !important; }
.m-l-60 { margin-left:60px !important; }
.m-l-70 { margin-left:70px !important; }
.m-l-80 { margin-left:80px !important; }
.m-l-90 { margin-left:90px !important; }
.m-l-100 { margin-left:100px !important; }
/*Margin Right */
.m-r-0 { margin-right:0px !important; }
.m-r-5 { margin-right:5px !important; }
.m-r-10 { margin-right:10px !important; }
.m-r-15 { margin-right:15px !important; }
.m-r-20 { margin-right:20px !important; }
.m-r-25 { margin-right:25px !important; }
.m-r-30 { margin-right:30px !important; }
.m-r-40 { margin-right:40px !important; }
.m-r-50 { margin-right:50px !important; }
.m-r-60 { margin-right:60px !important; }
.m-r-70 { margin-right:70px !important; }
.m-r-80 { margin-right:80px !important; }
.m-r-90 { margin-right:90px !important; }
.m-r-100 { margin-right:100px !important; }
/****************************************************************************
User Styles
*****************************************************************************/
:focus{
    outline: none!important;
}
a:focus{
    outline: none!important;
}
.text-right {
    text-align: right !important
}

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

.text-center {
    text-align: center !important
}

.fl-left {
    float: left !important;
}

.popover {
    max-width: 700px!important;
}

.a-allocate .slider {
    position: absolute;
    display: block;
    height: 2px;
    background-color: #f0ab00;
    width: 0%;
    transition: width 1s ease;
}

.a-allocate.active .slider {
    width: 4%;
}

#partner.active {
    border-color: #66afe9;
    outline: 0;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(102, 175, 233, .6);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(102, 175, 233, .6);
}
#preloader {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #0a0909;
    z-index: 99;
    opacity: 0.9;
    display: none;
}
.loader {
    border: 7px solid #f3f3f3;
    border-radius: 50%;
    border-top: 7px solid #3498db;
    width: 50px;
    height: 50px;
    -webkit-animation: spin 2s linear infinite; /* Safari */
    animation: spin 2s linear infinite;
    position: absolute;
    left: 50%;
    top: 50%;
    z-index: 999;
}
/* Safari */
@-webkit-keyframes spin {
    0% { -webkit-transform: rotate(0deg); }
    100% { -webkit-transform: rotate(360deg); }
}
@keyframes spin {
    0% { transform: rotate(0deg); }
    100% { transform: rotate(360deg); }
}
.alert{
     padding: 8px 30px!important;
}
.alert-success {
    color: #ffffff !important;
    background-color: #999999 !important;
    border-color: #999999 !important;
    padding: 8px 30px;
    font-size: 13px;
    line-height: 20px
}
.alert-danger {
    color: #ffffff !important;
    background-color: #d04512 !important;
    border-color: #d04512 !important;
    padding: 8px 30px;
    font-size: 13px;
    line-height: 20px
}
.alert-danger .close{
    color: #ffffff!important;
}
.alert p{
    font-size: 13px;
    line-height: 20px
}
.btn-delete{
      background-color: #008fd3 !important;
      border-color: #008fd3 !important;
}
.alert-success button.close{
    color: #ffffff;
}
.close{
    opacity: 1 !important;
}