body {font-family: 'Lato' !important;color:#717171;font-size:13px;background:#fff;padding :0 !important;}
#loginbox{width: 580px; /*background: #6fa3e8;
background: -webkit-linear-gradient(top, #6fa3e8, #0e3256);
background: -o-linear-gradient(top, #6fa3e8, #0e3256);
background: -moz-linear-gradient(top, #6fa3e8, #0e3256);
background: linear-gradient(top, #6fa3e8, #0e3256);  */ border-radius: 0;overflow: hidden;padding:35px 25px 20px 25px;
/*box-shadow: 0 5px 10px 0px rgba(0, 0, 0, 0.1);-moz-box-shadow: 0 5px 10px 0px rgba(0, 0, 0, 0.1);
-webkit-box-shadow: 0 5px 10px 0px rgba(0, 0, 0, 0.1);-o-box-shadow: 0 5px 10px 0px rgba(0, 0, 0, 0.1);
-ms-box-shadow: 0 5px 10px 0px rgba(0, 0, 0, 0.1);background: rgba(0, 0, 0, 0.4)*/margin:0 auto;}
/*.caret{color:#fff}*/
.caret:hover{color:#fff}
/*#wrapper{background:#F7F7F7;}*/
#wrapper .panel-title{text-align: center;}
#wrapper .smart-safety-logo,#wrapper .logo-big-login-new{text-align: center;padding: 20px 0}
#wrapper .panel-info>.panel-heading,#wrapper .btn-success{color:#fff;background-color:#d31145;border:none;}
/*#wrapper .btn-success{background:#19b9e7;padding: 10px 40px;border-radius: 30px;font-size: 17px;text-transform: uppercase;color:#fff}*/
#wrapper .btn-success{    background: #ff5200;
    padding: 10px 40px;
    border-radius: 13px;
    font-size: 27px;
    /* text-transform: uppercase; */
    color: #fff;
    min-width: 250px;
    font-weight: bold;}
.btn{font-size:12px;min-width:85px}
a,a:focus, a:hover{color: #ff4f00}

#wrapper .btn-success:hover{background: #000;color:#fff}
#wrapper .panel-title{font-size: 21px;text-transform: uppercase;}
#wrapper .col-sm-12.controls{text-align: center}
#wrapper .panel-info{border:none;background: none}
#wrapper .logo{float: left;padding:8px 0}
#wrapper header .logo{padding:22px 0}
/*#wrapper .logo img{width:100px}*/
#wrapper .add-new{float: right;}
header{/*background: #0e3256;*/text-align:center;padding:0;border-bottom:3px solid #5b5b5b;}
.project-top {padding: 0;}
header img.profile-img{width:200px}
.projects-tab .heading-title{float: none;font-size: 22px;color: #000; margin: 0;font-weight: normal;padding:5px 0;text-transform: capitalize;text-align: right;}
.heading-title {float: left;font-size: 22px;color: #000;margin: 0;font-weight: normal;padding: 0 0 10px 0;    margin-left: -15px;
text-transform: capitalize;}
.projects-tab .head-top-right{position:absolute;top:4px;right:10px} 
.projects-tab .head-top-right button{margin:0 !important}
.main-content{padding:15px 0;/*background:#f8f8f8;min-height:calc(100vh - 55px)*/}
.container{width: 100%;padding:0 30px}
.content{padding:5px 0;/*margin-bottom: 20px;background-color: #fff;border: 1px solid #e8e8e8;border-radius: 0;
-webkit-box-shadow: 0 1px 1px rgba(0,0,0,.05);box-shadow: 0 1px 1px rgba(0,0,0,.05);*/}
.projects-tab .project-top{/*background: #dfecf8 !important;*/margin: 0;padding: 5px 0 15px;position:relative;}
.projects-tab .project-top-new{/*background: #dfecf8 !important;*/margin: 0;padding: 5px 0 5px;position:relative;}
.content table p{margin: 0}
.add-floor{margin: 18px !important;} /*By Pratik*/
.content .btn-danger{color:#fff;background-color:#d31145;border-color:#CC0000;}
.content .floor-name .btn.btn-xs,#wrapper .content .floor-name .btn.btn-xs{background: none;border: none;color:#000;font-size: 10px}
.buttons{background: #fff;text-align: right;overflow: hidden;padding:15px 10px;/*border-bottom: 1px dashed #ddd;*/border-top: 1px dashed #ddd;margin:15px 0;}
/*.buttons button,.add-cmp button,.add-hospital button,.add-clinic button,*/
button, input, select, textarea{font-family: 'Lato' !important;}
#wrapper .btn-primary .fa, .btn-primary .fa{padding-right:6px}
.btn{webkit-transition: all .2s ease-in-out;
-o-transition: all .2s ease-in-out;
transition: all .2s ease-in-out;}
#wrapper .btn-primary,.btn-primary{margin: 0 5px;color: #fff;background-color: #ff5200 !important;border-color: #ff5200 !important;border-radius:0;text-transform: uppercase;min-width:95px;outline: none !important}
#wrapper .btn-primary:hover,.btn-primary:hover,.btn-primary:focus,.btn-primary:active{background-color:#b13e08 !important;border-color:#b13e08 !important;outline: none !important}
#wrapper .btn-default ,.btn-default {color: #fff;background-color: #424f57;border-color: #424f57;border-radius:0;text-transform: uppercase;min-width:95px;outline: none !important}
#wrapper .btn-default:hover, .btn-default:hover, .btn-default:focus{background: #000 !important;color:#fff !important}
.panel-default>.panel-heading{background: #fff;margin:0;padding:10px 10px 0;border-bottom: 0}
.nav-tabs>li>a{color:#000;font-weight:bold;font-size:14px;min-width:165px;text-align:center}
.nav-tabs>li.active>a, .nav-tabs>li.active>a:focus, .nav-tabs>li.active>a:hover,.nav-tabs>li>a:hover{/*color:#d31145;border: 1px solid #d31145;border-bottom-color:transparent;*/        color: #000;
    border: 1px solid transparent;
    border-bottom-color: transparent;
    background: #ffa193;
    font-weight: bold;
    border-radius: 0;}
.nav-tabs{text-align:center;border-bottom:0}
.nav-tabs>li{float:none;display:inline-block;}
.nav-tabs>li>a{padding:10px 8px;background:#bfbfbf;border-radius:0;/*margin:0 !important*/}
/*.nav-tabs {border-bottom: 1px solid #6fa3e8}*/
/*.nav>li>a:focus, .nav>li>a:hover{background: #fff;}*/
.panel{border-top:0;}
.panel-body{padding:15px}
.header-right {float: right;text-align: right;}
.header-right .dropdown-menu{border-radius:0;left:auto;padding:5px 0;right:0;transition:.4s;-webkit-transition:.4s;margin:0;right:-15px}
.header-right .dropdown a{color:#5b5b5b;text-decoration:none !important}
.header-right .dropdown em{font-style:normal;color:#5b5b5b;font-size:18px}
.header-right .dropdown em span a{color:#ff4f00}
.header-right .dropdown em:hover,.header-right .dropdown a:hover i{color:#5b5b5b}
.header-right .dropdown-menu ul{padding:0}
.header-right .dropdown-menu li{font-size:13px;list-style:outside none none;padding:0}
.header-right .dropdown-menu li:last-child{border-bottom:0}
.header-right .dropdown-menu li a{font-size: 13px;display: block;padding: 5px 15px;clear: both;    font-weight: normal;line-height: 1.42857143;color: #333;white-space: nowrap;}
.header-right .dropdown-menu li a:hover{text-decoration:none}
.header-right .dropdown-menu::before{border-color:transparent transparent #5AB071;border-style:solid;border-width:8px;bottom:100.1%;content:"";display:block;height:0;position:absolute;left:50%;width:0}
.header-right .dropdown-menu li a:hover,
.header-right .dropdown-menu li a:focus,
.header-right .dropdown-menu>.active>a,
.header-right .dropdown-menu>.active>a:hover,
.header-right .dropdown-menu>.active>a:focus {
background-image: none;filter: none;background-color: #f1f1f1 !important;color: #717171;}
.header-right .dropdown-menu .divider {height: 1px;margin:4px 0;overflow: hidden;background-color: #e5e5e5}
.header-right .dropdown-menu::after{border-color:transparent transparent #fff;border-style:solid;border-width:8px;bottom:100%;content:"";display:block;height:0;position:absolute;left:50%;width:0}
.dropdown.profile-menu{display:inline-block;padding:16px 10px 6px;vertical-align:top}
#wrapper .form-control{height: 36px;padding: 5px 12px;}
.dropdown.profile-menu{padding:12px 10px 11px}
.dropdown.profile-menu{background:url(../img/sep.png) 0 20px no-repeat;margin-left:8px;padding-left:22px}
.dropdown.profile-menu .fa.fa-angle-down{font-size:20px; position:relative;top:3px}
.dropdown.profile-menu .initial{      border-radius: 50%;
    color: #d31145;
    display: inline-block;
    font-size: 17px;
    font-weight: bold;
    height: 80px;
    padding: 1px 1px;
    text-align: center;
    width: 35px;
    margin: 0 8px;
    line-height: 60px;
    width: 80px;
    margin-top: 0;
    margin-right: 0;
    border: 3px solid #ff4f00;}
.dropdown.profile-menu .initial img{    max-width: 100%;
    border-radius: 500px;
    margin-top: 0px;
    border: 4px solid #fff;}
.add-cmp,.add-hospital,.add-clinic,.add-next-contact{background:#f2f2f2;padding: 15px 0 5px;border:1px solid #ddd;margin-bottom: 15px}
/*.common-btn button{background: #424f57;color:#fff;}*/
.common-btn .glyphicon{font-size: 11px;margin-left: 2px}
/*.btn-default,.btn-primary{min-width: 70px}*/
#upload-file-selector {display:none;}
#wrapper .bootstrap-select .btn.dropdown-toggle.btn-default{background:#fff;color:#000;border: 1px solid #ccc;text-transform:capitalize;}
.bootstrap-select.btn-group .dropdown-toggle .filter-option{color:#555;}
#wrapper .trash{margin:9px 0 7px;}
.add-next-contact,.add-hospital,.add-cmp{position: relative;}
.add-next-contact .trash,.add-hospital .trash,.add-cmp .trash{position: absolute;top:4px;right: 9px}
#wrapper .trash .btn-xs{line-height:inherit; }

/*for croped image*/
/*.user-image span {
display: inline-block;
margin-bottom: 5px;float: right;
}
.cropped > img, .user-image span img {
border: 3px solid #fff;
box-shadow: 0 0 5px #ccc;
margin: 0;
}
.imageBox
{
position: relative;
height: 400px;
width: 400px;
border:1px solid #aaa;
background: #fff;
overflow: hidden;
background-repeat: no-repeat;
cursor:move;margin:0 auto 
}

.imageBox .thumbBox{position: absolute;
top: 50%;
left: 50%;
width: 200px;
height: 200px;
margin-top: -100px;
margin-left: -100px;
box-sizing: border-box;
border: 1px solid rgb(102, 102, 102);
box-shadow: 0 0 0 1000px rgba(0, 0, 0, 0.5);
background: none repeat scroll 0% 0% transparent}

.imageBox .spinner{position: relative;top: 0;left: 0;bottom: 0;right: 0;text-align: center;line-height: 400px;background: rgba(0,0,0,0.7)}
.change-propic
{
position: relative;
top:0; left:0; right: 0; bottom: 0;
}
.change-propic .action
{
width: 400px;
height: 30px;
margin: 10px auto
}
.user-image{position: relative;}
.cropped {
left: 44px;
position: absolute;
top: 0;
width: 100%;
}
.cropped>img
{
margin-right: 10px;border:3px solid #fff;box-shadow:0 0 5px #ccc ;margin:0;width: 80px;height: 80px
}*/
#wrapper .btn-primary.changes{margin-top:21px;}

/*for uupload pdf format*/
/* .clearfix{*zoom:1;}.clearfix:before,.clearfix:after{display:table;content:"";line-height:0;}
.clearfix:after{clear:both;}
.hide-text{font:0/0 a;color:transparent;text-shadow:none;background-color:transparent;border:0;}
.input-block-level{display:block;width:100%;min-height:30px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}
.btn-file{overflow:hidden;position:relative;vertical-align:middle;}.btn-file>input{position:absolute;top:0;right:0;margin:0;opacity:0;filter:alpha(opacity=0);transform:translate(-300px, 0) scale(4);font-size:23px;direction:ltr;cursor:pointer;}
.fileupload{margin-bottom:9px;border-radius: 4px}.fileupload .uneditable-input{display:inline-block;margin-bottom:0px;vertical-align:middle;cursor:text;}
.fileupload .thumbnail{overflow:hidden;display:inline-block;margin-bottom:5px;vertical-align:middle;text-align:center;}.fileupload .thumbnail>img{display:inline-block;vertical-align:middle;max-height:100%;}
.fileupload .btn{vertical-align:middle;}
.fileupload-exists .fileupload-new,.fileupload-new .fileupload-exists{display:none;}
.fileupload-inline .fileupload-controls{display:inline;}
.fileupload-new .input-append .btn-file{-webkit-border-radius:0 3px 3px 0;-moz-border-radius:0 3px 3px 0;border-radius:0 3px 3px 0;}
.thumbnail-borderless .thumbnail{border:none;padding:0;-webkit-border-radius:0;-moz-border-radius:0;border-radius:0;-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none;}
.fileupload-new.thumbnail-borderless .thumbnail{border:1px solid #ddd;}
.control-group.warning .fileupload .uneditable-input{color:#a47e3c;border-color:#a47e3c;}
.control-group.warning .fileupload .fileupload-preview{color:#a47e3c;}
.control-group.warning .fileupload .thumbnail{border-color:#a47e3c;}
.control-group.error .fileupload .uneditable-input{color:#b94a48;border-color:#b94a48;}
.control-group.error .fileupload .fileupload-preview{color:#b94a48;}
.control-group.error .fileupload .thumbnail{border-color:#b94a48;}
.control-group.success .fileupload .uneditable-input{color:#468847;border-color:#468847;}
.control-group.success .fileupload .fileupload-preview{color:#468847;}
.control-group.success .fileupload .thumbnail{border-color:#468847;}*/

/* File Upload */
.fake-shadow {box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);}
.fileUpload {position: relative;overflow: hidden;}
.fileUpload #logo-id {position: absolute;top: 0;right: 0;margin: 0;padding: 0;font-size: 33px;cursor: pointer;
opacity: 0;filter: alpha(opacity=0);}
.img-preview {max-width: 100%;display: inline-block;margin: 0 0 11px 0;-webkit-transition: all 0.35s ease-in-out;
-moz-transition: all 0.35s ease-in-out;transition: all 0.35s ease-in-out;}
img.thumbnail.img-preview:hover {transform: scale(8.5);z-index: 9999999;}
.input-group-btn:last-child>.btn.fileUpload{border-radius: 4px}
.add-cmp .input-group-btn{text-align: center;}
.add-cmp .input-group-btn .btn{padding: 5px 8px;font-size: 13px}
.kv-avatar .krajee-default.file-preview-frame,.kv-avatar .krajee-default.file-preview-frame:hover {margin: 0;padding: 0;box-shadow: none;text-align: center;}
.kv-avatar .file-input {max-width: 220px;}
.kv-reqd {color: red;font-family: monospace;font-weight: normal;}


/*!
* bootstrap-fileinput v4.4.2
* http://plugins.krajee.com/file-input
*
* Krajee default styling for bootstrap-fileinput.
*
* Author: Kartik Visweswaran
* Copyright: 2014 - 2017, Kartik Visweswaran, Krajee.com
*
* Licensed under the BSD 3-Clause
* https://github.com/kartik-v/bootstrap-fileinput/blob/master/LICENSE.md
*/.file-drop-zone,.krajee-default .file-preview-audio audio, .krajee-default .file-preview-image,.krajee-default .file-preview-other{vertical-align:middle}
.file-loading{top:0;right:0;width:25px;height:25px;font-size:999px;text-align:right;color:#fff;background:url(../img/loading.gif) top left no-repeat;border:none}
.file-object{margin:0 0 -5px;padding:0}
.btn-file{/*position: absolute;*/overflow: hidden;top: 9px;right: 0;/* background: none !important; *//* border: none !important; */color: #fff !important;padding: 10px;font-size: 15px;padding: 0 3px;margin: 0 !important;height: 21px;}
.file-footer-buttons .kv-file-zoom.btn.btn-xs.btn-default{background-color: #d31145 !important;border-color: #d31145 !important;color: #fff !important;height: 22px;padding: 2px 4px;font-size: 15px !important;vertical-align: top;
                                    line-height: inherit;}
.btn-file input[type=file]{position:absolute;top:0;right:0;min-width:100%;min-height:100%;text-align:right;opacity:0;background:none;cursor:inherit;display:block}
.file-caption-name{display:inline-block;overflow:hidden;height:20px;word-break:break-all}
.input-group-lg .file-caption-name{height:25px}
.file-zoom-dialog{text-align:left}
.file-error-message{color:#a94442;background-color:#f2dede;margin:5px;border:1px solid #ebccd1;border-radius:4px;padding:15px}
.file-error-message pre,.file-error-message ul{margin:0;text-align:left}
.file-error-message pre{margin:5px 0}
.file-caption-disabled{background-color:#EEE;cursor:not-allowed;opacity:1}
.file-preview{width:100%}
.file-preview-image{font:40px Impact,Charcoal,sans-serif;color:green;height: 150px !important}
.krajee-default.file-preview-frame{position:relative;display:table;margin:8px/*;border:1px solid #ddd*/;padding:6px;float:left;text-align:center}
/* .krajee-default.file-preview-frame:not(.file-preview-error):hover{box-shadow:3px 3px 5px 0 #333}*/
.krajee-default.file-preview-frame .kv-file-content{height:150px;width: 150px;overflow: hidden;}
/* .krajee-default.file-preview-frame .file-thumbnail-footer{height:70px}*/
.krajee-default .file-preview-text{display:block;color:#428bca;border:1px solid #ddd;font-family:Menlo,Monaco,Consolas,"Courier New",monospace;outline:0;padding:8px;resize:none}
.krajee-default .file-preview-html{border:1px solid #ddd;padding:8px;overflow:auto}
.krajee-default[data-template=audio] .file-preview-audio{display:table-cell;vertical-align:middle;height:170px;border:1px solid #ddd;border-radius:5px}
.krajee-default .file-zoom-dialog .file-preview-text{font-size:1.2em}
.krajee-default .file-preview-other{left:0;top:0;right:0;bottom:0;margin:auto;text-align:center;padding:10px}
.krajee-default .file-preview-other:hover{opacity:.8}
.krajee-default .file-actions,.krajee-default .file-other-error{text-align:left}
.krajee-default .file-other-icon{font-size:8em}/*.krajee-default .file-actions{margin-top:15px}*/
.krajee-default .file-footer-buttons{float:right}
.krajee-default .file-footer-caption{display:none;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;width:160px;text-align:center;padding-top:4px;font-size:11px;color:#777;margin:5px auto}
.file-input-ajax-new .fileinput-remove-button,.file-input-ajax-new .fileinput-upload-button,.file-input-ajax-new .no-browse .input-group-btn,.file-input-new .close,.file-input-new .file-preview,.file-input-new .fileinput-remove-button,.file-input-new .fileinput-upload-button,.file-input-new .glyphicon-file,.file-input-new .no-browse .input-group-btn,.hide-content .kv-file-content{display:none}
.krajee-default .file-preview-error{opacity:.65;box-shadow:none}
.krajee-default .file-preview-frame:not(.file-preview-error) .file-footer-caption:hover{color:#000}
.krajee-default .file-drag-handle,.krajee-default .file-upload-indicator{position:absolute;text-align:center;bottom:-6px;left:-6px;padding:8px 8px 1px 3px;border-left:none;border-bottom:none;border-right:1px solid #8a6d3b;border-top:1px solid #8a6d3b;border-top-right-radius:24px;font-size:12px}
.krajee-default .file-drag-handle{background-color:#d9edf7;border-color:#bce8f1}
.krajee-default .file-upload-indicator{font-size:13px;background-color:#fcf8e3;border-color:#faebcc;padding-bottom:0}
.krajee-default.file-preview-error .file-upload-indicator{background-color:#f2dede;border-color:#ebccd1}
.krajee-default.file-preview-success .file-upload-indicator{background-color:#dff0d8;border-color:#d6e9c6}
.krajee-default.file-preview-loading .file-upload-indicator{background-color:#e5e5e5;border-color:#777}
.krajee-default .file-thumb-progress .progress,.krajee-default .file-thumb-progress .progress-bar{height:10px;font-size:9px;line-height:10px}
.krajee-default .file-thumbnail-footer{position: absolute;top: 3px;left: 5px;}
.krajee-default .file-thumb-progress{height:10px;position:absolute;top:35px;left:0;right:0}.krajee-default.kvsortable-ghost{background:#e1edf7;border:2px solid #a1abff}.file-zoom-dialog .file-other-icon{font-size:22em;font-size:50vmin}.file-caption-main{width:100%}.file-input-ajax-new .no-browse .form-control,.file-input-new .no-browse .form-control{border-top-right-radius:4px;border-bottom-right-radius:4px}.file-thumb-loading{background:url(../img/loading.gif) center center no-repeat content-box!important}.file-sortable .file-drag-handle{cursor:move;cursor:-webkit-grabbing;opacity:1}.file-sortable .file-drag-handle:hover{opacity:.7}.file-drop-zone{border:1px dashed #aaa;border-radius:4px;height:100%;text-align:center;margin:12px 15px 12px 12px;padding:5px}.file-drop-zone-title{color:#aaa;font-size:1.6em;padding:85px 10px;cursor:default}.clickable .file-drop-zone-title,.file-preview .clickable{cursor:pointer}.file-drop-zone.clickable:hover{border:2px dashed #999}.file-drop-zone.clickable:focus{border:2px solid #5acde2}.file-drop-zone .file-preview-thumbnails{cursor:default}.file-highlighted{border:2px dashed #999!important;background-color:#f0f0f0}.file-uploading{background:url(../img/loading-sm.gif) center bottom 10px no-repeat;opacity:.65}.file-zoom-fullscreen.modal{position:fixed;top:0;right:0;bottom:0;left:0}.file-zoom-fullscreen .modal-dialog{position:fixed;margin:0;width:100%;height:100%;padding:0}.file-zoom-fullscreen .modal-content{border-radius:0;box-shadow:none}.file-zoom-fullscreen .modal-body{overflow-y:auto}.file-zoom-dialog .modal-body{position:relative!important}.file-zoom-dialog .btn-navigate{position:absolute;padding:0;margin:0;background:0 0;text-decoration:none;outline:0;opacity:.7;top:45%;font-size:4em;color:#1c94c4}.file-zoom-dialog .floating-buttons{position:absolute;top:5px;right:10px}.floating-buttons,.floating-buttons .btn{z-index:3000}.file-zoom-dialog .kv-zoom-actions .btn,.floating-buttons .btn{margin-left:3px}.file-zoom-dialog .btn-navigate:not([disabled]):focus,.file-zoom-dialog .btn-navigate:not([disabled]):hover{outline:0;box-shadow:none;opacity:.5}.file-zoom-dialog .btn-navigate[disabled]{opacity:.3}.file-zoom-dialog .btn-prev{left:1px}.file-zoom-dialog .btn-next{right:1px}.file-zoom-content{height:480px;text-align:center}.file-zoom-content .file-preview-image,.file-zoom-content .file-preview-video{max-height:100%}.file-zoom-content>.file-object.type-image{width:auto;height:auto;min-height:inherit;max-width:100%;max-height:100%}.file-zoom-content>.file-object.type-flash,.file-zoom-content>.file-object.type-video{width:auto;height:100%;max-width:100%;max-height:100%}.file-zoom-content>.file-object.type-audio{width:auto;height:30px}.file-zoom-content>.file-object.type-default,.file-zoom-content>.file-object.type-html,.file-zoom-content>.file-object.type-pdf,.file-zoom-content>.file-object.type-text{width:100%}.file-preview-initial.sortable-chosen{background-color:#d9edf7}.btn-file ::-ms-browse{font-size:10000px;width:100%;height:100%}.rotate-2{transform:rotateY(180deg)}.rotate-3{transform:rotate(180deg)}.rotate-4{transform:rotate(180deg) rotateY(180deg)}.rotate-5{transform:rotate(270deg) rotateY(180deg)}.rotate-6{transform:rotate(90deg)}.rotate-7{transform:rotate(90deg) rotateY(180deg)}.rotate-8{transform:rotate(270deg)}
.file-zoom-content .is-portrait-gt4{margin-top:60px}
.kv-avatar .hidden-xs{display: none;}
.kv-avatar button{display: none;}
.kv-avatar .file-footer-buttons button{display: block;}
.kv-avatar {position: relative;border: 1px solid #ddd;}
.text-warning{display: none;}
.kv-file-zoom{padding: 0}
/* .file-preview-thumbnails .file-preview-frame{border: 1px solid #ddd}*/

#tab3default .btn-file{right: 0;height: 35px;padding: 6px 12px;margin-top: -7px !important}
#tab3default .fileinput{left:0}
#tab3default .file-preview-image{height: 103px !important}
#tab3default .file-footer-buttons{display: none;}
#tab3default .krajee-default.file-preview-frame .kv-file-content{height: 100px !important;width: 100px !important}
.file-default-preview img{opacity: 0.3}
#tab3default .file-default-preview{width: 100px;height: 100px;overflow: hidden;}
/*New Design start from here*/
.login {   }
.login #wrapper{min-height:662px}
.login-form-logo{margin:0 auto 35px auto;display: block;text-align: center;padding: 15px 15px 5px 15px;border-radius: 10px;}
.login-form-title{   font-size: 30px;color: #fff;line-height: 1.2;text-align: center;text-transform: uppercase;display: block;}
.wrap-input100{width: 100%;position: relative;border-bottom: 1px solid #5b5b5b;
margin-bottom:25px}
.input100 {color: #ccc;line-height: 1.2;display: block;width: 100%;height: 45px;
background: transparent;padding: 0 5px 0 38px;border:none;font-size:20px;border-bottom: 1px solid #5b5b5b;text-align: left;}
.input100::-moz-placeholder{color: #ccc;}
.input100:-ms-input-placeholder{color: #ccc;}
.input100::-webkit-input-placeholder{color:#ccc}
#loginbox .error,#forgot-password .error{color: #f00;margin: -15px 0 25px 0;display: block;}
/*---------------------------------------------*/ 
.focus-input100 {position: absolute;display: block;width: 100%;height: 100%;top: 0;left: 0;
pointer-events: none;}
.focus-input100::before {content: "";display: block;position: absolute;bottom: -2px;left: 0;
   width: 0;height: 2px;-webkit-transition: all 0.4s;-o-transition: all 0.4s;-moz-transition: all 0.4s;
   transition: all 0.4s;background: #fff;color:#fff}
.focus-input100::after {font-family: Material-Design-Iconic-Font;font-size: 35px;color: #5b5b5b !important;
  content: attr(data-placeholder);display: block;width: 100%;position: absolute;top: 0;left: 0px;
  padding-left: 5px;-webkit-transition: all 0.4s;-o-transition: all 0.4s;-moz-transition: all 0.4s;transition: all 0.4s;color:#fff}
.input100:focus {padding-left: 5px;outline: none;color: #000}
.input100:focus + .focus-input100::after {top: -22px;font-size: 18px;}
.input100:focus + .focus-input100::before {width: 100%;}
.has-val.input100 + .focus-input100::after {top: -22px;font-size: 18px;}
.has-val.input100 + .focus-input100::before {width: 100%;}
.has-val.input100 {padding-left: 5px;}
/*==================================================================
[ Restyle Checkbox ]*/

.contact100-form-checkbox {padding-left: 5px;padding-top: 0;padding-bottom: 35px;float:left;}
.input-checkbox100 {display: none;}
.label-checkbox100 {font-size: 22px;color: #4b4b4b;line-height: 1.2;font-weight:normal;display: block;
position: relative;padding-left:42px;cursor: pointer;}
.label-checkbox100::before {content: "\f26b";font-family: Material-Design-Iconic-Font;font-size: 13px;
      color: transparent;display: -webkit-box;display: -webkit-flex;display: -moz-box;display: -ms-flexbox;
      display: flex;justify-content: center;align-items: center;position: absolute;width: 25px;
      height: 25px;border-radius: 2px;background: #fff;left: 0;top: 50%;-webkit-transform: translateY(-50%);
      -moz-transform: translateY(-50%);-ms-transform: translateY(-50%);-o-transform: translateY(-50%);
      transform: translateY(-50%);border:1px solid #4b4b4b;}
.input-checkbox100:checked + .label-checkbox100::before {color: #555555;}
.container-login100 {width: 100%;min-height: 100vh;display: -webkit-box;display: -webkit-flex;display: -moz-box;display: -ms-flexbox;display: flex;flex-wrap: wrap;justify-content: center;align-items: center;padding: 15px;background-repeat: no-repeat;background-position: center;background-size: cover;position: relative;z-index: 1;/*background:rgba(0, 0, 0, 0.5); background:#f2f2f2;*/}
.text-center,.add-more-tabs .text-center h4 {text-align: center!important;}
.add-more-tabs .text-center h4{float:none}
.txt1,.txt1:hover {font-size: 20px;color: #ff5200;line-height: 1.5}
#wrapper .panel-info{margin-bottom:0}
.forgot-password .modal-dialog{width:400px}
.modal .input100{color:#555;text-align: left;
    font-size: 18px;}
.modal .wrap-input100{border-bottom:2px solid rgba(0,0,0,0.1)}
.modal .input100::-moz-placeholder{color: #555;}
.modal .input100:-ms-input-placeholder{color: #555;}
.modal .input100::-webkit-input-placeholder{color:#555}
.modal .focus-input100::before{color:#555}
.modal .focus-input100::after{color:#555}
.modal .focus-input100::before{background:#ff5200;}
.wrapper-inner-tab-backgrounds {height: 45px;text-transform: uppercase;}
.wrapper-inner-tab-backgrounds-first{display: inline-block;height: 45px;min-width: 130px;background-color: #6fa3e8;margin:0 3px}
.wrapper-inner-tab-backgrounds-second{display:inline-block;height: 45px;min-width: 130px;background-color: #000;margin:0 3px}
.sim-button{line-height: 45px;height: 45px;text-align: center;margin-right: auto;margin-left: auto;margin-top: 0;
width: 100%;cursor: pointer;border:none;}
.button19 {color: rgba(255,255,255,1);-webkit-transition: all 0.3s;-moz-transition: all 0.3s;-o-transition: all 0.3s;
transition: all 0.3s;position: relative;border: 1px solid rgba(255,255,255,0.5);overflow: hidden;}
.button19 button{border:none;background:none;text-transform: uppercase;width:100%;line-height:44px}
.button19 a{color: rgba(51,51,51,1);text-decoration: none;display: block;}
.button19::before, .button18::after{content: '';position: absolute;top: 0;left: 0;width: 100%;height: 100%;z-index: 1;
              background-color: rgba(255,255,255,0.25);-webkit-transition: all 0.3s;-moz-transition: all 0.3s;-o-transition: all 0.3s;transition: all 0.3s;-webkit-transform: translate(13%,190%) rotate(-30deg);transform: translate(13%,190%) rotate(-30deg);-webkit-transition-timing-function: cubic-bezier(0.75, 0, 0.125, 1);transition-timing-function: cubic-bezier(0.75, 0, 0.125, 1);}
.button19::after{-webkit-transition-delay: 0.2s; /* Safari */transition-delay: 0.2s;}
/*.button19:hover::before, .button18:hover::after{
-webkit-transform: translate(0,0);
transform: translate(0,0);  
}*/
.modal-header{border-bottom: 1px solid #ff5200;text-align: center;background:#ff5200;color: #fff;padding: 10px 15px;}
.modal-header h4{color:#fff;text-align:center;margin: 0;line-height: 1.42857143;font-weight: 400;font-size: 18px;}
.modal-footer{text-align:center;border:none/*;padding-top:0*/}
.modal-content{border-radius:0;overflow:inherit !important}
.modal-body{padding:25px 15px 0 15px}
/*.table-responsive{border:1px solid #e8e8e8;}*/
.table-bordered {
    border: 1px solid #b2b2b2;border-bottom:none
}
table.dataTable.table-bordered {/*border: 1px solid #eee;*/margin:0 !important;}
.dataTables_length, .dataTables_filter ,.dataTables_info, .dataTables_paginate{padding: 10px 15px;}
.dataTables_wrapper label {font-weight: normal;font-size: 12px;/*display: block;*/margin-bottom: 0;text-align: inherit !important;margin:0 auto;top:3px}
.dataTables_wrapper select, .dataTables_wrapper input {font-size: 12px;height: 30px;padding: 5px 10px;border-radius: 3px;display: inline;border: 1px solid #d9d9d9;}
.dataTables_wrapper select, .dataTables_wrapper input {font-size: 12px;height: 30px;padding: 5px 10px;border-radius: 3px;display: inline;border: 1px solid #d9d9d9;}
div.dataTables_wrapper div.dataTables_length select,div.dataTables_wrapper div.dataTables_filter input{height:inherit !important;padding:5px 10px !important}
.table>caption+thead>tr:first-child>td, .table>caption+thead>tr:first-child>th, .table>colgroup+thead>tr:first-child>td, .table>colgroup+thead>tr:first-child>th, .table>thead:first-child>tr:first-child>td, .table>thead:first-child>tr:first-child>th{border-bottom:0;padding:8px 10px 8px 10px !important;font-size:13.5px;line-height:1.4}
.table>thead:first-child>tr:first-child>th,.table>caption+thead>tr:first-child>th{border-bottom:1px solid #e8e8e8 !important}
.table>thead:first-child>tr:first-child>th{/*border-left:1px solid #e8e8e8 !important;*/background: #d9d9d9 !important;
color: #000 !important;}
.table.table-bordered>thead:first-child>tr:first-child>th {
     border-left: 1px solid #b2b2b2 !important; 
    background: #e6e6e6 !important;
    color: #000 !important;border-bottom: 1px solid #b2b2b2 !important;
}

.table.table-bordered>thead tr:first-child>th:first-child{border-left:none !important}
.table-bordered>tbody>tr>td, .table-bordered>tbody>tr>th, .table-bordered>tfoot>tr>td, .table-bordered>tfoot>tr>th, .table-bordered>thead>tr>td, .table-bordered>thead>tr>th{font-size:13px;line-height:1.4;padding:8px 15px;vertical-align:middle;}

.pagination>.disabled>a, .pagination>.disabled>a:focus, .pagination>.disabled>a:hover, .pagination>.disabled>span, .pagination>.disabled>span:focus, .pagination>.disabled>span:hover{font-size:13px;    color: #777;}
.pagination>.active>a, .pagination>.active>a:focus, .pagination>.active>a:hover, .pagination>.active>span, .pagination>.active>span:focus, .pagination>.active>span:hover {
z-index: 3;color: #fff;cursor: default;background-color: #ff4f00;border-color: #ff4f00;outline: 0;/* border: 1px solid #d9d9d9; *//* border-right-width: 0; *//* background: #fff; */padding: 4px 8px;font-size: 13px;}
.table-striped>thead th {background: #f5f5f5 !important;border-right: 1px solid #f1f1f1 !important;}
.table-striped>tbody>tr:nth-child(odd)>td,  .table-striped>tbody>tr:nth-child(odd)>th {background-color: #f9f9f9 !important;}
.table td,  .table th {border-bottom: 1px solid #b7b7b7;color:#11100e/*border-right: 1px solid #f1f1f1 !important;*/}
.main-content .table td, .main-content .table th {border-bottom: 1px solid #b7b7b7;}
.table td {padding: 8px 10px 8px 10px !important;/*vertical-align: middle !important*/}
.table-hover>tbody>tr:hover{background:none;}
.actions a{margin:0 5px;color:#717171}
.actions a:hover{color:#ff4f00}
#DataTables_Table_0_info{padding:20px 15px}
#DataTables_Table_0_paginate{padding:15px 15px 0}
.projects .wrapper-inner-tab-backgrounds-first,.projects .wrapper-inner-tab-backgrounds-second{height:38px;min-width:100px;position: relative;top:-5px}
.projects .sim-button{height:38px;line-height:38px}
.projects .button19 button{line-height:35px;font-size:13px}
.projects .modal .wrapper-inner-tab-backgrounds-first, .projects .modal .wrapper-inner-tab-backgrounds-second{top:5px;}
.switch {position: relative;display: inline-block;width: 30px;height: 17px;}
.switch input {display:none;}
.slider {position: absolute;cursor: pointer;top: 0;left: 0;right: 0;bottom: 0;background-color: #000;-webkit-transition: .4s;transition: .4s;}
.slider:before {position: absolute;content: "";height: 13px;width: 13px;left: 2px;bottom: 2px;background-color: white;
-webkit-transition: .4s;transition: .4s;}
input:checked + .slider {background-color:#ff4f00;}
input:focus + .slider {box-shadow: 0 0 1px #ff4f00;}
input:checked + .slider:before {-webkit-transform: translateX(13px);-ms-transform: translateX(13px);transform: translateX(13px);}
/* Rounded sliders */
.slider.round {border-radius: 17px;}
.slider.round:before {border-radius: 50%;}
.form-control {display: block;width: 100%;height: 32px;padding: 6px 12px;font-size: 14px;line-height: 1.42857143;
color: #5b5b5b;background-color: #fff;background-image: none;border: 1px solid #5b5b5b;border-radius: 0;box-shadow: none;-webkit-box-shadow:none !important/*
-webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
-o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;*/}
label{font-weight:normal;}
.content h2{   border:1px solid #e6e6e6;color: #333;font-size:13px;border-bottom:1px solid transparent;    background-color: #e6e6e6 !important;padding:10px 15px;margin:0;font-weight:bold;}
.label-list {color: #ff4f00;}
.content .client-value{padding:0 15px 0 15px;margin-bottom:20px;border:1px solid #e8e8e8;position: relative;}
.content .client-value span {width:24%;display: inline-block;padding:4px 0}
.content .client-value span:nth-child(2){width:45%}
.content .client-value span:nth-child(3){width:10%}
.content .client-value span:nth-child(4){width:15%}
.view-more{position:absolute;top:10px;right:0}
.modal-dialog{width:750px}
.site-details .modal-dialog{width:550px}
.site-details label{font-weight:bold;margin-right:5px;width:90px}
.projects .modal.site-details .wrapper-inner-tab-backgrounds-first, .projects .modal.site-details .wrapper-inner-tab-backgrounds-second{min-width:150px}
/*.tab-content{text-align:center;}*/
.add-more-tabs{/*background:#FFF;width:46%;padding:15px;box-shadow:0 5px 12px rgba(0,0,0,.2);*//*display:inline-block;margin:0 1.5%;*/vertical-align:top;position:relative;padding-bottom:0;margin-bottom: 15px;width: 100%;display: inline-block;}
.add-more-tabs label{display:inline-block;padding-top:0 !important;/*width:120px;*/font-size:13px;vertical-align:top;line-height:35px}
/*.tab-input{display:inline-block;}*/
.add-more-tabs h3{margin: 0 0 15px 0;border-bottom: 1px solid #f2f2f2;font-size: 17px;
text-align: left;padding:0 15px 8px 15px;height: 30px;font-size: 15px;color: #000;}
.add-more-tabs .bootstrap-select:not([class*="col-"]):not([class*="form-control"]):not(.input-group-btn){width:100%}
.add-more-tabs .row.text-center{position: absolute;right: 25px;top: -8px;}
.add-more-tabs .row.text-center .form-group{display:inline-block;margin-left:5px;margin-bottom:0}
.add-building-content,.add-building-content2{display:none;}
.add-building-content .tab-input,    .add-building-content2 .tab-input{width:100%}
#wrapper .add-more-tabs .form-control{height:33px}
.add-more-tabs h4{font-size:15px;text-align:left;color:#000;margin:0 7px 0 0;float:left;line-height:20px}
.add-more-tabs h4 span{color:color: #337ab7;padding: 0 5px 0 0}
.fileinput {/*left: 4px;top:-7px;*/position: relative;width: 100%;margin-bottom:0;cursor: pointer}
.fileinput .btn-primary{padding:6px 10px;height: auto;font-size:12px}
.file-text{padding: 15px 0}
.inner-add{border-bottom:1px solid #f00;padding-bottom:20px}
.glyphicon.glyphicon-remove{color:#000;}
/*.center-block img{width:50px;height:auto;}*/
.fileinput-filename{margin-top:5px}
.table{margin-bottom:0}
.floor-details{margin:0}
.table>caption+thead>tr:first-child>td, .table>caption+thead>tr:first-child>th, .table>colgroup+thead>tr:first-child>td, .table>colgroup+thead>tr:first-child>th, .table>thead:first-child>tr:first-child>td, .table>thead:first-child>tr:first-child>th{font-weight:normal;font-size:13px;border-bottom:1px solid #5b5b5b !important}
/*.tab-content .table-responsive,.tab-content .table-bordered{border:1px solid #f1f1f1 !important}*/
.table-bordered>tbody>tr>td, .table-bordered>tbody>tr>th, .table-bordered>tfoot>tr>td, .table-bordered>tfoot>tr>th, .table-bordered>thead>tr>td, .table-bordered>thead>tr>th{border:none;border-left:1px solid #b2b2b2;}
.text-left{text-align:left}
.table.table-user-information>tbody>tr>td, .table.table-user-information>tbody>tr>th, .table.table-user-information>tfoot>tr>td, .table.table-user-information>tfoot>tr>th, .table.table-user-information>thead>tr>td, .table>thead>tr>th{border-right:1px solid #f1f1f1 !important}
/* The container */
.checck-radio {position: relative;padding: 0 25px;margin-bottom:20px;cursor: pointer;font-size: 14px;-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;/*width:190px;*/display:inline-block;margin-left:10px}
/* Hide the browser's default radio button */
.checck-radio input {position: absolute;opacity: 0;cursor: pointer;}
/* Create a custom radio button */
.checkmark {position: absolute;top: 2px;left: 0;height: 17px;width: 17px;background-color: #eee;border-radius: 50%;}
/* On mouse-over, add a grey background color */
.checck-radio:hover input ~ .checkmark {background-color: #ccc;}
/* When the radio button is checked, add a blue background */
.checck-radio input:checked ~ .checkmark {background-color: #ff5200;}
/* Create the indicator (the dot/circle - hidden when not checked) */
.checkmark:after {content: "";position: absolute;display: none;}
/* Show the indicator (dot/circle) when checked */
.checck-radio input:checked ~ .checkmark:after {display: block;}
/* Style the indicator (dot/circle) */
.checck-radio .checkmark:after {top: 4.5px;left: 5px;width: 8px;height: 8px;border-radius: 50%;background: white;}

.checck-radio-sub {position: relative;padding: 0 15px;margin-bottom:20px;cursor: pointer;font-size: 14px;-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;/*width:190px;*/display:inline-block;margin-left:10px}
/* Hide the browser's default radio button */
.checck-radio-sub input {position: absolute;opacity: 0;cursor: pointer;}
/* Create a custom radio button */
.checck-radio-sub:hover input ~ .checkmark {background-color: #ccc;}
/* When the radio button is checked, add a blue background */
.checck-radio-sub input:checked ~ .checkmark {background-color: #ff5200;}
/* Create the indicator (the dot/circle - hidden when not checked) */
.checck-radio-sub input:checked ~ .checkmark:after {display: block;}
/* Style the indicator (dot/circle) */
.checck-radio-sub .checkmark:after {top: 4.5px;left: 5px;width: 8px;height: 8px;border-radius: 50%;background: white;}

.default-language,.change-password,.user-profile{padding:5px 0 0}
.default-language,.change-password,.user-subscription{padding:5px 0 0}
.content .default-language h2,.content .change-password h2,.content .user-profile h2{border-bottom:1px solid #e6e6e6;margin-bottom:15px;border-left:none;border-right:none;border-top:none;}
.content .default-language h2,.content .change-password h2,.content .user-subscription h2{border-bottom:1px solid #e6e6e6;margin-bottom:15px;border-left:none;border-right:none;border-top:none;}
.content .change-password label{float: left;line-height: 35px;margin: 0;}
.content .change-password .password-field{padding-left:155px}
.content .change-password .password-field input{width:100% !important}
/*.content .change-password input {float: right;width: 80%;}*/
.content .change-password .col-md-12{margin-bottom:15px}
.bordered{border:1px solid #e8e8e8;overflow: hidden;min-height:252px}
.bordered-subscription{border:1px solid #e8e8e8;overflow: hidden;min-height:152px}
/*.confirm-btn{padding-left:138px}*/
.table-user-information{width:400px}
.table.table-user-information>tbody>tr>td, .table.table-user-information>tbody>tr>th, .table.table-user-information>tfoot>tr>td, .table.table-user-information>tfoot>tr>th, .table.table-user-information>thead>tr>td, .table>thead>tr>th{border-left:none !important;border-right:none !important;border-top:none !important;border-bottom:1px solid #f1f1f1 !important;padding:12px 8px}
.table.table-user-information>tbody>tr:last-child>td{border-bottom:none !important}
.table.table-user-information>tbody>tr>td:first-child{font-weight:bold;}
.content .user-management h2{margin-bottom:0;background-color:none !important}
.view-user-details label{font-weight:bold;width:130px}
.table-responsive{/*overflow-x:hidden;*/ min-height:inherit !important;border:none}
.user-profile{margin:0 0 20px 0}
.user-profile .bordered{padding-bottom:15px}
.user-profile .bordered .col-md-3.col-lg-3 .btn-primary{margin-top:15px}
.user-subscription{margin:0 0 20px 0}
.user-subscription .bordered{padding-bottom:15px}
.user-subscription .bordered .col-md-3.col-lg-3 .btn-primary{margin-top:15px}
#sub21 .fa{cursor:pointer}
#tab5default div.dataTables_wrapper div.dataTables_info{display:none;}
.actions-btn{padding:30px 0 0}
.or{    background: #999;border-radius: 100%;padding: 0;width: 40px;display: inline-block;height: 40px;min-width: inherit;border-color: #999;}
.generate-pin{padding-top:20px}
.spam-btn button{padding:3px 7px;min-width:70px;font-size:11px}
#wrapper .spam-btn button.btn-primary.active {background:#5eb94e;border-color:#5eb94e}
#wrapper .spam-btn button.btn-default.inactive{background:#f00;border-color:#f00;}
.tab-content table{width:100% !important}
.text-right{text-align: right;}
.text-left{text-align:left;}
.add-new-client .col-sm-6 .btn-primary{width:150px;margin:0;}
.search{display:inline-block;width:100%;margin:0;text-align:left;padding:0;margin-left:-15px/*border-bottom:1px solid #6fa3e8*/}
.search label,.search input{display:inline-block;}
.search input{width: 100%;height: 35px !important;margin-right: 5px;padding: 8px 12px;}
.search input:placeholder,.form-control:placeholder{color: #5b5b5b}
.search input::-webkit-input-placeholder,.form-control::-webkit-input-placeholder{color: #5b5b5b}
.search input:-moz-placeholder,.form-control:-moz-placeholder{color: #5b5b5b}
.search input::-moz-placeholder,.form-control::-moz-placeholder{color: #5b5b5b}
.search input:-ms-input-placeholder,.form-control:-ms-input-placeholder{color: #5b5b5b}

.confirm .modal-dialog{width:400px !important}
.confirm .modal-body{padding:35px 15px 15px 15px}
.confirm .green, .confirm .black {color: #63b947;text-align: center;margin: 0 0 10px 0;font-size: 15px;}
.confirm .black {color: #555}
.profile-details{position:relative}
.profile-details label{color: #000000; font-size: 13px;}
.profile-details span{color: #000000; font-size: 13px;}
.edit-btn{position:absolute;top:0;right:10px;z-index:99}
.user-management .bordered{border:none;}
.user-management .content h2{border-bottom:1px solid #e8e8e8;}
.user-management .table-responsive{border-top:0;}
.add-user{margin:2px 0 7px;display: inline-block;width: 100%;text-align: right;}
.table>tbody>tr>td, .table>tbody>tr>th, .table>tfoot>tr>td, .table>tfoot>tr>th, .table>thead>tr>td, .table>thead>tr>th{padding:8px 15px}
.user-management .bootstrap-select:not([class*="col-"]):not([class*="form-control"]):not(.input-group-btn){width: 100%;background: #fff;}
.user-management .bootstrap-select > .dropdown-toggle.bs-placeholder,.user-management .bootstrap-select > .dropdown-toggle.bs-placeholder:hover,.user-management .bootstrap-select > .dropdown-toggle.bs-placeholder:focus,.user-management .bootstrap-select > .dropdown-toggle.bs-placeholder:active {    background: #fff;}
.user-management .table-responsive{padding-bottom:100px}
#wrapper .tab-content .form-control{height:30px}
.add-action button{border:none;background:none;padding:0 3px}
.save,.cancel{display:none;}
.def-btn{padding-top: 75px}
#btn-create{padding:5px 10px !important;font-size:11px !important}
.edit-pro input[type=file]{padding:10px;background:#2d2d2d;opacity:0;position: relative;top:-31px}
.btn-browse{position: relative;top: 0;}
.tabbed{}
.add-new-client .modal-footer{clear: both;display: block;}
.tabbed > section > h1,.tabbed > input{float: left;box-sizing  : border-box;margin: 0;padding     : 0;overflow: hidden;font-size: 1em;font-weight : normal;}
.tabbed > input:first-child + section > h1{padding-left : 0;}
.tabbed > section > h1 > label{display: block;padding: 0;cursor: pointer;-moz-user-select: none;
         -ms-user-select: none;-webkit-user-select: none;margin-right: 15px;font-weight: bold;}
.tabbed > section > div{position: relative;z-index: 1;float: right;box-sizing: border-box;width: 100%;margin: 2.5em 0 0 -100%;padding: 0.5em 0.75em}
.tabbed > input:checked + section > h1{  position : relative;  z-index  : 2;}
.tabbed > input:not(:checked) + section > div{display : none;}
.create-site{font-size:15px}
.tabbed input{margin-right: 8px;vertical-align: top;margin-bottom: 10px;margin-top:0}
.add-new-client .bootstrap-select .btn.dropdown-toggle.btn-default {background: #fff;color: #000;
                                              border: 1px solid #ccc;text-transform: capitalize;}
.add-new-client .bootstrap-select:not([class*="col-"]):not([class*="form-control"]):not(.input-group-btn){width: 100%}

#row_add{display: none;}
/*.add-floor{display:none;}*/
.add-action{position: relative;}
.add-floor-btn{position: absolute;right:4x;top: 4px;padding:4px 8px;}
.add-new-client .modal-body .panel{margin-bottom:0;box-shadow:none}
.add-new-client .modal-body{min-height:500px}
.add-new-client .modal-body .panel-body{min-height:400px;/*border-top:1px solid #6fa3e8;*/margin-top:1px}
.select-site{text-align:right;padding:6px 0}
.duplicate-tab .col-sm-12.text-center{margin:30px 0 0}
.add-more-details .nav-tabs>li>a{min-width:inherit;}
.add-more-details .nav-tabs{text-align:left;}
.add-more-details .nav-tabs li{float:left;display:inherit;}
.add-more-details .panel-body,#tab6default .tab-content{border-top: 1px solid #ff4f00;margin-top:1px}
.login-wraap{left: 0px;top: 0px;overflow: hidden;margin: 0px;padding: 0px;width: 100%;z-index: -999999;
position: fixed;background:#fff}
.actions-label a{padding:0 5px}
.add-actions a,.add-actions div.conver-print,.dtr-details a,.dtr-details div.conver-print{display:inline-block;margin:0 4px;border:none !important;outline: none !important}
/*.add-actions .fa,.dtr-details a .fa,.dtr-details div.conver-print .fa{background: #fff;padding: 3px 5px;border: 1px solid #ff4f00;cursor: pointer;font-size: 12px;color: #ff4f00}*/
.add-actions .fa,.dtr-details a .fa,.dtr-details div.conver-print .fa{background: #fff;padding: 3px;/*border: 1px solid #ff4f00;*/cursor: pointer;font-size: 14px;color: #000}
/*.add-actions .fa:hover,.project-screen .add-action .fa:hover,.dtr-details a:hover,.dtr-details div.conver-print:hover{ border: 1px solid #ff4f00;background:#ff4f00;color:#fff};table.fixed-table {table-layout:fixed;margin:auto;}*/
.add-actions .fa:hover,.project-screen .add-action .fa:hover,.dtr-details a:hover,.dtr-details div.conver-print:hover{ /*border: 1px solid #ff4f00;background:#ff4f00;*/color:#ff4f00};table.fixed-table {table-layout:fixed;margin:auto;}
.fixed-table thead {background:#f9f9f9;display:table;width:100%;width:calc(100% - 18px);}
.fixed-table tbody {height:397px;overflow:auto;overflow-x:hidden;display:block;width:100%;}
.fixed-table tbody tr {display:table;width:100%;table-layout:fixed;}
.form-group label {font-weight: 400;margin-bottom: 3px !important;color: #000}
.table>thead>tr>th{font-weight:bold !important}
.project-screen .content{padding:0}
.project-screen .nav-tabs{text-align:left;}
.project-screen .panel-body{/*min-height: 400px;border-top: 1px solid #ff4f00;*/margin-top: 1px;padding:15px 0}
.panel{border:none;box-shadow:none;margin:0}

.inner-bg-row{background:#fbfbfb;padding:15px 0 0 15px;margin:0 0 15px 0;width: 100%;display:inline-block;}
.form-control{font-size:13px}
.form-control:focus{outline:none !important;box-shadow:none !important;border:1px solid #ff4f00}
.map-marker-highlight {outline:none !important;box-shadow:none !important;border:1px solid #ff4f00}
.padding-left{padding-left:0;}
/*.project-screen .table>thead>tr>th{border-top:1px solid #ff4f00 !important}*/
.project-screen .table>tbody>tr>td:first-child{border-left:none !important}
.project-screen .table>tbody>tr>td:last-child{border-right:none !important}
/*.project-screen .table{border-top:1px solid #ff4f00 !important}
.project-screen .table-bordered>tbody>tr>td{border:none;}*/
.project-screen .add-action .fa{/*background: #fff;padding: 3px 5px;border: 1px solid #3479b9;cursor: pointer;font-size: 12px;color: #337ab7;*/background: #fff;
    padding: 3px;
    /* border: 1px solid #3479b9; */
    cursor: pointer;
    font-size: 12px;
    color: #000;}
.settings .content{padding:5px 10px 10px 10px;}
.settings .content .table td{padding:13px 10px 13px 10px !important}
.settings .content .change-password .error {color: #f00;/*padding-left: 120px;*/display: block;clear: both}
.settings .heading-title{margin:0;}
.add-building-top{box-shadow: 0 0 2px #ccc;padding: 15px 15px;margin:0 0 15px 0;border: 1px solid #fe9b6b !important;
background-color: #fde3e1 !important;}
.padding-right{padding-right:0}
.floor-details .table-responsive{background-color: #ffffff;/*border: 1px solid #ddd;box-shadow: 0 0 1px #ff4f00;*/
           margin:0 0 25px 0}
.add-building-top .form-control{border:none;}
.floor-details .table>thead:first-child>tr:first-child>td{background-color:#f2f2f2 !important}
.floor-details .table>thead:first-child>tr>td {border-top:none !important;text-align:left;/*border-bottom:none !important*/}
.floor-details .text-left button,.add-build-act button{    border: none;
background: none;
color: #000;}
.floor-details .table>thead:first-child>tr>td h4{margin:4px 0;font-size:16px;font-weight: bold;}
.building-main{position:relative;/*border:1px solid #ff4f00 !important;*/margin-bottom:20px}
.building-main table td{border:none !important;}
.building-delete{position: absolute;top: -10px;right: -9px;z-index: 9;}
.building-delete button{ font-weight: normal;color: #FF6A57;border-radius: 10px;line-height: 1;
display: inline-block;padding: 4px 5px;font-size: 11px;font-weight: bold;text-align: center;
white-space: nowrap;vertical-align: baseline;height: auto;background: #FFF;border: 1px solid #FF6A57;}
.building-main .add-floor .btn-primary, .building-main .add-floor .btn-default{min-width: 85px}
.building-main .add-floor .btn-primary{margin: 0 3px !important;}
.outerpreview .btn-file input[type=file]{width:95px}
#myModal .modal-body,#myContactModal .modal-body{padding:15px;text-align: center;}
#myModal .modal-body{max-height:inherit !important;overflow:hidden;}
.content .user-management h2{margin-bottom:0;background-color:#fff !important}
.floor-image{width:100%;height:400px}
#myModal .modal-header .close,#myContactModal .modal-header .close {padding: 15px;margin:-35px;cursor: pointer;    float: right;font-size: 20px;font-weight: 700;line-height: 1;color: #fff;text-shadow: none;
                                              opacity:1;background: 0 0;border: 0;-webkit-appearance: none;}
#myModal .modal-header .close :focus{outline:none;}

#myModal .modal-header .close-popup,#myContactModal .modal-header .close-popup {padding: 0px;margin:0px;cursor: pointer;    float: right;font-size: 20px;font-weight: 700;line-height: 1;color: #fff;text-shadow: none;
                                              opacity:1;background: 0 0;border: 0;-webkit-appearance: none;}
#myModal .modal-header .close-popup :focus{outline:none;}

#tab4default .btn-primary{min-width:32px;padding:3px 12px}
#tab4default .btn-primary .fa{padding-right:0}
.browse-image{width: 45px;display: inline-block;position: relative;/* cursor: pointer; */
overflow: hidden;height: 32px;top: 0;left:-5px}
/*.browse-image span{position: absolute;left: -10px;top: -4px;}*/
.browse-image input[type=file]{   opacity: 0; width: 40px;margin: -25px 0 0 0;}
.crop-btns{margin:0}
.crop{display: inline-block;vertical-align: top;}
.crop-result-active{width:46%}
.crop.crop-result-active img{margin:0 auto}.crop-btns .btn-primary .fa{padding-right:0 !important;font-size:16px}
.crop-btns .btn-primary{min-width:inherit !important;vertical-align:top}
#wrapper .btn-success:focus{outline:none}

.project-screen .error {color:#f00;text-align:left !important;display:block;font-size:13px;margin-top:5px}
.project-screen .close {color: white;position: absolute;top: 10px;right: 25px;font-size: 35px;font-weight: bold;}
.project-screen .close:hover,.project-screen .close:focus {color: #999;text-decoration: none;cursor: pointer;}
.mySlides {display: none;}
#myModal .prev, #myModal .next {
    cursor: pointer;
    /* position: absolute; */
    /* top: 54%; */
    /* width: 40px; */
    padding: 4px 8px;
    /* margin-top: -50px; */
    color: #fff;
    font-size: 12px;
    transition: 0.6s ease;
    /* border-radius: 100%; */
    user-select: none;
    -webkit-user-select: none;
    box-shadow: none;
    border: none;
    /* background: rgba(0,0,0,0.6); */
    text-decoration: none;
    /* left: 5px; */
    /* right: auto; */
    float:left;
}
#myModal .prev{border-right:1px solid #999;}
#myModal .next {right: 5px;left:auto;}
#myModal .prev:hover,#myModal .next:hover,#myModal .next:focus,#myModal .prev:focus 
{background-color: #ff4f00;box-shadow: none;}
.numbertext {color: #f2f2f2;font-size: 12px;padding: 8px 12px;position: absolute;top: 0;}
.caption-container {text-align: center;background-color: black;padding: 2px 16px;color: white;}
img.demo {opacity: 0.6;}
.active,.demo:hover {opacity: 1;}
img.hover-shadow {transition: 0.3s}
.hover-shadow:hover {box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19)}
.site-address{display: block !important}
.croppie-container > div.cr-boundary:first-child{}
.croppie-container > div.cr-slider-wrap:first-child{}

.add-internal-user .user-rights button {background:none !important;border:1px solid #ccc !important;}
.error {color:#f00;}

.view-details .inner-bg-row .col-sm-8{padding-left:0;text-align:left;line-height:35px}
.site-address .col-sm-8 {   /* white-space: nowrap;
overflow: hidden;text-overflow: ellipsis;display: inline-block;margin-bottom: 0;margin-top: 0;font-weight: normal;*/
/*line-height: 20px !important;*/}
.pac-container {z-index: 100000;}
.loading{position:absolute;left:48%;top:48%;display:block;padding:5px;background-color:#f6420f;
color:#fff;border:1px solid #f6420f;margin:0 auto;z-index: 9}
.handicon:hover{cursor: pointer;}
.site-address{display: block !important}
.no-data-available{text-align: center;margin:120px 0 100px 0;font-weight:bold;font-size:14px}
#tab3default .table>tbody>tr>td,#tab3default .table>tfoot>tr>td,#tab3default .table>thead>tr>td{vertical-align:top !important}
#tab2default .table td{vertical-align:middle !important}
.project-screen .panel .form-control{padding:6px;border:1px solid #b2b2b2;}
.pro-height-limit{max-height:20px;overflow: hidden;margin:0;padding:0;}
.projects-tab .table td{vertical-align: middle !important}
.tooltip-inner{background:#fff !important;border: 1px solid #ff4f00;color: #000;text-align:left;}
.tooltip.top .tooltip-arrow{border-top-color:#ff4f00 !important;
      bottom: -3px;border-width: 9px 9px 0;}
.tooltip.in{opacity: 1;z-index: 999}
.tooltip.bottom .tooltip-arrow{border-bottom-color:#fff !important}
.print-group{border-bottom:1px solid #f00;font-family: 'Lato';font-size:14px}
.print-group label{font-weight:bold;}
.print-group label-title{display:inline-block;}
/*Center align popup*/
.modal {text-align: center;padding: 0!important;}
.modal:before {content: '';display: inline-block;height: 100%;vertical-align: middle;margin-right: -4px;}
.modal-dialog {display: inline-block;text-align: left;vertical-align: middle;}
#myContactModal .modal-dialog{width:500px}
.disableClick{pointer-events:none;opacity:0.5;}
.build-row{position:relative;}
.build-name{padding-right:60px}
.build-btn{position:absolute;top:-5px;right:0}
.build-row .form-control{height:32px}
.add-more-tabs .floor-details h4,.floor-details .text-left button{line-height:30px}
.add-more-tabs .floor-details .form-control{height:32px}
.floor-details .add-floor-new{position:relative;padding-right:60px}
.floor-details .text-center.add-action{position:absolute;top:9px;right:12px}
.view-details .inner-bg-row .col-sm-8.pro-height-limit{max-height:35px}
.add-floor-new h4{margin:0 !important;}
.edit-vertical-top td{vertical-align:top !important}
#myModal .modal-dialog {
width: 590px;
}


.container-canvas {width: 100%;padding-top: 100%;overflow: hidden;position: relative;}
@media screen and (min-width: 769px) {
.container-canvas {width: 50%;padding-top: 50%;}
}

@media screen and (min-width: 1140px) {
.container-canvas {width: 567px;padding-top: 400px;}
}
.container-canvas .image-stage,.container-canvas .image-stage1 {
position: absolute;width: 100%;height: 100%;top: 0;left: 0;transition: all 0.1s ease;cursor: zoom-in}
.container-canvas .image-stage img,.container-canvas .image-stage1 img {width: 100%;transform: scale(1);transition: all 0.3s ease;    touch-action: pan-y;user-select: none;-webkit-user-drag: none;}
.co,ntainer-canvas .image-stage.zoom-in,.container-canvas .image-stage1.zoom-in {cursor: -webkit-grab;}
.container-canvas .image-stage.zoom-in img,.container-canvas .image-stage1.zoom-in img {transform: scale(3);}

.container-canvas .controls {position: absolute;right:16px;top:16px;z-index: 2;}
.container-canvas .controls button {display: block;/* width: 25px; *//* height: 25px; */padding: 2px 5px;border: 2px solid #81c66a;background: #fff;cursor: pointer;transition: all 0.2s ease;margin-bottom: 10px;line-height:16px}
.container-canvas .controls button:focus,.container-canvas .controls button:active {outline: none;}
.container-canvas .controls button img{width:16px;height:16px}
.container-canvas .control-in {   opacity: 1;    margin-bottom: 2em;}
.container-canvas .control-out {   opacity: .5;}
.container-canvas .image-stage.zoom-in + .controls .control-in {   opacity: .5;}
.container-canvas .image-stage.zoom-in + .controls .control-out {   opacity: 1;}


.projects-tab table p.pro-height-limit{white-space: nowrap;overflow: hidden;text-overflow: ellipsis;width: 380px;
                 display: inline-block;margin-bottom: 0;margin-top: 0;font-weight: normal}
.projects-tab table p.pro-height-limit.add{width:490px}
/*  .uploadFile{white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
width: 122px;
display: inline-block;
margin-bottom: 0;
margin-top: 0;
font-weight: normal;
vertical-align: middle;}
*/
.tab-input{position: relative;display: table;border-collapse: separate;}
.fileinput{position: relative;font-size: 0;white-space: nowrap;width: 1%;white-space: nowrap;vertical-align: middle;
display: table-cell;}
.uploadFile{position: relative;z-index: 2;float: left;margin-bottom: 0;display: block;
width: 100%;height: 31px;padding: 6px 12px;font-size: 13px;line-height: 1.42857143;color: #aeabab;background-color: #fff;background-image: none;border: 1px solid #b2b2b2;border-radius: 4px;-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);box-shadow: inset 0 1px 1px rgba(0,0,0,.075);webkit-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
border-radius: 0;cursor: not-allowed;text-align:left;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;margin-top: 18px;    font-weight: normal;}
table.dataTable.dtr-inline.collapsed>tbody>tr[role="row"]>td:first-child, table.dataTable.dtr-inline.collapsed>tbody>tr[role="row"]>th:first-child{padding-left:30px !important}
table.dataTable.dtr-inline.collapsed>tbody>tr.parent>td:first-child:before, table.dataTable.dtr-inline.collapsed>tbody>tr.parent>th:first-child:before{background-color:#0e3256}
table.dataTable>tbody>tr.child span.dtr-title{min-width:100px;vertical-align:top}

a.view-cmp{/*border: 1px solid #ff4f00;*/padding: 5px;border-radius: 5px;text-decoration: none;}
a.view-cmp:hover{text-decoration:none;}
.defination-limit{overflow: hidden;width:1000px;display: inline-block;margin-bottom: 0;margin-top: 0;/* color: #5eb94e; */font-weight: 400;white-space: nowrap;text-overflow: ellipsis;}
.protocol-limit{overflow: hidden;width: 150px;display: inline-block;margin-bottom: 0;margin-top: 0;
/* color: #5eb94e; */font-weight: 400;white-space: nowrap;text-overflow: ellipsis;}
.leaf-navigation  {position: fixed;right: 22px;background: rgba(0,0,0,0.6);bottom: 22px;}

/*.leaflet-outer{height:400px;}*/
.leaflet-container{ width: 100%;height: 300px;border: 1px solid #ccc}
.add-plus{display:none;}
.label-bold{font-weight: bold;padding: 5px 10px}
#tab6default .table td{vertical-align:middle !important}
/*.view-protocol .defination-limit{width:1100px}*/
table.dataTable{margin:0 !important}
table.dataTable>tbody>tr.child ul.dtr-details{width: 100%;/*background: #f5f5f5;padding: 5px 10px;*/}
table.dataTable.nowrap th, table.dataTable.nowrap td{white-space: initial;}


/*projects print screen*/
.add-actions div.review-print,.review-print{display: none;visibility: hidden;
    font-size:15px;width:700px;font-family: 'lato';color:#555;text-align:left;}
.add-actions .form-control-static{text-align:left;color: #666}
.print-label p{padding:0 5px 3px 5px !important;}
.print-label .control-label{padding:0 5px 3px 5px !important;text-align:left;padding-right:0}
.build-error-left{padding-left:116px}
.ChineseClass .build-error-left{padding-left:80px}
.hindiClass .build-error-left{padding-left:110px}
.frenchClass .build-error-left{padding-left:135px}
.spanishClass .build-error-left{padding-left:150px}

.add-floor .fa.fa-plus,.add-floor .fa.fa-remove{font-size:0}
.leaflet-bottom.leaflet-right{display: none;}
label.for-responsive {display: none;}
.collapse{display: table-cell !important}
.disableClick{pointer-events:none;opacity:0.5;}
.edit-user-details .user-rights .disableClick{ background-color: #eee;opacity: 1;cursor:not-allowed}
.two_chars{width: 30ch;overflow: hidden;white-space: nowrap;}
.two_chars_logs{width: 18ch;overflow: hidden;white-space: nowrap;margin:0 auto !important;display: inline-block;}
.view-site-details #tab1default .form-horizontal .control-label,.project-screen #tab1default .form-horizontal .control-label{text-align:left}


/*input:-webkit-autofill {
    -webkit-box-shadow: 0 0 0 1000px white inset !important;
}*/
/*input:-webkit-autofill, textarea:-webkit-autofill, select:-webkit-autofill {background: none !important; -webkit-box-shadow: 0 0 0 1000px white inset !important;}*/

/*For Spanish Language*/
/*.spanishClass .content .change-password input{width:75%}*/
.spanishClass .nav-tabs>li>a{padding:8px 18px;}
.spanishClass .table>thead:first-child>tr:first-child>th{vertical-align:middle !important}
/*.spanishClass .build-name{padding-right:145px}*/
.spanishClass .uploadFile{width:100%}
/*For French Language*/
/*.frenchClass .content .change-password input{width:70%}*/
.frenchClass .table>thead:first-child>tr:first-child>th{vertical-align:middle !important}
/*.frenchClass .build-name{padding-right:175px}*/
/*.frenchClass .floor-details .add-floor-new{padding-right:140px}*/
.frenchClass .uploadFile{width:100%}




.projects-tab .fixed-action-btn,.user-management .fixed-action-btn{
    position: absolute;
    right: 23px;
    bottom: 23px;
    padding-top: 15px;
    margin-bottom: 0;
    z-index: 998;
}
/*.projects-tab .fixed-action-btn-new {*/
    /*position: absolute;*/
/*    right: 23px;*/
    /*bottom: 23px;*/
/*    padding-top: 5px;*/
/*    margin-bottom: 10px;*/
/*    margin-right: 25px;*/
/*    z-index: 998;*/
/*}*/
.projects-tab .fixed-action-btn-new {
    position: absolute;
    right: 23px;
    bottom: 18px;
    /* padding-top: 15px; */
    /* margin-bottom: 0px; */
    margin-right: 25px;
    z-index: 998;
}
.btn-floating {
    background-color: #ff420e;   
    width: 40px;
    height: 40px;
    line-height: 40px;
    display: inline-block;
    color: #fff;
    /* font-size: 25px; */
    font-weight: normal;
    text-align: center;
    vertical-align: middle;
    border-radius: 100%;cursor: pointer;
}
.btn-floating:hover{color: #000;text-decoration: none;}
.btn-floating .ti-plus
{    font-size: 20px;
    vertical-align: middle;font-weight: bold;position: relative;
    top: -2px;}
    .panel-heading{padding:10px 0}

.left-table{padding-right: 210px}
.view-details .table>tbody>tr>th,.scroll-site-details .table>tbody>tr>th{background:#e6e6e6;width:220px}
.view-details .table>tbody>tr>td,.scroll-site-details .table>tbody>tr>td{text-align: left;}
.pin-codes{position: absolute;right:0;top: 0;width:200px;border: 1px solid #000}
.scroll-site-details .view-details .tr-min-height,.scroll-site-details .tr-min-height{height: 145px;background-color: #f2f2f2;padding:15px 6px;font-size:20px;color: #000}
.scroll-site-details .view-details .tr-min-height:first-child,.scroll-site-details .tr-min-height:first-child{height:101px}
.tr-min-height span{display: block;text-align: center;margin:0 0 10px 0}
.tr-min-height span:first-child{color: #ff5200}
.pin-codes table{border: 1px solid #000}
.pin-codes table td{border:none !important;}

.scroll-site-details .tr-min-height{height: 192px}
.scroll-site-details .tr-min-height:first-child{height:150px}
.scroll-site-details .tr-min-height span{margin-bottom: 15px}
.view-sitemap-details .table>tbody>tr>td{border:none !important;}
.view-sitemap-details .table>tbody>tr>td:first-child{text-align: left !important;/*padding-left:100px !important*/}
.remove-icon{border: 2px solid #000;
    border-radius: 50%;
    width: 20px;
    height: 20px;
    padding: 2px 3px;
    font-size: 11px;margin:0 5px
}

.add-new-floorplus .btn-floating {
    background-color: #ff420e;
    width: 23px;
    height: 23px;
    line-height: 23px;
    display: inline-block;
    color: #fff;
    /* font-size: 25px; */
    font-weight: normal;
    text-align: center;
    vertical-align: middle;
    border-radius: 100%;
    cursor: pointer;margin-right: 10px;margin-top: -7px
}
.add-new-floorplus .btn-floating .ti-plus{font-size: 11px;top:0;    background: none;
    color: #fff;}
    .add-new-floorplus .btn-floating .ti-plus:hover{color: #000}
.fixed-action-btn{color:#ffa69a}


.add-plus-btn{width: 40px;
    height: 40px;
    line-height: 40px;
    top: -45px;
    padding: 0;
    position: relative;
    font-size: 0;
    background: none;
    border: none;}
    .project-padding{
        position: relative;
        padding-bottom: 80px;
    }
    .project-padding-new{
        position: relative;
        /*padding-bottom: 80px;*/
    }
    .view-cmp#myModal .modal-dialog {
    width: 850px;
}

.add-new-detail{
    cursor:pointer;
    text-decoration:none;
}
.view-cmp .leaflet-container{height: 445px}

.buil-full-new{width:86%;display:inline-block;}
.ChineseClass .buil-full-new{width:89%}
.frenchClass .buil-full-new{width:82%}
.spanishClass .buil-full-new{width:80%}
.full-new-btn{position: absolute;bottom:5px;right: 0}
.modal .forgot-password-section .wrap-input100{border-bottom:2px solid rgba(0,0,0,1)}
/*for site address map location*/
.map-location{padding-right:20px;position: relative}
.map-maker {position: absolute;top: 2px;right: -8px;padding: 3px 8px;cursor: pointer;}
.map-maker .fa {font-size: 21px;color: #ff4f00}
#map-loaction-pop .modal-dialog,.map-loaction-pop .modal-dialog{width: 100%;height:100vh;max-width:75%;}
#map-loaction-pop .modal-body {
    min-height: 400px;
}
#map-loaction-pop .modal-body .angular-google-map-container{
    height:400px !important;
}
#map-loaction-pop .modal-body,.map-loaction-pop .modal-body{padding:15px}
.add-new-client .map-maker,.left-table .map-maker{position: absolute;top: 0;right: 1px;padding: 4px 8px;cursor: pointer;border: 1px solid #5b5b5b;border-left: none}
.left-table .map-maker{border:1px solid #b2b2b2;}
.add-new-client .map-location,.left-table .map-location{padding-right:30px}
.map{width:100%;height:290px}
.search-pin-location{margin-bottom:10px}
.search-pin-location input{box-shadow:0 0 4px #ddd !important;border:none;border-radius:5px;color:#5b5b5b}
.search-pin-location input:focus{box-shadow:0 0 4px #ff5200 !important;border:none}

/*-------------  Added by sonam -----------*/
.raise-alert-wrapper{position: relative;}
.titleSect,.raise-alert-wrapper {
    display: inline-block;
}
.titleSect .heading-title{padding-top:12px;margin:0}
/* .raise-alert-wrapper .raisealert-btn {
    position: absolute;
    top: 5px;
    right: 0;
    z-index: 22;
    cursor: pointer;
} */
checkbox-custom, .radio-custom {
    opacity: 0;
    position: absolute;   
}

 .radio-custom, .radio-custom-label {
    display: inline-block;
    vertical-align: middle;
    margin: 0;
    cursor: pointer;
    padding: 0;
}

.checkbox-custom-label, .radio-custom-label {
    position: relative;
}
.equal_height{
    overflow:hidden;
    display:-ms-flexbox;
    display:-webkit-flex;
    display:flex;
    -webkit-flex-direction:row;
    -ms-flex-direction:row;
    flex-direction:row;
    -webkit-flex-wrap:wrap;
    -ms-flex-wrap:wrap;
    flex-wrap:wrap;
    -webkit-justify-content:flex-start;
    -ms-flex-pack:flex-start;
    justify-content:flex-start;
    -webkit-align-content:stretch;
    -ms-flex-line-pack:stretch;
    align-content:stretch;
    -webkit-align-items:stretch;
    -ms-flex-align:stretch;
    align-items:stretch
    }
  .equal_height>div{
    -ms-flex-order:0;
    order:0;
    -webkit-flex:0 1 auto;
    -ms-flex:0 1 auto;
    flex:0 1 auto;
    -webkit-align-self:stretch;
    -ms-flex-item-align:stretch;
    align-self:stretch;
  }
  .dflex{
    display:-webkit-flex;
    display:-webkit-box;
    display:-moz-flex;
    display:-moz-box;
    display:-ms-flexbox;
    display:flex;
    flex-direction:row;
    -webkit-box-align:center;
    -moz-box-align:center;
    -webkit-align-items:center;
    -ms-flex-align:center;
    align-items:center;
    -webkit-justify-content:center;
    -ms-flex-pack:center;
    justify-content:center
  }
  .raiseAlert-list{
      padding: 20px 0;
  }
  #wrapper .btn-primary.green-bg, .btn-primary.green-bg {
    background-color: green !important;
    border-color: green !important;

}
#wrapper .btn-primary.green-bg:hover,.btn-primary.green-bg:focus,.btn-primary.green-bg:active{
    background-color:#045704 !important;
    border-color:#045704 !important;
}
  .orange-text{
    color: #ff5200;
  }
  .cimgbx {
    height: 100%;
    background: #fff;
    box-shadow: 0 0 4px rgba(0,0,0,0.6);
    font-size: 40px;
    text-align: center;
    color: #ff5200;
    padding: 10px;
    min-height: 136px;
    border:1px solid transparent;
}
.cimgbx.active{
    box-shadow: 0 0 6px #ff5200;
    border-color: #ff5200;
}
.raiseAlert-list.equal_height>div{padding: 0 3px 5px;}
/*#remarkSect{display: none}*/
.cbx-title {
    font-size: 17px;
    font-weight: 500;
    margin: 4px 0 0;
    display: block;
    width: 100%;
    color: #000;
    text-transform:capitalize
}
.project-screen .panel textarea.form-control{
    height:80px;
}
.raiseAlert-list .dflex{height: 100%;}
.sweet-alert button.confirm{
    background-color: #ff5200 !important;
}

.left-table.leftsideSect {
    padding: 0;
    width: 80%;
    float: left;
}
.raise-alert-wrapper {
    float: right;
}
.pin-codes.rightsideCol{
    position: static;
    float: right;
}
.left-table .map-maker.viewdetails_maplocationmaker {
    border: 0;
    padding: 0;
}

#projectActiveList .add-actions .fa{background: none}
.add-building{display:inline-block;}
/*#projectActiveList .table > tbody > tr > td{border:0;}*/
.main-content #projectActiveList .table > tbody > tr.warning > td{border-color:#ff420e; }
/*#projectActiveList .table > tbody > tr.warning ~ tr > td {
  border-color:#ff420e !important;
}*/
.editTabHeader {
    display: inline-block;
    width: 100%;
    padding: 0 0 5px;
}
.editTabHeader .titleSect,.editTabHeader .raise-alert-wrapper {
    display: inline-block;
    vertical-align: middle;
    padding: 0;
}
.editTabHeader .titleSect .heading-title {
    padding: 3px 0 0;
}
.showAddedlistbtn{display: none}
.sitedetailseditview .table-responsive > .table>tbody>tr>td {
    border: 0;
}
.modal.edit-subscrip h4 {
    padding: 0 10px 10px;
}
@media screen and (min-width: 992px) {
    
    .projectDetailsTabSect .nav-tabs>li {
        float: left;
        /*width: calc((100% / 8 * 1));*/
        
    }
    .projectDetailsTabSect .nav-tabs>li>a{
        min-width: inherit;
        padding-left:2vw;
        padding-right:2vw;
        /* padding-left:70%;*/
        /*padding-right:70%;*/
    }

}
.resendverification-btn{border-radius:36px;}
.clearfix {
    clear: both;
}
.row.nomargin{margin:0;}
.minwidth-80{min-width:80px;}

#eprotocol-tbl.table-hover>tbody>tr:hover {
    cursor:move;
}
#drag_icon,.project-screen .add-action #drag_icon .fa{
   cursor:move; 
}

/*------------- EO : Added by sonam -----------*/

/* Added by Pratik */
#card-errors {
    color: red;
}

input[type=number]::-webkit-inner-spin-button, 
input[type=number]::-webkit-outer-spin-button { 
  -webkit-appearance: none; 
  margin: 0; 
}
input[type=number] {
    -moz-appearance:textfield;
}
/* EO : Added by Pratik */

/* notification in project detail*/


#NotificationModal .close{
    position: absolute;
    top: 8px;
    right: 12px;
    color: #fff;
}
#NotificationModal .modal-header{
    padding: 6px 15px !important;
}
#NotificationModal .modal-dialog{
    width:45%;
}

.noti-div{
    /*display: flex;*/
    /*justify-content: flex-end;*/
}
.search-noti-div{
    border:2px solid gray !important;
    display:inline-block;
    padding-right:5px;
}
/*.search-noti-div:active{*/
/*    outline:blue;*/
/*}*/
.search-noti-div input{
    border: none;
    outline: none;
    height: 25px;

}
.send-noti-div{
    float:right;
    display:inline-block;
}
#tab8default .btn-default{
    padding: 3px !important;
    min-width: 80px !important;
}

/*#tab8default table tbody {*/
/*    display:block;*/
/*    overflow-y:scroll;*/
/*    overflow-x:hidden;*/
/*}*/


/*#tab8default table thead tr, #tab8default table tbody tr {*/
/*    display:table;*/
/*    width:100%;*/
/*    table-layout:fixed;*/
/*}*/

#tab8default table tr td:nth-child(1), #tab8default table tr th:nth-child(1){
   width:5vw;
}

#tab8default table tr td:nth-child(2), #tab8default table tr th:nth-child(2){
   width:20vw;
}
#tab8default table tr td:nth-child(3), #tab8default table tr th:nth-child(3){
    width:35vw;
}
#tab8default table tr td:nth-child(4), #tab8default table tr th:nth-child(4){
  width: 15vw;
}
#tab8default table tr td:nth-child(5), #tab8default table tr th:nth-child(5){
  width: 15vw;
}
#tab8default table tr td:nth-child(6), #tab8default table tr th:nth-child(6){
  width: 10vw;
}

#tab8default .outer{
    overflow-y: auto;
    height:54vh;
    overflow-x: auto;
}
#tab8default .outer table{
    margin: auto;
    table-layout: fixed; 
    display: block;
    border-spacing: 1px;
}
#tab8default .outer table th {
        
        /*width:100%;*/
        text-align: left;
        top:0;
        position: sticky;
        background-color:rgb(117, 117, 117); 
        color: white; 
        font-weight: 400;
        border-top: none !important;
        border-bottom: none !important;
        /*box-shadow: inset 0 2px 0 #000000,*/
        /*inset 0 -2px 0 #000000;*/
}


.validation-error{
    color:red;
    font-size:11px;
    padding-left:3px;
}
