@import url('https://fonts.googleapis.com/css?family=Roboto:300,400,500,700,900&display=swap');

/* font-family: 'Roboto', sans-serif; */
/* reset css start */
/* .owl-carousel {-ms-touch-action: pan-y;
    touch-action: pan-y;
    }
     */

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline;}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section, main {display:block;}
ol, ul {list-style:none;}
blockquote, q {quotes:none;}
blockquote:before, blockquote:after, q:before, q:after {content:'';content:none;}
table {border-collapse:collapse;border-spacing:0;}
input:not([type=range]),textarea {appearance:none !important;-webkit-appearance:none !important;-moz-appearance:none !important;-ms-progress-appearance:none !important;}
*, *::before, *::after {box-sizing:border-box;}
body {background-color:var(--c-greybg, #F6F8FA);margin:0;font-family:var(--ff-roboto, 'Roboto', sans-serif);overflow-x:hidden;padding-top:90px;color:var(--c-grey6, #7F7D91);font-size:16px;}
ol, ul, li {list-style:none;}
/* reset css end */

:root {
    --ff-roboto:'Roboto', sans-serif;      /* var(--ff-roboto, 'Roboto', sans-serif;) */
    --c-white:#ffffff;                   /* var(--c-white, #ffffff)  */
    --c-white2:#f4f4f4;                  /* var(--c-white2, #f4f4f4) */
    --c-white3:#eaeaea;                  /* var(--c-white3, #eaeaea) */
    --c-white4:#cccccc;                  /* var(--c-white4, #cccccc) */
    --c-white5:#D8D8D8;                  /* var(--c-white5, #D8D8D8) */
    --c-white6:#F8F8F8;                  /* var(--c-white6, #F8F8F8) */
    --c-white7:#E7E9ED;                  /* var(--c-white7, #E7E9ED) */
    --c-white8:#f3f3f3;                  /* var(--c-white8, #f3f3f3) */
    --c-black:#000000;                   /* var(--c-black, #000000) */
    --c-black2:#48465B;                  /* var(--c-black2, #48465B) */
    --c-black3:#74788D;                  /* var(--c-black3, #74788D) */
    --c-black4:#29353c;                  /* var(--c-black4, #657882) */
    --c-black5:#4F4D61;                  /* var(--c-black5, #4F4D61) */
    --c-black6:#525066;                  /* var(--c-black6, #525066) */
    --c-black7:#3C3C3C;                  /* var(--c-black7, #3C3C3C) */
    --c-brown:#7B7B7B;                   /* var(--c-brown, #7B7B7B) */
    --c-brown2:#4F4D62;                  /* var(--c-brown2, #4F4D62) */
    --c-brown3:#565656;                  /* var(--c-brown3, #565656) */
    --c-grey:#eeeeee;                    /* var(--c-grey, #eeeeee) */
    --c-grey1:#ededed;                   /* var(--c-grey1, #ededed) */
    --c-grey2:#D0D0D0;                   /* var(--c-grey2, #D0D0D0) */
    --c-grey3:#9CA1AC;                   /* var(--c-grey3, #9CA1AC) */
    --c-grey4:#91ABB6;                   /* var(--c-grey4, #91ABB6) */
    --c-grey5:#869CA6;                   /* var(--c-grey5, #869CA6) */
    --c-grey6:#7F7D91;                   /* var(--c-grey6, #7F7D91) */
    --c-grey7:#8097A2;                   /* var(--c-grey7, #8097A2) */
    --c-grey7-hover:#758186;             /* var(--c-grey7-hover, #758186) */
    --c-grey8:#B2C3CC;                   /* var(--c-grey8, #B2C3CC) */
    --c-grey9:#979797;                   /* var(--c-grey9, #979797) */
    --c-grey10:#D6D6D6;                  /* var(--c-grey10, #D6D6D6) */
    --c-grey11:#e9ecef;                  /* var(--c-grey11, #e9ecef) */
    --c-grey12:#7F8FA4;                  /* var(--c-grey12, #7F8FA4) */
    --c-grey13:#BBC5D5;                  /* var(--c-grey13, #BBC5D5) */
    --c-grey14:#DFDFDF;                  /* var(--c-grey14, #DFDFDF) */
    --c-grey15:#F5F8FA;                  /* var(--c-grey15, #F5F8FA) */
    --c-grey16:#646464;                  /* var(--c-grey16, #646464) */
    --c-grey17:#C8C8C8;                  /* var(--c-grey17, #C8C8C8) */
    --c-grey18:#B9B6CF;                  /* var(--c-grey18, #B9B6CF) */
    --c-greybg:#F6F8FA;                  /* var(--c-greybg, #F6F8FA) */
    --c-olive:#9F9F9F;                   /* var(--c-olive, #9F9F9F) */
    --c-olive-hover:#717070;             /* var(--c-olive-hover, #717070) */
    
    --c-red:#E53935;                     /* var(--c-red, #E53935) */
    --r-red:rgba(229,57,53, 0.5);        /* var(--r-red, rgba(229,57,53, 0.5)) */
    --c-red2:#951411;                    /* var(--c-red2, #951411) */
    --c-red-hover:#CE3C39;               /* var(--c-red-hover, #CE3C39) */
    --c-green:#02B276;                   /* var(--c-green, #02B276) */
    --r-green:rgba(2, 178, 118, 0.5);    /* var(--r-green, rgba(2, 178, 118, 0.5)) */
    --c-green2:#028156;                  /* var(--c-green2, #028156) */
    --c-green-hover:#06A46E;             /* var(--c-green-hover, #06A46E) */
    --c-orange:#FD9400;                  /* var(--c-orange, #FD9400) */
    --r-orange:rgba(231, 164, 70, 0.5);  /* var(--r-orange, rgba(231, 164, 70, 0.5)) */

    --c-info-color:#33B0DE;
}






/* Buttons, Links Start */
[role="button"], a, area, button, input:not([type="range"]), label, select, summary, textarea {-ms-touch-action: manipulation;touch-action: manipulation;}
a {text-decoration:none;outline:none;color:var(--c-blue, #33B0DE)}
a:hover, a:active, a:focus {text-decoration:none !important;outline:none;color:var(--c-blue-hover, #30A5D0)}
.st { transition:all 0.2s linear 0s!important; -webkit-transition:all 0.2s linear 0s!important; -moz-transition:all 0.2s linear 0s!important; -ms-transition:all 0.2s linear 0s!important; -o-transition:all 0.2s linear 0s!important; }
.btn {font-family:var(--ff-roboto, 'Roboto', sans-serif);font-style:normal;font-weight:500;font-size:14px;line-height:20px;padding:14px 20px;border:none;}
.btn:not(:disabled):not(.disabled).active:focus, .btn:not(:disabled):not(.disabled):active:focus, .show>.btn.dropdown-toggle:focus {box-shadow:none;}
.btn:active {outline:none;border:none;}
/* .btn:focus {outline:0;box-shadow:none;} */
.text-light {color:var(--c-white, #ffffff)  !important;}
.text-primary {color:var(--c-blue, #33B0DE) !important;}
.text-danger {color:var(--c-red, #E53935) !important;}
.text-success {color:var(--c-green, #02B276) !important;}
.btn-primary {background-color:var(--c-blue, #33B0DE) !important;border-color:var(--c-blue, #33B0DE) !important;}
.btn-primary:hover {background-color:var(--c-blue-hover, #30A5D0) !important;}
.btn-info {color:var(--c-blue, #33B0DE) !important;background-color:var(--c-blue2, #DFF7FF);border-color:var(--c-blue2, #DFF7FF) !important;}
.btn-info:hover,.btn-info:focus,.btn-info:active {color:var(--c-white, #ffffff)  !important;background-color:var(--c-blue, #33B0DE) !important;}


.btn-info.disabled, .btn-info:disabled {color:var(--c-blue, #33B0DE);background-color:var(--c-blue2, #DFF7FF);border-color:var(--c-blue2, #DFF7FF) !important;}

.btn-danger {background-color:var(--c-red, #E53935) !important;border-color:var(--c-red, #E53935) !important;}
.btn-danger:hover {background-color:var(--c-red-hover, #CE3C39) !important;}
.btn-success {background-color:var(--c-green, #02B276) !important;border-color:var(--c-green, #02B276) !important;}
.btn-success:hover {background-color:var(--c-green-hover, #06A46E) !important;}
.btn-outline-primary {color:var(--c-blue, #33B0DE);border:1px solid var(--c-blue, #33B0DE);}
.btn-outline-primary:hover,.btn-outline-primary:focus,.btn-outline-primary:active {background-color:var(--c-blue, #33B0DE);border:1px solid var(--c-blue, #33B0DE);}
.btn-outline-secondary {color:var(--c-grey16, #646464);border:1px solid var(--c-grey17, #C8C8C8); background: none !important;}
.btn-outline-secondary:hover,.btn-outline-secondary:active,.btn-outline-secondary:focus,.btn-outline-secondary:not(:disabled):not(.disabled):active {background-color:var(--c-grey17, #C8C8C8) !important;border-color:var(--c-grey17, #C8C8C8);color:var(--c-white, #ffffff) ;border:1px solid var(--c-white, #ffffff) }
.btn-outline-danger {color:var(--c-red, #E53935);border:1px solid var(--c-red, #E53935);}
.btn-outline-danger:hover,.btn-outline-danger:focus,.btn-outline-danger:active,.btn-outline-danger:not(:disabled):not(.disabled):active {color:var(--c-white, #ffffff) ;background-color:var(--c-red, #E53935);border:1px solid var(--c-red, #E53935);}
.btn-outline-success {color:var(--c-green, #02B276);border:1px solid var(--c-green, #02B276);}
.btn-outline-success:hover,.btn-outline-success:focus,.btn-outline-success:active,.btn-outline-success:not(:disabled):not(.disabled):active {color:var(--c-white, #ffffff) ;background-color:var(--c-green, #02B276);border:1px solid var(--c-green, #02B276);}


.btn-outline-warning {color:var(--c-orange, #FD9400);border:1px solid var(--c-orange, #FD9400);}
.btn-outline-warning:hover,.btn-outline-warning:focus,.btn-outline-warning:active,.btn-outline-warning:not(:disabled):not(.disabled):active {color:var(--c-white, #ffffff) ;background-color:var(--c-orange, #FD9400);border:1px solid var(--c-orange, #FD9400);}


.btn-outline-sent {color:#2da7d9;border:1px solid #2da7d9;}
.btn-outline-sent:hover,.btn-outline-sent:focus,.btn-outline-sent:active,.btn-outline-sent:not(:disabled):not(.disabled):active {color:var(--c-white, #ffffff) ;background-color:#2da7d9;border:1px solid #2da7d9;}


.btn-outline-draft {color:#412ecb;border:1px solid #412ecb;}
.btn-outline-draft:hover,.btn-outline-draft:focus,.btn-outline-draft:active,.btn-outline-draft:not(:disabled):not(.disabled):active {color:var(--c-white, #ffffff) ;background-color:#412ecb;border:1px solid #412ecb;}





.btn-light {background-color:transparent;}
.btn-light:focus:not(:disabled), .btn-light:not(:disabled):not(.disabled):active, .btn-light:active, .btn-light:focus, .btn-light:hover {background-color:var(--c-blue2, #DFF7FF);}
a.btn-link {padding:0 10px;margin:auto 5px;}
a.btn-link.primary {color:var(--c-blue, #33B0DE);}
a.btn-link.primary:hover {color:var(--c-blue-hover, #30A5D0);}
a.btn-link.secondary {color:var(--c-grey7, #8097A2);}
a.btn-link.secondary:hover {color:var(--c-grey7-hover, #758186);}
a.btn-link.info {color:var(--c-blue2, #DFF7FF);}
a.btn-link.info:hover {color:var(--c-blue2-hover, #C4ECF9);}
a.btn-link.danger {color:var(--c-red, #E53935);}
a.btn-link.danger:hover {color:var(--c-red-hover, #CE3C39);}
a.btn-link.success {color:var(--c-green, #02B276);}
a.btn-link.success:hover {color:var(--c-green-hover, #06A46E);}
/* Buttons, Links End */

/* Typography start */
h1, .h1 {font-size:24px;line-height:normal;margin:0;font-weight:700;}
h2, .h2 {font-size:22px;line-height:normal;margin:0;font-weight:600;}
h3, .h3 {font-size:20px;line-height:normal;margin:0;font-weight:600;}
h4, .h4 {font-size:18px;line-height:normal;margin:0;font-weight:600;}
h5, .h5 {font-size:16px;line-height:normal;margin:0;font-weight:600;}
h6, .h6 {font-size:15px;line-height:normal;margin:0;font-weight:600;}
.para-20 {font-size:20px;line-height:normal;margin:0;font-weight:600;}
.para-18 {font-size:18px;line-height:normal;margin:0;font-weight:500;}
.para-16 {font-size:16px;line-height:normal;margin:0;font-weight:400;}
.para-14 {font-size:14px;line-height:normal;margin:0;font-weight:400;}
.f-w-900, .ultra-bold {font-weight:900;}
.f-w-700, .bold {font-weight:700;}
.f-w-600, .semi-bold {font-weight:600;}
.f-w-500, .medium {font-weight:500;}
.f-w-400, .normal {font-weight:400;}
.f-w-300, .light {font-weight:300;}
/**** Page Title Start  ***/
.page-title h1 {font-weight:500;font-size:22px;line-height:36px;color:var(--c-black2, #48465B);}
.page-title h1>span:not(.ad-nm)::before {content:'';position:absolute;background:var(--c-grey2, #D0D0D0);height:100%;min-height:32px;width:2px;left:-12px;top:50%;transform:translateY(-50%);-webkit-transform:translateY(-50%);-moz-transform:translateY(-50%);-ms-transform:translateY(-50%);-o-transform:translateY(-50%);}
.page-title h1>span>b {font-weight:500;color:var(--c-black6, #525066);}
.page-title h1>span {position:absolute;margin-left:20px;color:var(--c-grey3, #9CA1AC);font-weight:normal;font-size:16px;line-height:19px;max-width:600px;margin-top:3px;}
.page-title h1>span:not(.ad-nm) {top:50%;transform:translateY(-50%);-webkit-transform:translateY(-50%);-moz-transform:translateY(-50%);-ms-transform:translateY(-50%);-o-transform:translateY(-50%);}
.page-title h1>span.ad-nm {position:relative;font-weight:normal;font-size:15px;line-height:18px;padding:7px 24px;border-radius:3px;margin-left:20px;box-shadow:0px 1px 4px rgba(0, 0, 0, 0.08);}
.page-title>h1>span>i {font-size:18px;line-height:18px;color:var(--c-black4, #657882);}
.page-title>h1>span>i>p {display:inline-block;margin-left:4px;margin-right:24px;font-size:14px;color:var(--c-black4, #657882);}
.page-title>p.login-id {font-size:14px;line-height:16px;color:var(--c-black4, #657882);}
.page-title h1>span.no-of-apps {position:static;font-weight:500;font-size:18px;line-height:18px;color:var(--c-black2, #48465B);margin-left:0;}
.page-title h1>span.no-of-apps::before {display:none;}

/* Typography end */

/* Utilities Start */
.mt0{margin-top:0px;}.mb0{margin-bottom:0px;}.mr0{margin-right:0px;}.ml0{margin-left:0px;}.mt5{margin-top:5px;}.mb5{margin-bottom:5px;}.mr5{margin-right:5px;}.ml5{margin-left:5px;}.mt10{margin-top:10px;}.mb10{margin-bottom:10px;}.mr10{margin-right:10px;}.ml10{margin-left:10px;}.mt-10{margin-top:-10px;}.mb-10{margin-bottom:-10px;}.mr-10{margin-right:-10px;}.ml-10{margin-left:-10px;}.mt15{margin-top:15px;}.mb15{margin-bottom:15px;}.mr15{margin-right:15px;}.ml15{margin-left:15px;}.mt20{margin-top:20px;}.mb20{margin-bottom:20px;}.mr20{margin-right:20px;}.ml20{margin-left:20px;}.mt25{margin-top:25px;}.mb25{margin-bottom:25px;}.mr25{margin-right:25px;}.ml25{margin-left:25px;}.mt28{margin-top:28px;}.mt30{margin-top:30px;}.mb30{margin-bottom:30px;}.mr30{margin-right:30px;}.ml30{margin-left:30px;}.mt35{margin-top:35px;}.mb35{margin-bottom:35px;}.mr35{margin-right:35px;}.ml35{margin-left:35px;}.mt40{margin-top:40px;}.mb40{margin-bottom:40px;}.mr40{margin-right:40px;}.ml40{margin-left:40px;}.mt45{margin-top:45px;}.mb45{margin-bottom:45px;}.mr45{margin-right:45px;}.ml45{margin-left:45px;}.mt50{margin-top:50px;}.mb50{margin-bottom:50px;}.mr50{margin-right:50px;}.ml50{margin-left:50px;}.mt55{margin-top:55px;}.mb55{margin-bottom:55px;}.mr55{margin-right:55px;}.ml55{margin-left:55px;}.mt60{margin-top:60px;}.mb60{margin-bottom:60px;}.mr60{margin-right:60px;}.ml60{margin-left:60px;}.mt75{margin-top:75px;}.mb75{margin-bottom:75px;}.mr75{margin-right:75px;}.ml75{margin-left:75px;}.mt100{margin-top:100px;}.mb100{margin-bottom:100px;}.mr100{margin-right:100px;}.ml100{margin-left:100px;}.mb150{margin-bottom:150px;}.pt0{padding-top:0px;}.pb10{padding-bottom:10px;}.pr0{padding-right:0px;}.pl0{padding-left:0px;}.pt5{padding-top:5px;}.pb5{padding-bottom:5px;}.pr5{padding-right:5px;}.pl5{padding-left:5px;}.pt10{padding-top:10px;}.pb10{padding-bottom:10px;}.pr10{padding-right:10px;}.pl10{padding-left:10px;}.pt12{padding-top:12px;}.pb12{padding-bottom:12px;}.pr12{padding-right:12px;}.pl12{padding-left:12px;}.pt15{padding-top:15px;}.pb15{padding-bottom:15px;}.pr15{padding-right:15px;}.pl15{padding-left:15px;}.pt20{padding-top:20px;}.pb20{padding-bottom:20px;}.pr20{padding-right:20px;}.pl20{padding-left:20px;}.pt25{padding-top:25px;}.pb25{padding-bottom:25px;}.pr25{padding-right:25px;}.pl25{padding-left:25px;}.pt30{padding-top:30px;}.pb30{padding-bottom:30px;}.pr30{padding-right:30px;}.pl30{padding-left:30px;}.pt35{padding-top:35px;}.pb35{padding-bottom:35px;}.pr35{padding-right:35px;}.pl35{padding-left:35px;}.pt40{padding-top:40px;}.pb40{padding-bottom:40px;}.pr40{padding-right:40px;}.pl40{padding-left:40px;}.pt45{padding-top:45px;}.pb45{padding-bottom:45px;}.pr45{padding-right:45px;}.pl45{padding-left:45px;}.pt50{padding-top:50px;}.pb50{padding-bottom:50px;}.pr50{padding-right:50px;}.pl50{padding-left:50px;}.pt55{padding-top:55px;}.pb55{padding-bottom:55px;}.pr55{padding-right:55px;}.pl55{padding-left:55px;}.pt60{padding-top:60px;}.pb60{padding-bottom:60px;}.pr60{padding-right:60px;}.pl60{padding-left:60px;}
/* Utilities End */

/* tooltips & badge start */
.tooltip-inner {font-family: var(--ff-roboto, 'Roboto', sans-serif);font-weight: 300;font-size: 13px;line-height: 15px;background-color:var(--c-black2, #48465B);padding: 7px 15px;}
.bs-tooltip-top .arrow::before, .bs-tooltip-auto[x-placement^="top"] .arrow::before,
.bs-tooltip-right .arrow::before, .bs-tooltip-auto[x-placement^="right"] .arrow::before,
.bs-tooltip-bottom .arrow::before, .bs-tooltip-auto[x-placement^="bottom"] .arrow::before,
.bs-tooltip-left .arrow::before, .bs-tooltip-auto[x-placement^="left"] .arrow::before {border-top-color:var(--c-black2, #48465B);}
.badge-light {color: var(--c-blue, #33B0DE) !important;background-color: var(--c-white, #ffffff) ;}
/* tooltips & badge end */

/* Dropdown Common Start */
.dropdown-menu {padding:10px 0;}
.dropdown-menu.show {box-shadow:0px 10px 15px rgba(0, 0, 0, 0.08);-webkit-box-shadow:0px 10px 15px rgba(0, 0, 0, 0.08);-moz-box-shadow:0px 10px 15px rgba(0, 0, 0, 0.08);}
.dropdown .dropdown-toggle::after {content:'\ec92';font-family:'budicon-classic';border:0;position:relative;top:6px;}
.dropdown .dropdown-toggle::after {top:4px;}
.dropdown-menu .dropdown-item {font-weight:normal;font-size:13px;line-height:15px;padding:4px 15px;margin:0;color:var(--c-grey6, #7F7D91);}
.dropdown-menu .dropdown-item:focus, .dropdown-menu .dropdown-item:hover {color:var(--c-black2, #48465B);text-decoration:none;background-color:var(--c-blue2, #DFF7FF);}
.dropdown-menu .dropdown-item .dropdown-icon {position:relative;}
/* Dropdown Common End */

/**************************
    Forms _Styling Start 
**************************/
.form-control:focus {border:1px solid var(--c-blue, #33B0DE);}
.form-control:disabled, .form-control[readonly] {background-color:var(--c-greybg, #F6F8FA);opacity:1;}
.form-control {background:var(--c-white, #ffffff) ;border-radius:3px;font-size:14px;height:40px;padding:8px 12px;border:1px solid var(--c-grey10, #D6D6D6);transition:all 0.2s linear;-webkit-transition:all 0.2s linear;-moz-transition:all 0.2s linear;-ms-transition:all 0.2s linear;-o-transition:all 0.2s linear;}
.form-control:focus {border:1px solid var(--c-blue, #33B0DE);}
.form-control::placeholder {font-weight:normal;font-size:14px;line-height:24px;;color:var(--c-grey8, #B2C3CC);}
.form-group {position:relative;margin-bottom:36px;}
.form-group label.cf-label {position:absolute;top:-9px;left:12px;background:var(--c-white, #ffffff) ;padding:0 7px;color:var(--c-black4, #657882);font-size:14px;line-height:16px;font-weight:300;}
.form-group label.cd-label {background:var(--c-white, #ffffff) ;padding:0;color:var(--c-black4, #657882);margin-bottom:7px;}
.form-group small.text-muted, .form-row small.form-text.text-muted.row {font-size:14px;line-height:16px;color:var(--c-grey3, #9CA1AC) !important;font-weight:300;}
.form-row small.form-text.text-muted.row {position:relative;top:-33px;left:15px;}
.form-group small.text-muted>i {font-size:14px;margin-right:4px;padding:2px 0;}
.form-group.cp-form .form-control {box-sizing:border-box;font-size:16px;line-height:19px;color:var(--c-black, #000);border-radius:0;border:1px solid transparent;border-bottom-color:var(--c-grey10, #D6D6D6);-webkit-border-radius:0;-moz-border-radius:0;-ms-border-radius:0;-o-border-radius:0;transition:all 0.3s linear;-webkit-transition:all 0.3s linear;-moz-transition:all 0.3s linear;-ms-transition:all 0.3s linear;-o-transition:all 0.3s linear;}
.form-group.cp-form .form-control:focus {border:1px solid var(--c-grey4, #91ABB6);background:var(--c-white, #ffffff) ;box-sizing:border-box;box-shadow:0px 2px 4px rgba(0, 0, 0, 0.04);-webkit-box-shadow:0px 2px 4px rgba(0, 0, 0, 0.04);-moz-box-shadow:0px 2px 4px rgba(0, 0, 0, 0.04);border-radius:3px;-webkit-border-radius:3px;-moz-border-radius:3px;-ms-border-radius:3px;-o-border-radius:3px;}
.form-group label.cp-label {padding:0;color:var(--c-grey3, #9CA1AC);margin-bottom:7px;}
/**** Custom Checkbox Start ****/
.custom-control {position:relative;display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;min-height:1.5rem;padding-left:0;}
.custom-checkbox {cursor:pointer;}

.custom-checkbox.form-check-block {display:block;}
.custom-checkbox .custom-control-indicator {width:18px;height:18px;background-color:transparent !important;border:1px solid var(--c-grey2, #D0D0D0);box-sizing:border-box;border-radius:3px;}
.custom-checkbox .custom-control-description {font-size:13px;line-height:16px;color:inherit;margin-left:9px;margin-top:3px;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;text-transform: capitalize;}
/**** Custom Datepicker Start ****/
.datepicker-wrap .input-group>.form-control {background:var(--c-blue2, #DFF7FF);border-radius:4px;-webkit-border-radius:4px;-moz-border-radius:4px;-ms-border-radius:4px;-o-border-radius:4px;max-height:32px;}
.datepicker-wrap .input-group>.form-control:focus {border-color:var(--c-grey4, #91ABB6);}
.datepicker-wrap .input-group.date .input-group-addon {position:absolute;right:5px;top:5px;}
.datepicker-wrap .input-group.date .input-group-addon>span>i {font-size:16px;color:var(--c-blue, #33B0DE);z-index: 5;position: relative;}
/* .datepicker-wrap .input-group.date .input-group-addon > span > i {} */
.datepicker-wrap label.cd-label {font-weight:normal;font-size:13px;line-height:15px;color:var(--c-black4, #657882);margin-bottom:6px;}

.datepicker.datepicker-inline td,.datepicker.datepicker-inline th,.datepicker.dropdown-menu td,.datepicker.dropdown-menu th {padding:5px;}
.datepicker table tr td.active.active.focus, .datepicker table tr td.active.active:focus, .datepicker table tr td.active.active:hover, .datepicker table tr td.active.highlighted.active.focus, .datepicker table tr td.active.highlighted.active:focus, .datepicker table tr td.active.highlighted.active:hover, .datepicker table tr td.active.highlighted:active.focus, .datepicker table tr td.active.highlighted:active:focus, .datepicker table tr td.active.highlighted:active:hover, .datepicker table tr td.active:active.focus, .datepicker table tr td.active:active:focus, .datepicker table tr td.active:active:hover,.datepicker table tr td.active.active, .datepicker table tr td.active.highlighted.active, .datepicker table tr td.active.highlighted:active, .datepicker table tr td.active:active {background-color:var(--c-blue, #33B0DE);border-color:var(--c-blue, #33B0DE);}
/**** Custom Switch Start ****/
.switch {font-size:1rem;position:relative;}
.switch input {position:absolute;height:1px;width:1px;background:none;border:0;clip:rect(0 0 0 0);clip-path:inset(50%);overflow:hidden;padding:0;box-shadow:none;outline:0 !important;}
.switch input + label {position:relative;min-width:calc(calc(2.375rem * .8) * 2);border-radius:calc(2.375rem * .8);height:calc(2.375rem * .8);line-height:calc(2.375rem * .8);display:inline-block;color:var(--c-white, #ffffff) ;cursor:pointer;outline:none;user-select:none;vertical-align:middle;text-indent:calc(calc(calc(2.375rem * .8) * 2) + .5rem);}
.switch input + label::before,.switch input + label::after {content:'';position:absolute;top:0;left:0;width:calc(calc(2.375rem * .8) * 2);bottom:0;display:block;}
.switch input + label::before {right:0;background-color:var(--c-brown3, #565656);border-radius:12px;transition:0.2s all;}
.switch input + label::after {top:2px;left:2px;width:calc(calc(2.375rem * .8) - calc(2px * 2));height:calc(calc(2.375rem * .8) - calc(2px * 2));border-radius:50%;background-color:var(--c-white, #ffffff) ;transition:0.2s all;}
.switch input:checked + label::before {background-color:var(--c-blue, #33B0DE);}
.switch input:checked + label::after {margin-left:calc(2.375rem * .8);}
.switch input:focus + label::before {outline:none;box-shadow:none;}
.switch input:disabled + label {color:var(--c-white, #ffffff) ;cursor:not-allowed;}
.switch input:disabled + label::before {background-color:var(--c-grey11, #e9ecef);}
.switch.switch-sm {font-size:0.875rem;}
.switch.switch-sm input + label {min-width:calc(calc(1.9375rem * .8) * 2);height:calc(1.9375rem * .8);line-height:calc(1.9375rem * .8);text-indent:calc(calc(calc(1.9375rem * .8) * 2) + .5rem);}
.switch.switch-sm input + label::before {width:44px;height:20px;}
.switch.switch-sm input + label::after {width:16px;height:16px;}
.switch.switch-sm input:checked + label::after {margin-left:calc(1.9375rem * .8);}
.switch + .switch {margin-left:1rem;}
/**** DroppableZone Start ****/
.MultiDocsDropzone.dropzone {background:var(--c-white, #ffffff) ;border:1px solid var(--c-grey10, #D6D6D6);box-sizing:border-box;border-radius:3px;-webkit-border-radius:3px;-moz-border-radius:3px;-ms-border-radius:3px;-o-border-radius:3px;height:180px;padding:10px;margin-bottom:40px;}
.MultiDocsDropzone.dropzone:hover, .MultiDocsDropzone.dropzone:hover .dz-message {border-color:var(--c-grey4, #91ABB6);}
.MultiDocsDropzone.dropzone .dz-message {border:1px dashed var(--c-grey10, #D6D6D6);}
.MultiDocsDropzone.dropzone .file-upload-heading {font-family:var(--ff-roboto, 'Roboto', sans-serif);font-weight:400;font-size:14px;line-height:18px;text-align:center;color:var(--c-grey7, #8097A2);margin:auto;}
.MultiDocsDropzone.dropzone .file-upload-img {margin-bottom:12px;}
.MultiDocsDropzone.dropzone .file-upload-img img, 
.MultiDocsDropzone.dropzone .dz-message img{max-height: 45px;}









/**** Bootstrap Select Start ****/
.bootstrap-select {max-width:170px;max-height:40px;}
.bootstrap-select>.dropdown-toggle, .bootstrap-select>.dropdown-toggle:active, .bootstrap-select>.dropdown-toggle:focus, .bootstrap-select>.dropdown-toggle:hover {color:var(--c-black, #000);background-color:var(--c-blue2, #DFF7FF);border:1px solid var(--c-grey2, #D0D0D0);outline:none !important;box-sizing:border-box;border-radius:3px;font-weight:normal;font-size:14px;line-height:16px;padding:12px 12px 12px 14px;-webkit-border-radius:3px;-moz-border-radius:3px;-ms-border-radius:3px;-o-border-radius:3px;}
.bootstrap-select>.dropdown-toggle {background-color:transparent;max-height:40px;}
.bootstrap-select>.dropdown-toggle::after {margin-top:-9px;}
/**************************
    Forms _Styling End 
**************************/

/* Common Styles Start */
.section-container>.container-fluid {width:80%;}
section>.container-fluid>.section-wrap {padding-left:50px;padding-right:50px;max-width:1400px;margin:auto;}
.sy-color ul {display:flex;flex-direction:row;flex-wrap:wrap;justify-content:space-around;align-items:center;align-content:space-around;}
.sy-color ul>li.cd-box {display:inline-block;box-sizing:border-box;border-radius:8px;-webkit-border-radius:8px;-moz-border-radius:8px;-ms-border-radius:8px;-o-border-radius:8px;background-color:var(--c-white2, #f4f4f4);padding-bottom:5px;margin:15px auto;text-align:center;border:10px solid var(--c-white, #ffffff) ;box-shadow:0px 2px 12px rgba(0, 0, 0, 0.11);-moz-box-shadow:0px 2px 12px rgba(0, 0, 0, 0.11);}
.sy-color ul>li.cd-box .cd-color-swatch {width:120px;height:80px;}
.sy-color ul>li.cd-box p {font-size:14px;padding:4px 0 0px;}
.sy-color ul>li:nth-child(1) .cd-color-swatch {background-color:var(--c-blue, #33B0DE);}
.sy-color ul>li:nth-child(2) .cd-color-swatch {background-color:var(--c-blue2, #DFF7FF);}
.sy-color ul>li:nth-child(3) .cd-color-swatch {background-color:var(--c-green, #02B276);}
.sy-color ul>li:nth-child(4) .cd-color-swatch {background-color:var(--c-red, #E53935);}
.sy-color ul>li:nth-child(5) .cd-color-swatch {background-color:var(--c-black4, #657882);}
.sy-color ul>li:nth-child(6) .cd-color-swatch {background-color:var(--c-black2, #48465B);}
.sy-color ul>li:nth-child(7) .cd-color-swatch {background-color:var(--c-grey6, #7F7D91);}
.sy-color ul>li:nth-child(8) .cd-color-swatch {background-color:var(--c-grey7, #8097A2);}
.sy-typography h1 {font-size:40px;font-weight:400;}
.sy-typography h1::before {content:'Aa - ';color:var(--c-blue, #33B0DE);}
.stylegyide-heading {padding:25px;background:var(--c-blue, #33B0DE);color:var(--c-white, #ffffff) ;border-radius:3px;margin-bottom:40px;}
section {padding:50px 0 90px;}
.sy-box {padding:1em;}
/* Common Styles End */

/* Navigation Start */
.common-header-wrap .navbar {height:88px;background:var(--c-white, #ffffff) ;box-shadow:0px 2px 12px rgba(0, 0, 0, 0.1);background-color:var(--c-white, #ffffff)  !important;}
.common-header-wrap .navbar .navbar-brand {margin-right:10px;}
.common-header-wrap .navbar .navbar-brand>img {height:50px;width:auto;}
.common-header-wrap .navbar ul.mr-auto {position:relative;}
.common-header-wrap .navbar ul.mr-auto>li>a.nav-link {color:var(--c-grey3, #9CA1AC);padding:4px 15px 8px;}
.common-header-wrap .navbar ul.mr-auto>li>a.nav-link::before {content:'';position:absolute;display:block;background-color:var(--c-grey1, #ededed);height:100%;width:1px;top:0;left:0;}
.common-header-wrap .navbar ul.ml-auto>li>a.nav-link {color:var(--c-black, #000);padding:8px 0 8px;font-weight:normal;font-size:15px;line-height:18px;min-width:105px;margin:auto 24px;}
.common-header-wrap .navbar ul.ml-auto>li>a.nav-link i {font-family:'budicon';margin-right:10px;}
.common-header-wrap .navbar ul.ml-auto>li.active>a.nav-link {position:relative;color:var(--c-blue, #33B0DE);font-weight:500;}
.common-header-wrap .navbar ul.ml-auto>li.active>a.nav-link::before {content:'';position:absolute;display:block;background-color:var(--c-blue, #33B0DE);height:6px;width:100%;top:-27px;left:0;}
.common-header-wrap .navbar ul.ml-auto .btn {position:relative;padding:7px 8px 8px;margin:auto 8px;border:1px solid var(--c-grey2, #D0D0D0);}
.common-header-wrap .navbar ul.ml-auto .btn.notification::before {position:absolute;content:'';display:inline-block;background:var(--c-blue, #33B0DE);height:10px;width:10px;border-radius:50%;-webkit-border-radius:50%;-moz-border-radius:50%;-ms-border-radius:50%;-o-border-radius:50%;top:-4px;left:-4px;}
.common-header-wrap .navbar ul.ml-auto>li>a.nav-link.dropdown-toggle {padding:4px 0 8px;}
.common-header-wrap .navbar ul.ml-auto>li.dropdown .dropdown-menu {background:var(--c-white, #ffffff) ;box-shadow:0px 13px 22px rgba(0, 0, 0, 0.11);min-width:188px;top:60px;border:none;border-radius:0;border-bottom-left-radius:4px;border-bottom-right-radius:4px;}
.common-header-wrap .navbar ul.ml-auto>li.dropdown .dropdown-menu>a {padding:15px;font-size:15px;line-height:18px;}
.common-header-wrap .navbar ul.ml-auto>li.dropdown .dropdown-menu .dropdown-item {color:var(--c-black2, #48465B);}
.common-header-wrap .navbar ul.ml-auto>li.dropdown .dropdown-menu .dropdown-item:focus, .common-header-wrap .navbar ul.ml-auto>li.dropdown .dropdown-menu .dropdown-item:hover {color:var(--c-blue-hover2, #22A8D9);}
.common-header-wrap .navbar ul.ml-auto>li.dropdown .dropdown-menu.adm {min-width:130px;}
.common-header-wrap .navbar ul.ml-auto>li.dropdown .dropdown-menu.adm.show a>i {position: relative;margin-right: 7px;top: -1px;}
/**** Alerts in Notification Sidebar Start ****/
.notify-wrap .notify-message {background:var(--c-white, #ffffff) ;box-shadow:0px 2px 12px rgba(0, 0, 0, 0.09);-webkit-box-shadow:0px 2px 12px rgba(0, 0, 0, 0.09);-moz-box-shadow:0px 2px 12px rgba(0, 0, 0, 0.09);border-radius:3px;padding:10px;margin-bottom:0;}
.notify-message .form-group {margin-bottom:9px;}
.notify-message .form-group.flx-grp {display:flex;flex-direction:row;flex-wrap:wrap;justify-content:space-between;align-items:center;align-content:space-around;}
.notify-message .form-group .form-control:focus {border-color:var(--c-grey4, #91ABB6);}
label.ntfy-file-upload {cursor:pointer;}
label.ntfy-file-upload input[type="file"] {position:absolute;top:0;left:0;width:99px;height:36px;opacity:0;outline:0;filter:alpha(opacity=0);background:transparent;cursor:inherit;display:block;display:inline-block;}
label.ntfy-file-upload.btn-normal {position:relative;font-weight:normal;font-size:14px;line-height:16px;color:var(--c-black2, #48465B);padding:11px 7px 7px 28px;}
label.ntfy-file-upload.btn-normal>span>i {font-size:18px;line-height:18px;color:var(--c-black, #000);position:absolute;left:0px;top:55%;transform:translateY(-50%);-webkit-transform:translateY(-50%);-moz-transform:translateY(-50%);-ms-transform:translateY(-50%);-o-transform:translateY(-50%);}
label.ntfy-file-upload + .btn-primary {max-height:35px;padding:7px 36px;text-transform:uppercase;}
.notify-wrap .alert {padding:15px 20px;border:0;border-left:4px solid var(--c-white4, #cccccc);}
.notify-wrap .alert-primary,.notify-wrap .alert-secondary,.notify-wrap .alert-success,.notify-wrap .alert-danger,.notify-wrap .alert-warning,.notify-wrap .alert-info,.notify-wrap .alert-light,.notify-wrap .alert-dark {background:var(--c-white, #ffffff) ;box-shadow:0px 2px 12px rgba(0, 0, 0, 0.09);-webkit-box-shadow:0px 2px 12px rgba(0, 0, 0, 0.09);-moz-box-shadow:0px 2px 12px rgba(0, 0, 0, 0.09);border-radius:3px;color:var(--c-grey5, #869CA6);font-weight:normal;font-size:14px;line-height:18px;}
.notify-wrap .alert-primary {border-left-color:var(--r-blue, rgba(51, 176, 222, 0.5));}
.notify-wrap .alert-secondary {border-left-color:var(--r-blue2);}
.notify-wrap .alert-success {border-left-color:var(--r-green, rgba(2, 178, 118, 0.5));}
.notify-wrap .alert-danger {border-left-color:var(--r-red, rgba(229,57,53, 0.5));}
.notify-wrap .alert-warning {border-left-color:var(--r-orange, rgba(231, 164, 70, 0.5));}
.notify-wrap .alert .alert-atchmnt {position:absolute;top:50%;left:15px;transform:translateY(-50%);-webkit-transform:translateY(-50%);-moz-transform:translateY(-50%);-ms-transform:translateY(-50%);-o-transform:translateY(-50%);}
.notify-wrap .alert .alert-atchmnt>img {display:block;position:relative;background:var(--c-white5, #D8D8D8);border:1px solid var(--c-grey9, #979797);width:54px;height:54px;border-radius:50%;-webkit-border-radius:50%;-moz-border-radius:50%;-ms-border-radius:50%;-o-border-radius:50%;overflow:hidden;}
.notify-wrap .alert.atchmnt {padding-left:85px;}
.notify-wrap .alert .alert-body {display:inline-block; width: 100%;}
.notify-wrap .alert .alert-body .alert-title {font-weight:normal;font-size:16px;line-height:19px;color:var(--c-black2, #48465B);}


.notify-wrap .alert .alert-body .alert-title.Draft {color: #f38818;
    background: #f3881826);}
.notify-wrap .alert .alert-body .alert-title.Send {color: #0ca743;
    background: #0ca74326;}

.notify-wrap .alert .alert-body .alert-time {font-weight:normal;font-size:12px;line-height:14px;color:var(--c-grey18, #B9B6CF); padding-top:5px}
.notify-wrap .alert .alert-body .alert-desc {margin-top:8px;}
.notify-wrap .alert button.close {outline:0 !important;padding:4px;position:absolute;top:0px;right:8px;font-weight:400;color:var(--c-grey6, #7F7D91);}
/**** Notification Sidebar Start ****/

 .modal-content {background:var(--c-greybg, #F6F8FA);}
 .modal-body {padding:5px 15px 30px;}


 .modal-content {border-radius:0;border:none;}
 .modal-header {border-bottom:none;min-height:48px;}
 .modal-header h4 {font-weight:500;font-size:18px;line-height:21px;color:var(--c-black2, #48465B);}
.modal-header .close {outline:0 !important;padding:12px 12px 12px 12px;}
 .modal-header .close i {font-size:14px;}
.common-header-wrap .navbar ul.ml-auto>li.dropdown .dropdown-menu .dropdown-item:focus, .common-header-wrap .navbar ul.ml-auto>li.dropdown .dropdown-menu .dropdown-item:active {color:var(--c-blue-hover2, #22A8D9);}
/* Navigation End */

/* Footer Start */
.common-footer-outer {margin-bottom:10px;}
.common-footer-outer .common-footer-wrap {padding:30px 0 50px;display: flex;flex-direction: row;flex-wrap: wrap;justify-content: space-between;align-items: center;	align-content: center;max-width: 94%;margin: auto;}
.common-footer-wrap ul.footer-nav>li.nav-item>a.nav-link {position:relative;font-style:normal;font-weight:300;font-size:14px;line-height:16px;color:var(--c-grey7, #8097A2);}
.common-footer-wrap ul.footer-nav>li.nav-item>a.nav-link:hover {color:var(--c-grey7-hover, #758186);}
.common-footer-wrap ul.footer-nav>li.nav-item>a.nav-link:hover::before {content:'';background:var(--c-grey7, #8097A2);width:66%;height:1px;position:absolute;bottom:4px;left:50%;transform:translateX(-50%);-webkit-transform:translateX(-50%);-moz-transform:translateX(-50%);-ms-transform:translateX(-50%);-o-transform:translateX(-50%);}
/* Footer End */

/* Listing Cards Start */
.listing-card-wrap .listing-card {padding:25px 0;border-bottom:1px solid var(--c-grey14, #DFDFDF);}
.listing-card-wrap .listing-card:last-child {border-bottom:none;}
.listing-card-wrap .listing-card>ul {position:relative;}
.listing-card-wrap .listing-card>ul>li {margin-left:22px;font-weight:normal;font-size:16px;line-height:19px;color:var(--c-black, #000);}
.listing-card-wrap .listing-card>ul>li::before {content:'';position:absolute;display:inline-block;background:var(--c-black4, #657882);width:9px;height:9px;margin-right:7px;font-size:23px;top:6px;left:6px;border-radius:50%;-webkit-border-radius:50%;-moz-border-radius:50%;-ms-border-radius:50%;-o-border-radius:50%;}
.listing-card-wrap .listing-card>p {margin-left:22px;font-weight:300;font-size:14px;line-height:22px;color:var(--c-black4, #657882);margin-top:10px;}
/* Listing Cards End */

/* Catalog Cards Start */
.catalog-card {position:relative;padding:25px;padding-top:15px;margin-bottom:30px;background:var(--c-white, #ffffff) ;box-shadow:0px 2px 12px rgba(0, 0, 0, 0.05);-webkit-box-shadow:0px 2px 12px rgba(0, 0, 0, 0.05);-moz-box-shadow:0px 2px 12px rgba(0, 0, 0, 0.05);border-radius:3px;}
.catalog-card:hover {box-shadow:0px 2px 12px rgba(0, 0, 0, 0.11);-webkit-box-shadow:0px 2px 12px rgba(0, 0, 0, 0.11);-moz-box-shadow:0px 2px 12px rgba(0, 0, 0, 0.11);}
.catalog-card .catalog-card-header {padding-bottom:30px;min-height:141px;}
.catalog-card .catalog-card-header .label-wrap {display:inline-block;}
.catalog-card .catalog-card-header .label-wrap h6 {background:var(--c-grey, #eeeeee);color:var(--c-black, #000);text-transform:capitalize;padding:2px 15px 2px 10px;display:inline;font-weight:500;font-size:12px;line-height:15px;position:relative;top:-8px;left:-33px;border-top-right-radius:3px;border-bottom-right-radius:3px;}
.catalog-card .catalog-card-header .label-wrap h6::after {content:'';position:absolute;display:inline-block;width:0;height:0;line-height:0px;top:18px;left:0;border-style:solid;border-width:0 7px 5px 0;border-color:transparent var(--c-grey2, #D0D0D0) transparent transparent;_border-color:var(--c-black, #000) var(--c-grey2, #D0D0D0) var(--c-black, #000) var(--c-black, #000);_filter:progid:DXImageTransform.Microsoft.Chroma(color='var(--c-black, #000)');z-index:0;}


.catalog-card.free .catalog-card-header .label-wrap h6 {background:var(--c-green, #02B276);color:var(--c-white, #ffffff) ;z-index:1;}
.catalog-card.free .catalog-card-header .label-wrap h6::after {border-color:transparent var(--c-green2, #028156) transparent transparent;_border-color:var(--c-black, #000) var(--c-green2, #028156) var(--c-black, #000) var(--c-black, #000);}
.catalog-card.paid .catalog-card-header .label-wrap h6 {background:var(--c-red, #E53935);color:var(--c-white, #ffffff) ;}
.catalog-card.paid .catalog-card-header .label-wrap h6::after {border-color:transparent var(--c-red2, #951411) transparent transparent;_border-color:var(--c-black, #000) var(--c-red2, #951411) var(--c-black, #000) var(--c-black, #000);}



.catalog-card-dropdown {display:inline-block;position:absolute;top:10px;right:0;}
.catalog-card .catalog-card-header .dot-btn-v {margin-top:-6px}
.catalog-card .catalog-card-header .dot-btn-v {position:relative;padding:3px;display:block;width:60px;height:24px;margin:auto;text-align:center;margin-top:-6px}
.catalog-card .catalog-card-header .dot-btn-v:before {position:absolute;top:4.5%;left:50%;color:var(--c-blue, #33B0DE);content:'\2022';font-size:16px;line-height:24px;transition:text-shadow .3s, color .3s;-webkit-transform:translateX(-50%);transform:translateX(-50%);pointer-events:none;text-shadow:8px 0 var(--c-blue, #33B0DE), -8px 0 var(--c-blue, #33B0DE);}
.catalog-card .catalog-card-header .dot-btn-v:focus:before, .catalog-card .catalog-card-header .dot-btn-v:hover:before {color:var(--c-blue-hover, #30A5D0);text-shadow:10px 0 var(--c-blue-hover, #30A5D0), -10px 0 var(--c-blue-hover, #30A5D0);font-size:19px;}
.catalog-card .catalog-card-header .dot-btn-v:focus, .catalog-card .catalog-card-header .dot-btn-v:hover {color:var(--c-blue-hover, #30A5D0);}
.catalog-card .catalog-card-header .catalog-card-dropdown .dropdown-menu {min-width:150px;padding:10px 0;box-shadow:0 3px 16px 0 rgba(0, 0, 0, .13);left:auto !important;right:16px;border:none;top: calc(100% - 4px);}
.catalog-card .catalog-card-header .fl-box {display:flex;flex-direction:row;flex-wrap:wrap;justify-content:flex-start;align-items:center;align-content:center;}
.catalog-card .catalog-card-header .c-img, .catalog-card .catalog-card-header .c-title {display:inline-block;}
.catalog-card .catalog-card-header .c-img {margin-right: 10px; position:relative;height:50px;width:50px;overflow:hidden;border-radius:50%;-webkit-border-radius:50%;-moz-border-radius:50%;-ms-border-radius:50%;-o-border-radius:50%;}
.catalog-card .catalog-card-header .c-img>img {position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);-webkit-transform:translate(-50%, -50%);-moz-transform:translate(-50%, -50%);-ms-transform:translate(-50%, -50%);-o-transform:translate(-50%, -50%);}
.catalog-card .catalog-card-header .c-title {font-weight:500;font-size:22px;line-height:26px;color:var(--c-black2, #48465B);margin:0 15px;}
.catalog-card .catalog-card-header .c-name {font-weight:normal;font-size:15px;line-height:18px;color:var(--c-black3, #74788D);margin-bottom:8px;}
.catalog-card .catalog-card-header .c-price {position:relative;left:15px;}
.catalog-card .catalog-card-header .c-price::before {position:absolute;content:'\20B9';top:0;left:-15px;}
.catalog-card .catalog-card-footer {display:flex;flex-direction:row;flex-wrap:wrap;justify-content:space-between;align-items:baseline;align-content:space-around;}
.catalog-card .catalog-card-footer .btn-info {margin:10px auto;text-transform:uppercase;}
.catalog-card .catalog-card-footer .btn-info:not(.btn-block) {width:162px;max-width:48%;}
.catalog-card .catalog-card-footer .btn-info:hover {color:var(--c-white, #ffffff) ;background-color:var(--c-blue, #33B0DE);}
.catalog-card .catalog-card-body {border-top:1px solid var(--c-white3, #eaeaea);padding:11px 0 15px;font-weight:normal;font-size:14px;line-height:18px;min-height:188px;}
.catalog-card.add-new .catalog-card-body {border-top:0;}
.catalog-card .catalog-card-body p {font-size:15px;line-height:22px;padding:0 0;word-break:break-all; }
.catalog-card .catalog-card-body .hr {border-top:1px solid var(--c-white3, #eaeaea);}
.catalog-card .catalog-card-body>ul {margin:15px auto;list-style-type:none;}
.catalog-card .catalog-card-body>ul>li {padding-left:15px;list-style:inherit;margin-bottom:12px; position: relative;}
.catalog-card .catalog-card-body>ul>li::before {content: ""; width: 9px; height: 6px; display: block; position: absolute; top: 3px; left: 0; border: solid 2px var(--c-blue, #33B0DE);  transform: rotate(-45deg); border-top-color: transparent;border-right-color: transparent;}
.catalog-card .catalog-card-body .btn-link {display:block;font-weight:500;font-size:13px;line-height:15px;text-align:center;text-transform:capitalize;margin:20px auto 0px;}
.catalog-card .catalog-card-body.new-api-link a.btn-link {margin:0 auto;}
/* Catalog Cards End */

/* MyApps Card Start */
.myapps-card {background:var(--c-white, #ffffff) ;box-shadow:0px 2px 12px rgba(0, 0, 0, 0.09);-webkit-box-shadow:0px 2px 12px rgba(0, 0, 0, 0.09);-moz-box-shadow:0px 2px 12px rgba(0, 0, 0, 0.09);-moz-box-shadow:0px 2px 12px rgba(0, 0, 0, 0.09);border-radius:3px;-webkit-border-radius:3px;-moz-border-radius:3px;-ms-border-radius:3px;-o-border-radius:3px;margin-bottom:30px;}
.myapps-card:hover {box-shadow:0px 2px 12px rgba(0, 0, 0, 0.16);-webkit-box-shadow:0px 2px 12px rgba(0, 0, 0, 0.16);-moz-box-shadow:0px 2px 12px rgba(0, 0, 0, 0.16);-ms-box-shadow:0px 2px 12px rgba(0, 0, 0, 0.16);}
.myapps-card .myapps-card-header {position:relative;padding:15px 0;border-bottom:1px solid var(--c-grey14, #DFDFDF);}
.myapps-card .myapps-card-header>h2 {display:inline-block;font-weight:500;font-size:18px;line-height:21px;padding:0 25px 0 5px;color:var(--c-black2, #48465B);}
.myapps-card .myapps-card-header>p {display:inline-block;font-weight:normal;font-size:13px;line-height:21px;color:var(--c-grey6, #7F7D91); float:right}
.myapps-card .myapps-card-header .label-wrap {display:inline-block; float: right;}
.myapps-card .myapps-card-header .label-wrap h6 {background:var(--c-grey, #eeeeee);color:var(--c-black, #000);text-transform:capitalize;padding:2px 15px 2px 20px;display:inline;font-weight:500;font-size:14px;line-height:16px;position:relative;right:-8px;border-top-left-radius:3px;border-bottom-left-radius:3px; z-index: 1;}
.myapps-card .myapps-card-header .label-wrap h6::after {content:'';position:absolute;display:inline-block;width:0;height:0;top:21px;right:0px;border-style:solid;border-width:6px 8px 0 0;border-color:var(--c-grey2, #D0D0D0) transparent transparent transparent;line-height:0px;_border-color:var(--c-grey2, #D0D0D0) var(--c-black, #000) var(--c-black, #000) var(--c-black, #000);_filter:progid:DXImageTransform.Microsoft.Chroma(color='var(--c-black, #000)');z-index:-1;}




.myapps-card .myapps-card-header .label-wrap-left {display:inline-block;}
.myapps-card .myapps-card-header .label-wrap-left h6 {background:var(--c-grey, #eeeeee);color:var(--c-black, #000);text-transform:capitalize;padding:2px 15px 2px 10px;display:inline;font-weight:500;font-size:12px;line-height:15px;position:relative;top:-2px;left:-7px;border-top-right-radius:3px;border-bottom-right-radius:3px;}
.myapps-card .myapps-card-header .label-wrap-left h6::after {content:'';position:absolute;display:inline-block;width:0;height:0;line-height:0px;top:18px;left:0;border-style:solid;border-width:0 7px 5px 0;border-color:transparent var(--c-grey2, #D0D0D0) transparent transparent;_border-color:var(--c-black, #000) var(--c-grey2, #D0D0D0) var(--c-black, #000) var(--c-black, #000);_filter:progid:DXImageTransform.Microsoft.Chroma(color='var(--c-black, #000)');z-index:0;}


.myapps-card.free .myapps-card-header .label-wrap-left h6 {background:var(--c-green, #02B276);color:var(--c-white, #ffffff) ;z-index:1;}
.myapps-card.free .myapps-card-header .label-wrap-left h6::after {border-color:transparent var(--c-green2, #028156) transparent transparent;_border-color:var(--c-black, #000) var(--c-green2, #028156) var(--c-black, #000) var(--c-black, #000);}
.myapps-card.paid .myapps-card-header .label-wrap-left h6 {background:var(--c-red, #E53935);color:var(--c-white, #ffffff) ;}
.myapps-card.paid .myapps-card-header .label-wrap-left h6::after {border-color:transparent var(--c-red2, #951411) transparent transparent;_border-color:var(--c-black, #000) var(--c-red2, #951411) var(--c-black, #000) var(--c-black, #000);}







.myapps-card.active .myapps-card-header .label-wrap h6 {background:var(--c-green, #02B276);color:var(--c-white, #ffffff) ;}
.myapps-card.active .myapps-card-header .label-wrap h6::after {border-color:var(--c-green2, #028156) transparent transparent transparent;_border-color:var(--c-green2, #028156) var(--c-black, #000) var(--c-black, #000) var(--c-black, #000);}
.myapps-card.pending .myapps-card-header .label-wrap h6 {background:var(--c-orange, #FD9400);color:var(--c-white, #ffffff) ;}
.myapps-card.pending .myapps-card-header .label-wrap h6::after {border-color:var(--r-orange, rgba(231, 164, 70, 0.5)) transparent transparent transparent;_border-color:var(--r-orange, rgba(231, 164, 70, 0.5)) var(--c-black, #000) var(--c-black, #000) var(--c-black, #000);}
.myapps-card.create .myapps-card-header .label-wrap h6 {background:var(--c-green, #02B276);color:var(--c-white, #ffffff) ;}
.myapps-card.create .myapps-card-header .label-wrap h6::after {border-color:var(--c-green2, #028156) transparent transparent transparent;_border-color:var(--c-green2, #028156) var(--c-black, #000) var(--c-black, #000) var(--c-black, #000);}



.myapps-card.deactive .myapps-card-header .label-wrap h6 {background:var(--c-red, #E53935);color:var(--c-white, #ffffff) ;}
.myapps-card.deactive .myapps-card-header .label-wrap h6::after {border-color:var(--c-red2, #951411) transparent transparent transparent;_border-color:var(--c-red2, #951411) var(--c-black, #000) var(--c-black, #000) var(--c-black, #000);}



.myapps-card .subs-card-body {padding:15px 36px;}
.myapps-card .subs-card-body .fl-box {display:flex;flex-direction:row;flex-wrap:wrap;justify-content:flex-start;align-items:center;align-content:center;}
.myapps-card .subs-card-body .c-img {position:relative;height:50px;width:50px;overflow:hidden;border-radius:50%;-webkit-border-radius:50%;-moz-border-radius:50%;-ms-border-radius:50%;-o-border-radius:50%;}
.myapps-card .subs-card-body .c-img>img {position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);-webkit-transform:translate(-50%, -50%);-moz-transform:translate(-50%, -50%);-ms-transform:translate(-50%, -50%);-o-transform:translate(-50%, -50%); max-width: 50px; max-height: 50px;}
.myapps-card .subs-card-body .c-title > h2 {font-weight:500;font-size:16px;line-height:19px;color:var(--c-black2, #48465B);margin:8px 15px 4px;}
.myapps-card .subs-card-body .c-name {font-weight:normal;font-size:14px;line-height:16px;color:var(--c-black4, #657882);margin:0 15px 8px 15px;}
.myapps-card .subs-card-body .meta-box {margin:22px auto auto;}
.myapps-card .subs-card-body .meta-box ul > li.list-group-item {border:none;padding:15px 30px 13px 0;}
.myapps-card .subs-card-body .meta-box ul > li.list-group-item > p {font-weight:300;font-size:13px;line-height:15px;color:var(--c-grey3, #9CA1AC);margin-bottom:5px;}
.myapps-card .subs-card-body .meta-box ul > li.list-group-item > h6 {font-weight:400;font-size:14px;line-height:16px;color:var(--c-black2, #48465B);}
/* MyApps Card End */

/* Subs Card Start */
.subs-card {background:var(--c-white, #ffffff) ;box-shadow:0px 2px 12px rgba(0, 0, 0, 0.09);-webkit-box-shadow:0px 2px 12px rgba(0, 0, 0, 0.09);-moz-box-shadow:0px 2px 12px rgba(0, 0, 0, 0.09);-moz-box-shadow:0px 2px 12px rgba(0, 0, 0, 0.09);border-radius:3px;-webkit-border-radius:3px;-moz-border-radius:3px;-ms-border-radius:3px;-o-border-radius:3px;margin-bottom:30px;}
.subs-card:hover {box-shadow:0px 2px 12px rgba(0, 0, 0, 0.16);-webkit-box-shadow:0px 2px 12px rgba(0, 0, 0, 0.16);-moz-box-shadow:0px 2px 12px rgba(0, 0, 0, 0.16);-ms-box-shadow:0px 2px 12px rgba(0, 0, 0, 0.16);}
.subs-card .subs-card-header {position:relative;padding:15px 0;border-bottom:1px solid var(--c-grey14, #DFDFDF);}
.subs-card .subs-card-header>h2 {display:inline-block;font-weight:500;font-size:18px;line-height:21px;padding:0 25px;color:var(--c-black2, #48465B);}
.dropdown-status-btn {display:inline-block;position:absolute;opacity:1 !important;right:35px;top:11px;padding:7px 18px;font-size:14px;line-height:16px;max-height:30px;padding:7px 20px !important;}
.dropdown-status-btn.btn-success:hover,.dropdown-status-btn.btn-success:focus,.dropdown-status-btn.btn-success:active {background-color:var(--c-green, #02B276) !important;}
.dropdown-status-btn.btn-danger:hover,.dropdown-status-btn.btn-danger:focus,.dropdown-status-btn.btn-danger:active {background-color:var(--c-red, #E53935) !important;}
.dropdown-status-btn::before {content:'\eada';font-family:"budicon";font-size:16px;padding-right:10px;}
.subs-card-dropdown {display:inline-block;position:absolute;top:9px;right:0;}
.subs-card-dropdown .dot-btn-v {margin-top:-6px}
.subs-card-dropdown .dot-btn-v {position:relative;padding:3px;display:block;width:24px;height:44px;text-align:center;margin:-6px 10px auto auto;}
.subs-card-dropdown .dot-btn-v:before {position:absolute;top:50%;left:50%;color:var(--c-blue, #33B0DE);content:'\2022';font-size:16px;line-height:24px;pointer-events:none;text-shadow:0 7px var(--c-blue, #33B0DE), 0 -7px var(--c-blue, #33B0DE);transition:text-shadow .3s, color .3s;transform:translate(-50%, -50%);-webkit-transform:translate(-50%, -50%);-moz-transform:translate(-50%, -50%);-ms-transform:translate(-50%, -50%);-o-transform:translate(-50%, -50%);}
.subs-card-dropdown .dot-btn-v:focus:before,.subs-card-dropdown .dot-btn-v:hover:before {color:var(--c-blue-hover, #30A5D0);text-shadow:0 9px var(--c-blue-hover, #30A5D0), 0 -9px var(--c-blue-hover, #30A5D0);font-size:19px;}
.subs-card-dropdown .dot-btn-v:focus,.subs-card-dropdown .dot-btn-v:hover {color:var(--c-blue-hover, #30A5D0);}
.subs-card-dropdown .subs-card-dropdown .dropdown-menu {min-width:150px;padding:10px 0;box-shadow:0 3px 16px 0 rgba(0, 0, 0, .13);left:auto !important;right:16px;border:none;}
.subs-card-dropdown .dropdown-menu .dropdown-item {font-size:15px;line-height:18px;padding:13px 15px;margin:1px auto;}
.subs-card-dropdown .dropdown-menu .dropdown-item:hover,.subs-card-dropdown .dropdown-menu .dropdown-item:focus,.subs-card-dropdown .dropdown-menu .dropdown-item:active,.subs-card-dropdown .dropdown-menu .dropdown-item.active {color:var(--c-blue-hover2, #22A8D9);background-color:var(--c-blue2, #DFF7FF);}
.subs-card .subs-card-body {padding:15px 36px;}
.subs-card .subs-card-body .fl-box {display:flex;flex-direction:row;flex-wrap:wrap;justify-content:flex-start;align-items:center;align-content:center;}
.subs-card .subs-card-body .c-img {position:relative;height:50px;width:50px;overflow:hidden;border-radius:50%;-webkit-border-radius:50%;-moz-border-radius:50%;-ms-border-radius:50%;-o-border-radius:50%; line-height: 50px;}
.subs-card .subs-card-body .c-img>img {position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);-webkit-transform:translate(-50%, -50%);-moz-transform:translate(-50%, -50%);-ms-transform:translate(-50%, -50%);-o-transform:translate(-50%, -50%);}
.subs-card .subs-card-body .c-title > h2 {font-weight:500;font-size:16px;line-height:19px;color:var(--c-black2, #48465B);margin:8px 15px 4px;}
.subs-card .subs-card-body .c-name {font-weight:normal;font-size:14px;line-height:16px;color:var(--c-black4, #657882);margin:0 15px 8px 15px;}
.subs-card .subs-card-body .meta-box {margin:22px auto auto;}
.subs-card .subs-card-body .meta-box ul > li.list-group-item {border:none;padding:15px 30px 13px 0;}
.subs-card .subs-card-body .meta-box ul > li.list-group-item > p {font-weight:300;font-size:13px;line-height:15px;color:var(--c-grey3, #9CA1AC);margin-bottom:5px;}
.subs-card .subs-card-body .meta-box ul > li.list-group-item > h6 {font-weight:400;font-size:14px;line-height:16px;color:var(--c-black2, #48465B);}
.subs-card .subs-card-footer {position:relative;}
.subs-card .subs-card-footer .subs-card-dropdown {right:auto;left:54px;top:-8px;}
.subs-card .subs-card-footer .subs-card-dropdown .dropdown-menu.show {min-width:99px;}
.subs-card .subs-card-footer .subs-card-dropdown .dropdown-menu .dropdown-item {font-size:14px;line-height:18px;padding:5px 10px;margin:1px auto;}
.subs-card .subs-card-footer .label-wrap {padding:7px 0;}
.subs-card .subs-card-footer .label-wrap h6 {background:var(--c-grey, #eeeeee);color:var(--c-black, #000);text-transform:capitalize;padding:4px 18px;display:inline;font-weight:400;font-size:12px;line-height:15px;position:relative;top:-10px;left:-32px;border-top-right-radius:3px;border-bottom-right-radius:3px; z-index: 100;}
.subs-card .subs-card-footer .label-wrap h6::after {content:'';position:absolute;display:inline-block;width:0;height:0;line-height:0px;top:22px;left:0;border-style:solid;border-width:0 7px 5px 0;border-color:transparent var(--c-grey2, #D0D0D0) transparent transparent;_border-color:var(--c-black, #000) var(--c-grey2, #D0D0D0) var(--c-black, #000) var(--c-black, #000);_filter:progid:DXImageTransform.Microsoft.Chroma(color='var(--c-black, #000)');z-index:-1;}
.subs-card .subs-card-footer.free .label-wrap h6 {background:var(--c-green, #02B276);color:var(--c-white, #ffffff) ;}
.subs-card .subs-card-footer.free .label-wrap h6::after {border-color:transparent var(--c-green2, #028156) transparent transparent;_border-color:var(--c-black, #000) var(--c-green2, #028156) var(--c-black, #000) var(--c-black, #000);}
.subs-card .subs-card-footer.paid .label-wrap h6 {background:var(--c-red, #E53935);color:var(--c-white, #ffffff) ;}
.subs-card .subs-card-footer.paid .label-wrap h6::after {border-color:transparent var(--c-red2, #951411) transparent transparent;_border-color:var(--c-black, #000) var(--c-red2, #951411) var(--c-black, #000) var(--c-black, #000);}
/* Subs Card End */

/* Profile + Upload Start */
.avatar-upload {position:relative;max-width:139px;margin:50px auto;}
.avatar-upload .avatar-edit {position:absolute;right:12px;z-index:1;top:90px;right:5px;}
.avatar-upload .avatar-edit input {display:none;}
.avatar-upload .avatar-edit input+label {display:inline-block;width:34px;height:34px;margin-bottom:0;border-radius:100%;background:var(--c-white, #ffffff) ;border:1px solid transparent;box-shadow:0px 2px 4px 0px rgba(0, 0, 0, 0.12);cursor:pointer;font-weight:normal;transition:all 0.2s ease-in-out;}
.avatar-upload .avatar-edit input+label:hover {border-color:var(--c-grey2, #D0D0D0);}
.avatar-upload .avatar-edit input+label:after {content:'\e8f2';font-family:'budicon';color:var(--c-black4, #657882);position:absolute;top:8px;left:1px;right:0;text-align:center;margin:auto;}
.avatar-upload .avatar-preview {display: table;width:136px;height:136px;position:relative;border-radius:100%;border:6px solid var(--c-white6, #F8F8F8);box-shadow:0px 2px 4px 0px rgba(0, 0, 0, 0.1);}
.avatar-upload .avatar-preview>div {background-repeat:no-repeat;background-position:center;width:100%;height:100%;border-radius:100%;background-size:cover;text-align: center;vertical-align: middle;display: table-cell;font-weight: 500;font-size: 32px;line-height: 37px;color: #FFFFFF;background-color: #F64469;}
.avatar-upload .avatar-desig {margin-top:16px;text-align:center;}
.avatar-upload .avatar-desig>h6 {font-weight:normal;font-size:14px;line-height:16px;color:var(--c-black, #000);text-transform:uppercase;}
.avatar-upload .avatar-preview>div {background-repeat: no-repeat;background-position: center;width: 100%;height: 100%;border-radius: 100%;background-size: cover;text-align: center;vertical-align: middle;display: table-cell;font-weight: 500;font-size: 32px;line-height: 37px;color: #FFFFFF;background-color: #F64469;}
.avatar-upload .avatar-preview {display: table;width: 136px;height: 136px;position: relative;border-radius: 100%;border: 6px solid var(--c-white6, #F8F8F8);box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.1);}
/**** Profile Picture ****/
.profile-pic-wrap {position:relative;width:40px;margin:auto;}
.profile-pic-wrap span.online::before,.profile-pic-wrap span.offline::before {position:absolute;content:'';background:var(--c-green, #02B276);height:11px;width:11px;border-radius:50%;-webkit-border-radius:50%;-moz-border-radius:50%;-ms-border-radius:50%;-o-border-radius:50%;z-index:2;bottom:0px;right:0px;}
.profile-pic-wrap span.offline::before {background:var(--c-grey12, #7F8FA4);}
.avatar-upload-profile .avatar-preview {display: table;width:40px;height:40px;position:relative;border-radius:100%;border:0;box-shadow:0px 2px 4px 0px rgba(0, 0, 0, 0.1);}
.avatar-upload-profile .avatar-preview>div {background-repeat:no-repeat;background-position:center;width:100%;height:100%;border-radius:100%;background-size:cover;text-align: center;vertical-align: middle;display: table-cell;font-weight: 500;font-size:18px;line-height:36px;color: #FFFFFF;background-color: #F64469;}
/* Profile + Upload End */

/************************
      Table Start 
************************/
.table-wrap .table{margin-bottom: 0;}
.table-wrap {background:var(--c-grey15, #F5F8FA);box-shadow:0px 2px 12px rgba(0, 0, 0, 0.09);border-radius:3px;}
.table-wrap .table .thead-light th {background-color:var(--c-grey11, #e9ecef);border:0;font-weight:500;font-size:13px;line-height:15px;color:var(--c-grey12, #7F8FA4);padding:10px 10px;text-transform:capitalize;}
.table-wrap .table tbody > tr > td {font-weight:normal;font-size:15px;line-height:18px;color:var(--c-black, #000);vertical-align:middle;vertical-align:-webkit-middle;}
.table-wrap .table td,.table-wrap .table th {border-top:0; padding: .5rem;}



.table-wrap .table tbody > tr {background:var(--c-white, #ffffff) ; z-index: 1;}
.table-wrap .table tbody > tr:hover {z-index: 10; box-shadow:0px 2px 12px rgba(0, 0, 0, 0.11);-webkit-box-shadow:0px 2px 12px rgba(0, 0, 0, 0.11);-moz-box-shadow:0px 2px 12px rgba(0, 0, 0, 0.11);}
.table-wrap .table tbody > tr > td,.table-wrap .table tbody > tr > th {border-top:1px solid var(--c-white7, #E7E9ED);}
.table-wrap .table tbody > tr:hover > td,.table-wrap .table tbody > tr:hover > th {border-top-color:transparent; }
.table-select-wrap .bootstrap-select {max-width:110px;}
.table-select-wrap .bootstrap-select button.btn {outline:0 !important;padding:6px 15px;font-weight:normal;font-size:13px;line-height:15px; color: var(--c-white, #ffffff) ;}
.table-select-wrap .bootstrap-select ul.dropdown-menu li .dropdown-item {padding:10px 15px;margin:2px auto;}
.table-select-wrap .bootstrap-select ul.dropdown-menu li .dropdown-item.active, .table-select-wrap .bootstrap-select ul.dropdown-menu li .dropdown-item:active {background-color:var(--c-blue2, #DFF7FF);}
.table-wrap .table .actions-wrap {max-width:136px;margin:auto;}
.table-wrap .table .actions-wrap > ul {display:flex;flex-direction:row;flex-wrap:wrap;justify-content:space-around;align-items:center;align-content:center;min-width:125px;}
.table-wrap .table .actions-wrap > ul > li > a.btn {cursor:pointer;padding:4px 7px;}
.table-wrap .table .actions-wrap > ul > li > a:not(.btn) {padding:10px 7px;color:var(--c-grey13, #BBC5D5);}
.table-wrap .table .actions-wrap > ul > li > a:hover {color:var(--c-grey12, #7F8FA4);}
.table-wrap .table .actions-wrap > ul > li > a > i {font-size:18px;}
.table-wrap .table .pkgs-wrap {max-width:unset;margin:auto;}
.table-wrap .table .pkgs-wrap > ul {display:flex;flex-direction:row;flex-wrap:wrap;justify-content:center;align-items:center;align-content:center;}
.table-wrap .table .pkgs-wrap > ul > li > a.btn {padding:5px 11px;margin:auto 1px;}
.table-wrap .table .pkgs-wrap > ul > li:first-child {margin-right:15px;}
/**** Striped styles start ****/
.table-wrap .table.table-striped .thead-light th {background-color:var(--c-grey15, #F5F8FA);}
.table-wrap .table.table-striped tbody > tr > td, .table-wrap .table.table-striped tbody > tr > th {border:none;}
.table-wrap .table.table-striped tbody tr:nth-of-type(2n+1) {background-color:var(--c-white, #ffffff) ;}
.table-wrap .table.table-striped tbody tr:nth-of-type(2n) {background-color:var(--c-blue3, #EEFBFF);}
.table-wrap .table.activity-log-table tbody tr td p.text-info {color:var(--c-info-color, #33B0DE) !important;}
.table-wrap .table-footer {padding:12px 16px;border-top:1px solid var(--c-white7, #E7E9ED);}
.table-wrap .table-footer nav ul.pagination {display:flex;flex-direction:row;flex-wrap:wrap;justify-content:space-between;align-items:center;align-content:center;}
.table-wrap .table-footer nav ul.pagination a.page-link {position:relative;padding:18px;border:0;background-color:var(--c-blue2, #DFF7FF);cursor:pointer;}
.table-wrap .table-footer nav ul.pagination li.page-info {font-weight:normal;font-size:14px;line-height:16px;color:var(--c-grey3, #9CA1AC);}
.table-wrap .table-footer nav ul.pagination a.page-link:hover.table-wrap .table-footer nav ul.pagination a.page-link:focus.table-wrap .table-footer nav ul.pagination a.page-link:active {opacity:0.8;}
.table-wrap .table-footer .left-triangle::before,.table-wrap .table-footer .right-triangle::before {position:absolute;content:'';top:50%;left:50%;width:0;height:0;border-style:solid;border-width:7px 11px 7px 0;border-color:transparent var(--c-blue, #33B0DE) transparent transparent;line-height:0px;_border-color:var(--c-black, #000) var(--c-blue, #33B0DE) var(--c-black, #000) var(--c-black, #000);_filter:progid:DXImageTransform.Microsoft.Chroma(color='#000000');transform:translate(-50%, -50%);-webkit-transform:translate(-50%, -50%);-moz-transform:translate(-50%, -50%);-ms-transform:translate(-50%, -50%);-o-transform:translate(-50%, -50%);}
.table-wrap .table-footer .right-triangle::before {border-width:7px 0 7px 11px;border-color:transparent transparent transparent var(--c-blue, #33B0DE);_border-color:var(--c-black, #000) var(--c-black, #000) var(--c-black, #000) var(--c-blue, #33B0DE);}
/************************
      Table End 
************************/
.form-range-wrap .modal .modal-content .modal-header .modal-title {font-size: 15px;font-weight: normal;color: #48465B;}
.search-form-wrapper .dropdown-footer span.btn{position: absolute;top: 8px;left: 20px;padding: 9px 12px;}
.form-range-wrap .modal .modal-content .modal-header {padding: 10px 15px 0;border: 0;}
.form-range-wrap .modal .modal-content .modal-body .input-group-addon {padding: 10px 20px;font-size: 14px;}
.form-range-wrap .modal .modal-content .modal-body .form-control {border-radius: 4px;}
.form-range-wrap .modal .modal-content .modal-footer {padding: 10px 15px;}
.form-range-wrap .modal .modal-content .modal-footer .btn {padding: 8px 20px;text-transform: uppercase;font-size: 12px;}
/************************/


/*******For Header Start********/
#header-container{
    margin-bottom:25px;
}
#header-container a{
    cursor: pointer;
}
/*******For Header End********/
/********Start create catlog*******/
.link_top{
	margin-top:-10px!important;
}
.cust-create-app .dropdown-menu.show{
	/* max-width: 300px; */ 
}
/********Create catlog End*******/

.profile-remove-top{ 
    margin-top: 20px!important;
}
.cust-profie-pic{
    border-radius: 100%;
    position: absolute;
}
.verified-app{
    font-size: 12px;
    color: green;
    padding-left: 12px;
}
.notverified-app{
    font-size: 12px;
    color: red;
    padding-left: 12px;
}
.custom-captcha{
    margin-top: -15px;
    position: relative;
}
.custom-refresh{
    float: right;
    position: relative;
    margin-top: 10px;
}
.footer-left-color a{
    color: #8097a2;
}
/* .custom-ht{
    height:14px;
} */
.white-color{
    color:#ffffff!important;
    opacity:1!important;
}
.usermgmt-email{
    color: #a9aaad;
    font-size: 12px;
}
.search-form-wrapper .form-search ul.list-group-horizontal {flex-wrap: wrap;}
.cust_catlog{
    /* max-height: 250px; */
    overflow-y: auto!important;
    overflow-x: hidden!important;
    /* color:red; */
}








.cust_catlog::-webkit-scrollbar {
    width: 5px;
    height: 5px;
	background-color: #F5F5F5;
}


.cust_catlog::-webkit-scrollbar-thumb {

	background-color: var(--c-blue, #33B0DE);
}

.cust_catlog::-webkit-scrollbar-track {
	
	background-color: #F5F5F5;
}





/* 
.cust_catlog::-webkit-scrollbar {
    width: 0.3em;  
    background-color: darkgrey;
    outline: 1px solid slategrey;
    height:10px;
} */
.no_cust_catlog{
    /* background-color: blue; */
    /* color:blue; */
}
.catalog-card-body-fixht{
    height: 200px;
    overflow: hidden;
    
}
.blank_cat{
    padding-bottom: 19px;
}
.mt_top30{
    margin-top: -30px;
}
.editCat{
    float: right;
    margin-top: -40px;
    margin-right: -17px;
    position: relative;
}
.loaderbackground{
    background-color: grey;
    z-index: 99999;
    opacity: 0.2;
}
.noAppcss{

    text-align: center;
    border-radius: 100%;
    background-size: cover;
    font-weight: 500;
    font-size: 18px;
    color: #FFFFFF;
    background-color: #F64469;
    height: 48px;
    width: 50px;
    padding-top: 15px;
}



.api-pkg-wrap-border{background: var(--c-white, #ffffff);
    border: 1px solid var(--c-grey10, #D6D6D6);
    box-sizing: border-box;
    border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
 
    padding: 10px;
    margin-bottom: 40px}


    .api-pkg-singlebox {position: relative;border: 1px solid var(--c-grey10, #D6D6D6);box-sizing: border-box;border-radius: 3px;-webkit-border-radius: 3px;-moz-border-radius: 3px;-ms-border-radius: 3px;-o-border-radius: 3px;
margin-bottom: 5px;
    }

    .api-pkg-singlebox input {position: absolute;left: 0;top: 0;width: 100%;height: 100%; cursor: pointer; z-index: 10;
    }


    .api-pkg-singlebox  .api-pkg-displaybox{padding:12px; }
    .api-pkg-singlebox input:checked + .api-pkg-displaybox{background-color: var(--c-blue2, #DFF7FF); }


    .api-pkg-singlebox .api-pkg-displaybox .api-pkg-op-title img {display: inline-block;height: 40px;width: 40px;
    }

    .api-pkg-singlebox .api-pkg-displaybox .api-pkg-op-title>h3 {font-weight: 500;font-size: 16px;line-height: 18px;color: var(--c-black2, #48465B);display: inline-block;position: absolute;left: 72px;top: 50%;transform: translateY(-50%);-webkit-transform: translateY(-50%);-moz-transform: translateY(-50%);-ms-transform: translateY(-50%);-o-transform: translateY(-50%);
    }


    .api-pkg-singlebox .api-pkg-displaybox .api-pkg-op-title>h3>span {display: block;font-weight: 300;font-size: 13px;line-height: 14px;color: var(--c-black3, #74788D);margin-top: 3px;
    }

    .api-pkg-singlebox .api-pkg-displaybox .api-pkg-op-title>span.mask {position: absolute;
    right: 22px;
    top: 50%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    z-index: 1;
    border: 1px solid var(--c-grey10, #D6D6D6);
    width: 20px;
    height: 20px;
    border-radius: 20px;
    }


    .api-pkg-singlebox input:checked + .api-pkg-displaybox .api-pkg-op-title>span.mask {border-color: var(--c-blue, #33B0DE);padding: 3px;
    }

    .api-pkg-singlebox input:checked + .api-pkg-displaybox .api-pkg-op-title>span.mask>.mask-ticker{    background-color: var(--c-blue, #33B0DE);height: 12px;width: 12px;display: block;border-radius: 10px;}
     .remove_top {top: 0px!important;}
.adminAppimage{
    background-repeat: no-repeat;
    background-position: center;
    width: 100%;
    height: 100%;
    border-radius: 100%;
    background-size: cover;
    text-align: center;
    vertical-align: middle;
    font-weight: 500;
    font-size: 32px;
    color: #FFFFFF;
    background-color: #F64469;
}



.loading-spiner-holder{position: fixed; left: 0; top: 0; width: 100vw; height: 100vh; z-index: 100000; background: rgba(255,255,255,0.7);
        display: flex;
        align-items: center;
        justify-content: center;
    }
    
    .loading-spiner {
        display: flex;
        align-items: center;
        gap: 20px;
        flex-direction: column;
    }
    
    .loading-spiner img {
        width: 60px;
    }
    


  
.meta-details-p {
    font-size: 14px;;
}
.meta-details-p p{
    word-break: break-all;
}
.btn-yellow{
    background-color: #fd9400;
    color: white;
}
.invalidIp{
    font-size: 12px;
    color: red;
}




.admin-basic-infobox {
    padding-top: 30px;
    border-top: solid 1px #ddd;
}

.admin-basic-infobox h2 {
    font-size: 15px;
    color: antiquewhite;
    color: var(--c-black2, #48465B);
    font-weight: 500;
    padding-bottom: 10px;
}






.logo-wrap {
    position: relative;
    display: inline-block;
}

.text-small{font-size: 12px; text-align: left;}
.login-signup-wrap .login-wrap .login-form.email-varification-form{margin-top: 20px;}

.logo-wrap-version {
    font-size: 12px;
    font-weight: 700;
    color: #b7b7b7;
    text-align: center;
    padding-top: 10px;
    position: absolute;
    top: 0;
    right: 0;
    padding: 10px 20px;
}





.tipsstatus h6 {background: var(--c-grey, #eeeeee); color: var(--c-black, #000);text-transform: capitalize;padding: 2px 15px 2px 10px;display: inline;font-weight: 500;font-size: 12px;line-height: 15px;position: relative;top: 0px;left: -17px;border-top-right-radius: 3px;border-bottom-right-radius: 3px;    z-index: 1;}
.tipsstatus h6::after  {content: '';position: absolute;display: inline-block;width: 0;height: 0;line-height: 0px;top: 18px;left: 0;border-style: solid;border-width: 0 7px 5px 0;border-color: transparent var(--c-grey2, #D0D0D0) transparent transparent;z-index: 0;}
.show-labels{overflow-x: visible;}



.tipsstatus.sent h6 {background:#412ecb;color: var(--c-white, #ffffff);}
.tipsstatus.sent h6::after {border-color: transparent #1c0a9c transparent transparent;}

.tipsstatus.draft h6 {background: #872dda;color: var(--c-white, #ffffff);}
.tipsstatus.draft h6::after {border-color: transparent #6600c5 transparent transparent;}

.exchangesegment{}
.exchangesegment span{  font-weight: 500;  font-size: 11px;  color: var(--c-grey12, #7F8FA4);  padding: 0px 4px;  text-transform: capitalize;}

.tips-label{padding: 3px 10px; border-radius: 2px;    font-weight: 500;
    font-size: 12px; }
.tips-label.buy{color: #02b276; background: #bfffe9;}
.tips-label.sell{color: #ee1303; background: #ffe8e8;}



.notification-radiogroups{padding: 10px 25px;}
.notification-radiogroups .custom-control-label {
    line-height: 25px;
    font-size: 13px;
    padding-right: 40px;
}

.notification-radiogroups .custom-control-label{}
.notification-radiogroups .custom-control:last-child .custom-control-label{padding-right: 0;}


.notification-radiogroups .custom-control-label::after {top: .45rem;   left: -1.3rem;  width: 0.6rem;  height: 0.6rem;  content: ""; background: no-repeat 20%/100% 100%;  border-radius: 16px;}
.notification-radiogroups .custom-radio .custom-control-input:checked~.custom-control-label::after {background: #2da7d9;}
.notification-radiogroups .custom-control-input:checked~.custom-control-label::before {
    background-color:transparent
}


.notification-wrapper{
    height: 295px;
    overflow-x: hidden;
    overflow-y: auto;
}

.blue-strip{position: relative; overflow: hidden;}
.blue-strip:before{
    content: "";
    -moz-transform: rotate(20deg);
    -webkit-transform: rotate(20deg);
    -o-transform: rotate(20deg);
    -ms-transform: rotate(20deg);
    transform: rotate(20deg);
    background: #2da7d9;
    position: absolute;
    right: -300px;

    bottom: -100px;
    width: 300px;
    height: 200vh;

}

.overflow-hidden{overflow: hidden;}

.tips-preview{background: #e7f1f5; border-radius: 20px; padding: 25px 25px 10px;  position: relative; }
.tips-preview-msg{ font-size: 13px;line-height: 1.2rem; }
.tips-preview-sender{ font-weight: 700; color: var(--c-blue, #33B0DE);; font-size: 12px; padding-top: 5px;; }
.tips-preview-time{color: #929c9f; text-align: right; padding-top: 7px; font-size: 11px;;}
.tips-preview:before {content: "";border: solid 14px transparent;border-top-color: #e7f1f5;width: 0;height: 0;display: block;position: absolute;top: 100%;left: 50%;margin-left: -14px;}
.tips-character{text-align: right;}
.tips-character svg{max-width: 150px; }


.serach-instrument-list {box-shadow: 0 3px 5px 0 rgba(0,0,0,0.07);border-radius: 3px;border: solid 1px #e6e6e6;max-height: 140px;overflow-y: auto; 
position: absolute; left: 0; background: #fff;z-index: 100;width: 100%;top: 35px; display: block;}
.serach-instrument-list ul {}
.serach-instrument-list ul li {padding: 7px 10px;border-top:solid 1px #e6e6e6; cursor: pointer;}
.serach-instrument-list ul li:hover {background: #efefef; }

.serach-instrument-list ul li:first-child{border-top: none;}
.instrument {line-height: 13px;}.instrument-name {color: #359eff; font-size: 14px; padding: 0 3px;}
.instrument span:not(.instrument-name) {font-size: 10px;font-weight: 500;color: #96a3b4; padding: 0 3px; text-transform: uppercase;} 



.search-instrument-wrapper.show .serach-instrument-list { display: block;}


.search-instrument-result{position: relative; border: solid 1px #c7dbef; border-radius: 4px; background: #edf0f3;  padding: 7px 10px; z-index: 11;}
.search-instrument-result i{position: absolute;  top: 8px;  right: 8px;  font-size: 12px; cursor: pointer;  }




.checkbox{position: relative;}

.checkbox span{ width: 35px; border-radius: 20px; height: 18px; border: 1px solid #dbdbdb; background-color: #02b276; border-color: #02b276;
    box-shadow: rgb(223, 223, 223) 0px 0px 0px 0px inset; transition: all 0.4s ease 0s; display: inline-block; vertical-align: middle;
    margin: auto 8px;  margin-left: 8px; margin-top: -2px;}

.checkbox span:before { display: inline-block;  width: 16px; height: 16px; border-radius: 50%; background: #fff; content: ""; top: 0;
        position: relative; left: 0; transition: all 0.3s ease; box-shadow: 0 1px 4px rgba(0,0,0,0.4); }
.checkbox  input:checked + span { background-color: #ee1303;  border-color: #ee1303; }
.checkbox  input:checked + span:before {  left: 17px; }

.checkbox-label{    font-size: 13px;   font-weight: 500;}




.price-field {
    position: relative;
}

.price-field input {
    text-align: right;
    padding-right: 50px;
    font-size: 15px;

}

.price-field input+ span {
    position: absolute;
    right: 10px;
    top: 9px;
    font-size: 11px;
    font-weight: 500;
    background: #91a5b1;
    color: #fff;
    padding: 3px 7px;
    border-radius: 3px;
}


.entry-price input {
    border-width: 2px;
    font-weight: 600;
    font-size: 20px;
}

.entry-price input + span {
    background: #29353c;
}










.notification-uploader-holder{position: relative;  border-radius: 4px;  overflow: hidden;  height: 100px; background: #d6d6d659; }
.notification-uploader-box{ cursor: pointer; padding: 20px; text-align: center;  }
.notification-uploader-box i{font-size: 24px;  display: block;}
.notification-uploader-box span{font-size: 12px;}
.notification-uploader-holder img{    max-width: 100%; margin: 0 auto; display: block;}
.notification-remove-image{position: absolute; top: 10px; right: 10px; padding: 3px;  background: #00000020;  border-radius: 50px; width: 20px; height: 20px; text-align: center;
    line-height: 16px;  font-size: 11px;  color: #fff;}
.notification-remove-image i:before { margin: 0;  }
.notification-uploader-box span.text-dimension {
    font-size: 10px;
    font-style: italic;
    display: block;
}


.alert-action {
    position: absolute;
    right: 6px; font-size: 14px; display: none;
}

.alert:hover .alert-action {display: block;}

.alert-action i {
     cursor: pointer; 
}

.btn-blocked {background-color: black !important;
    color: #fff;
}



/*css changed for blocked */
.btn-blocked {background-color:var(--c-black, #000000) !important;border-color:var(--c-black, #000000) !important;}
.btn-blocked:hover{
    color:#fff;
}

.loginform input[type=checkbox]:focus + span {
    box-shadow: 0px 2px 12px rgba(0, 0, 0, 0.11);
    border: 1px solid var(--c-blue, #33B0DE);
}




.lightlabel{font-weight: 300;
    font-size: 12px;
    line-height: 15px;
    color: var(--c-grey3, #9CA1AC);
    margin-bottom: 5px;}
    .cursor{
        cursor: pointer;
    }


    .analyst-box {
        background: #fff;
        box-shadow: 0px 2px 12px rgba(0, 0, 0, 0.09);
        border-radius: 3px;
        margin: 25px auto 20px;
    }
    
    .analyst-box-header{padding: 10px;}
    .analyst-box-body{height: calc(100vh - 240px);overflow: auto;}
    .anylyst-user-table{
        width: 100%;
    }
    .anylyst-user-table th{
        font-size: 11px;
    text-transform: uppercase;
    font-weight: 500;
    color: var(--c-grey12, #7F8FA4);
    padding: 12px 15px;
    position: sticky;
    top: 0;
    background: #fff;

    z-index: 1;
    box-shadow: inset 0 -1px 0 0 var(--c-white7, #E7E9ED);
    }
    
    .filterbox input.search-query {
        margin: 0; width: 220px;
    }
    .anylyst-user-action-link{width: 30px; height: 30px; display: inline-block;}
    .anylyst-user-action-link svg{width: 30px; height: 30px; display: none;}
    .anylyst-user-table td{
        font-weight: normal;
        font-size: 13px;
        line-height: 18px;
        color: var(--c-black, #000);
        vertical-align: middle;
        border-bottom: 1px solid var(--c-white7, #E7E9ED);
        padding: 10px 15px;
    
    }
    
    .anylyst-user-table tr:hover .anylyst-user-action-link svg{ display: block;}
    
    .anylyst-user-intial{border-radius: 100%;text-align: center;font-weight: 500;font-size: 15px;line-height: 30px;color: #FFFFFF; background-color: #F64469; width:30px; height:30px}
    .anylyst-user-device{font-weight: 500;font-size: 11px; background:#eee; padding:7px 10px; border-radius:3px }
    
    .anylyst-user-table th, .anylyst-user-table td {
        /* padding: 5px 10px; */
    }

    .anylyst-user-table .lut {
        opacity: 0.5;
        font-size: 12px;
        display: block;
        line-height: 1;
    }


.analyst-box-header.no-padding{padding: 0; background: #eaecef;} 

.analyst-group-selected{    border-top: solid 5px var(--c-blue, #33B0DE) !important;
    padding: 12px 20px;
    BACKGROUND: #fff;
    color: var(--c-blue, #33B0DE) !important; position: relative;}

    .analyst-group-selected svg {
        position: absolute;
        right: 20px;
        top: 19px;
    }
    .analyst-group-selected svg polygon {
        fill: var(--c-blue, #33B0DE) !important;
    }

    .analyst-group-selected + .dropdown-menu{border: none;
        width: 100%;}
    .analyst-group-selected + .dropdown-menu .dropdown-item{padding: 7px 15px; color: var(--c-black2, #48465B);}
.analyst-name{ opacity: 0.5;
    font-size: 12px;
    display: block;
    line-height: 1;}



    .table-responsive{overflow-x:initial ;}

    /* input:not([type=range]), radio {
    
        -webkit-appearance: radio!important;
    } */


.disabledCls{
    background-color: #d6d6d654;
     cursor:not-allowed!important;
}

.btn.btn-default.active{
    background-color: gray !important;
}


.ctcl-status{
    display: inline-block;
    padding: 2px 5px;
    margin-top: 2px;
    font-size: 9px;
    border-radius: 4px;
}
.ctcl-verified {
    background: #02b27624;
    color: #02b276;
}
.ctcl-pending {
    background: #fd940024;
    color: #fd9400;
}






.algo-details-box {
    border: 1px solid var(--c-grey14, #DFDFDF);
    box-sizing: border-box;
    border-radius: 3px;
    padding: 15px;
}

.algo-details-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    border-bottom: 1px solid var(--c-grey14, #DFDFDF);
    padding-bottom: 10px;
}

.algo-details-header-title {
    font-size: 15px;
    color: var(--c-black2, #48465B);
    font-weight: 500;
}

.algo-details-body {
    padding-top: 10px;
}

.algo-details-message {
    text-align: center;
    padding: 40px 0;
    background: var(--c-greybg, #F6F8FA);
    border-radius: 6px;
    border: 1px dashed var(--c-grey14, #DFDFDF);
}

.algo-details-list li {
    padding: 12px 0;
    display: flex;
    align-items: center;
}
.algo-details-list li + li {
    border-top: 1px solid var(--c-grey14, #DFDFDF);
}
.algo-details-list-segment {
    flex: 0 0 70px;
    background: #e6eef5;
    text-align: center;
    border-radius: 4px;
    padding: 8px 10px;
    font-size: 11px;
    font-weight: 600;
    color: var(--c-black2, #48465B);
}

.algo-details-list-details {
    padding: 0 10px;
    color: var(--c-black2, #48465B);
    flex: 1 0 0;
}

.algo-details-list-details-id {
    font-size: 14px;
    font-weight: 600;
}

.algo-details-list-details-cat {
    font-size: 12px;
    padding-top: 3px;
}

.algo-details-list-action a {
    cursor: pointer;
    padding: 5px 5px;
    color: var(--c-black4, #657882);
    font-size: 14px;
}

.algo-details-list-action {display: flex;}

#algoDetailsModal .modal-body {
    padding: 20px 25px 15px;
}

#algoDetailsModal .modal-header {
    border-bottom: 1px solid #dee2e6;
}

#algoDetailsModal .modal-content {
    background: #fff;
}

#algoDetailsModal .modal-header h5 {font-size: 15px;
    color: var(--c-black2, #48465B);
    font-weight: 500;
}

#algoDetailsModal .modal-body .cd-label {    font-size: 12px;
    line-height: 14px;
    color: var(--c-black4);
    margin-bottom: 8px;
                       
}

.modal-body-white {
    background: #fff;
    padding: 30px;
}
.usr-dtl-form .form-group.margin-bottom-30 {
    margin-bottom: 30px;
}
.modal-body.modal-body-white + .modal-footer {
   
    background: #fff;
}