/*!
* Include Bootstrap v4.1.3
*/
/*!
* Bootstrap v4.1.3 (https://getbootstrap.com/)
* Copyright 2011-2018 The Bootstrap Authors
* Copyright 2011-2018 Twitter, Inc.
* Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
*/

*,
*:before,
*:after { box-sizing: border-box; }
html { font-family: sans-serif; line-height: 1.15; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; -ms-overflow-style: scrollbar; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); }
article, aside, figcaption, figure, footer, header, hgroup, main, nav, section { display: block; }
body { margin: 0; font-size: 14px; font-weight: 400; line-height: 1.5; color: #454d66; text-align: left; background-color: #fff; font-family: 'Poppins', sans-serif;}
*:focus{outline: none;}
img{
    width:auto;height:auto;
    max-width: 100%;max-height: 100%;}
/*======== Typography ==========*/
/* =Headings--------------------------------------------------------------------------------------------------*/
h1 { margin: 0; font-weight: 300;}
h2 { font-size: ; font-weight: 300;}
h3 { font-size: 24px; font-weight: 300;}
h4 { font-size: 18px; font-weight: 300;}
h5 { font-size: 16px; font-weight: 300;}
h6 { font-size: ; font-weight: 300;}
a:hover, a {text-decoration: none;}
/*========== Text Color ========== */
/*.text-success{    color: #00c292!important;}*/
.text-purple{color: #7015bd!important;}
.text-info{color: #5475ed!important;}
.text-danger{    color: #ed4040!important;}
/*========== custom-btn ========== */

.btn-toolbar{padding: 5px;}
.btn.focus, .btn:focus{outline: 0;box-shadow: none;}
.btn:hover, .btn.focus, .btn:focus {
    box-shadow: 0 0 5px rgba(0,0,0,0.3)
}

.btn-theam{ background: #018aff;color:#fff; }
.btn-theam:hover{color: #fff;}
.badge-info {color: #fff; background-color: #01a9ac !important;}
.badge-danger {color: #fff; background-color: #fe5d70 !important;}
.bg-success {background-color: #0ac282!important; color: #fff;}
.bg-primary {background-color: #3f98f7!important; color: #fff;}
.top-card-circle {height: 70px; width: 70px; border-radius: 50%; text-align: center; padding: 3px; font-size: 40px !important; font-size: 2.5rem !important; line-height: 1.7; box-shadow: 1px 5px 5px rgba(0, 0, 0, 0.3); background: rgba(255, 255, 255, 0.3); color: #fff !important; }
.m-b-20 {margin-bottom: 20px;}
html body .m-b-10 {margin-bottom: 10px;}
html body .m-t-40 {margin-top: 40px;}
html body .p-b-20 {padding-bottom: 20px;}
html body .p-t-20 {padding-top: 20px;}
html body .m-t-20 {margin-top: 20px;}
.m-b-0 {margin-bottom: 0px;}
.m-b-10 {margin-bottom: 10px;}
.m-b-30 {margin-bottom: 30px;}
.m-t-30 {margin-top: 30px;}
.m-t-10 {margin-top: 10px;}
.m-t-10 {margin-top: 10px;}
html body .m-b-0 {margin-bottom: 0;}
.text-uppercase {text-transform: uppercase!important;}
.pull-right {float: right;}
.w-100 {width: 100%!important;}
.text-info{font-weight:500;}
ul.list-inline li {display: inline-block;margin: 0 5px;}
.radius {border-radius: 0.25rem;}
.img-responsive {max-width: 100%;height: auto;}
.img-circle {border-radius: 100%;}
html body blockquote {border-left: 5px solid #fb9678; border: 1px solid #e9ecef; padding: 15px;}
.display-5 {font-size: 48px;font-size: 3rem;}

/*******************
Badge In Bootstarp4 
******************/
.badge:not(.count){min-width: 18px; min-height: 18px; line-height: 12px; border-radius: 50%; font-size: 12px;}
.badge-primary{background-color: #515bd4;}

/*******************
Buttons
******************/
a{color: #20252b;}
a:hover{color: #408040;}

.btn {display: inline-block;cursor:pointer; font-weight: 400; text-align: center; white-space: nowrap; vertical-align: middle; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; border: 1px solid transparent; padding: 9.6px 24px 11.2px; padding: 0.6rem 1.5rem 0.7rem; font-size: 14px; font-size: 0.875rem; line-height: 1.5; border-radius: 0.25rem; -webkit-transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out; -webkit-transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; }
/*.btn {border-radius: 20px !important;}*/
.brd-radius {border-radius: 20px !important;}
.brd-radius-50 {border-radius: 50% !important;}
.btn-facebook{color:#fff;background-color:#3b5998}.btn-facebook:hover{color:#fff}
.btn-twitter{color:#fff;background-color:#55acee}.btn-twitter:hover{color:#fff}
.btn-linkedin{color:#fff;background-color:#007bb6}.btn-linkedin:hover{color:#fff}
.btn-dribbble{color:#fff;background-color:#ea4c89}.btn-dribbble:hover{color:#fff}
.btn-googleplus{color:#fff;background-color:#dd4b39}.btn-googleplus:hover{color:#fff}
.btn-instagram{color:#fff;background-color:#3f729b}
.btn-pinterest{color:#fff;background-color:#cb2027}
.btn-dropbox{color:#fff;background-color:#007ee5}
.btn-flickr{color:#fff;background-color:#ff0084}
.btn-tumblr{color:#fff;background-color:#32506d}
.btn-skype{color:#fff;background-color:#00aff0}
.btn-youtube{color:#fff;background-color:#bb0000}
.btn-circle {border-radius: 100%;}
.btn-primary{color:#212529;background-color:#fb9678;border-color:#fb9678}
.btn-primary:hover{color:#212529;background-color:#fa7953;border-color:#fa6f46}
.btn-primary:focus,.btn-primary.focus{box-shadow:0 0 0 .2rem rgba(251,150,120,0.5)}
.btn-primary.disabled,.btn-primary:disabled{color:#212529;background-color:#fb9678;border-color:#fb9678}
.btn-primary:not(:disabled):not(.disabled):active,.btn-primary:not(:disabled):not(.disabled).active,.show > .btn-primary.dropdown-toggle{color:#fff;background-color:#408040;border-color:#408040;}
.btn-primary:not(:disabled):not(.disabled):active:focus,.btn-primary:not(:disabled):not(.disabled).active:focus,.show > .btn-primary.dropdown-toggle:focus{box-shadow:none;}

.btn-secondary{color:#212529;background-color:#f8f9fa;border-color:#f8f9fa}
.btn-secondary:hover{color:#212529;background-color:#e2e6ea;border-color:#dae0e5}
.btn-secondary:focus,.btn-secondary.focus{box-shadow:0 0 0 .2rem rgba(248,249,250,0.5)}
.btn-secondary.disabled,.btn-secondary:disabled{color:#212529;background-color:#f8f9fa;border-color:#f8f9fa}
.btn-secondary:not(:disabled):not(.disabled):active,.btn-secondary:not(:disabled):not(.disabled).active,.show > .btn-secondary.dropdown-toggle{color:#212529;background-color:#dae0e5;border-color:#d3d9df}
.btn-secondary:not(:disabled):not(.disabled):active:focus,.btn-secondary:not(:disabled):not(.disabled).active:focus,.show > .btn-secondary.dropdown-toggle:focus{box-shadow:0 0 0 .2rem rgba(248,249,250,0.5)}

.btn-success{color:#fff;background-color:#00c292;border-color:#00c292}
.btn-success:hover{color:#fff;background-color:#009c75;border-color:#008f6c}
.btn-success:focus,.btn-success.focus{box-shadow:0 0 0 .2rem rgba(0,194,146,0.5)}
.btn-success.disabled,.btn-success:disabled{color:#fff;background-color:#00c292;border-color:#00c292}
.btn-success:not(:disabled):not(.disabled):active,.btn-success:not(:disabled):not(.disabled).active,.show > .btn-success.dropdown-toggle{color:#fff;background-color:#008f6c;border-color:#008262}
.btn-success:not(:disabled):not(.disabled):active:focus,.btn-success:not(:disabled):not(.disabled).active:focus,.show > .btn-success.dropdown-toggle:focus{box-shadow:0 0 0 .2rem rgba(0,194,146,0.5)}

.btn-info{color:#fff;background-color:#454d66;border-color:#454d66}
.btn-info:hover{color:#fff;background-color:#009975;border-color:#009975;}
.btn-info:focus,.btn-info.focus{box-shadow:none;}
.btn-info.disabled,.btn-info:disabled{color:#fff;background-color:#408040;border-color:#408040}
.btn-info:not(:disabled):not(.disabled):active,.btn-info:not(:disabled):not(.disabled).active,.show > .btn-info.dropdown-toggle{color:#fff;background-color:#009975;border-color:#009975;}
.btn-info:not(:disabled):not(.disabled):active:focus,.btn-info:not(:disabled):not(.disabled).active:focus,.show > .btn-info.dropdown-toggle:focus{box-shadow:none;}

.btn-warning{color:#212529;background-color:#fec107;border-color:#fec107}
.btn-warning:hover{color:#212529;background-color:#dea701;border-color:#d19e01}
.btn-warning:focus,.btn-warning.focus{box-shadow:0 0 0 .2rem rgba(254,193,7,0.5)}
.btn-warning.disabled,.btn-warning:disabled{color:#212529;background-color:#fec107;border-color:#fec107}
.btn-warning:not(:disabled):not(.disabled):active,.btn-warning:not(:disabled):not(.disabled).active,.show > .btn-warning.dropdown-toggle{color:#212529;background-color:#d19e01;border-color:#c49401}
.btn-warning:not(:disabled):not(.disabled):active:focus,.btn-warning:not(:disabled):not(.disabled).active:focus,.show > .btn-warning.dropdown-toggle:focus{box-shadow:none;}

.btn-danger{color:#fff;background-color:#e46a76;border-color:#e46a76}
.btn-danger:hover{color:#fff;background-color:#de4a58;border-color:#dc3f4e}
.btn-danger:focus,.btn-danger.focus{box-shadow:0 0 0 .2rem rgba(228,106,118,0.5)}
.btn-danger.disabled,.btn-danger:disabled{color:#fff;background-color:#e46a76;border-color:#e46a76}
.btn-danger:not(:disabled):not(.disabled):active,.btn-danger:not(:disabled):not(.disabled).active,.show > .btn-danger.dropdown-toggle{color:#fff;background-color:#dc3f4e;border-color:#da3444}
.btn-danger:not(:disabled):not(.disabled):active:focus,.btn-danger:not(:disabled):not(.disabled).active:focus,.show > .btn-danger.dropdown-toggle:focus{box-shadow:0 0 0 .2rem rgba(228,106,118,0.5)}

.btn-light{color:#212529;background-color:#f8f9fa;border-color:#f8f9fa}
.btn-light:hover{color:#212529;background-color:#e2e6ea;border-color:#dae0e5}
.btn-light:focus,.btn-light.focus{box-shadow:0 0 0 .2rem rgba(248,249,250,0.5)}
.btn-light.disabled,.btn-light:disabled{color:#212529;background-color:#f8f9fa;border-color:#f8f9fa}
.btn-light:not(:disabled):not(.disabled):active,.btn-light:not(:disabled):not(.disabled).active,.show > .btn-light.dropdown-toggle{color:#212529;background-color:#dae0e5;border-color:#d3d9df}
.btn-light:not(:disabled):not(.disabled):active:focus,.btn-light:not(:disabled):not(.disabled).active:focus,.show > .btn-light.dropdown-toggle:focus{box-shadow:0 0 0 .2rem rgba(248,249,250,0.5)}

.btn-dark{color:#fff;background-color:#343a40;border-color:#343a40}
.btn-dark:hover{color:#fff;background-color:#23272b;border-color:#1d2124}
.btn-dark:focus,.btn-dark.focus{box-shadow:0 0 0 .2rem rgba(52,58,64,0.5)}
.btn-dark.disabled,.btn-dark:disabled{color:#fff;background-color:#343a40;border-color:#343a40}
.btn-dark:not(:disabled):not(.disabled):active,.btn-dark:not(:disabled):not(.disabled).active,.show > .btn-dark.dropdown-toggle{color:#fff;background-color:#1d2124;border-color:#171a1d}
.btn-dark:not(:disabled):not(.disabled):active:focus,.btn-dark:not(:disabled):not(.disabled).active:focus,.show > .btn-dark.dropdown-toggle:focus{box-shadow:0 0 0 .2rem rgba(52,58,64,0.5)}

.btn-cyan{color:#fff;background-color:#01c0c8;border-color:#01c0c8}
.btn-cyan:hover{color:#fff;background-color:#019ba2;border-color:#018f95}
.btn-cyan:focus,.btn-cyan.focus{box-shadow:0 0 0 .2rem rgba(1,192,200,0.5)}
.btn-cyan.disabled,.btn-cyan:disabled{color:#fff;background-color:#01c0c8;border-color:#01c0c8}
.btn-cyan:not(:disabled):not(.disabled):active,.btn-cyan:not(:disabled):not(.disabled).active,.show > .btn-cyan.dropdown-toggle{color:#fff;background-color:#018f95;border-color:#018389}
.btn-cyan:not(:disabled):not(.disabled):active:focus,.btn-cyan:not(:disabled):not(.disabled).active:focus,.show > .btn-cyan.dropdown-toggle:focus{box-shadow:0 0 0 .2rem rgba(1,192,200,0.5)}

.btn-purple{color:#212529;background-color:#ab8ce4;border-color:#ab8ce4}
.btn-purple:hover{color:#fff;background-color:#946ddd;border-color:#8d63da;}
.btn-purple:focus,.btn-purple.focus{box-shadow:0 0 0 .2rem rgba(171,140,228,0.5)}
.btn-purple.disabled,.btn-purple:disabled{color:#212529;background-color:#ab8ce4;border-color:#ab8ce4}
.btn-purple:not(:disabled):not(.disabled):active,.btn-purple:not(:disabled):not(.disabled).active,.show > .btn-purple.dropdown-toggle{color:#fff;background-color:#8d63da;border-color:#8558d8}
.btn-purple:not(:disabled):not(.disabled):active:focus,.btn-purple:not(:disabled):not(.disabled).active:focus,.show > .btn-purple.dropdown-toggle:focus{box-shadow:0 0 0 .2rem rgba(171,140,228,0.5)}

.btn-outline-primary{color:#408040;background-color:transparent;background-image:none;border-color:#408040}
.btn-outline-primary:hover{color:#fff;background-color:#408040;border-color:#408040}
.btn-outline-primary:focus,.btn-outline-primary.focus{box-shadow:0 0 0 .2rem rgba(251,150,120,0.5)}
.btn-outline-primary.disabled,.btn-outline-primary:disabled{color:#408040;background-color:transparent}
.btn-outline-primary:not(:disabled):not(.disabled):active,.btn-outline-primary:not(:disabled):not(.disabled).active,.show > .btn-outline-primary.dropdown-toggle{color:#212529;background-color:#408040;border-color:#408040;}
.btn-outline-primary:not(:disabled):not(.disabled):active:focus,.btn-outline-primary:not(:disabled):not(.disabled).active:focus,.show > .btn-outline-primary.dropdown-toggle:focus{box-shadow:0 0 0 .2rem rgba(251,150,120,0.5)}

.btn-outline-secondary{color:#212529; background-color:#f8f9fa;background-image:none;border-color:#dee2e6}
.btn-outline-secondary:hover{color:#212529;background-color:#f8f9fa;border-color:#dee2e6}
.btn-outline-secondary:focus,.btn-outline-secondary.focus{box-shadow:0 0 0 .2rem rgba(248,249,250,0.5)}
.btn-outline-secondary.disabled,.btn-outline-secondary:disabled{color:#f8f9fa;background-color:transparent}
.btn-outline-secondary:not(:disabled):not(.disabled):active,.btn-outline-secondary:not(:disabled):not(.disabled).active,.show > .btn-outline-secondary.dropdown-toggle{color:#212529;background-color:#f8f9fa;border-color:#f8f9fa}
.btn-outline-secondary:not(:disabled):not(.disabled):active:focus,.btn-outline-secondary:not(:disabled):not(.disabled).active:focus,.show > .btn-outline-secondary.dropdown-toggle:focus{box-shadow:0 0 0 .2rem rgba(248,249,250,0.5)}

.btn-outline-success{color:#00c292;background-color:transparent;background-image:none;border-color:#00c292}
.btn-outline-success:hover{color:#fff;background-color:#00c292;border-color:#00c292}
.btn-outline-success:focus,.btn-outline-success.focus{box-shadow:0 0 0 .2rem rgba(0,194,146,0.5)}
.btn-outline-success.disabled,.btn-outline-success:disabled{color:#00c292;background-color:transparent}
.btn-outline-success:not(:disabled):not(.disabled):active,.btn-outline-success:not(:disabled):not(.disabled).active,.show > .btn-outline-success.dropdown-toggle{color:#fff;background-color:#00c292;border-color:#00c292}
.btn-outline-success:not(:disabled):not(.disabled):active:focus,.btn-outline-success:not(:disabled):not(.disabled).active:focus,.show > .btn-outline-success.dropdown-toggle:focus{box-shadow:0 0 0 .2rem rgba(0,194,146,0.5)}

.btn-outline-info{color:#408040;background-color:transparent;background-image:none;border-color:#408040}
.btn-outline-info:hover{color:#fff;background-color:#408040;border-color:#408040}
.btn-outline-info:focus,.btn-outline-info.focus{box-shadow:0 0 0 .2rem rgba(3,169,243,0.5)}
.btn-outline-info.disabled,.btn-outline-info:disabled{color:#408040;background-color:transparent}
.btn-outline-info:not(:disabled):not(.disabled):active,.btn-outline-info:not(:disabled):not(.disabled).active,.show > .btn-outline-info.dropdown-toggle{color:#fff;background-color:#408040;border-color:#408040}
.btn-outline-info:not(:disabled):not(.disabled):active:focus,.btn-outline-info:not(:disabled):not(.disabled).active:focus,.show > .btn-outline-info.dropdown-toggle:focus{box-shadow:0 0 0 .2rem rgba(3,169,243,0.5)}

.btn-outline-warning{color:#fec107;background-color:transparent;background-image:none;border-color:#fec107}
.btn-outline-warning:hover{color:#fff;background-color:#fec107;border-color:#fec107}
.btn-outline-warning:focus,.btn-outline-warning.focus{box-shadow:0 0 0 .2rem rgba(254,193,7,0.5)}
.btn-outline-warning.disabled,.btn-outline-warning:disabled{color:#fec107;background-color:transparent}
.btn-outline-warning:not(:disabled):not(.disabled):active,.btn-outline-warning:not(:disabled):not(.disabled).active,.show > .btn-outline-warning.dropdown-toggle{color:#212529;background-color:#fec107;border-color:#fec107}
.btn-outline-warning:not(:disabled):not(.disabled):active:focus,.btn-outline-warning:not(:disabled):not(.disabled).active:focus,.show > .btn-outline-warning.dropdown-toggle:focus{box-shadow:0 0 0 .2rem rgba(254,193,7,0.5)}

.btn-outline-danger{color:#e46a76;background-color:transparent;background-image:none;border-color:#e46a76}
.btn-outline-danger:hover{color:#fff;background-color:#e46a76;border-color:#e46a76}
.btn-outline-danger:focus,.btn-outline-danger.focus{box-shadow:0 0 0 .2rem rgba(228,106,118,0.5)}
.btn-outline-danger.disabled,.btn-outline-danger:disabled{color:#e46a76;background-color:transparent}
.btn-outline-danger:not(:disabled):not(.disabled):active,.btn-outline-danger:not(:disabled):not(.disabled).active,.show > .btn-outline-danger.dropdown-toggle{color:#fff;background-color:#e46a76;border-color:#e46a76}
.btn-outline-danger:not(:disabled):not(.disabled):active:focus,.btn-outline-danger:not(:disabled):not(.disabled).active:focus,.show > .btn-outline-danger.dropdown-toggle:focus{box-shadow:0 0 0 .2rem rgba(228,106,118,0.5)}

.btn-outline-light{color:#f8f9fa;background-color:transparent;background-image:none;border-color:#f8f9fa}
.btn-outline-light:hover{color:#212529;background-color:#f8f9fa;border-color:#f8f9fa}
.btn-outline-light:focus,.btn-outline-light.focus{box-shadow:0 0 0 .2rem rgba(248,249,250,0.5)}
.btn-outline-light.disabled,.btn-outline-light:disabled{color:#f8f9fa;background-color:transparent}
.btn-outline-light:not(:disabled):not(.disabled):active,.btn-outline-light:not(:disabled):not(.disabled).active,.show > .btn-outline-light.dropdown-toggle{color:#212529;background-color:#f8f9fa;border-color:#f8f9fa}
.btn-outline-light:not(:disabled):not(.disabled):active:focus,.btn-outline-light:not(:disabled):not(.disabled).active:focus,.show > .btn-outline-light.dropdown-toggle:focus{box-shadow:0 0 0 .2rem rgba(248,249,250,0.5)}

.btn-outline-dark{color:#343a40;background-color:transparent;background-image:none;border-color:#343a40}
.btn-outline-dark:hover{color:#fff;background-color:#343a40;border-color:#343a40}
.btn-outline-dark:focus,.btn-outline-dark.focus{box-shadow:0 0 0 .2rem rgba(52,58,64,0.5)}
.btn-outline-dark.disabled,.btn-outline-dark:disabled{color:#343a40;background-color:transparent}
.btn-outline-dark:not(:disabled):not(.disabled):active,.btn-outline-dark:not(:disabled):not(.disabled).active,.show > .btn-outline-dark.dropdown-toggle{color:#fff;background-color:#343a40;border-color:#343a40}
.btn-outline-dark:not(:disabled):not(.disabled):active:focus,.btn-outline-dark:not(:disabled):not(.disabled).active:focus,.show > .btn-outline-dark.dropdown-toggle:focus{box-shadow:0 0 0 .2rem rgba(52,58,64,0.5)}

.btn-outline-cyan{color:#01c0c8;background-color:transparent;background-image:none;border-color:#01c0c8}
.btn-outline-cyan:hover{color:#fff;background-color:#01c0c8;border-color:#01c0c8}
.btn-outline-cyan:focus,.btn-outline-cyan.focus{box-shadow:0 0 0 .2rem rgba(1,192,200,0.5)}
.btn-outline-cyan.disabled,.btn-outline-cyan:disabled{color:#01c0c8;background-color:transparent}
.btn-outline-cyan:not(:disabled):not(.disabled):active,.btn-outline-cyan:not(:disabled):not(.disabled).active,.show > .btn-outline-cyan.dropdown-toggle{color:#fff;background-color:#01c0c8;border-color:#01c0c8}
.btn-outline-cyan:not(:disabled):not(.disabled):active:focus,.btn-outline-cyan:not(:disabled):not(.disabled).active:focus,.show > .btn-outline-cyan.dropdown-toggle:focus{box-shadow:0 0 0 .2rem rgba(1,192,200,0.5)}

.btn-outline-purple{color:#ab8ce4;background-color:transparent;background-image:none;border-color:#ab8ce4}
.btn-outline-purple:hover{color:#fff;background-color:#ab8ce4;border-color:#ab8ce4}
.btn-outline-purple:focus,.btn-outline-purple.focus{box-shadow:0 0 0 .2rem rgba(171,140,228,0.5)}
.btn-outline-purple.disabled,.btn-outline-purple:disabled{color:#ab8ce4;background-color:transparent}
.btn-outline-purple:not(:disabled):not(.disabled):active,.btn-outline-purple:not(:disabled):not(.disabled).active,.show > .btn-outline-purple.dropdown-toggle{color:#212529;background-color:#ab8ce4;border-color:#ab8ce4}
.btn-outline-purple:not(:disabled):not(.disabled):active:focus,.btn-outline-purple:not(:disabled):not(.disabled).active:focus,.show > .btn-outline-purple.dropdown-toggle:focus{box-shadow:0 0 0 .2rem rgba(171,140,228,0.5)}

.btn-rounded { border-radius: 7px; padding: 10px 20px; }
.btn-rounded.btn-lg, .btn-group-lg > .btn-rounded.btn { padding: 12px 24px; padding: .75rem 1.5rem; }
.btn-rounded.btn-sm, .btn-group-sm > .btn-rounded.btn {padding: 5px 17px; font-size: 12px; border-radius: 50px;}
.btn-rounded.btn-xs { padding: 4px 8px; padding: .25rem .5rem; font-size: 10px; }
.btn-rounded.btn-md { padding: 12px 35px; font-size: 16px; }

.btn-lg{padding: 12.8px 48px 12.8px;padding: 0.8rem 3rem 0.8rem; font-size: 15px;}

.btn-default{background-color: #f2f2f2;}
.btn-default.focus, .btn-default:focus{box-shadow: none;}

/*******************
Modal General Css
******************/
.modal-header{ padding: 15px 15px;-ms-flex-wrap: wrap;flex-wrap: wrap;}
.modal-header .close{
    opacity: 1 !important;-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";padding: 7px 15px 10px; outline: none !important; position: absolute; right: 0; margin: 0; top: 0; background:#009975; 
    /*    position: absolute;
        right: 0;
        margin: 0;
        top: 0;
        color: #000;
        font-size: 22px;
        font-weight: 400;
        opacity: 1;
        padding: 5px 10px;
        outline: none !important;*/
}
.modal-header .close img{max-width: 12px;}
.modal-title{width: 100%;padding-right: 25px;}
.modal-footer{padding: 20px 31px;-webkit-box-pack: start;-ms-flex-pack: start;justify-content: flex-start;}

.fancybox-close-small{background:#009975;opacity: 1;-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";height: 41px;width: 42px;}
.fancybox-close-small svg path{fill: #fff;}
.popup-footer{border-top: 1px solid #dee2e6;padding: 20px 25px 0;margin-left: -25px;margin-right: -25px;}
.fancybox-content{max-width: 600px;width: 100%;padding:15px 30px 25px;}
.fancybox-is-open .fancybox-bg{background: #000;opacity: .5;-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";}

/*******************
Fixed -sidebar
******************/
.fixed-sidebar .left-sidebar, .fixed-sidebar .navbar-header { position: fixed; }

.fixed-sidebar .navbar-collapse { margin-left: 220px; }

.fixed-sidebar.mini-sidebar .navbar-collapse, .fixed-sidebar.mini-sidebar .footer { margin-left: 70px; }

@media (max-width: 767px) {
    .fixed-sidebar.mini-sidebar .navbar-header { position: relative; } 
    .fixed-sidebar.mini-sidebar .navbar-collapse { margin-left: 0px; } 
    .location-block.grid-4{width: calc(50% - 20px);}
}

/*******************
Fixed -Header
******************/
.fixed-header .topbar { position: fixed; width: 100%; }
.fixed-header .page-wrapper {padding-top: 67px; }
.fixed-layout .left-sidebar, .fixed-layout .topbar { position: fixed; }
.fixed-layout .topbar { width: 100%; }

/*******************
Single Column
******************/
.single-column .left-sidebar { display: none; }
.single-column .page-wrapper,.single-column .footer { margin-left: 0px !important; }

/*******************
Dropify
******************/
.dropify-wrapper{border: none;width: 200px;height: 200px;border-radius: 50%; background-color: #f3f3f3;padding: 20px;color: #738598;box-shadow: 0px 0px 3px 1px #d6d6d6;}
.dropify-wrapper .dropify-preview{padding: 0;}
.dropify-wrapper .dropify-message span.file-icon{font-size: 40px; color: #738598;}
.dropify-wrapper .dropify-preview .dropify-render img{width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; -o-object-position: 50% 50%; object-position: 50% 50%;top: 0;-webkit-transform: none; transform: none;}

/*******************
Topbar
*******************/
.topbar{position:relative;z-index:50;}
.topbar .navbar-collapse{padding:0}
.topbar .top-navbar{min-height:50px;padding:0;-webkit-box-align: center;-ms-flex-align: center;-ms-grid-row-align: center;align-items: center;}
.topbar .top-navbar .dropdown-toggle:after{display:none}
.topbar .top-navbar .navbar-header{background:#fff;line-height:65px;padding: 0 15px;min-width:220px;text-align: center; box-shadow: -3px 0px 1px 1px #e0e0e059;}
.topbar .top-navbar .navbar-header .navbar-brand{margin-right:0;padding-bottom:0;padding-top:0;color: #fff;display: inline-block;}
.topbar .top-navbar .navbar-header .navbar-brand img{    max-width: 100px;}

.topbar .top-navbar .navbar-header .navbar-brand .collapse-logo{max-width: 42px;display: none;position: relative; top: 2px;}
.topbar .top-navbar .navbar-header .navbar-brand span{font-weight: 400; color: #009975;}
.topbar .top-navbar .navbar-header .navbar-brand .light-logo{display:none}
.topbar .top-navbar .navbar-header .navbar-brand b{line-height:50px;display:inline-block}
.topbar .top-navbar .profile-pic{white-space:nowrap}
.topbar .top-navbar .profile-pic img{width:30px;border-radius:100%}
.topbar .top-navbar .profile-pic span{font-size:14px;white-space:nowrap}
.topbar .top-navbar .navbar-nav > .nav-item > .nav-link{padding-left:15px;padding-right:15px;font-size:18px;line-height:50px;color: #fff;}
.topbar .top-navbar .navbar-nav > .nav-item > .nav-link .icon-menu{font-weight: 700 !important;}
.topbar .top-navbar .navbar-nav > .nav-item > span{line-height:45px;font-size:24px;font-weight:500;color:#fff;padding:0 10px}
.topbar .dropdown-menu{box-shadow:1px 0 20px rgba(0,0,0,0.08);-webkit-box-shadow:1px 0 20px rgba(0,0,0,0.08);-moz-box-shadow:1px 0 20px rgba(0,0,0,0.08);border-color:#e9ecef}
.topbar .dropdown-menu .dropdown-item{padding: 7px 24px;padding:7px 1.5rem}

.company-name{ font-size: 20px; font-weight: 500; color: #fff; padding: 16px 15px; }

/*******************
Main sidebar
******************/
.left-sidebar { position: absolute; width: 220px; height: 100%; top: 0px; z-index: 20; padding-top:68px; background: #fff; box-shadow: 1px 0px 20px rgba(0, 0, 0, 0.08); }

/*******************
use profile section
******************/
.user-pro { margin-top: 20px; } 
.user-pro a img { width: 30px; margin-right: 10px; }

/*******************
sidebar navigation
******************/
.scroll-sidebar{ height:calc(100% - 67px); position:relative; }
.scroll-sidebar.ps .ps__scrollbar-y-rail{left:2px;right:auto;background:none;width:6px}
.collapse.in{display:block}

.sidebar-nav{padding:15px 0 0}
.sidebar-nav ul{margin:0;padding:0}
.sidebar-nav ul li{list-style:none}
.sidebar-nav ul li a{color:#738598;padding:10px 35px 10px 15px;display:block;-webkit-box-align:center;-ms-flex-align:center;-ms-grid-row-align:center;align-items:center;font-size:14px;font-weight:400}
.sidebar-nav ul li a.active,.sidebar-nav ul li a:hover{color:#018aff}
.sidebar-nav ul li a.active i,.sidebar-nav ul li a:hover i{color:#018aff}
.sidebar-nav ul li a.active{font-weight:500;color:#343a40}
.sidebar-nav ul li ul{padding-left:30px; padding-top: 12px; padding-bottom: 12px;}
.sidebar-nav ul li ul li a{padding:8px 35px 8px 14px}
.sidebar-nav ul li ul ul{padding-left:15px}
.sidebar-nav ul li.nav-small-cap{font-size:12px;margin-bottom:0;padding:30px 14px 14px 0;color:#6c757d;font-weight:500}
.sidebar-nav ul li.nav-devider{height:1px;background:#e9ecef;display:block;margin:15px 0}
.sidebar-nav > ul > li > a{border-left:3px solid transparent}
.sidebar-nav > ul > li > a i{width:25px;font-size:16px;display:inline-block;vertical-align:middle;color:#738598;}
.sidebar-nav > ul > li > a .badge{float:right}
.sidebar-nav > ul > li{margin-bottom:8px;margin-top:8px}
.sidebar-nav > ul > li.active > a{color:#018aff;font-weight:500;border-left:3px solid #018aff}
.sidebar-nav > ul > li.active > a i{color:#018aff}
.sidebar-nav > ul > li > ul.collapse.in{ background: #f2f2f2;}
.sidebar-nav > ul > li > ul > li > a{ font-size: 12px;  }
.sidebar-nav .waves-effect{transition:none;-webkit-transition:none;-o-transition:none}
.sidebar-nav .has-arrow{position:relative}
.sidebar-nav .has-arrow:after{position:absolute;content:'';width:7px;height:7px;border-width:1px 0 0 1px;border-style:solid;border-color:#8d97ad;right:20px;-webkit-transform:rotate(135deg) translate(0,-50%);transform:rotate(135deg) translate(0,-50%);-webkit-transform-origin:top;transform-origin:top;top:50%;-webkit-transition:all .3s ease-out;transition:all .3s ease-out}
.sidebar-nav li > .has-arrow.active:after,.sidebar-nav .has-arrow[aria-expanded="true"]:after{-webkit-transform:rotate(-135deg) translate(0,-50%);-ms-transform:rotate(-135deg) translate(0,-50%);-o-transform:rotate(-135deg) translate(0,-50%);top:50%;width:7px;transform:rotate(-135deg) translate(0,-50%)}
#sidebarnav li:not(.user-profile) a img{max-width: 15px; margin-right: 7px;}


.menu-icon{width: 18px; display: inline-block; height: 15px; position: relative; top: 3px;margin-right: 7px;background-size: 13px;background-repeat: no-repeat;}
.menu-icon:after{background-position: 0px 0px; width: 100%; height: 100%; content: '';display: inline-block;background-repeat: no-repeat;background-size: 13px;visibility: hidden;position: absolute; left: 0; right: 0; top: 0; bottom: 0;}

.icon-dashboard:after {background-image: url(../../assets/image/spedometer-icongreen.png);    background-size: 15px; }
.icon-project:after{background-image: url(../../assets/image/Projects-green.png);}
.icon-client:after{background-image: url(../../assets/image/clients-green.png);background-size: 15px;}
.icon-audit:after{background-image: url(../../assets/image/auditors-green.png);background-size: 16px;}
.icon-setting:after{background-image: url(../../assets/image/gear-green.png);background-size: 15px;}
.icon-unit:after{background-image: url(../../assets/image/units-green.png);background-size: 14px;}

.skin-green .sidebar-nav ul li:not(.user-profile) a:hover .menu-icon,
.skin-green .sidebar-nav ul li:not(.user-profile) a.active .menu-icon{background: none;}
.skin-green .sidebar-nav ul li:not(.user-profile) a.active .menu-icon:after, 
.skin-green .sidebar-nav ul li:not(.user-profile) a:hover .menu-icon:after{visibility: visible;}


.icon-project{background-image: url(../../assets/image/Projects-grey.png); }
.icon-dashboard{background-image: url(../../assets/image/spedometer-icongray.png);background-size: 15px;}
.icon-client{background-image: url(../../assets/image/clients-gray.png);background-size: 15px;}
.icon-audit{background-image: url(../../assets/image/auditors-gray.png);background-size: 16px;}
.icon-setting{background-image: url(../../assets/image/gear-gray.png);background-size: 15px;}
.icon-unit{background-image: url(../../assets/image/units-gray.png);background-size: 14px;}



/***********************
sidebar Inner navigation
***********************/
.left-sidebar-in {background: #fff; height: 100%; width: 190px; position: fixed; top: 60px; left: 250px; box-shadow: 0 0px 10px -2px rgba(0, 0, 0, 0.14); -webkit-transition: left 0.3s ease-in-out; transition: left 0.3s ease-in-out; }
.left-sidebar-in a.back-pllist {display: inline-block; vertical-align: top; width: 100%; font-size: 13px; color: #A8C6DF; padding: 10px 20px; line-height: 28px; }
.left-sidebar-in a.back-pllist i {font-size: 26px; margin-right: 10px; vertical-align: top; }
.left-sidebar-in ul.subnav-in {list-style: none; margin: 0; padding: 0; }
.left-sidebar-in ul.subnav-in li {display: inline-block; vertical-align: top; width: 100%; }
.left-sidebar-in ul.subnav-in li a {display: inline-block; vertical-align: top; width: 100%; font-size: 15px; color: #3F536E; padding: 12px 20px; border-top: 1px solid #E5EEF5; text-decoration: none; }
.left-sidebar-in ul.subnav-in li a:hover, .left-sidebar-in ul.subnav-in li a.active {background-color: #FAFBFC; color: #0093EE; }
.left-sidebar-in ul.subnav-in li a svg {margin-right: 5px; }
.left-sidebar-in ul.subnav-in li a svg:hover #Project-Dashboard---Fresh-Project {fill: #111; }
.left-sidebar-in ul.subnav-in li a span {display: inline-block; vertical-align: top; width: 100%; font-size: 13px; color: #8DABC4; padding-top: 3px; }
.left-sidebar-in-open .topbar .navbar-nav > .nav-item > .nav-link.sidebartoggler {display: block; }
.left-sidebar-in-open .page-wrapper, .footer {margin: 0 0 0 250px; }
.left-sidebar-in-open .left-sidebar {width: 60px; }
.left-sidebar-in-open .left-sidebar .scroll-sidebar {height: calc(100% - 65px); }
.left-sidebar-in-open .left-sidebar .sidebar-nav ul li a {padding: 6px 10px; border: 0; }
.left-sidebar-in-open .left-sidebar .sidebar-nav ul li a {font-size: 0px; }
.left-sidebar-in-open .left-sidebar .sidebar-nav ul li a span {padding-left: 0px; opacity: 0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; }
.left-sidebar-in-open .left-sidebar .sidebar-nav ul li a span em {font-size: 0px; }
.left-sidebar-in-open .left-sidebar .user-pro {padding-top: 7px; }
.left-sidebar-in-open .left-sidebar .user-pro a {font-size: 0px; padding: 6px 10px; }
.left-sidebar-in-open .left-sidebar .user-pro a img {width: 40px; height: 40px; }
.left-sidebar-in-open .left-sidebar .user-pro a span {padding-left: 0px; opacity: 0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; }
.left-sidebar-in-open .left-sidebar .user-pro a span em {font-size: 0px; }
.left-sidebar-in-open .left-sidebar-in {left: 60px; }
.left-sidebar-in-open.leftmenu-expand .left-sidebar-in {left: -130px; }
.left-sidebar-in-open.leftmenu-expand .left-sidebar {width: 250px; }
.left-sidebar-in-open.leftmenu-expand .left-sidebar .scroll-sidebar {height: calc(100% - 88px); }
.left-sidebar-in-open.leftmenu-expand .left-sidebar .sidebar-nav ul li a {font-size: 15px; }
.left-sidebar-in-open.leftmenu-expand .left-sidebar .sidebar-nav ul li a span {padding-left: 16px; opacity: 1; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; }
.left-sidebar-in-open.leftmenu-expand .left-sidebar .sidebar-nav ul li a span em {font-size: 13px; }
.left-sidebar-in-open.leftmenu-expand .left-sidebar .user-pro {padding-top: 12px; }
.left-sidebar-in-open.leftmenu-expand .left-sidebar .user-pro a {font-size: 15px; padding: 6px 15px 6px 27px; }
.left-sidebar-in-open.leftmenu-expand .left-sidebar .user-pro a img {width: 48px; height: 48px; }
.left-sidebar-in-open.leftmenu-expand .left-sidebar .user-pro a span {padding-left: 16px; opacity: 1; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; }
.left-sidebar-in-open.leftmenu-expand .left-sidebar .user-pro a span em {font-size: 13px; }

/*******************
Mini sidebar
******************/


.table-responsive{overflow: inherit;}
.bootstrap-datetimepicker-widget table td.day{min-width: 20px;}
.bootstrap-datetimepicker-widget.dropdown-menu{z-index: 2;width: 24em !important;}
span.glyphicon.glyphicon-chevron-left:before {content: "\f053";font-family: 'FontAwesome';color: #6b6b6b;font-size: 12px;line-height: 1;}
span.glyphicon.glyphicon-chevron-right:before {content: "\f054";font-family: 'FontAwesome';color: #6b6b6b;font-size: 12px;line-height: 1;}
span.glyphicon.glyphicon-trash:before {content: "\f1f8";font-family: 'FontAwesome';color: #6b6b6b;font-size: 12px;line-height: 1;}
span.glyphicon.glyphicon-remove:before {content: "\f00d";font-family: 'FontAwesome';color: #6b6b6b;font-size: 12px;line-height: 1;}

/*-- ============================================================== 
Small Desktop & above all (1024px) 
============================================================== */
@media (min-width: 1024px) {
    .page-wrapper, .footer {margin-left: 220px;} 
}
@media (min-width: 768px) {
    .mini-sidebar {
        /*Sidebar*/ }
    .mini-sidebar .top-navbar .navbar-header {width: 70px; text-align: center; -ms-flex-negative: 0; flex-shrink: 0; min-width: 70px; padding: 5px 10px;line-height: 1; height: 67px;}
    .mini-sidebar .top-navbar .navbar-header .main-logo {display: none; }
    .mini-sidebar .top-navbar .navbar-header .collapse-logo {display: block !important; }
    .mini-sidebar .page-wrapper{margin-left: 70px; } 
    .mini-sidebar .left-sidebar {width: 70px; }
    .mini-sidebar .scroll-sidebar {padding-bottom: 0px; position: absolute; height: calc(100vh - 70px); }
    .mini-sidebar .scroll-sidebar .u-dropdown {display: none; }

    .mini-sidebar .sidebar-nav {background: transparent; }
    .mini-sidebar .sidebar-nav #sidebarnav li {position: relative; }
    .mini-sidebar .sidebar-nav #sidebarnav > li > ul {position: absolute; left: 70px; top: 46px; width: 220px; padding-bottom: 10px; z-index: 1001; background: #f9f9f9; display: none; padding-left: 1px; }
    .mini-sidebar .sidebar-nav #sidebarnav > li:hover > ul {height: auto !important; overflow: auto; }
    .mini-sidebar .sidebar-nav #sidebarnav > li > a {width: 70px; padding: 15px 15px 15px 22px; }
    .mini-sidebar .sidebar-nav #sidebarnav > li.user-profile > a{padding-left: 12px; padding-right: 17px;}
    .mini-sidebar .sidebar-nav #sidebarnav > li.user-profile > a img{width: 40px;height: 40px;margin-right: 0;max-width: inherit;}
    .mini-sidebar .sidebar-nav #sidebarnav .user-pro > a {padding-left: 18px; }
    .mini-sidebar .sidebar-nav #sidebarnav > li:not(.user-profile):hover > a {width: 290px; background: #f9f9f9; }
    .mini-sidebar .sidebar-nav #sidebarnav > li:not(.user-profile):hover > a .hide-menu {display: inline; }
    .mini-sidebar .sidebar-nav #sidebarnav > li:not(.user-profile):hover > a .label {display: none; }
    .mini-sidebar .sidebar-nav #sidebarnav > li:not(.user-profile):hover > ul, .mini-sidebar .sidebar-nav #sidebarnav > li:hover > ul.collapse {display: block; }
    .mini-sidebar .sidebar-nav #sidebarnav > li > a.has-arrow:after, .mini-sidebar .sidebar-nav #sidebarnav .hide-menu, .mini-sidebar .sidebar-nav #sidebarnav .nav-small-cap, .mini-sidebar .sidebar-nav #sidebarnav .sidebar-footer, .mini-sidebar .sidebar-nav #sidebarnav .user-profile .profile-text, .mini-sidebar .sidebar-nav #sidebarnav > .label {display: none; } 

    .location-block.grid-4{width: calc(33.33% - 20px);}
}

/*.mini-sidebar .sidebar-nav #sidebarnav > li.user-profile > a{width: 45px;height: 42px;padding: 0;display: inline-block;}*/

/* perfect-scrollbar v0.7.1 */
.ps {-ms-touch-action: auto; touch-action: auto; overflow: hidden !important; -ms-overflow-style: none; }

@supports (-ms-overflow-style: none) {
    .ps {overflow: auto !important; } 
}

@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
    .ps {overflow: auto !important; } 
}

.ps.ps--active-x > .ps__scrollbar-x-rail, .ps.ps--active-y > .ps__scrollbar-y-rail {display: block; background-color: transparent; }
.ps.ps--in-scrolling.ps--x > .ps__scrollbar-x-rail {background-color: #eee; opacity: 0.9; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=90)"; }
.ps.ps--in-scrolling.ps--y > .ps__scrollbar-y-rail > .ps__scrollbar-y {background-color: transparent; width: 8px; }
.ps > .ps__scrollbar-x-rail {display: none; position: absolute; /* please don't change 'position' */ opacity: 0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; bottom: 0px; /* there must be 'bottom' for ps__scrollbar-x-rail */ height: 6px; }
.ps > .ps__scrollbar-x-rail > .ps__scrollbar-x {position: absolute; /* please don't change 'position' */ background-color: rgba(255, 255, 255, 0.2); border-radius: 6px; bottom: 2px; /* there must be 'bottom' for ps__scrollbar-x */ height: 6px; }
.ps > .ps__scrollbar-x-rail:hover > .ps__scrollbar-x,
.ps > .ps__scrollbar-x-rail:active > .ps__scrollbar-x {height: 6px; }
.ps > .ps__scrollbar-y-rail {display: none; position: absolute; /* please don't change 'position' */ opacity: 0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; right: 0; /* there must be 'right' for ps__scrollbar-y-rail */ width: 6px; }
.ps > .ps__scrollbar-y-rail > .ps__scrollbar-y {position: absolute; /* please don't change 'position' */ background-color: rgba(0, 0, 0, 0.2); border-radius: 6px; right: 2px; /* there must be 'right' for ps__scrollbar-y */ width: 6px; }
.ps > .ps__scrollbar-y-rail:hover > .ps__scrollbar-y, .ps > .ps__scrollbar-y-rail:active > .ps__scrollbar-y {width: 6px; }
.ps:hover.ps--in-scrolling.ps--x > .ps__scrollbar-x-rail {background-color: rgba(0, 0, 0, 0.2); opacity: 0.9; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=90)"; }
.ps:hover.ps--in-scrolling.ps--x > .ps__scrollbar-x-rail > .ps__scrollbar-x {background-color: rgba(0, 0, 0, 0.2); height: 6px; }
.ps:hover.ps--in-scrolling.ps--y > .ps__scrollbar-y-rail > .ps__scrollbar-y {background-color: rgba(0, 0, 0, 0.2); width: 6px; }
.ps:hover > .ps__scrollbar-x-rail, .ps:hover > .ps__scrollbar-y-rail {opacity: 0.6;-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=60)"; }
.ps:hover > .ps__scrollbar-x-rail:hover > .ps__scrollbar-x {background-color: rgba(0, 0, 0, 0.2); }
.ps:hover > .ps__scrollbar-y-rail:hover > .ps__scrollbar-y {background-color: rgba(0, 0, 0, 0.2); }

/*============================================================== 
For all pages 
============================================================== */
#main-wrapper { width: 100%; overflow: hidden; }

.page-wrapper { background: #edf1f5; position: relative;padding-top: 67px;}

.container-fluid { padding: 0px 25px; }

/*******************
page title
*******************/
.page-titles { background: #fff; padding: 15px 10px; margin: 0 -25px 25px -25px;}
.page-titles .btn{ padding: 7px 12px; font-size: 14px;  }

/*******************
Breadcrumb and page title
*******************/
.page-breadcrumb {padding: 14px 10px; margin: 0 -25px 25px -25px;margin-bottom: 0;}
.page-breadcrumb h4 { margin-bottom: 0px; margin-top: 0px; }
.page-breadcrumb .breadcrumb { padding: 0px; margin: 0px; background: transparent; font-size: 12px; }
.page-breadcrumb .breadcrumb li a { color: #9a9a9a; }
.page-breadcrumb .breadcrumb .breadcrumb-item + .breadcrumb-item:before { content: "\e649"; font-family: themify; color: #ced4da; font-size: 11px; }
.page-breadcrumb .breadcrumb .breadcrumb-item.active { color: #232323; font-weight: 500; }

/*******************
Footer
*******************/
.footer { bottom: 0; color: #738598; left: 0px; padding: 17px 15px; right: 0; border-top: 1px solid #e9ecef; background: #fff;font-size: 12px;}

/*******************
Card
*******************/

.card {margin-bottom: 20px;border-color: transparent;border-radius: 0; }
.card .card-subtitle {font-weight: 300; margin-bottom: 15px; color: #6c757d }
.card .card-title {position: relative; font-weight: 500; font-size: 16px;}
.card .card-actions, .sidebar-nav>ul>li>a .badge { float: right; }
.card .card-actions a {padding: 0 5px; cursor: pointer }
.card-group {margin-bottom: 20px }
.card-group .card {border-right: 1px solid #e9ecef }
.card-fullscreen {position: fixed; top: 0; left: 0; width: 100%; height: 100%; z-index: 9999; overflow: auto }

/*******************
Form-control element
*******************/

.form-group{margin-bottom: 20px;}
.control-label{font-size: 12px; text-transform: uppercase; letter-spacing: 1px;}
.form-control{display: block; width: 100%; height: 50px; padding: 12px 20px; font-size: 14px; font-weight: 400; line-height: 1.5; color: #495057; background-color: #f2f2f2; background-clip: padding-box; border: 1px solid #f2f2f2; border-radius: 0; -webkit-transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out; transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out; font-weight: 300;}
.form-control:focus {color: #4f5367; background-color: #fff; border-color: rgba(0, 134, 255, 0.5); outline: 0; box-shadow: 0 0 0; }
.form-group label{font-size: 13px; color: #999;}
.form-group label.custom-control-label{ font-size: 14px;  }
/*.form-horizontal .form-group label{ margin: 10px 0 0 0;  }*/
.input-group-text{ padding: 6px 20px; padding: .375rem 20px;border: none; background: #cdcdcd; }
.left_input .input-group-text{padding: 6px 20px;padding: .375rem 20px;border: none; background: #e8e8e8;}
textarea.form-control{min-height: 150px;resize:none;}

/*============= Form-Horozontal ==============*/

/*.form-horizontal .form-group{align-items: center;}
.form-horizontal .form-group p,.form-horizontal .form-group label{margin-bottom: 0;}*/

/*============= success-form-control ==============*/

.has-success .form-control{border-color: #00c292; }
.has-success .form-control-feedback{color: #00c292;}

/*============= danger-form-control ==============*/

.has-danger .form-control {border-color: #ed4040; }
.has-danger .form-control-feedback{color: #ed4040;}


/*============= input-place-holder ==============*/
input::-webkit-input-placeholder, select::-webkit-input-placeholder, textarea::-webkit-input-placeholder {color: #bdbdbd !important; font-size: 14px; font-weight: 400; opacity: 1; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";}
input::-moz-placeholder, select::-moz-placeholder, textarea::-moz-placeholder {color: #bdbdbd !important; font-size: 14px; font-weight: 400; opacity: 1; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";}
input:-ms-input-placeholder, select:-ms-input-placeholder, textarea:-ms-input-placeholder {color: #bdbdbd !important; font-size: 14px; font-weight: 400; opacity: 1; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";}
input::placeholder, select::placeholder, textarea::placeholder {color: #bdbdbd !important; font-size: 14px; font-weight: 400; opacity: 1; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";}


/*******************
Modal Css
*******************/
.modal-content{border-radius: 4px;}

/*============================================================== 
Form Select page
============================================================== */
/*Bootstrap select*/
.bootstrap-select:not([class*=col-]):not([class*=form-control]):not(.input-group-btn) {width: 100%; }
.bootstrap-select.btn-group .dropdown-menu{ padding: 0; border:0 none; box-shadow:0 3px 8px 0 rgba(0,0,0,0.1);z-index: 2;}
.bootstrap-select .dropdown-menu li a {display: block; padding: 10px 20px; clear: both; font-weight: 400; line-height: 1.42857143; color: #212529; white-space: nowrap; }
.bootstrap-select .dropdown-menu li a:hover, .bootstrap-select .dropdown-menu li a:focus,.bootstrap-select .dropdown-menu li.selected a {color: #018aff; background: #f8f9fa; box-shadow: none;outline: none;}
.bootstrap-select .show > .dropdown-menu {display: block; }
.input-form .btn {padding: 8px 12px; }
.bootstrap-select .dropdown-toggle:focus,.show>.btn-secondary.dropdown-toggle:focus{outline: none!important;box-shadow: none;}
.dropdown-header{font-weight: 600;font-size: 16px;}
.bootstrap-select .dropdown-menu li a{font-size: 14px;}
.bootstrap-select>.dropdown-toggle.bs-placeholder, 
.bootstrap-select>.dropdown-toggle.bs-placeholder:active, 
.bootstrap-select>.dropdown-toggle.bs-placeholder:focus, 
.bootstrap-select>.dropdown-toggle.bs-placeholder:hover{ color: #000; font-size: 14px; font-weight: 400; padding: 0 30px 0 20px; }
.bootstrap-select.btn-group .dropdown-toggle .filter-option{color: #495057; font-weight: 300;}

/*Select 2 CSS */
.select2-container--default .select2-selection--single { border-color: #e9ecef; height: 50px;background-color: #f7f7f7;height: 50px; padding: 0px 10px; font-size: 16px; font-size: 1rem; font-weight: 400; line-height: 1.5; color: #495057; background-color: #f7f7f7; background-clip: padding-box; border: 1px solid #f7f7f7; border-radius: 0; }
.select2-container--default .select2-selection--single .select2-selection__rendered { line-height: 46px;color: #495057; }
.select2-container--default .select2-selection--single .select2-selection__arrow { height: 50px; }
.select2-container--default .select2-selection--multiple .select2-selection__choice__remove { float: right; color: #fff; margin-right: 0px; margin-left: 4px; }
.select2-container--default .select2-selection--multiple .select2-selection__choice { background: #018aff; color: #fff; border-color: #018aff; margin-top: 12px; padding: 2px 5px; font-size: 12px;}
.select2-container--default .select2-selection--multiple{ border-color: #e9ecef; height: 50px;background-color: #f7f7f7;height: 50px; padding: 0px 10px; font-size: 16px; font-size: 1rem; font-weight: 400; line-height: 1.5; color: #495057; background-color: #f7f7f7; background-clip: padding-box; border: 1px solid #f7f7f7; border-radius: 0; }
.select2-container--default .select2-selection--multiple .select2-selection__rendered{}
.select2-container--default .select2-search--inline .select2-search__field{ height: 50px;margin-top: 0;}
.select2-container--open .select2-dropdown--below{ border: 0 none; padding: 20px; padding: 15px; box-shadow: 0 15px 30px 0 rgba(0,0,0,0.24); }
.select2-container input:focus,.select2-container .selection { border-color: rgba(0, 0, 0, 0.1); outline: 0; box-shadow: transparent; }
.select2-container--default.select2-container--focus .select2-selection--multiple{ border: 1px solid rgba(0, 134, 255, 0.5); outline: 0;  }
.select2-container--default .select2-results__group{  padding: 5px 0; font-size: 14px;  }
.select2-results__option{ padding: 5px 0; font-size: 14px; }
.select2-container--default .select2-results__option--highlighted[aria-selected]{ background: #2e8efd; border-right: 3px;  }

/* custom checkbox and radio button */
.custom-control {position: relative; display: block; min-height: 24px; min-height: 1.5rem; padding-left: 0; }
.custom-control-inline {display: -webkit-inline-box;display: -ms-inline-flexbox;display: inline-flex; margin-right: 16px; margin-right: 1rem; }
.custom-control-input {position: absolute; z-index: -1; opacity: 0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; }
.custom-control-input:checked ~ .custom-control-label:before {color: #fff; background-color: #018aff; }
.custom-control-input:focus ~ .custom-control-label:before {box-shadow: 0 0 0 1px #edf1f5, transparent; }
.custom-control-input:active ~ .custom-control-label:before {color: #fff; background-color: black; }
.custom-control-input:disabled ~ .custom-control-label {color: #6c757d; }
.custom-control-input:disabled ~ .custom-control-label:before {background-color: #e9ecef; }
.custom-control-label {margin-bottom: 0; padding-left: 25px; }
.custom-control-label:before {position: absolute; top: 4px; top: 0.25rem; left: 0; display: block; width: 16px; width: 1rem; height: 16px; height: 1rem; pointer-events: none; content: ""; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; background-color: #dee2e6; border-color: #dee2e6; }
.custom-control-label:after {position: absolute; top: 4px; top: 0.25rem; left: 0; display: block; width: 16px; width: 1rem; height: 16px; height: 1rem; content: ""; background-repeat: no-repeat; background-position: center center; background-size: 50% 50%; }
.custom-checkbox .custom-control-label:before {border-radius: 0.25rem; }
.custom-checkbox .custom-control-input:checked ~ .custom-control-label:before {background-color: #018aff; }
.custom-checkbox .custom-control-input:checked ~ .custom-control-label:after {background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3E%3Cpath fill='%23fff' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26 2.974 7.25 8 2.193z'/%3E%3C/svg%3E"); }
.custom-checkbox .custom-control-input:indeterminate ~ .custom-control-label:before {background-color: #018aff; }
.custom-checkbox .custom-control-input:indeterminate ~ .custom-control-label:after {background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 4 4'%3E%3Cpath stroke='%23fff' d='M0 2h4'/%3E%3C/svg%3E"); }
.custom-checkbox .custom-control-input:disabled:checked ~ .custom-control-label:before {background-color: rgba(251, 150, 120, 0.5); }
.custom-checkbox .custom-control-input:disabled:indeterminate ~ .custom-control-label:before {background-color: rgba(251, 150, 120, 0.5); }
.custom-radio .custom-control-label:before {border-radius: 50%; }
.custom-radio .custom-control-input:checked ~ .custom-control-label:before {background-color: #018aff; }
.custom-radio .custom-control-input:checked ~ .custom-control-label:after {background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3E%3Ccircle r='3' fill='%23fff'/%3E%3C/svg%3E"); }
.custom-radio .custom-control-input:disabled:checked ~ .custom-control-label:before {background-color: rgba(251, 150, 120, 0.5); }
.custom-control-input:checked~.custom-control-label:before{background-color: #018aff;border-color: transparent; }
.custom-control-input:focus~.custom-control-label:before{box-shadow: none;}


/*============== Bootstrap-select ==============*/
.bootstrap-select>.dropdown-toggle{height: 100%;}
.bootstrap-select>.dropdown-toggle:after{border-top: .3em solid #999;}
.bootstrap-select:not([class*=col-]):not([class*=form-control]):not(.input-group-btn){height: 50px;}
.bootstrap-select .btn-outline-info{background: transparent;}
.bootstrap-select .btn-outline-info:hover{background: #17a2b8;}


/*******************
Labels
*******************/
.label {padding: 7px 10px; line-height: 13px; color: #fff; font-weight: 400; border-radius: 0.25rem; font-size: 75%;display: inline-block;}
.label-rounded {border-radius: 60px; }
.label-custom {background-color: #01c0c8; }
.label-success {background-color: #00c292; }
.label-info {background-color: #408040; }
.label-warning {background-color: #fec107; }
.label-danger {background-color: #e46a76; }
.label-megna {background-color: #01c0c8; }
.label-primary {background-color: #018aff; }
.label-purple {background-color: #ab8ce4; }
.label-red {background-color: #e46a76; }
.label-inverse {background-color: #343a40; }
.label-default {background-color: #f8f9fa; }

/*========== Table button ===========*/
.table .label {border-radius: 20px; padding: 3px 10px; box-shadow: 0 4px 20px 0 rgba(0, 0, 0, 0.14), 0 7px 10px -5px rgba(76, 175, 80, 0.4); font-size: 11px; }
.table{color: #454d66;}
.table thead th{font-weight: 500;}
.table tbody{font-size: 14px;font-weight: 300;}
.table tbody td{color: #545454;}
.table-hover tbody tr:hover{background-color: #f3f3f3;}

.table a{/*color: #454d66;*/-webkit-transition: all 0.2s;transition: all 0.2s;}
.table a:hover{opacity: 0.8;-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";}

/*========== Input Tags ===========*/

.tags-default{padding: 0 15px; width: 100%; min-height: 50px; background: #f7f7f7; border: 0 none; border-radius: 0; box-shadow: 0 0 0;}
.bootstrap-tagsinput{ padding: 11px 0px; background: transparent; border: 0 none; border-radius: 0; box-shadow: 0 0 0; }
.bootstrap-tagsinput .tag{margin: 2px 0; display: inline-block; vertical-align: middle;}
.bootstrap-tagsinput input{ padding: 0;  }
.bootstrap-tagsinput .tag.label-info{ background-color: #0086ff; font-size: 12px; padding: 5px 8px; line-height: 14px;  }

/*========== bootstrap-touchspin ==========*/
.bootstrap-touchspin{ width: 95%; }
.bootstrap-touchspin .input-group-btn-vertical i{top: 6px; left: 0; right: 0;}
.bootstrap-touchspin .input-group-btn-vertical > .btn {padding: 12px 15px; background: #e8e8e8; border-color: #e8e8e8; color: #000; }

/*========= round append =========*/
.round_btn .input-group-append{border-radius: 50px; width: 50px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center;}
.round_btn  .input-group-prepend{border-radius: 50px; width: 50px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center;}
.round_btn button{border-radius: 50px!important; width: 30px; height: 30px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding: 0;}

/*==========================================================================================*/
/*============== Form inputs ===========*/
/*==========================================================================================*/

/*============== Material inputs ===========*/
.form-material .form-group {overflow: hidden; }
.form-material .form-control {background-color: transparent; background-position: center bottom, center calc(100% - 1px); background-repeat: no-repeat; background-size: 0 2px, 100% 1px; padding: 0; -webkit-transition: background 0s ease-out 0s; transition: background 0s ease-out 0s; }
.form-material .form-control, .form-material .form-control.focus, .form-material .form-control:focus {
    background-image: -webkit-linear-gradient(#009975, #009975), -webkit-linear-gradient(#e9ecef, #e9ecef);
    background-image: linear-gradient(#009975, #009975), linear-gradient(#e9ecef, #e9ecef);border: 0 none; border-radius: 0; box-shadow: none; float: none; }
.form-material .form-control.focus, .form-material .form-control:focus {background-size: 100% 2px, 100% 1px; outline: 0 none; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; }
.form-control-line .form-group {overflow: hidden; }
.form-control-line .form-control {border: 0px; border-radius: 0px; padding-left: 0px; border-bottom: 1px solid #e9ecef; background: transparent;}
.form-control-line .form-control:focus {border-bottom: 1px solid #018aff; }


/*============== File Upload  ===========*/

.fileupload {overflow: hidden; position: relative; }
.fileupload input.upload {cursor: pointer; filter: alpha(opacity=0); font-size: 20px; margin: 0; opacity: 0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; padding: 0; position: absolute; right: 0; top: 0; }
.fileinput .input-group-addon{border-bottom: 0;padding: 13px 10px;}
.form-control .fileinput-filename {padding: 5px; }
.fileinput-exists {color: #018aff; }

/*============== Dropzone  ===========*/
.dropzone{ border:2px solid rgb(229, 229, 229); padding: 54px 20px; }

/*============= Form Input States ==========*/
.form-control-success, .form-control-warning, .form-control-danger {padding-right: 36px;padding-right: 2.25rem; background-repeat: no-repeat; background-position: center right 9px; background-position: center right 0.5625rem; background-size: 1.125rem 1.125rem; }
.has-success .form-control-feedback, .has-success .form-control-label, .has-success .col-form-label, .has-success .form-check-label, .has-success .custom-control {color: #00c292; }
.has-success .form-control {border-color: #00c292; }
.has-success .input-group-addon {color: #00c292; border-color: #00c292; }
.has-success .form-control-success {background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3E%3Cpath fill='%235cb85c' d='M2.3 6.73L.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z'/%3E%3C/svg%3E"); background-repeat: no-repeat; background-position: right; background-size: 24px;}
.has-warning .form-control-feedback, .has-warning .form-control-label, .has-warning .col-form-label, .has-warning .form-check-label, .has-warning .custom-control {color: #fec107; }
.has-warning .form-control {border-color: #fec107; }
.has-warning .input-group-addon {color: #fec107; border-color: #fec107; }
.has-warning .form-control-warning {background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3E%3Cpath fill='%23f0ad4e' d='M4.4 5.324h-.8v-2.46h.8zm0 1.42h-.8V5.89h.8zM3.76.63L.04 7.075c-.115.2.016.425.26.426h7.397c.242 0 .372-.226.258-.426C6.726 4.924 5.47 2.79 4.253.63c-.113-.174-.39-.174-.494 0z'/%3E%3C/svg%3E"); background-repeat: no-repeat; background-position: right; background-size: 24px;}
.has-danger .form-control-feedback, .has-danger .form-control-label, .has-danger .col-form-label, .has-danger .form-check-label, .has-danger .custom-control {color: #e46a76; }
.has-danger .form-control {border-color: #e46a76; }
.has-danger .input-group-addon {color: #e46a76; border-color: #e46a76; }
.has-danger .form-control-danger {background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23d9534f' viewBox='-2 -2 7 7'%3E%3Cpath stroke='%23d9534f' d='M0 0l3 3m0-3L0 3'/%3E%3Ccircle r='.5'/%3E%3Ccircle cx='3' r='.5'/%3E%3Ccircle cy='3' r='.5'/%3E%3Ccircle cx='3' cy='3' r='.5'/%3E%3C/svg%3E"); background-repeat: no-repeat; background-position: right; background-size: 24px;}
.form-control-feedback{font-size: 12px;}

/*============= Custom File Input Css ==========*/
.custom-file-input{height: 50px;}
.custom-file-label{line-height: 35px;height: 50px;border: none; border-radius: 0; background-color: #f2f2f2;color: #495057 !important;cursor: pointer;font-size: 14px !important; font-weight: 400;}
.custom-file-label:after{height: 48px; padding: 10px 30px;line-height: 27px;background-color: #009975; color: #fff;}
.custom-file-input:focus~.custom-file-label{border: none; box-shadow: none;}
.custom-file input {
    cursor: pointer;
}

/*============= Form Input floating-labels ==========*/

.floating-labels .form-control{background-color: transparent;}

/*============= progress height ==========*/
.progress{height: auto;}

/*******************
Form Pickers
******************/
.asColorPicker-dropdown{max-width: 260px; }
.asColorPicker-trigger{position: absolute; top: 0; right: -35px; height: 50px; width: 37px; border: 0; }
.asColorPicker-clear{display: none; position: absolute; top: 12px; right: 10px; text-decoration: none; }
.asColorPicker-saturation, .asColorPicker-hue, .asColorPicker-alpha{background-size: contain;}

/** DatePicker Global **/
.datepicker td, .datepicker th{padding: 7px 9px;text-align: center;}
.datepicker td.active, .datepicker th.active{color: #009975;}
.datepicker table tr td.today, 
.datepicker table tr td.today.disabled, 
.datepicker table tr td.today.disabled:hover, 
.datepicker table tr td.today:hover{font-weight: 500;    border-radius: 50%;}
.datepicker table tr td.today:hover:hover { color: #000; background: transparent; }

.datepicker-dropdown{font-size: 12px; color: #454d66;}

/** DatePicker inline **/
.datepicker-inline-wrap{ border: 1px solid #efefef; padding: 24px 0;  }
.datepicker-inline-wrap .datepicker-inline{ width: auto; }
.datepicker-inline-wrap .datepicker-inline thead tr th{ font-size: 12px; font-weight: 600; color: #2b2b2b; }
.datepicker-inline-wrap .datepicker-inline thead tr th.prev, .datepicker-inline-wrap .datepicker-inline thead tr th.next{ background: #f7f7f7  }
.datepicker-inline-wrap .datepicker-inline thead tr:last-child th{ border:0 none; }
.datepicker-inline-wrap .datepicker-inline td, .datepicker-inline-wrap .datepicker-inline th{ padding: 9px 11px; font-size: 13px; font-weight: 300; color: #2b2b2b; border-radius: 0; }

/** Tabel Global css **/
.dt-buttons {display: inline-block; padding-top: 5px; margin-bottom: 15px; } 
.dt-buttons .dt-button {padding: 5px 15px; border-radius: 0.25rem; color: #fff; margin-right: 3px; }
.dataTables_filter { margin-top: 0px;margin-bottom: 40px;}
.dataTables_filter label{font-size: 0;position: relative;}
.dataTables_filter label:after{content: '\f002'; font-family: fontAwesome; font-size: 14px; font-weight: 300; width: 50px; height: 50px; display: inline-block; position: absolute; left: 0; line-height: 50px; background: #edf1f5; text-align: center;color: #454d66;}
.dataTables_filter input {background-color: #fff; -webkit-transition: background 0s ease-out; transition: background 0s ease-out; float: none; box-shadow: none; border-radius: 0; margin-left: 0px; width: 400px; font-size: 14px; height: 50px; border: 1px solid #f2f2f2; padding: 10px;padding-left: 60px;}
.dataTables_filter input:focus{border: 1px solid #f2f2f2 !important;}
/*.dataTables_filter input:focus {outline: none; background-size: 100% 2px, 100% 1px; -webkit-box-shadow: none; box-shadow: none; -webkit-transition-duration: 0.3s; -o-transition-duration: 0.3s; transition-duration: 0.3s; }*/
table.dataTable thead .sorting_asc:after {content: "\f0de"; margin-left: 10px; font-family: fontawesome; cursor: pointer; }
table.dataTable thead .sorting_desc:after {content: "\f0dd"; margin-left: 10px; font-family: fontawesome; cursor: pointer; }
table.dataTable thead th.sorting:after {content: "\f0dc"; margin-left: 10px; font-family: fontawesome!important; cursor: pointer; color: rgba(50, 50, 50, 0.5); }

/** Pagination css **/
.dataTables_info, .dataTables_length {display: inline-block;padding-top: 15px;font-size: 12px;}
.dataTables_wrapper .dataTables_paginate {float: right; text-align: right; padding-top: 0.25em;}
.dataTables_wrapper .dataTables_paginate .paginate_button { box-sizing: border-box; display: inline-block; min-width: 35px; padding: 0.5em 5px; text-align: center; text-decoration: none; cursor: pointer; *cursor: hand; color: #212529; border: none;border-radius: 0; width: auto; height: auto; margin-right: 2px;}
.dataTables_wrapper .dataTables_paginate .paginate_button.previous{text-indent: -9999px; min-width: 40px;background-image: url('../../assets/image/left-arrow.svg');background-size: 14px; display: inline-block; background-repeat: no-repeat; background-position: center;}
.dataTables_wrapper .dataTables_paginate .paginate_button.next{text-indent: -9999px; min-width: 40px;background-image: url('../../assets/image/right-arrow.svg');background-size: 7px; display: inline-block; background-repeat: no-repeat; background-position: center;}
.dataTables_wrapper .dataTables_paginate .paginate_button.previous.disabled ,
.dataTables_wrapper .dataTables_paginate .paginate_button.next.disabled{opacity: 0.5;-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";}
/** 404 page css **/
.error-box {height: 100%; position: fixed; width: 100%;}
.error-body {padding-top: 5%;}
.text-center {text-align: center!important;}
.error-body h1 {font-size: 210px; font-weight: 900; /*text-shadow: 4px 4px 0 #fff, 6px 6px 0 #343a40;*/ line-height: 210px;}

/** FAQ page css **/
.minimal-faq .card .card-header {background: #fff; padding: 20px 0 0; margin-top: 10px; border-bottom: 0px solid transparent;}
.minimal-faq .card-header:first-child {border-radius: calc(0px - 0px) calc(0px - 0px) 0 0;}
.minimal-faq .collapse.show {display: block;}
.minimal-faq .collapse {display: none;}
.minimal-faq h5 { padding: 10px; position: relative; }
.minimal-faq h5 a { color: #fff; display: block;}
.minimal-faq h5 a:after{ position: absolute; content: ""; border-width: 0px 0px 1px 1px; border-style:  solid; border-color: #fff; right: 20px; top: 10px; -webkit-transition: all .3s ease-out; transition: all .3s ease-out; width: 10px; height: 10px; -webkit-transform: rotate(-45deg) translate(0,-50%); transform: rotate(-45deg) translate(0,-50%); }
.minimal-faq h5 a[aria-expanded="true"]:after{ position: absolute; content: ""; border-width: 0px 0px 1px 1px; border-style:  solid; border-color: #fff; right: 30px; top: 14px; -webkit-transition: all .3s ease-out; transition: all .3s ease-out; width: 10px; height: 10px; -webkit-transform: rotate(130deg) translate(0,-50%); transform: rotate(130deg) translate(0,-50%); }
.minimal-faq h5 a[aria-expanded="false"]:after { -webkit-transform: rotate(-45deg) translate(0,-50%); transform: rotate(-45deg) translate(0,-50%); top: 14px;}

/** login page css **/
.login-register {background-size: cover; background-repeat: no-repeat; background-position: center center; height: 100%; width: 100%; padding: 10% 0; position: fixed; }
.login-register .logo{max-width: 80px; margin: 0 auto 30px;}
.card {position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; min-width: 0; word-wrap: break-word; background-color: #fff; background-clip: border-box; border: 0px solid transparent; border-radius: 0px; }
.login-box {max-width: 400px; margin: 0 auto;width:100%; border-radius: 5px; box-shadow: 0px 8px 20px 0px rgba(0, 0, 0, 0.15);}
.login-box .box-title { font-weight: 500; margin-top: 10px; }
.card-body {-webkit-box-flex: 1; -ms-flex: 1 1 auto; flex: 1 1 auto; padding: 20px; padding: 1.25rem; }
.text-dark {color: #343a40!important; }
.btn-block {display: block; width: 100%;}
#recoverform {display: none;}
.text-muted {color: #738598!important; font-weight: 300;}
.login-box .social {display: block; margin-bottom: 30px;}
.form-control::-webkit-input-placeholder{color:#bdbdbd !important;opacity:1;-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"}.form-control:-ms-input-placeholder{color:#bdbdbd !important;opacity:1;-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"}.form-control::-ms-input-placeholder{color:#bdbdbd !important;opacity:1;-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"}.form-control::-webkit-input-placeholder{color:#bdbdbd !important;opacity:1;-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"}.form-control::-moz-placeholder{color:#bdbdbd !important;opacity:1;-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"}.form-control:-ms-input-placeholder{color:#bdbdbd !important;opacity:1;-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"}.form-control::placeholder{color:#bdbdbd !important;opacity:1;-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"}

/** Dashbord page css **/
.todo-list li .assignedto li img {
    width: 30px;
    border-radius: 100%;
    box-shadow: 1px 5px 5px rgba(0, 0, 0, 0.28);
}
.todo-list li .assignedto li {
    list-style: none;
    padding: 0px;
    display: inline-block;
    border: 0px;
    margin-right: 2px;
}
.todo-list li .assignedto {
    padding: 0px 0 0 30px;
    margin: 0px;
}
.todo-list li .custom-checkbox label {
    font-weight: 400;
    width: 100%;
}
.todo-list li .custom-checkbox label span:first-child {
    width: 70%;
    display: inline-block;
    line-height: 25px;
}
.todo-list li {
    border: 0px;
    margin-bottom: 0px;
    padding: 20px 15px 15px 0px;
}
.todo-list li .item-date {
    padding-left: 30px;
    font-size: 12px;
    margin-top: 5px;
    display: inline-block;
}
.list-task .task-done span {
    text-decoration: line-through;
}
.comment-widgets .comment-row {
    border-bottom: 1px solid transparent;
    padding: 14px;
}

.round img {
    border-radius: 100%;
    box-shadow: 1px 5px 5px rgba(0, 0, 0, 0.28);
}
.comment-text {
    padding: 14px 15px 14px 20px;
    width: 80%;
}
.comment-footer .action-icons a {
    padding-left: 7px;
    vertical-align: middle;
    color: #6c757d;
}

.badge.badge-pill {
    padding: 5px 11px;
    box-shadow: -1px 3px 7px rgba(0, 0, 0, 0.28);
    font-weight: 400;
    border-radius: 20px;
}
.testimonial-img img {
    height: 150px;
    width: 150px;
    border-radius: 50%;
}
.news-content {
    padding: 60px 20px;
    text-align: center;
}


.nav-tabs {
    border-bottom: 1px solid #dee2e6;
}
.customtab li a.nav-link.active, .profile-tab li a.nav-link.active {
    /* border-bottom: 2px solid #fb9678; */
    /* color: #fb9678; */
}
.profiletimeline .sl-left img {
    max-width: 40px;
}
.profiletimeline {
    position: relative;
    padding-left: 40px;
    margin-right: 10px;
    border-left: 1px solid #e9ecef;
    margin-left: 30px;
}
.profiletimeline .sl-left {
    float: left;
    margin-left: -60px;
    z-index: 1;
    margin-right: 15px;
}
.btn-secondary {
    border-color: #dee2e6;
}
.btn-circle {
    border-radius: 100%;
    width: 40px;
    height: 40px;
    padding: 10px;
    line-height: 1;
}
.customtab li a.nav-link, .profile-tab li a.nav-link {
    border: 0px;
    padding: 15px 20px;
    color: #212529;
}


@media (max-width: 1169px) {
    .footer{margin-left: 70px;}
}

@media (max-width: 767px) {
    .mini-sidebar .left-sidebar, .mini-sidebar .sidebar-footer {left: -220px;}
    .mini-sidebar.show-sidebar .left-sidebar, .mini-sidebar.show-sidebar .sidebar-footer {left: 0px; }
    .error-body h1 {font-size: 160px;}
    .footer{margin: 0;}
    .locate-content .project-content .location-wrap span.content{ padding: 0; }
}

/*Dashboard Info Block */
.dash-box{ display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -ms-flex-wrap: wrap; flex-wrap: wrap; color: #000;  }
.dash-box .card{ width: 24%;  }
.dash-box .card .img{ width: 50px; height: 50px; float: left; border-radius: 50px; text-align: center; line-height: 48px;  }
.dash-box .card .img img{ width: 24px; height: auto;  }
.dash-box .card .img.total-order{ background: rgb(19, 199, 155, 0.34);  }
.dash-box .card .img.pending-order{ background: rgb(112, 21, 189, 0.34);  }
.dash-box .card .img.total-product{ background: rgba(84, 117, 237, 0.34);  }
.dash-box .card .img.sold-product{ background: rgba(237, 64, 64, 0.34);  }
.dash-box .card .img.sold-product img{width: 20px;}

.navbar-rightinfo{ margin-right: 25px;  }
.navbar-rightinfo a{ color: #fff; padding: 5px 10px; }
.navbar-rightinfo a i{ font-size: 18px;  }
/*Ends Dashboard Info Block */

#project-audit_wrapper .dataTables_filter{float: left;width: 50%;}
.table-datacenter.table td, .table-datacenter.table th{vertical-align: middle;padding: 16px;padding: 1rem;position:relative;}
.chart-image{width: 60px; height: 60px; background: #fff; border-radius: 50%; padding: 10px;display: -webkit-inline-box;display: -ms-inline-flexbox;display: inline-flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center;}
.chart-image img{max-width: 30px; max-height: 30px;}
.font-14{font-size: 14px;}


/*Auditor Page Css*/
.audit-info{position: absolute; right: 0; text-align: right;padding: 20px;padding: 1.25rem;top: 0;}
.audit-blockwrap{margin-bottom: 15px;}
.audit-blockwrap .box-title{display: block; font-size: 12px; color: #738598; margin-top: 10px; font-weight: 300;}
.audit-blockwrap .left_input{display: -webkit-inline-box;display: -ms-inline-flexbox;display: inline-flex; margin-left: 10px;}


.user-profile{text-align: center;}
.user-profile img{width: 50px; height: 50px; margin-right: 0;}
.user-profile span{display: block; margin-top: 12px; color: #454d66;}

/*View Auditor Page Css*/
.location-wrap{ display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap;  }
.location-info{-webkit-box-align: center;-ms-flex-align: center;-ms-grid-row-align: center;align-items: center;}
.location-block{ -webkit-box-align: center; -ms-flex-align: center; -ms-grid-row-align: center; align-items: center; background: #f8f8f8; margin: 12px 10px 10px 10px; padding-bottom: 20px; width: calc(20% - 20px); border-radius: 4px; position: relative; border:1px solid #fff;}
.location-block:hover{ box-shadow: 0 10px 50px 5px rgba(0,0,0,0.12); border:1px solid #f7f7f7; }
.location-block.grid-4{width: calc(50% - 20px);}

.location-action{margin-left: auto; padding-left: 15px;}

.locate-img{max-width: 100%; position: relative; margin: 0; border: 10px solid #f8f8f8;text-align: center;}

.location-block:hover .box-action{ background: #f7f7f7;  }
.box-action{ display: inline-block; vertical-align: top; width: 100%; text-align: center; position: relative; }
.box-action a{display: inline-block;}
.box-action i{ font-size: 18px; margin: 0 5px; background: #fff; padding: 8px; border-radius: 4px;  }

.locate-content{ margin: 0; padding: 15px; text-align: center; }
.locate-content h4{ font-weight: 600; font-size: 14px; margin-bottom: 15px; }
.locate-content p{ color: #666; font-weight: 400; font-size: 12px; margin-bottom: 15px; }
.locate-content span{display: inline-block; vertical-align: top; width: 100%; font-size: 16px; color: #000;}
.locate-content label{ display: inline-block; vertical-align: top; width: 100%;  }
.locate-content span.badge{ width: auto; margin-top: 0px;  }
.locate-content .project-content p { margin-bottom: 10px;  }
.locate-content .project-content label { margin-bottom: 0px;  }
.locate-content span.content{ width: auto; margin: 0px; font-weight: 400; font-size: 13px;  }
.view-btn{display: block;}
.locate-content .project-content .location-wrap { display: flex; align-items: center; justify-content: flex-start; flex-wrap: wrap;}
.locate-content .project-content .location-wrap label { width: auto; margin-right: 5px; }
.locate-content .project-content .location-wrap span { width: auto; }

/* Css For view-unit-details.html */
/*.manage-unit{font-size: 12px;}*/
.manage-unit input[type="text"]{max-width: 100px; border: 1px solid transparent;    color: #545454;font-weight: 300;background: transparent;}
.manage-unit input[type="text"]:focus{border-color: #dee2e6;}
.manage-unit a{display: inline-block; line-height: 22px;    color: #545454;-webkit-transition: all 0.2s;transition: all 0.2s;font-weight: 400;}
.manage-unit a:hover{opacity: 0.8;-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";}
.manage-unit a span{display: inline-block; vertical-align: middle;margin-left: 3px;}

.unittype-wrap{width: 50%;}
.w-400{max-width: 400px;}
.unittype-btn{margin-left: auto;}

.font-18{font-size: 20px;}
.font-14{ font-size: 14px;}
.action-buttons{display: inline-block; vertical-align: middle;}
.action-buttons:after{display: none;}
.action-buttons img{max-width: 20px;}

.total-reviewblock{color: #fff;}
.bg-green{background: #00c292;}
.bg-purple{background: #7015bd;}
.bg-blue{background: #5475ed;}
.bg-red{background: #ed4040;}

.text-small{font-size: 14px;font-weight: 500;}
.control-block .form-control{border-top-right-radius: 0; border-bottom-right-radius: 0;}
.skin-green .control-block .form-control:focus{border: 1px solid #f2f2f2;}
.control-block .input-group-text{ border-top-left-radius: 0; border-bottom-left-radius: 0;}
.font-weight-medium{font-weight: 400!important;}

.user-pic{width: 350px; margin-right: 10px; margin-top: 0; text-align: center;position:relative; z-index:0;}
.user-pic-block{max-width: 200px; margin: 0 auto; border-radius: 50%;}
.user-pic-block img{border-radius: 50%;}
.profile-information{width: calc(100% - 380px); margin-left: auto;}
.user-pic-block label{border-radius: 5px; padding: 8px 10px;font-size: 13px; color: #999;cursor: pointer; margin-top: 10px; }
.user-pic-block .dropify-wrapper .dropify-preview .dropify-infos .dropify-infos-inner p{line-height: 1; font-weight: 300;margin-top: 0px;opacity: 1;-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";}
.user-pic-block .dropify-wrapper .dropify-preview .dropify-infos .dropify-infos-inner p.dropify-filename span.file-icon{margin-right: 0;}
.user-pic-block .dropify-wrapper .dropify-preview .dropify-infos .dropify-infos-inner p.dropify-infos-message:before{display: none;}
.user-pic-block .dropify-render{display: block;width: 100%; height: 100%;}
.user-pic-block .dropify-wrapper .dropify-clear{top: 42px; right: 0; border: none; font-size: 0; background-image: url(../../assets/image/close.svg); background-size: 14px; background-repeat: no-repeat; background-color: transparent; left: 3px; width: 14px; margin: 0 auto;}

.img-40{max-width: 40px;width:40px;height:40px;object-fit:cover;object-position:center;}
.img-15 img{max-width: 15px;}

.action-menu{width: 175px;left: auto !important; right: 10px !important;border: none;box-shadow: 0px 11px 20px 0px #e0e0e0;-webkit-transform: none !important;transform: none !important; top: 30px !important;z-index: 1;}
.action-menu a{display: block;font-size: 14px; padding: 7px 10px;font-weight: 500;}
.action-menu a i{max-width: 15px; margin-right: 7px; font-size: 16px;vertical-align: middle;}
.action-menu img{max-width: 15px; margin-right: 7px;}

.detail-info{background: #fff;padding: 15px;margin-bottom: 20px;}
.detail-info p{margin-bottom: 10px; font-size: 12px; text-transform: uppercase; letter-spacing: 1px; color: #8a8a8a;}
.detail-info h4{font-weight: 500; font-size: 18px; color: #000;}
.white-bg{background: #fff;}
.white-bg .dropdown-toggle{background: #fff;}
.detail-info > *:last-child{margin-bottom: 0;}

.basic-info{display: -webkit-inline-box;display: -ms-inline-flexbox;display: inline-flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center;}
.person-imagewrap{width: 40px;}
.person-information{width: calc(100% - 40px); padding-left: 5px;}
.designation{display: block;color: #007bff;}
.count.badge{font-size: 12px;padding:7px 13px;border-radius: 50px;font-weight: 500;}

/*Starts Css for View Client Page*/
.hideinfo .dataTables_info{visibility: hidden;}
.hideinfo .action-menu{right: 60px !important;top: -20px !important;}

.change-passwordblock{display: -webkit-inline-box;display: -ms-inline-flexbox;display: inline-flex;-webkit-box-align: center;-ms-flex-align: center;align-items: center;-webkit-box-pack: end;-ms-flex-pack: end;justify-content: flex-end;}
.change-password img{max-width: 20px;}

/*Starts Css for Add Project Page*/
.add-moreblock{padding-right: 50px; position: relative;}
.addmore-btn:not(.add-btnblock){width: 40px; height: 40px; background: #079975; color: #fff; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; border-radius: 50%; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; padding: 5px; position: absolute; top: 33px; right: 0;font-size: 14px;}
.addmore-btn.unit-btn{position: static;}
.addmore-btn:hover ,
.remove-btn:hover{color: #fff;}
.remove-btn {width: 40px; height: 40px; background: #ed4040; color: #fff; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; border-radius: 50%; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; padding: 5px; position: absolute; top: 3px; right: 0; font-size: 14px; }


.badge.name-badge {width: 40px; padding: 3px; height: 40px; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; border-radius: 50%; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; font-weight: 400; font-size: 14px; text-transform: uppercase;}
.badge-blue{background: #003399;color: #fff;}

#unit_fields .remove-btn{top: 33px;}
/* Starts Css for for Profile Page*/
.country-selection .dropdown-toggle , 
.country-selection .dropdown-toggle:active{background-color: #f2f2f2 !important; border: 1px solid #f2f2f2 !important; padding: 0; width: 100%; height: 50px; text-align: left;color: #495057 !important; padding: 12px 20px;border-radius: 0;}
.country-selection .dropdown-toggle:focus ,
.country-selection .dropdown-toggle:active{border-color: #454d66 !important;}
.country-selection .dropdown-toggle:after{position: absolute; right: 10px; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%);border-top-color: #999;}
.country-selection .dropdown-menu{width: 100%; padding: 0; border: 0 none; box-shadow: 0 3px 8px 0 rgba(0,0,0,0.1); z-index: 2;max-height: 400px; overflow: auto;}
.country-selection .dropdown-menu a{padding: 10px 20px;display: block;font-size: 14px; font-weight: 400; line-height: 1.42857143; color: #212529; white-space: nowrap;cursor: pointer;}


/* Starts Css for for View Unit Details Page */
.uploaded-images{margin-top: 20px;}
.upload-image{display: -webkit-box;display: -ms-flexbox;display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap;margin: 0 -10px 20px;padding-bottom: 20px;position: relative;}
.upload-image:after{content: ''; position: absolute; height: 1px; background: #e4e4e4; bottom: 0; display: block; left: 10px; right: 10px;}
.upload-image .images{width: calc(33.33% - 20px);margin: 10px;position: relative;border: 10px solid #eaeaea;height: 110px;}
.upload-image .images img{width: 100%;height: 100%;-o-object-fit: cover;object-fit: cover;-o-object-position: center;object-position: center;}
.upload-image .images .remove{position: absolute; top: -14px; right: -10px; color: #333; line-height: 0; width: 20px; height: 20px; display: inline-block; background: #fff; padding: 5px;}
.uploadimage-box{border: none; padding: 0; display: -webkit-box; display: -ms-flexbox; display: flex; min-height: auto; -webkit-box-align: center; -ms-flex-align: center; align-items: center;margin: 0 -10px 20px;-ms-flex-wrap: wrap;flex-wrap: wrap;padding-bottom: 20px;}
.uploadimage-box  .dz-message{width: calc(33.33% - 20px);margin: 0; padding: 35px 10px; background:#eaeaea;margin: 10px;height: 110px;}
.uploadimage-box  .dz-message span{text-indent: -9999px;display: inline-block;width: 40px; height: 40px; border-radius: 50%;background-image: url('../../assets/image/plus.svg');background-size: 20px; background-repeat: no-repeat; background-position: center;}
.uploadimage-box.dropzone .dz-preview.dz-image-preview{-webkit-box-ordinal-group: 1;-ms-flex-order: 0;order: 0; width: calc(33.33% - 20px); margin: 10px; height: 110px;}
.uploadimage-box.dropzone .dz-preview .dz-image{border-radius: 0;width: 100%;height: 100%;border: 10px solid #eaeaea;}
.uploadimage-box.dropzone .dz-preview .dz-image img{width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; -o-object-position: center; object-position: center;}
.uploadimage-box.dropzone.dz-started .dz-message{display: inline-block; -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; margin: 0 10px;}

.uploadimage-box.dropzone .dz-preview .dz-details{display: none;}
.uploadimage-box.dropzone .dz-preview.dz-error .dz-error-mark{display: none;}
.dropzone .dz-preview:hover .dz-image img{-webkit-filter: blur(0px); filter: url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg"><filter id="filter"><feGaussianBlur stdDeviation="0" /></filter></svg>#filter'); filter: blur(0px);-webkit-transform: scale(1); transform: scale(1);}
.uploadimage-box.dropzone .dz-preview .dz-error-message{display: none;}

.selection-blockwrap .bootstrap-select.btn-group .dropdown-menu{-webkit-transform: none !important;transform: none !important;top: 48px !important;}
.help-block{color:#f00;}
textarea.form-control.cstmtextarea {min-height: 50px;}
input[type='search']{
    background-color: #fff;
    -webkit-transition: background 0s ease-out;
    transition: background 0s ease-out;
    float: none;
    box-shadow: none;
    border-radius: 0;
    margin-left: 0px;
    width: 400px;
    font-size: 14px;
    height: 50px;
    border: 1px solid #f2f2f2;
    padding: 10px;
}
.btn.input-group-addon{    font-size: 14px;
                           font-weight: 300;
                           width: 50px;
                           height: 50px;
                           display: inline-block;
                           line-height: 50px;
                           background: #edf1f5;
                           text-align: center;
                           color: #454d66;
                           padding: 0;
                           border: none;
                           border-radius: 0;}
.panel-heading{overflow: hidden;}
.hidden {
    display:none!important;
}
.project_img{
    width: 60%;
    height: 40%;
    margin: 40px 180px;
}

.readonly {
    pointer-events: none;
}
.card.transparent {
    background: transparent;
}
.addmore-btn.static-btn,
.remove-btn.static-btn{position:static;}
.dropdown.bootstrap-select{display: flex;
                           flex-wrap: wrap;}
.dropdown.bootstrap-select .dropdown-toggle{order: 0;}
.dropdown.bootstrap-select .help-block.error{order: 1;}

.location-map {
    width: 75px;
    height: 75px;
    border-radius: 100%;
    border: 1px solid green;
    margin: 5px 0px;
    object-fit:cover;
    object-position:center;
}
.bg-gray {
    background-color: #D3D3D3;
}

.admin-user {
    width: 200px;
    height: 200px;
    border-radius: 100%;
    margin: 0 110px;
}
.add-blockwrap{    display: flex;
                   justify-content: space-between;
                   align-items: center;}
.add-blockwrap .card-title{margin-right: 15px;}
.add-blockwrap .btn{
    padding: 12px 30px 10px;}


.table-blockwrap .table-responsive{    overflow: auto;}
.table-blockwrap .ht_master .wtHolder{height: auto !important;}
#hot-display-license-info{display: none;}
.page-wrapper .dropzone{border: 2px dashed rgba(69, 77, 102, 0.8);border-radius: 4px;}
.page-wrapper .dropzone .dz-preview .dz-remove{    width: 15px;
                                                   height: 15px;font-size: 0;position: absolute;
                                                   background-image: url(../../assets/image/close-grey.svg);
                                                   background-size: 15px;
                                                   background-repeat: no-repeat;
                                                   top: 0;
                                                   right: 0;
                                                   z-index: 70;}
.dropzone .dz-preview .dz-image img {width: 100%;height: 100%;object-fit: cover;object-position: center;}
.dropzone .dz-preview:not(.dz-processing) .dz-progress{    display: none;}
.page-wrapper .dz-default.dz-message{font-size: 22px;font-weight: 600;color: #009975;}
.subtitle-caption{font-weight: 600;}

.image-locwrap{ display: inline-block; position: relative; width: 75px; height: 75px;}
.edit-blockwrap{position:absolute;left:0;right: 0;top:5px;bottom:5px;    background: rgba(0, 153, 117, 0.8);opacity:0;transition:all 0.3s;display:flex;align-items:center;justify-content:center;  border-radius: 50%; width: 75px;height: 75px;}
.edit-blockwrap a{color: #fff;padding:5px; font-size: 20px;}
.image-locwrap:hover .edit-blockwrap{opacity:1;}

/*.locate-content .owl-carousel.owl-drag .owl-item { margin-right: 15px; }*/
.locate-content .owl-prev {
    width: 15px;
    height: 100px;
    position: absolute;
    top: 0;
    margin-left: -10px;
    display: block !important;
    border:0px solid black;
}
.locate-content .owl-next {
    width: 15px;
    height: 100px;
    position: absolute;
    top: 0;
    right: -10px;
    display: block !important;
    border:0px solid black;
}
.locate-content .owl-next.disabled, .locate-content .owl-prev.disabled { cursor: not-allowed !important; }

.locate-content .owl-next i, .locate-content .owl-prev i { font-size: 20px; }
.owl-carousel .owl-nav button.owl-prev:focus, .owl-carousel .owl-nav button.owl-next:focus { outline: none; outline-style: none; outline: 0 !important; }

/*.owl-prev i, .owl-next i {transform : scale(1,6); color: #ccc;}*/


/** HandsOnTable css **/
.handsontable td, .handsontable th, .handsontableInput:focus { text-transform: uppercase; }


.show_downlod_file {
    font-weight: 450;
    font-size: 13px;
    color: #999;
}

.tooltip {
    max-width: 700px !important;
    min-width: 10px !important;
    white-space: pre-wrap;
}
.tooltip-inner {
    max-width: 100% !important;
}
.wordwrap {
    white-space: pre-wrap;
}