html, body{
    height: 98%;
}
body{
    font-family: "Source Sans Pro","Helvetica Neue",Helvetica,Arial,sans-serif;
    font-size: 1.4em;
    overflow: hidden;
}

li.btn.btn-default.btn-xs.ng-binding.ng-scope.select-search-list-item.select-search-list-item_selection.task-select{
    max-height: 3.8em!important;
}

.drop-box-apk-upload {
    background: #F8F8F8;
    border: 5px dashed #DDD;
    width: 200px;
    text-align: center;
    padding: 3%;
    margin: 10px;
}


.close{
    float: right;
    font-size: 21px;
    font-weight: bold;
    line-height: 1;
    color: #000;
    text-shadow: 0 1px 0 #fff;
    opacity: .2;
}

.add-picklist-directive-modal .modal-dialog {
    width: 1200px;
}

.oi-select.custom-class-for-oi-select{
    width: 30% !important;
    display: inline-table !important;
}

.popover-content{
    padding: 0 !important;
    margin: 0 !important;
}

#bg-text{
    color:red;
    font-size:20px;
    opacity: 0.2;
    transform:rotate(300deg);
    -webkit-transform:rotate(300deg);
}

.table-row-custom {display: block;}
.table-width-custom { width: 300px; }
.table-body-height-custom{ display: block; max-height: 300px; overflow: auto;}
.table>tbody>tr:nth-of-type(odd){
    background-color: #f9f9f9;
}
.table,.table>thead>tr>td, .table>thead>tr>th,.table>tbody>tr>td{
    border: 1px solid #ddd;
}

.fixed_headers {
    width: 100%;
    table-layout: fixed;
    border-collapse: collapse;
}
.fixed_headers th {
    text-decoration: underline;
}
.fixed_headers th,
.fixed_headers td {
    width: auto;
    padding-right: 10px;
    text-align: left;
}
.fixed_headers td:nth-child(1),
.fixed_headers th:nth-child(1) {
    width: 20%;
}
.fixed_headers td:nth-child(2),
.fixed_headers th:nth-child(2) {
    width: 50%;
}
.fixed_headers td:nth-child(3),
.fixed_headers th:nth-child(3) {
    width: 30%;
}
.fixed_headers thead {
    background-color: #d3d3d3;
}
.fixed_headers thead tr {
    display: block;
    position: relative;
}
.fixed_headers tbody {
    display: block;
    overflow: auto;
    width: 100%;
    height: 300px;
}
.align{
    width: 120px;
}
/*.fixed_headers tbody tr:nth-child(even) {*/
    /*background-color: #DDD;*/
/*}*/
.old_ie_wrapper {
    height: 300px;
    width: 750px;
    overflow-x: hidden;
    overflow-y: auto;
}
.old_ie_wrapper tbody {
    height: auto;
}

.facilities-select{
    width: 22%!important;
    top: 18% !important;
    right: 10%!important;
    left: 50%!important;
    margin-top: 2% !important;
}

input.color-picker-input.ng-empty.color-picker-input-swatch.ng-valid.ng-valid-required{
    width: 100% !important;
}

input.color-picker-input.color-picker-input-swatch.ng-valid.ng-valid-required.ng-not-empty.ng-touched{
    width: 100% !important;
}

.div-button-shadow{
    box-shadow: 0 0 10px #66afe9;
    margin-bottom: 12px;
}


input.color-picker-input.ng-not-empty.ng-valid-required.color-picker-input-swatch{
    width: 100% !important;
}

span.color-picker-swatch.ng-scope.color-picker-swatch-left.input-group-addon{
    width: 10% !important;
}
/*.modal-dialog.modal-lg{*/
    /*width : 100% !important;*/
    /*height: 100% !important;*/
/*}*/
/* .input-group .form-control{
    z-index: 0 !important;
} */

.input-group-btn:last-child>.btn, .input-group-btn:last-child>.btn-group{
    z-index: 0 !important;
}

.filter-color-on{
 color: tomato;
}

.filter-color-off{
    color: grey;
}

.more-border{
    padding: 10px;
    background-color: #f0f0f0;
}
.full-size-btn{
    width : 100%!important;
}
.round-button-acc{
    margin: 0 auto!important;
    width: 30px;
    height: 30px;
    border: 1px solid #d3d3d3;
    padding: 2%!important;
    border-radius: 100%!important;
    cursor: pointer;
}

.image-size{
    height: 30px !important;
    width: 30px !important;
}

.language-edit{
  padding: 1% 6.5% !important;
}

.language-edit i{
  color: #3498DB;
}

.language-edit i:hover{
  color: #7AB1D5;
}

.language-delete{
  padding: 1% 6.5% !important;
}

.language-delete i{
  color: red;
}
.language-delete i:hover{
  color: #F77272;
}

.practitioner-import{
    padding: 1% 6.5% !important;
}

.practitioner-search{
    padding: 1% 8% !important;
}

.practitioner-search i{
    color: darkmagenta;
}

.practitioner-import i{
    color: #3498db;
}
.practitioner-import i:hover{
    color: #48A2DE;
}

.language-add{
  padding: 1% 6.5% !important;
}

.language-add i{
  color : lightseagreen;
}
.language-add i:hover{
  color : lightgreen;
}

.active{
    background-color: #d9dddf;
}
.brand-name{
    padding: 12px;
    font-size: 1em;
    text-transform: uppercase;
    letter-spacing: 3px;
    color: #f7f7f7;
    text-shadow: 1px 1px 1px 1px lightseagreen;
    font-weight: 500;
}

.alert{
    position:fixed;
    bottom: 1.2%!important;
    left: 0px;
    width: 100%;
    z-index:9999;
    border-radius:0px;
    opacity: 0.9;
    text-align: center!important;
}

.menu-side:hover
{
    box-shadow: 0 4px 4px rgba(1,67,163,.24),0 0 4px rgba(1,67,163,.12),0 6px 18px rgba(43,133,231,.12);
    transform: translate3d(0,-2px,0);
}

.concepts-bar{
    padding: 1%
}

.concepts-select-locale{
    background: #9b59b6;
    border: #9b59b6;
}

.concepts-translate-locale{
    background: #3498db;
    border: #3498db;
}

.alert-out{

}
.my-checkbox{
    width: 10px;
    height: 10px;
    border: 1px solid #000;
}

.my-checkbox.checked{
    background: red;
}

.navbar-nav > li > a, .navbar-brand {
    padding-top:10px !important;
    padding-bottom:10px !important;
    height: 6%;
    color: #f1f4f7!important;
}
.navbar {
    min-height:3.5% !important;
    box-shadow: 1px 1px 1px #888888;
    color: #f1f4f7!important;
}

.nav-padding{
    padding-top:0.3em!important;
    padding-bottom:0.1em!important;
}

.nav-top{
    border-bottom: #4f5c5e 1px solid;
}
.profile{
    padding:15%;
    color: #f1f4f7;
}
.nav-profile{
    margin-right: 2%!important;
}
.dropdown-menu li{
    cursor: pointer;
}

#single-button{
    font-size: 1.4em;
    color: #f1f4f7;
}


.sub-text{
    color: grey;
    font-size: 1em;
    padding-top: 2%;
}

/* Icon colors */
i{
    color: #9d9d9d;
}
.ico{
    color: #2bb8c4!important;
    font-size: 1.4em;
}
.icon-color{
    color: #f1f4f7;
}

.side-icon{
    width: 20%;
}
.chev-icon{
    font-size: 1.4em;
    padding-right: 10%!important;
}
.btn-add{
    letter-spacing: normal;
    text-decoration: none;
    cursor: pointer;
    margin-left: 10%;
    width: 13%;
    color: lightseagreen;
    border: 0.5px solid #aaadae;
    border-radius: 10px;
    padding: 1% 4%;
    font-size: 0.8em;
    background: transparent;
}
.btn-add i{
    padding-right: 15%;
    color: lightseagreen;
}

.btn-publish{
    letter-spacing: normal;
    text-decoration: none;
    cursor: pointer;
    margin-left: 10%;
    width: 13%;
    color: darkblue;
    border: 0.5px solid #aaadae;
    border-radius: 10px;
    padding: 1% 4%;
    font-size: 0.8em;
    background: transparent;
}
.btn-publish i{
    padding-right: 2%;
    color: darkblue;
}

.btn-publish i:hover{
    color: lightblue;
}

.btn-publish:hover{
    color: lightblue;
    border: 0.5px solid lightblue;
    box-shadow: 0.1px 0.1px 0.1px 0.1px lightblue;
}
.btn-publish:hover {
    color: lightblue;
}

.btn-add-right{
    width: 20% !important;
    padding: 1% 3%;
}


.lan .btn-add-right{
    text-transform: none;
}
.btn-add i:hover{
    color: lightseagreen;
}

.btn-add:hover{
    color: lightseagreen;
    border: 0.5px solid lightseagreen;
    box-shadow: 0.1px 0.1px 0.1px 0.1px lightseagreen;
}
.btn-add:hover{
    color: #2fcc71;
}

.btn-edit{
    letter-spacing: normal;
    text-decoration: none;
    cursor: pointer;
    /*width: 13%;*/
    color: #3498DB;
    border: 0.5px solid #aaadae;
    border-radius: 10px;
    padding: 1% 2%;
    font-size: 1em;
    background: transparent;
    margin-left: 11% !important;

}
.btn-edit i{
    padding-right: 5%;
    color: #2980B9;
}

/*.btn-edit i:hover{*/
    /*color: lightblue;*/
/*}*/

.btn-edit:hover{
    color: #2980B9;
    border: 0.5px solid #2980B9;
    box-shadow: 0.1px 0.1px 0.1px 0.1px #2980B9;
}



.btn-add-publish{
    letter-spacing: normal;
    text-decoration: none;
    cursor: pointer;
    margin-left: 30%;
    width: 40%;
    color: lightseagreen;
    border: 0.5px solid #aaadae;
    border-radius: 10px;
    padding: 1% 4%;
    font-size: 1em;
    background-color: transparent;
}
.btn-add-publish i{
    padding-right: 2%;
    color: lightseagreen;
}
.btn-add-publish i:hover{
    color: lightseagreen;
}

.btn-add-publish:hover{
    color: #2fcc71;
    border: 0.5px solid lightseagreen;
    box-shadow: 0.1px 0.1px 0.1px 0.1px lightseagreen;
}
.btn-change{
    letter-spacing: normal;
    text-decoration: none;
    cursor: pointer;
    margin-left: 30%;
    width: 40%;
    color: lightseagreen;
    border: 0.5px solid #aaadae;
    border-radius: 10px;
    padding: 1% 4%;
    font-size: 1em;
    background-color: transparent;
}
.btn-change i{
    padding-right: 2%;
    color: lightseagreen;
}
.btn-change i:hover{
    color: lightseagreen;
}

.btn-change:hover{
    color: #2fcc71;
    border: 0.5px solid lightseagreen;
    box-shadow: 0.1px 0.1px 0.1px 0.1px lightseagreen;
}
.btn-upload{
    letter-spacing: normal;
    text-decoration: none;
    cursor: pointer;
    margin-top: 5%;
    margin-left: 30%;
    width: 55%;
    color: lightseagreen;
    border: 0.5px solid #aaadae;
    border-radius: 10px;
    padding: 1% 4%;
    font-size: 1em;
    background-color: transparent;
}
.btn-upload i{
    padding-right: 2%;
    color: lightseagreen;
}
.btn-upload i:hover{
    color: lightseagreen;
}

.btn-upload:hover{
    color: #2fcc71;
    border: 0.5px solid lightseagreen;
    box-shadow: 0.1px 0.1px 0.1px 0.1px lightseagreen;
}


.btn-save:hover{
    color: #3699dc;
}

.btn-delete:hover{
    color: #c0392b;
}

.btn-addField{margin-top: 1%;
    width: 100%!important;
    color: #2196F3;
    border-radius: 0px!important;
    -webkit-box-shadow: 0.3px 0.3px 0.3px #ccc6c6;
    -moz-box-shadow: 0.3px 0.3px 0.3px #ccc6c6;
    box-shadow: 0.3px 0.3px 0.3px #ccc6c6;
    border-color: #2196F3;
}
.btn-addField:hover{
    width: 100%!important;
    border-color: #2196F3;
    background-color: #89c4f4;
    color: #f1f4f7;
}

.btn-delete-item{
    font-size: 1em;
    float: right;
    padding-right: 4.5%;
}
.home-content{
    text-align: center;
    margin-left: 15%;
    margin-top : 10%;
    color : #666666;
    letter-spacing: 2px;
    border : 3px solid #8c8c8c;
    border-style: dashed;
    border-radius : 20px;
    -moz-border-radius : 20px;
    -webkit-border-radius: 20px;
    padding : 10%;
}

.error-login{
    color : orange!important;
}

.home-content iframe{
    border : 15px solid #8c8c8c;
    border-radius : 20px;
    -moz-border-radius : 20px;
    -webkit-border-radius: 20px;
    padding: 0.3%;
}
.home-content p{
    padding-top: 3%;
}
/* End Of Icon colors */
.logo{
    max-height: 40px;
    padding-top: 2%!important;
    transition-duration: 0.8s;
}

.logo:hover{
    transform: rotate(360deg);
}

.nav-top{
    background-color: #2196F3;
    border-bottom: none;
    -webkit-box-shadow: 3px 5px 62px -13px rgba(0,0,0,0.53);
    -moz-box-shadow: 3px 5px 62px -13px rgba(0,0,0,0.53);
    box-shadow: 3px 5px 62px -13px rgba(0,0,0,0.53);

}
.nav-bottom{
    position: fixed;
    height: 4%!important;
    width: 100%;
    bottom:0;
    background-color: #4f5c5e ;
    border-top: #e3e6e8 1px solid;
    opacity: 0.8;
}

.home{
    margin-top: 4%!important;
}
.side-row{
    margin-top: 3%!important;
    /*min-height: 700px;*/
}
/*ul{*/
    /*list-style: none;*/
/*}*/
/*ul li:hover{*/
    /*width: 100%;*/
    /*background-color: #bed0d2;*/
/*}*/
.search{
    padding: 5%;
    width: 100%;
}
.search input{
    border-radius: 20px!important;
}

.list{
    list-style: none;
}
.list .sublist-item, .list a{
    text-decoration: none;
}
/*.list .sublist-item:hover, .list .sublist-item:visited, .list .sublist-item:link, .list .sublist-item:active{*/
    /*background-color: #7093cc;*/
/*}*/
.list .sublist-item a:hover, .list .sublist-item a:visited, .list .sublist-item a:link, .list .sublist-item a:active{
    text-decoration: none;
    color: inherit;
}
.side-bar-wrapper{
    /*height: 900px;*/
    background-color: #ecf0f2;
    overflow: hidden!important;
    /*height: auto;*/
}
.side-col{
    border-right: 0.5px solid #e5dfdf;
    background-color: #fff;
    padding: 0!important;
    width: 20%;
    height: 85vh!important;
    position: relative !important;
    overflow:auto!important;
    overflow-y: auto !important;
}


.side-col a{
    list-style: none;
    text-decoration: none;
}
.nav-item .nav-link{
    list-style: none;
}

.list-top-padding{
    padding-top: 10% !important;
}

.list-item{
    /*width: 100%!important;*/
    /*height: auto;*/
    /*display: inline-block;*/
    /*text-transform: uppercase;*/
    /*font-size: 1em;*/
    /*letter-spacing: 2px;*/
    padding: 3% 15%;
    /*border-bottom: 0.5px solid #e3e6e8;*/
    transition: 0.2s background-color;
}
.list-item:hover{
    cursor: pointer;
    background-color: #ecf0f2;
    /*color: #fff;*/
}

.list-item i{
    width: 25%;
    height: auto;
    font-size: 1.4em;
    color: #76797a!important;

}
.icon:hover{
    color: #ffffff;
}

.list-item span{
    /*padding: 4%;*/
    color: #76797a!important;
    width: 75%;
}
.list-item-text{
    width: 75%!important;
    text-align: center;
}

.sublist-head{
    letter-spacing: 2px;
    width: 100%!important;
    min-height: 40px;
    text-align: left;
    text-transform: uppercase;
    padding: 5px;
    margin-left: 2px;
    margin-bottom: 5%;
}

.sublist-block{
    text-transform: uppercase;
    color: #666;
    width: 100%!important;
    height: auto;
    text-align: left;
    padding: 6% 0% !important;
    padding-left: 8%!important;
    font-size: 0.8em;
    letter-spacing: 2px;
    /*margin-left: 2px;*/
    border-bottom: 1px solid #e3e6e8;
    transition: 0.2s background-color;
}

.sublist-block:hover{
    cursor: pointer;
    background-color: #ecf0f2;
    /*color: #ffffff;*/
}

.sublist-item{
    text-transform: uppercase;
    color: #666;
    width: 100%!important;
    height: auto;
    text-align: left;
    padding: 5px!important;
    font-size: 0.8em;
    letter-spacing: 2px;
    margin-left: 2px;
}
.secondlist-item{
    margin-top: 20px;
    color: #666;
    width: 100%!important;
    height: 40px;
    padding: 10px;
}
.lastlist-item{
    color: #666;
    padding: 3%;
    padding-left: 35%;

}
.lastlist-item i{
    padding-top: 5%;
    padding-left: 85%;
    font-size: 1.4em;
}
.second-col{
    padding-top: 1%;
    padding-left: 1%!important;
    padding-right: 0%!important;
    background-color: #f3f5f6;
    width: 25%;
    height: 100vh;
    overflow-y: auto!important;
    border-right: 0.5px solid #e5dfdf;
    margin-bottom: 10%;
    padding-bottom: 8%;
    position: relative;
}

.second-col-full{
    background-color: #f3f5f6;
    height: 700px;
    overflow-y: scroll!important;
    position: relative;
}

.last-col{
    width: 54%;
    background-color: #e3e5e5;
    height: 90vh;
    overflow:auto;
    overflow-y:auto!important;
    margin-bottom: 10%;
    padding-bottom: 8%;
    position: relative!important;
}
.add-language{
    padding: 1%;
    font-size: 2em;
    color: #00ced1;
}

.lang-table{
    padding-top: 2%!important;
}

.table{
    padding: 3%;
}
.facility{
    margin: 1%;
    margin-bottom: 2%;
    padding: 0% 2%;
    background-color: #ffffff;
    box-shadow: 3px 3px 3px #ccc6c6;
    border : 1px solid #e5dfdf;
    /*border-left : 4px solid #4f5c5e;*/
    /*border-radius: 10px;*/
    /*-moz-border-radius: 10px;*/
    /*-webkit-border-radius: 10px;*/
    height:auto;
}
.cursor-pointer {
    cursor: pointer;
}
.custom-list-card {
    margin-bottom: 2%;
    padding: 0% 2%;
    background-color: #ffffff;
    box-shadow: 3px 3px 3px #ccc6c6;
    border : 1px solid #e5dfdf;
    height:auto;
    border-radius: 5px;
}
.text-align-center {
    text-align: center;
}
.buttons-container{
    margin: 0% 10%;
    width:100%;
}
.button-wrapper{
    float: left;
    width: 40%;
    margin: 1%;
}
.head-button{
    margin: 1%;
    width:100%;
}
.left{
    width: 100%;
    padding-top: 3%!important;
    float: left;
}

.noMargin{
     margin-left: 0% !important;
     background: #000000;
    opacity: 0.6;
}
/*.carousel-caption{*/
    /*display:none;*/
/*}*/
/*.carousel-caption:hover{*/
    /*display: block;*/
/*}*/

.carousel .left{

    width : 10% !important;
    transition: 0ms;
    transform-style: flat;
}

/*.carousel .carousel-inner{*/
    /*!*z-index: 1;*!*/
    /*transition: 0ms;*/
    /*transform-style: flat;*/
/*}*/


.facility-image{
    margin: 0 auto;
    padding: 2%;
}
.map-url{
    word-wrap: break-word;
}
.main-heading{
    height: auto;
    padding: 0px!important;
    color: #d6d6d6;
    /*padding: 0.5%;*/
    margin: 0.3%;
    /*border-top: 1px solid #D6D6D6;*/
}
.card-title{
    color: #666666;
}
.content{
    padding:2%;
    border-top: 1px solid #D6D6D6;
}

.editable-wrap{
    width: 100%;
}

.footer{
    text-align: center;
    padding: 0.5% 0%;
}
.warning-lighter{
    background-color: #81dbe3!important;
}
.panel{
    border: none!important;
    width: 100%;

}
.panel-heading{
    background-color: #e2e8ea;
    text-transform: uppercase;
    letter-spacing: 1.5px;
}
.panel-title{
    font-size: 0.8em!important;
}

.accordion{
    margin-bottom: 5px!important;
}

.detailed-list-content{
    padding: 2%;
}

.sticky-bar{
    width: 100%;
    background-color: #dee6ea ;
    /*border-top: #e3e6e8 1px solid;*/
    /*opacity:0.6;*/
    top: 6.5%;
    left: 45%;
    position: fixed;
    list-style: none;
    z-index: 2;
    border-bottom: 1px solid #bdc3c7;
    height: 6%;
    padding: 0.5%;
    /*box-shadow: 1px 1px 1px #d6d6d6;*/
}
.sticky-bar i{
    font-size: 1.2em;
    padding-right: 10%;
    cursor: pointer;
}
.sticky-bar span{
    padding: 0 1% 5% 0;
    cursor: pointer;
}
.sticky-bar a{
    text-decoration: none;
    text-transform: uppercase;
}

.sticky-wrapper{
    z-index: 1;
    opacity:1;
    margin-bottom: 7%;
}

.sticky-bar-alert{
    width: 100%;
    background-color: #dee6ea ;
    /*border-top: #e3e6e8 1px solid;*/
    /*opacity:0.6;*/
    top: 6.5%;
    left: 19.2%;
    position: fixed;
    list-style: none;
    z-index: 2;
    border-bottom: 1px solid #bdc3c7;
    height: 6%;
    padding: 0.5%;
    /*box-shadow: 1px 1px 1px #d6d6d6;*/
}
.loading-image{
  position: fixed;
  top: 0%;
  left: 0%;
    width: 100vw;
    height: 100vh;
    background: #ffffff;
    opacity : 0.7;
    z-index: 5000;
}
.loading-image img{
    position : fixed;
    top:45%;
    left:45%;
}
.sticky-bar-alert i{
    font-size: 1.2em;
    padding-right: 10%;
    cursor: pointer;
}
.sticky-bar-alert span{
    padding: 0 1% 5% 0;
    cursor: pointer;
}
.sticky-bar-alert a{
    text-decoration: none;
    text-transform: uppercase;
}

.btn-add-sidebar{
    position: fixed;
    width: 5.5%;
    top: 8%!important;
    right:15%;
    color: #666;
    border: 0.5px solid #aaadae;
    border-radius: 10px;
    padding: 0.2% 0.5%;
    font-size: 0.8em;
    background: transparent!important;
}

.btn-add-sidebar-disabled{
    position: fixed;
    width: 5.5%;
    top: 8%!important;
    right:15%;
    color: #666;
    border: 0.5px solid #aaadae;
    border-radius: 10px;
    padding: 0.2% 0.5%;
    font-size: 0.8em;
    background: transparent!important;
}


.btn-add-sidebar:hover{
    color: lightseagreen;
    border: 0.5px solid lightseagreen;
    box-shadow: 0.2px 0.2px 0.2px 0.2px lightseagreen;
    background: transparent!important;
}

.btn-add-sidebar i{
    color: lightseagreen;
}
.search-fld{
    margin-left: 7% ;
}


.btn-cancel-sidebar{
    position: fixed;
    width: 7%;
    top: 8%!important;
    right:15%;
    color: #666;
    border: 0.5px solid #aaadae;
    border-radius: 10px;
    padding: 0.2% 0.5%;
    font-size: 0.8em;
    background: transparent!important;
}


.btn-cancel-sidebar:hover{
    color: lightcoral;
    border: 0.5px solid lightcoral;
    box-shadow: 0.2px 0.2px 0.2px 0.2px lightcoral;
    background: transparent!important;
}

.btn-cancel-sidebar i{
    color: lightcoral;
}


.btn-add-speciality-sidebar{
    margin-left: 5%;
    color: #2fcc71;
}

.btn-save-sidebar{
    position: fixed;
    width: 5.5%;
    top: 8%!important;
    right:6%;
    color: #666;
    border: 0.5px solid #aaadae;
    border-radius: 10px;
    padding: 0.2% 0.5%;
    font-size: 0.8em;
    background: transparent!important;
}

.btn-save-sidebar:hover{
    color: #66afe9;
    border: 0.5px solid #66afe9;
    box-shadow: 0.2px 0.2px 0.2px 0.2px #66afe9;
    background: transparent!important;
}

.btn-save-sidebar i{
    color: #66afe9;
}

.btn-deactivate-sidebar{
    position: fixed;
    width: 7.5%;
    top: 8%!important;
    right:6%;
    color: #666;
    border: 0.5px solid #aaadae;
    border-radius: 10px;
    padding: 0.2% 0.5%;
    font-size: 0.8em;
    background: transparent!important;
}

.btn-deactivate-sidebar:hover{
    color: red;
    border: 0.5px solid red;
    box-shadow: 0.2px 0.2px 0.2px 0.2px lightcoral;
    background: transparent!important;
}

.btn-deactivate-sidebar i{
    color: red;
}

.btn-save-close{
    /*position: fixed;*/
   width: 10.5%;
    color: red;
    border: 0.5px solid #aaadae;
    border-radius: 10px;
    padding: 0.2% 0.5%;
    font-size: 0.8em;
    background: Transparent!important;
}

.btn-localize{
    position: fixed;
    width: 8.5%;
    top: 8%!important;
    right:32.5%;
    color: #666;
    border: 0.5px solid #aaadae;
    border-radius: 10px;
    padding: 0.2% 0.5%;
    font-size: 0.8em;
    background: transparent!important;
}

.btn-localize:hover{
    color: orange;
    border: 0.5px solid orange;
    box-shadow: 0.2px 0.2px 0.2px 0.2px #66afe9;
    background: transparent!important;
}

.btn-localize i{
    color: darkorange;
}

.btn-select{
    position: fixed;
    width: 12%;
    top: 8%!important;
    color: #666;
    border: 0.5px solid #2c3e50;
    border-radius: 10px;
    padding: 0.2% 0.5%;
    font-size: 0.8em;
    background: transparent!important;
}

.btn-select:hover{
    color: #3b5269;
    border: 0.5px solid #3b5269;
    box-shadow: 0.2px 0.2px 0.2px 0.2px #3b5269;
    background: transparent!important;
}

.btn-select i{
    color: #2c3e50;
}
.y-scroll{
    overflow-y: auto;
}

#local-button{
    position: fixed;
    right:24%!important;
}
.locale-select{
    width: 20%!important;
    top: 18% !important;
    right: 10%!important;
    left: 25%!important;
}

.scheduler-days{
    text-transform: uppercase;
    letter-spacing: 1px;
    padding: 2%;
}

.display-labels{
    text-transform: uppercase;
    font-size: 1.4em;
    letter-spacing: 0.5px;
    display: inline-block;
    padding: 1% 2%;
    width: 30%;
    text-align: right;
}

.lastlist-control{
    color: #666;
    padding: 5%;

}
.lastlist-control i{
    padding: 20%;
    font-size: 1.4em;
}

.width-fixed{
    width:25%;
}

.slideShow{
    width: 100%;
}
.btn-toggle{
    margin-left: 8%;
}
.facility-card{
    padding: 2%;
}
table {
    width: 100%;
    table-layout: fixed;
    word-wrap: break-word;
    height: 10px !important;
}
tr{
    width: 100%;
}

ul.list{
    width: 100% !important;
    padding: 0%!important;
}

.days{
    border-color: lightskyblue!important;
    cursor: pointer;
    text-align: center;
    text-transform: uppercase;
    font-size: 0.8em;
}
.days:hover{
    background-color: #dbeff9;
    color: #8c8c8c;
}
.days-selected{
    background-color: #2196F3;
    color: #f1f4f7;
}
.days-selected:hover{
    background-color: #2196F3;
}
.days-notselected{
    background-color: #f1f4f7;
}
.days-notselected:hover{
    color: #8c8c8c;
}

.previewHeight {
    height: auto;
    min-height: 300px;
}

.cropArea {
    margin-top: 7%!important;
    background: #E4E4E4;
    overflow: hidden;
    width: 270px;
    height: 200px;
}
.croppedArea{
    background: #E4E4E4;
    overflow: hidden;
    width: 270px;
    height: 200px;
}

.work-flow-modal .modal-dialog{
    width: 100% !important;
}

.cropAreaList {
    margin: 0 auto;
    background: #E4E4E4;
    overflow: hidden;
    width:200px;
    height:200px;
}

form .progress {
    line-height: 15px;
}
.progress {
    display: inline-block;
    width: 100%;
    border: 1px groove #CCC;
}
.progress div {
    font-size: smaller;
    background: orange;
    width: 0;
}
.error-message{
    color: red!important;
}
.publish{
    margin-top: 3%!important;
    width: 110%!important;
    height: 80vh !important;
    overflow-y: auto!important;
    position: relative;
}
.gallery-image{
    max-width: 250px;
    margin: 0 auto;
}
.btn-center{
    margin-left: 20%;
    width: 60%!important;
    border-radius: 0%!important;
    box-shadow: 0.2px 0.2px 0.2px #888888;
    border: 0.5px solid #19B5FE;

}
.btn-center:hover{
    background-color: #19B5FE;
    color: #f1f4f7;
    border-radius: 0%!important;
    box-shadow: 1px 1px 1px #888888;
    border: 1px solid #19B5FE;

}
.progress-wrapper{
    padding: 2%;
}
.spec-image{
    width: 15%!important;
    padding: 3%!important;
}
.spec-image:hover{
    border: 0.2px solid #19B5FE;
}
.slide i{
    margin : 85% 20% 15% 12%;
    font-size: 2em;
}
.slide-chevron-left {
    padding: 25%;
}
.slide-chevron-right{
    padding: 20%;
}
.notes-form{
    background-color: #dff4f9;
    padding: 5%!important;
    margin-bottom: 2%!important;
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
}
.form-preview{
    padding: 1%!important;
}
.pad-form{
    padding-right: 2%!important;
}
.form-check{
    padding-right: 1%!important;
}
.table-background{
    background-color: #ffffff!important;
}

/*  RATING   */
.rating-form {
    margin-top: 20px;
}
/* RATING - Form - Group */
.rating-form .form-group {
    position: relative;
    border: 0;
}
/* RATING - Form - Legend */
.rating-form .form-legend {
    display: none;
    margin: 0;
    padding: 0;
    font-size: 10px;
    font-size: 2rem;
    /*background: green;*/
}
/* RATING - Form - Item */
.rating-form .form-item {
    position: relative;
    margin: auto;
    width: 300px;
    text-align: center;
    direction: rtl;
    /*background: green;*/
}
.rating-form .form-legend + .form-item {
    padding-top: 10px;
}
.rating-form input[type='radio'] {
    position: absolute;
    left: -9999px;
}
/* RATING - Form - Label */
.rating-form label {
    display: inline-block;
    cursor: pointer;
}
.rating-form .rating-star {
    display: inline-block;
    position: relative;
}
.rating-form input[type='radio'] + label:before {
    content: attr(data-value);
    position: absolute;
    right: 30px;
    top: 83px;
    font-size: 20px;
    font-size: 2rem;
    opacity: 0;
    direction: ltr;
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}
.rating-form input[type='radio']:checked + label:before {
    right: 25px;
    opacity: 1;
}
.rating-form input[type='radio'] + label:after {
    content: "/ 5";
    position: absolute;
    right: 5px;
    top: 96px;
    font-size: 16px;
    font-size: 1.6rem;
    opacity: 0;
    direction: ltr;
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}
.rating-form input[type='radio']:checked + label:after {
    /*right: 5px;*/
    opacity: 1;
}
.rating-form label .fa {
    font-size: 60px;
    font-size: 6rem;
    line-height: 60px;
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}
.rating-form label:hover .fa-star-o,
.rating-form label:focus .fa-star-o,
.rating-form label:hover ~ label .fa-star-o,
.rating-form label:focus ~ label .fa-star-o,
.rating-form input[type='radio']:checked ~ label .fa-star-o {
    opacity: 0;
}
.rating-form label .fa-star {
    position: absolute;
    left: 0;
    top: 0;
    opacity: 0;
}
.rating-form label:hover .fa-star,
.rating-form label:focus .fa-star,
.rating-form label:hover ~ label .fa-star,
.rating-form label:focus ~ label .fa-star,
.rating-form input[type='radio']:checked ~ label .fa-star {
    opacity: 1;
}
.rating-form input[type='radio']:checked ~ label .fa-star {
    color: gold;
}
.rating-form .ir {
    position: absolute;
    left: -9999px;
}
/* RATING - Form - Action */
.rating-form .form-action {
    opacity: 0;
    position: absolute;
    left: 5px;
    bottom: -40px;
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}
.rating-form input[type='radio']:checked ~ .form-action {
    cursor: pointer;
    opacity: 1;
}
.rating-form .btn-reset {
    display: inline-block;
    margin: 0;
    padding: 4px 10px;
    border: 0;
    font-size: 10px;
    font-size: 1rem;
    background: #fff;
    color: #333;
    cursor: auto;
    border-radius: 5px;
    outline: 0;
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}
.rating-form .btn-reset:hover,
.rating-form .btn-reset:focus {
    background: gold;
}
.rating-form input[type='radio']:checked ~ .form-action .btn-reset {
    cursor: pointer;
}
/* RATING - Form - Output */
.rating-form .form-output {
    display: none;
    position: absolute;
    right: 15px;
    bottom: -45px;
    font-size: 30px;
    font-size: 3rem;
    opacity: 0;
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}
.no-js .rating-form .form-output {
    right: 5px;
    opacity: 1;
}
.rating-form input[type='radio']:checked ~ .form-output {
    right: 5px;
    opacity: 1;
}
/*  End Of Rating  */

.navbar-padding{
    padding-top:0.4em!important;
}
.switch {
    position: relative;
    display: inline-block;
    width: 60px;
    height: 34px;
}

.input-segment{
    padding: 4px!important;
    margin-right: 3px!important;
    border : 1px solid #D3D3D3;
    border-radius: 5px!important;
}
.input-segment:active{
    background-color: #EF5350!important;
}
/* Hide default HTML checkbox */
.switch input {display:none;}

/* The slider */
.slider {
    position: absolute;
    cursor: pointer;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #ccc;
    -webkit-transition: .4s;
    transition: .4s;
}

.slider:before {
    position: absolute;
    content: "";
    height: 26px;
    width: 26px;
    left: 4px;
    bottom: 4px;
    background-color: white;
    -webkit-transition: .4s;
    transition: .4s;
}

input:checked + .slider {
    background-color: #2196F3;
}

input:focus + .slider {
    box-shadow: 0 0 1px #2196F3;
}

input:checked + .slider:before {
    -webkit-transform: translateX(26px);
    -ms-transform: translateX(26px);
    transform: translateX(26px);
}

/* Rounded sliders */
.slider.round {
    border-radius: 34px;
}

.slider.round:before {
    border-radius: 50%;
}


/* Make inline editables take the full width of their parents */
.editable-wrap{display:inline-block;white-space:nowrap;margin:0;width:100%;}.editable-wrap .editable-controls,.editable-wrap .editable-error{margin-bottom:0}.editable-wrap .editable-controls>input,.editable-wrap .editable-controls>select,.editable-wrap .editable-controls>textarea{margin-bottom:0}.editable-wrap .editable-input{display:inline-block}.editable-buttons{display:inline-block;vertical-align:top}.editable-buttons button{margin-left:5px}.editable-input.editable-has-buttons{width:auto}.editable-bstime .editable-input input[type=text]{width:46px}.editable-bstime .well-small{margin-bottom:0;padding:10px}.editable-range output{display:inline-block;min-width:30px;vertical-align:top;text-align:center}.editable-color input[type=color]{width:50px}.editable-checkbox label span,.editable-checklist label span,.editable-radiolist label span{margin-left:7px;margin-right:10px}.editable-hide{display:none!important}.editable-click,a.editable-click{text-decoration:none;color:#428bca;border-bottom:dashed 1px #428bca}.editable-click:hover,a.editable-click:hover{text-decoration:none;color:#2a6496;border-bottom-color:#2a6496}.editable-empty,.editable-empty:hover,.editable-empty:focus,a.editable-empty,a.editable-empty:hover,a.editable-empty:focus{font-style:italic;color:#D14;text-decoration:none}

/*Media Queries */

@media (min-width: 961px) and (max-width: 1024px){
    /* First column */
    .side-col{
        margin-left: 1%;
        margin-top: 1.6%;
        width: 100%;
        height: auto!important;
    }
    .side-row{
        margin-top: 30%;
        height: 20%;
    }
    .home-content{
        margin-top: 15%!important;
        margin-right: 15%!important;
    }

    .list-top-padding{
        padding-top: 1% !important;
    }


    .list-item{
        float: left;
        display: inline;
        padding: 1% 1% 1% 1%;
        max-width: 16.5%;
        height: inherit;
        border-right: 0.5px solid #dddbdb;

    }
    .list-item i{
        font-size: 1.3em;
        padding: 1% 40%;
    }
    .list-item-text{
        display: none;
    }
    /*.sticky-wrapper{*/
        /*top: 20%!important;*/
    /*}*/
    .sticky-bar{
        top: 20.65%;
        left: 30.3%;

    }
    .btn-add-sidebar, .btn-save-sidebar{
        top: 22%!important;
        width: 7%!important;
    }

    .btn-localize{
        top: 22%!important;
        width: 10%!important;
    }
    /* End of first column*/

    /* Second Column */
    .second-col{
        margin-left: 1%;
        width: 30%;
    }
    .last-col{
        width: 68%;
    }
    /* End of second column */
}
@media (min-width: 901px) and (max-width: 960px){
    .list-top-padding{
        padding-top: 1% !important;
    }
    .no-padding{
        display: none;
    }
    .login-col{
        margin: 0 auto;
        width: 100%;
        padding: 20%!important;

    }
    .login-wrapper{
        margin-bottom : 20%!important;
        margin-top: 0%!important;
        padding-bottom: 40%!important;
    }
    .side-col{
        margin-left: 1%;
        margin-top: 2%;
        width: 100%;
        /*min-height: 20%!important;*/
        height : 20%!important;
    }

    .side-row{
        margin-top: 30%;
        height: 20%;
    }

    .list-item{
        float: left;
        display: inline;
        padding: 1% 1% 1% 1%;
        max-width: 16.5%;
        height: inherit;
        border-right: 0.5px solid #e3e6e8;
    }
    .home-content{
        margin-top: 15%!important;
        margin-right: 15%!important;
    }
    .list-item i{
        font-size: 1.3em;
        padding: 1% 40%;
    }
    .list-item-text{
        display: none;
    }
    /*.sticky-wrapper{*/
    /*display:none;*/
    /*}*/
    /*.sticky-bar{*/
        /*top: 13.8%;*/
        /*left: 30.3%;*/

    /*}*/
    /*.btn-add-sidebar, .btn-save-sidebar{*/
        /*top: 14.5%!important;*/
        /*width: 7%!important;*/
    /*}*/
    .sticky-bar{
        top: 20.65%;
        left: 30.3%;

    }
    .btn-add-sidebar, .btn-save-sidebar{
        top: 22%!important;
        width: 7%!important;
    }

    .btn-localize{
        top: 22%!important;
        width: 10%!important;
    }
    .second-col{
        margin-left: 1%;
        width: 30%;
    }
    .last-col{
        width: 68%;
    }

}
@media (min-width: 830px) and (max-width: 900px){

    .list-top-padding{
        padding-top: 1% !important;
    }

    .no-padding{
        display: none;
    }
    .login-col{
        margin: 0 auto;
        width: 100%;
        padding: 20%!important;

    }
    .login-wrapper{
        margin-bottom : 20%!important;
        margin-top: 0%!important;
        padding-bottom: 40%!important;
    }
    .home-content{
        margin-top: 15%!important;
        margin-right: 15%!important;
    }

    .side-col{
        margin-left: 1%;
        margin-top: 2%;
        width: 100%;
        height: 20%!important;
    }

    .side-row{
        margin-top: 30%;
        height: 20%;
    }

    .list-item{
        float: left;
        display: inline;
        padding: 1% 1% 1% 1%;
        max-width: 16.5%;
        height:inherit;
        border-right: 0.5px solid #e3e6e8;
        /*height: inherit;*/
    }
    .list-item i{
        font-size: 1.3em;
        padding: 1% 40%;
    }
    .list-item-text{
        display: none;
    }
    /*.sticky-wrapper{*/
        /*display:none;*/
    /*}*/
    /*.sticky-bar{*/
        /*top: 12.5%;*/
        /*left: 30.3%;*/

    /*}*/
    /*.btn-add-sidebar, .btn-save-sidebar{*/
        /*top: 13.8%!important;*/
        /*width: 7%!important;*/
    /*}*/
    /*.btn-localize{*/
        /*top: 13.8%!important;*/
        /*width: 10%!important;*/
    /*}*/
    .sticky-bar{
        top: 16.65%;
        left: 30.3%;

    }
    .btn-add-sidebar, .btn-save-sidebar{
        top: 22%!important;
        width: 7%!important;
    }

    .btn-localize{
        top: 22%!important;
        width: 10%!important;
    }


    .second-col{
        margin-left: 1%;
        width: 30%;
    }
    .last-col{
        width: 68%;
    }

}
@media (min-width: 771px) and (max-width: 829px){

    .list-top-padding{
        padding-top: 1% !important;
    }

    .no-padding{
        display: none;
    }
    .login-col{
        margin: 0 auto;
        width: 100%;
        padding: 20%!important;

    }
    .login-wrapper{
        margin-bottom : 20%!important;
        margin-top: 0%!important;
        padding-bottom: 40%!important;
    }
    .home-content{
        margin-top: 15%!important;
        margin-right: 15%!important;
    }

    .navbar{
        max-height: 5%!important;
    }

    .side-col{
        margin-left: 1%;
        margin-top: 2%;
        width: 100%;
        height: 20%!important;
    }

    .side-row{
        margin-top: 30%;
        height: 20%;
    }

    .list-item{
        float: left;
        display: inline;
        padding: 1% 1% 1% 1%;
        max-width: 16.5%;
        height: inherit;
        border-right: 0.5px solid #e3e6e8;
    }
    .list-item i{
        font-size: 1.3em;
        padding: 1% 40%;
    }
    .list-item-text{
        display: none;
    }
    /*.sticky-wrapper{*/
        /*display:none;*/
    /*}*/

    .sticky-bar{
        top: 11.5%;
        left: 30.3%;

    }
    .btn-add-sidebar, .btn-save-sidebar{
        top: 13%!important;
        width: 7%!important;
    }
    .btn-localize{
        top: 13%!important;
        width: 10%!important;
    }

    .second-col{
        margin-left: 1%;
        width: 30%;
    }
    .last-col{
        width: 68%;
    }

}
@media (min-width: 701px) and (max-width: 770px){


    .list-top-padding{
        padding-top: 1% !important;
    }
    .no-padding{
        display: none;
    }
    .login-col{
        margin: 0 auto;
        width: 100%;
        padding: 20%!important;

    }
    .login-wrapper{
        margin-bottom : 20%!important;
        margin-top: 0%!important;
        padding-bottom: 40%!important;
    }

    .home-content{
        margin-top: 15%!important;
        margin-right: 15%!important;
    }

    .navbar{
        max-height: 5%!important;
    }

    .side-col{
        margin-left: 1%;
        margin-top: 2.5%;
        width: 100%;
        height: 20%!important;
    }

    .side-row{
        margin-top: 30%;
        height: 20%;
    }

    .list-item{
        float: left;
        display: inline;
        padding: 1% 1% 1% 1%;
        max-width: 16.5%;
        height: inherit;
        border-right: 0.5px solid #e3e6e8;
    }
    .list-item i{
        font-size: 1.3em;
        padding: 1% 40%;
    }
    .list-item-text{
        display: none;
    }
    /*.sticky-wrapper{*/
    /*display:none;*/
    /*}*/

    .sticky-bar{
        top: 11.5%;
        left: 30.3%;

    }
    .btn-add-sidebar, .btn-save-sidebar{
        top: 13%!important;
        width: 10%!important;
    }
    .btn-localize{
        top: 13%!important;
        width: 10%!important;
    }
    .btn-add-sidebar {
        right: 18%!important;
    }
    .btn-add i{
        font-size: 1em;
        border-radius: 0%!important;
        padding: 1%!important;
    }
    .btn-add span{
        display: none;
    }

    .second-col{
        margin-left: 1%;
        width: 30%;
        padding-bottom: 38%!important;
    }
    .last-col{
        width: 68%;
        padding-bottom: 38%!important;
    }
    .logo{
        top: 0!important;
        padding: 0% 1% 2% 1%!important;
    }
    #navbar .navbar-left{
        list-style: none;
        margin: 0 auto;
        /*padding-bottom: 5%!important;*/
    }
    #navbar .navbar-left li{
        height: 30px!important;
        font-size: 0.8em!important;
        text-align: center;
        display: inline;
        float: left;
    }
    #navbar .navbar-right{
       display:none;
    }
    .brand-name{
        text-align: center;
    }
}

.sticky-btn{
    position: fixed;
    right: 25px;
    font-size: x-small;
    bottom: 10rem;
    /*background-color: cornflowerblue !important;*/
    line-height: 4.6rem;
    min-width: 0;
    width: 4.5rem;
    height: 4.5rem;
    border-radius: 50%
}
.plus-size {
    margin-top: auto;
    font-size: 25px !important;
}
.edit-mcode{
    width:20% !important
}
.edit-mobile{
    width:75% !important
}
.size-table{
    position: fixed;
    right: 2em;
    top: 14rem;
}
@media (min-width: 601px) and (max-width: 700px){


    .list-top-padding{
        padding-top: 1% !important;
    }

    .no-padding{
        display: none;
    }
    .login-col{
        margin: 0 auto;
        width: 100%;
        padding: 20%!important;

    }
    .login-wrapper{
        margin-bottom : 20%!important;
        margin-top: 0%!important;
        padding-bottom: 40%!important;
    }

    .home-content{
        margin-top: 15%!important;
        margin-right: 15%!important;
    }

    .navbar{
        max-height: 5%!important;
    }

    .side-col{
        margin-left: 1%;
        margin-top: 2.5%;
        width: 100%;
        height: 20%!important;
    }

    .side-row{
        margin-top: 30%;
        height: 20%;
    }

    .list-item{
        float: left;
        display: inline;
        padding: 1% 1% 1% 1%;
        max-width: 16.5%;
        height: inherit;
        border-right: 0.5px solid #e3e6e8;
    }
    .list-item i{
        font-size: 1.3em;
        padding: 1% 40%;
    }
    .list-item-text{
        display: none;
    }
    /*.sticky-wrapper{*/
    /*display:none;*/
    /*}*/

    .sticky-bar{
        top: 11.5%;
        left: 30.3%;

    }
    .btn-add-sidebar, .btn-save-sidebar{
        top: 13%!important;
        width: 10%!important;
    }
    .btn-localize{
        top: 13%!important;
        width: 10%!important;
    }
    .btn-add-sidebar {
        right: 18%!important;
    }
    .btn-add i{
        font-size: 1em;
        border-radius: 0%!important;
        padding: 1%!important;
    }
    .btn-add span{
        display: none;
    }

    .second-col{
        margin-left: 1%;
        width: 30%;
        padding-bottom: 38%!important;
    }
    .last-col{
        width: 68%;
        padding-bottom: 38%!important;
    }
    .logo{
        top: 0!important;
        padding: 0% 1% 2% 1%!important;
    }
    #navbar .navbar-left{
        list-style: none;
        margin: 0 auto;
        /*padding-bottom: 5%!important;*/
    }
    #navbar .navbar-left li{
        height: 30px!important;
        font-size: 0.8em!important;
        text-align: center;
        display: inline;
        float: left;
    }
    #navbar .navbar-right{
        display:none;
    }
    .brand-name{
        text-align: center;
    }
}
.pagination>.active>a, .pagination>.active>a:focus, .pagination>.active>a:hover, .pagination>.active>span, .pagination>.active>span:focus, .pagination>.active>span:hover
{
    z-index: 1 !important;
}
/*.btn-group-vertical>.btn.active, .btn-group-vertical>.btn:active, .btn-group-vertical>.btn:focus, .btn-group-vertical>.btn:hover, .btn-group>.btn.active, .btn-group>.btn:active, .btn-group>.btn:focus, .btn-group>.btn:hover {*/
    /*z-index: 2;*/
    /*border: 2px solid skyblue;*/
/*}*/
.form-size{
    width: 50% !important;
}
.axis path,
.axis line {
    fill: none;
    stroke: #000;
    shape-rendering: crispEdges;
}

.bar {
    fill: black;
}

.bar:hover {
    fill: orangered ;
}

.x.axis path {
    display: none;
}

.d3-tip {
    line-height: 1;
    font-weight: bold;
    padding: 12px;
    background: rgba(0, 0, 0, 0.8);
    color: #fff;
    border-radius: 2px;
}

/* Creates a small triangle extender for the tooltip */
.d3-tip:after {
    box-sizing: border-box;
    display: inline;
    font-size: 10px;
    width: 100%;
    line-height: 1;
    color: rgba(0, 0, 0, 0.8);
    content: "\25BC";
    position: absolute;
    text-align: center;
}

/* Style northward tooltips differently */
.d3-tip.n:after {
    margin: -1px 0 0 0;
    top: 100%;
    left: 0;
}

.arc text {
    font: 14px sans-serif;
    text-anchor: middle;
}

.arc path {
    stroke: #fff;
}


/*#tooltip {*/
    /*position: absolute;*/
    /*width: 200px;*/
    /*height: auto;*/
    /*padding: 10px;*/
    /*background-color: white;*/
    /*-webkit-border-radius: 10px;*/
    /*-moz-border-radius: 10px;*/
    /*border-radius: 10px;*/
    /*-webkit-box-shadow: 4px 4px 10px rgba(0, 0, 0, 0.4);*/
    /*-mox-box-shadow: 4px 4px 4px 10px rgba(0, 0, 0, 0.4);*/
    /*box-shadow: 4px 4px 10px rbga(0, 0, 0, 0.4);*/
    /*pointer-events: none;*/
/*}*/
/*#tooltip.hidden {*/
    /*opacity: 0;*/
/*}*/
/*#tooltip p {*/
    /*margin: 0;*/
    /*font-family: sans-serif;*/
    /*font-size: 16px;*/
    /*line-height: 20px;*/
/*}*/
/*div.tooltip {*/
    /*position: absolute;*/
    /*text-align: center;*/
    /*z-index: 50;*/
    /*width: 140px;*/
    /*height: auto;*/
    /*padding: 8px;*/
    /*font: 24px sans-serif;*/
    /*background: red;*/
    /*color: white;*/
    /*border: solid 1px #aaa;*/
    /*border-radius: 8px;*/
    /*opacity: 0.8;*/
/*}*/


.dot {
    fill: steelblue;
    stroke: steelblue;
    stroke-width: 1.5px;
}

.legend text {
    font-family: Arial, sans-serif;
    /*font-size: 1.25em;*/
}

.app-modal-window .modal-dialog {
    width: 2000px;
}


/*.axis--x path {*/
    /*display: none;*/
/*}*/

.line {
    fill: none;
    stroke: steelblue;
    stroke-width: 1.5px;
    shape-rendering: crispEdges;
}


.d3-context-menu {
    position: absolute;
    display: none;
    background-color: #f2f2f2;
    border-radius: 4px;

    font-family: Arial, sans-serif;
    font-size: 14px;
    min-width: 150px;
    border: 1px solid #d4d4d4;

    z-index:1200;
}

.d3-context-menu ul {
    list-style-type: none;
    margin: 4px 0px;
    padding: 0px;
    cursor: default;
}

.d3-context-menu ul li {
    padding: 4px 16px;
}

.d3-context-menu ul li:hover {
    background-color: #4677f8;
    color: #fefefe;
}


.contextmenu {
    position: fixed;
    display: block;
    z-index: 5000;
}
.contextmenu li > a:hover {
    background-color: #428bca;
    color: #ffffff;
}



svg {
    padding: 15px;
}
.threshold {
}
.threshold.inactive {
    opacity: 1.0;
}
.threshold.active {
    opacity: 1.0;
}
.needle {
    fill: black;
}
.value {
    font-size: 40px;
    font-weight: bold;
    font-family: tahoma, sans-serif;
    color: black;
}
.unit {
    font-size: 15px;
    font-weight: bold;
    font-family: tahoma, sans-serif;
    fill: #999;
}

.table-dark-stripped > tbody > tr:nth-child(2n+1) > td, .table-striped > tbody > tr:nth-child(2n+1) > th {
    background-color: #dedede;
}

.table-dark-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: 1px solid #333;
}


/*.n-resize {*/
    /*position: absolute;*/
    /*top: -3px;*/
    /*left: 0px;*/
    /*width: 100%;*/
    /*height: 5px;*/
    /*cursor: n-resize; }*/

.e-resize {
    position: absolute;
    top: 0px;
    left: calc(100% - 2px);
    width: 5px;
    height: 100%;
    cursor: w-resize; }

.s-resize {
    position: absolute;
    top: calc(100% - 2px);
    left: 0px;
    width: 100%;
    height: 5px;
    cursor: s-resize; }

/*.w-resize {*/
    /*position: absolute;*/
    /*top: 0px;*/
    /*left: -3px;*/
    /*width: 5px;*/
    /*height: 100%;*/
    /*cursor: e-resize; }*/

/*.nw-resize {*/
    /*position: absolute;*/
    /*top: -3px;*/
    /*left: -3px;*/
    /*width: 7px;*/
    /*height: 7px;*/
    /*cursor: nw-resize; }*/

/*.ne-resize {*/
    /*position: absolute;*/
    /*top: -3px;*/
    /*left: calc(100% - 4px);*/
    /*width: 7px;*/
    /*height: 7px;*/
    /*cursor: ne-resize; }*/

.se-resize {
    position: absolute;
    top: calc(100% - 4px);
    left: calc(100% - 4px);
    width: 7px;
    height: 7px;
    cursor: se-resize; }

/*.sw-resize {*/
    /*position: absolute;*/
    /*top: calc(100% - 4px);*/
    /*left: -3px;*/
    /*width: 7px;*/
    /*height: 7px;*/
    /*cursor: sw-resize; }*/


.draggable {
    position: absolute;
    top: 2px;
    left: 2px;
    width: calc(100% - 4px);
    height: calc(100% - 4px);
    cursor: pointer; }



.drag-drop-table ul[dnd-list] {
    min-height: 42px;
    padding-left: 0px;
}

.drag-drop-table ul[dnd-list] .dndDraggingSource {
    display: none;
}

.drag-drop-table ul[dnd-list] .dndPlaceholder {
    background-color: #ddd;
    display: block;
    min-height: 42px;
}

.drag-drop-table ul[dnd-list] li {
    background-color: #fff;
    border: 1px solid #ddd;
    border-top-right-radius: 4px;
    border-top-left-radius: 4px;
    display: block;
    padding: 10px 15px;
    margin-bottom: -1px;
}

.drag-drop-table ul[dnd-list] li.selected {
    background-color: #dff0d8;
    color: #3c763d;
}

.drag-drop-table .itemlist > li {
    background-color: #337ab7;
    /*border: none;*/
    border-radius: .25em;
    /*color: #fff;*/
    float: left;
    /*font-weight: 700;*/
    /*height: 50px;*/
    /*margin: 5px;*/
    /*padding: 3px;*/
    /*text-align: center;*/
}

.modal-largeModal{
    width: 1200px !important;
    overflow: scroll;
}
.booking-rules-input{
    border: 1.2px solid #d3d3d3;
    border-radius: 3px;
}
.input-container{
    /*width: 15em;*/
    margin-left: .5em;
    width: 22%!important;
}
.fHead{
    padding-top: .5em;
    margin: 0px !important;
    /*font-style: italic;*/
    color: #c0c0c0;
    font-weight: 300;
}
.oi-select:not(.multiple) .select-search-list-item_selection:not(:active){
    max-height: 1.8em!important;
}
.availDays{
    width: 3em;text-align: center;
    padding-top: .5em;
    font-size: .8em;
    color: lightskyblue;
}
.availDaysDactive{
    color: #d3d3d3;
    width: 3em;text-align: center;
    padding-top: .5em;
    font-size: .8em;
}
.availDAyRpresent{
    height: 0.4em;
    width: 90%;
    margin-left: auto;
    margin-right: auto;
    border-radius: 2em;
    background-color: lightskyblue;
    margin-top: .3em;
}
.availDAyRpresentDactive{
    height: 0.4em;
    width: 90%;
    margin-left: auto;
    margin-right: auto;
    border-radius: 2em;
    background-color: #d3d3d3;
    margin-top: .3em;
}
.pracAvaildays{
    color: #000;
    font-weight: 300;
    margin: 0px;
    font-size: .9em;
    /*font-style: italic;*/
    padding-top: .5em;
    font-family: "Source Sans Pro","Helvetica Neue",Helvetica,Arial,sans-serif;
}
.likeFullAPP{
    font-family: "Source Sans Pro","Helvetica Neue",Helvetica,Arial,sans-serif;
}
.pracAvailContainer{
    display: flex;
    margin-left: 1em;
    border: 1px solid #c0c0c0;
    height: 2.5em;
    box-shadow: 0px 0px 0px 1px rgba(211,211,211,.2);
    border-radius: 3px
}
.pracResContainer{
    display: flex;
    margin-left: 1em;
    height: 2.5em;
    padding-top: .5em;
    font-size: .9em;
}
.scheduleButton{
    border: 1px solid #d3d3d3;
    border-radius: 3px;
    margin-left: 0.5em;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 4.4em;
    background-color: #fff!important;
    font-size: .9em;
    box-shadow: 1px 1px 0px 0px #d3d3d3;
}
.scheduleButtonActive{
    background-color: #2D88CA!important;
    border: 1px solid #2D88CA;
    border-radius: 3px;
    margin-left: 0.5em;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 4.4em;
    color: #fff!important;
    font-size: .9em;
    box-shadow: 1px 1px 0px 0px #d3d3d3;
}
.slotsButton{
    border: 1px solid #d3d3d3;
    /*border-radius: 3px;*/
    /*margin-left: 0.5em;*/
    display: flex;
    align-items: center;
    justify-content: center;
    width: 5.8em;
    background-color: #fff!important;
    font-size: .9em;
    box-shadow: 1px 1px 0px 0px #d3d3d3;
}
.slotsButtonActive{
    background-color: #2D88CA!important;
    border: 1px solid #2D88CA;
    /*border-radius: 3px;*/
    /*margin-left: 0.5em;*/
    display: flex;
    align-items: center;
    justify-content: center;
    width: 4.4em;
    color: #fff!important;
    font-size: .9em;
    box-shadow: 1px 1px 0px 0px #d3d3d3;
}
.booking-table{

}
.slotRow{
    /*max-height: 3em!important;*/
    min-height: 2.5em!important;
    font-size: .9em!important;
    border: 1px solid #dedddd;
    font-family: "Source Sans Pro","Helvetica Neue",Helvetica,Arial,sans-serif;
}
.slotRow:nth-child(odd){
    background-color: #fff!important;
}
.slotRow:nth-child(even){
    background-color: #f9f9fa!important;
}
.slotCol{
    font-family: "Source Sans Pro","Helvetica Neue",Helvetica,Arial,sans-serif;
    text-align: center;
    min-width: 11% !important;
    /*max-height: 3em!important;*/
    min-height: 2.5em!important;
    font-size: .9em!important;
    border-right: 1px solid #dedddd!important;

}
.slotColGreen{
    font-family: "Source Sans Pro","Helvetica Neue",Helvetica,Arial,sans-serif;
    text-align: center;
    min-width: 11% !important;
    max-height: 3em!important;
    min-height: 2.5em!important;
    font-size: .9em!important;
    border-right: 1px solid #dedddd!important;
    border-left: 2px solid green!important;
}
.slotColJustify{
    justify-content: center;
    align-items: center;
    display: flex;
}
.slotCol:last-child{
    border-right: none !important;
}
.bookingFooter{
    position: fixed;
    /*bottom:10.8%;*/
    display: flex;
    /*background-color: #F5F6F8;*/
    height: 4em;
    width: 81%;
    /*align-items: center;*/

}
.innerbookFooter{
    border-top:1px dashed ;
    display: flex;
    width: 100%;
    /*background-color: #F5F6F8;*/
    /*height: 4em;*/
    align-items: center
}
.showInnerFooter{
    background-color: #eeeeee;
}
/*.footVisit .select-search{*/
    /*margin-left: .3em;*/
    /*max-height: 2em!important;*/
/*}*/
.slotSave{
    /*width: 5em;*/
    height: 2.3em;
    padding-left: 10px;
    padding-right: 10px;
    background-color: green;
    border: 1px solid green;
    color: #fff;
    text-align: center;
    margin-left: 1em;
    padding-top: .3em;
    font-size:.9em;
    box-shadow: 1px 1px 0px 0px #d3d3d3;
}
.slotSaveDisable{
    opacity: .5;
}
.slotSavetoClear{
    background-color: firebrick;
    color: #fff;
    border: 1px solid firebrick;
}
.slotClear{
    width: 5em;
    height: 2em;
    border: 1px solid #c0c0c0;
    text-align: center;
    margin-left: 1em;
    margin-right: 1em;
    padding-top: .3em;
    font-size:.9em;
    box-shadow: 1px 1px 0px 0px #d3d3d3;
}
.footVisit{
    max-height: 3em!important;
}
.footVisit .select-search{
    max-height: 3em;
    overflow-y: scroll !important;
}
.footVisit .select-dropdown{
    /*top: auto!important;*/
    /*bottom: 100%!important;*/
    /*border:1px solid #66afe9 !important;*/
    /*border-bottom: none!important;*/
    max-height: 12em!important;
}
.enableVisit{
    background-color: green;
    color: #fff;
}
.sltSlotBorder{
    border-left: 2px solid green!important;
}
.sltSlotBorderTable{
    border-left: 3px solid green!important;
}
.task-rule-domain tbody{
    max-width: 100% !important;
    border: 1px solid #d3d3d3;
}
.trdRow{
    border-bottom: 1px solid #d3d3d3;
}
.trdCol{
    height: 4em;
    border-right: 1px solid #d3d3d3;
}
.trdInput{
    width: 100% !important;
}
.remove-but{
    position: absolute;
    right: 5px;
    background-color: red;
    border-radius: 100%;
    color: #fff;

}

.textdiff span {
    color: black;
}

.ins,
ins {
    color: black;
    background: #bbffbb;
}

.del,
del {
    color: black;
    background: #ffbbbb;
}

.xl-modal-window .modal-lg{
    width:90vw !important;
}
.table-cols {
    display: block;
    height:auto !important;
}
.table-cols tr {
    display: block;
    padding:5px 0px;
}
.table-cols tr:not(:last-child) {
    border-bottom:1px solid #ddd;
}
.table-cols td{
        display: inline-block;
}

.ExportAlertButton1{
    width: 8rem;
    height: 3rem;
    margin: 4% 50%;
}
.ExportAlertButton2{
    width: 8rem;
    height: 3rem;
    margin: -44%;
}

.ExportAlertHeader{
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    position: fixed;
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 100;
    flex-direction: column;
    background: rgba(0,0,0,.5);
}
.ExportAlertContent{
    background-color: #fefefe;
    padding: 7% 7% 2% 10%;
    border-radius: 5px;
    
}
.cstooltip > .tooltip-inner {
    position: absolute;
    width: 200px;
}

.modal-body.concentModal, .concentModal{
    position: relative;
}
.concentModal .templates{
    position: fixed;
    top: 10px;
    right: 10px;
    background-color: #fff;
    padding: 15px;
    width:0;
    opacity: 0;
    overflow: hidden;
    transition: 0.5s ease-in-out;
    box-shadow: 0 0 5px rgba(0,0,0,0.2);
    z-index: -1;
    min-height: 500px;
}
.concentModal .templates.absolutePos{position: absolute;}
.concentModal .templates.slide{
    width: 600px;
    opacity: 1;
    transition: 0.5s ease-in-out;
    z-index: 99;
}
.btn-group.lessPadding .btn{padding: 6px 6px;}

.concentModal .templates .select-dropdown{ position: relative;}

.divPosAbsCtn {position: relative;}
.divPosAbsCtn .addFrom{display: none; width: 70%; background-color: #fff; box-shadow: 0 0 55px rgba(0,0,0,0.5); padding: 20px; position: absolute; right: 50%; transform: translateX(50%); border-radius: 25px; max-height: 450px; overflow: auto;}
.divPosAbsCtn .addFrom.show{display: block;}
.divPosAbsCtn .addFrom::-webkit-scrollbar{width: 5px;}
.divPosAbsCtn .addFrom::-webkit-scrollbar-track {background: #f1f1f1;}
/* Handle */
.divPosAbsCtn .addFrom::-webkit-scrollbar-thumb {background: #888;}
.divPosAbsCtn .addFrom::-webkit-scrollbar-thumb:hover {background: #555;}


.divPosAbsCtn .addFrom.fullScreen{width: 95vw; transform: translateX(0%); right: unset; left: 0; height: 98vh; top:1vh; max-height: unset; left: 2.5vw; position: fixed; z-index: 1031;}

.carerRoleConditionBox {box-shadow: 0 0px 5px rgba(0,0,0,0.2); margin-bottom: 15px; padding: 10px; position: relative; border-bottom: 2px solid #286090;}
.carerRoleConditionBox .caption{position: absolute; left: 15px; top:15px}

.tblRuleSetDtl tr td, .tblRuleSetDtl tr th{white-space: nowrap; padding: 5px 10px !important;height: 50px; min-width: 120px !important;}
.tblRuleSetDtl .bg-gry{background: #fcfcfc; color:#337ab7}

.tblRuleSetDtl tr td:first-child, .tblRuleSetDtl tr th:first-child {width:40px;height: 50px;position: absolute;left: 0;min-width: 90px !important;}
.tblRuleSetDtl tr td:nth-child(2), .tblRuleSetDtl tr th:nth-child(2) {width:161px;height: 50px;position: absolute;left: 0;min-width: 100px !important;}
.tblRuleSetDtl tr td:nth-child(2), .tblRuleSetDtl tr th:nth-child(2){left: 90px;width:80px;min-width: 70px !important;}
.tblRuleSetDtl tr td:nth-child(3), .tblRuleSetDtl tr th:nth-child(3) {width:90px;height: 50px;position: absolute;left: 170px;min-width: 70px !important;}
.dir-pagination-controls .pagination{margin: 5px 0;}

.fillterRuleForSerDtl{position: fixed;z-index: 9999;width: 80%;height: 80%;background: #fff;padding: 20px;left: 10%;top: 10%;overflow: auto; display: none; box-shadow: 0 0 100px rgba(0,0,0,0.5);}
.fillterRuleForSerDtl.show{display: block;}

.tblRuleSetDtl tr.header .colorSetOne{background: #27ae60;color: #ffffff;}
.tblRuleSetDtl tr td.colorSetOne{color: #27ae60;}
.tblRuleSetDtl tr.header .colorSetTwo{background: #2980b9;color: #ffffff;}
.tblRuleSetDtl tr td.colorSetTwo{color: #2980b9;}
.carousel-indicators{display: none !important;}
.nestedChildRuleSet{position: fixed; width: 90vw; height: 80vh; top: 0; left: 0;right: 0; bottom: 0; margin:  auto; background: #fff; border-radius: 15px; box-shadow: 0 0 5px rgba(0,0,0,0.5); display: none; overflow: auto;}
.nestedChildRuleSet.show{display: block;}

.btn i.fa{color: #fff;}

.tbl-growth-chart td {width: 100px;}

.btnDomainCtrl {width: 100%;}
.btnDomainCtrl .btn-select{position: absolute !important; right: 15px;}
.btnDomainCtrl  .dropdown-menu{left: unset; right: 15px; top:30px}
.notification-profile oi-select{color: #000 !important; text-shadow: none !important;}
.notification-profile .language-slide .carousel-inner{overflow: unset;}
.notification-profile .language-slide .carousel-inner>.item>img {max-width : unset; object-fit: cover; height: 400px; width: 100%;}




.editFacilityGroupModal{position: fixed;
top:0;
left: 0;
width: 100vw;
height: 100vh;
z-index: 9999;
}
.editFacilityGroupModal .overlay{position: absolute; width: 100vw;
height: 100vh; background: rgba(0,0,0,0.3); z-index: 3;}
.editFacilityGroupModal  .fg-modal-container{width: 90vw; max-height: 90vh; margin: 5vh auto 0; background: #fff; border-radius: 10px; z-index: 6; position: relative; padding: 10px;}
.editFacilityGroupModal button.close-btn{position: absolute;right: 10px; top : 10px;} 


form[editable-form] {
    float: left;
    width: 100%;
}


.loader_small{ 
    width:10px;
    height:10px;
    border: 2px solid #e67e22;
    border-top-color : transparent;
    border-radius : 50%; 
   animation :small_loader 1s linear infinite;
   display: inline-block;
  }
  
/* The animation code */
@keyframes small_loader {
    0% {border-color: #3498db; border-top-color : transparent; transform:rotate(0deg)}
    50% {border-color: #e67e22; border-top-color : transparent;}
    100% {border-color: #3498db; border-top-color : transparent; transform:rotate(360deg)}
}

.custom_dpdown_list{
    list-style: none;
    width: 100%;
    display: flex;
    padding: 0em;
}

.custom_dpdown_list li{
    width: 50%;
    padding: .5em;
}

.support-image{
    width: 2.25em!important;
    padding: .5em!important;
}

.modal-xl {
    width: 1200px;
}
.grid-wrapper {
    display: grid;
    grid-template-columns: 2fr .6fr;
    grid-column-gap: 1em;
}
.grid-item {
    border: 1px solid #DEE0EB;
    border-radius: 5px;
}
.grid-available-elements {
    grid-column: 2;
    grid-row: 1/4;
    overflow: auto;
}
.grid-header {
    padding: 1em;
    display: flex;
    align-items: center;
}
.display-flex-column {
    display: flex;
    flex-direction: column;
    flex: 1;
}
.grid-header-columns {
    margin-left: auto;
    display: flex;
    align-items: center;
}
.secondary-font-text {
    font-size: 12px;
    color: #878787;
}
.margin-right {
    margin-right: .5em;
}
.selectdiv {
    position: relative;
    min-width: 50px;
}
  
.selectdiv:after,.oi-select-class oi-select:not(.multiple):not(.cleanMode) .select-search:after {
    content: '\f078';
    font: normal normal normal 10px/1 FontAwesome;
    color: #8C8C8C;
    right: 5px;
    top: 9px;
    position: absolute;
    pointer-events: none;
}
.oi-select-class {
    width: 100%;
}
.oi-select-class oi-select .select-search-list {
    padding: 0px 4px;
}
.oi-select-class oi-select:not(.multiple):not(.cleanMode) .select-search:after {
    margin-top: unset;
    border-style: unset;
    border-color: unset;
    width: unset;
}
.selectdiv select::-ms-expand {
  display: none;
}
.selectdiv select:focus-visible {
    outline: none;
}  
.selectdiv select {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    display: block;
    float: right;
    width: 100%;
    padding: 0 5px;
    font-size: 16px;
    line-height: 1.75;
    background-color: #ffffff;
    background-image: none;
    border: 1px solid #DEE0EB;
    border-radius: 5px;
    -ms-word-break: normal;
    word-break: normal;
}
.primary-text-secondary-font {
    color: #1565c0;
    font-size: 12px;
}
.title-font {
    font-size: 24px;
    font-weight: 500;
}

.display-flex {
    display: flex;
    align-items: center;
}
.display-flex-wrap {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
}
.grid-body-content-wrapper {
    border-right: 1px solid #DEE0EB;
    border-top: 1px solid #DEE0EB;
    border-bottom: 1px solid #DEE0EB;
    padding: 1em;
    flex: 1;
    overflow: auto;
}
.grid-body-content-wrapper:last-child {
    border-right: none !important;
}
.display-flex-column {
    display: flex;
    flex-direction: column;
    flex: 1;
}
.margin-bottom {
    margin-bottom: .5em;
}
.input-default-css {
    border: 1px solid #DEE0EB;
    border-radius: 5px;
    line-height: 28px;
    padding-left: 0.5em;
}
.input-default-css:focus-visible {
    outline: none;
}
.subtitle-bold {
    padding: .5em 1em;
    font-weight: bold;
}
.drag-style {
    border: 1px dashed #1565c0;
    border-radius: 45%;
    padding: .4em;
    color: #1565c0;
    opacity: .7;
    min-width: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.border-padding {
    padding: 1em;
    border-bottom: 1px solid #DEE0EB;
}
.drag-icon {
    height: 1.2em;
    width: 1.5em;
    cursor: move;
    margin-right: .5em;
    transform: rotate(90deg);
}
.list-of-columns {
    max-height: 200vh;
    overflow: auto;
}
.list-of-column-data-name {
    flex: 1;
    border-bottom: 1px solid #DEE0EB;
    padding: .5em 0;
}
.flex-1 {
    flex: 1;
}
.list-of-column-data {
    padding: 0 0 .5em 1em;
    width: 100%;
    display: flex;
    align-items: center;
}
.column-elements {
    border: 1px solid #1565c0;
    padding: .5em;
    border-radius: 10px;
    margin-bottom: .5em;
    margin-right: .5em;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
}
.close-icon-margin {
    margin-left: auto;
    margin-top: 3px;
}
.display-grid {
    display: grid;
    align-items: stretch;
}
.column-elements-wrapper {
    display: flex;
    flex-wrap: wrap;
}
.column-elements-name {
    word-break: break-word;
    margin-right: .5em;
}
.margin-left-auto {
    margin-left: auto;
}
.margin-auto {
    margin: auto;
}
.on-demand-content {
    border-bottom: 1px solid #DEE0EB;
    grid-template-columns: 2fr 2fr 1fr;
}
.task-summary-content {
    border-bottom: 1px solid #DEE0EB;
    grid-template-columns: 2fr .2fr;
}
.default-filter-content {
    border-bottom: 1px solid #DEE0EB;
    grid-template-columns: 2fr 2fr 2fr 1fr;
}
.on-demand-content-data {
    border-right: 1px solid #DEE0EB;
    padding: 1em;
}
.padding-1 {
    padding: 1em;
}
.grid-row-gap {
    grid-row-gap: 1em;
}
.no-border-bottom {
    border-bottom: none;
}
.no-data-message {
    padding: 1em;
    text-align: center;
    color: #1565c0;
    border-radius: 5px;
    border-bottom: 1px solid #DEE0EB;
}
.border-bottom {
    border-bottom: 1px solid #DEE0EB;
}
.group-menu-title {
    font-size: 16px;
    font-weight: 500;
    padding: 0.5em 2em;
}
.unset-position-top {
    top: unset !important;
}
.list-view-templates-sticky-bar {
    left: 19.4% !important;
    top: 6% !important;
}
.position-right-3 {
    right: 3% !important;
}
.tabset-wrapper {
    padding: 3% 2%;
    width: 79%;
    height: 100%;
    background: #f4f5f6;
}
.tabset-content {
    padding: 2%;
    background: #fff;
    height: 75vh;
    overflow: auto;
}
.menu-search {
    margin: 0 auto;
    width: 75%;
}
.widget-dash-icon {
    width: 2em;
    height: 2em;
    padding-right: 0.5em;
    margin-right: 1.8em;
}
.menu-icon {
    height: 1.8em;
    margin-right: 1.8em;
}
.hideShowCopy{display: none; margin: 10px 0 0;}
.hideShowCopy.showCopy{display: block;  animation :fade 0.7s linear;}
.hideShowCopy .btn{margin-top: 3px;}

@keyframes fade {
    0% {opacity: 0.1; transform: translateX(-100%);}
    100% {opacity: 1; transform: translateX(0);}
}
.reportDtlTbl{table-layout: auto; border-collapse: collapse;}
.reportDtlTbl td, .reportDtlTbl th{width: auto !important; min-width: 115px; border:1px solid #ccc;}



.img-controls-container {
	position: relative;
	width: 150px;
	height: 150px;
	overflow: hidden;
}

.img-controls-container img {
	width: 100%;
	height: 100%;
}

.img-controls-container p {
	position: absolute;
	width: 150px;
	height: 150px;
	top: 0;
	left: -150px;
	transition: 0.3s ease-in-out;
	background: rgba(0, 0, 0, 0.5);
	padding-top: 50px;
}

.img-controls-container:hover p {
	left: 0;
}

.img-mod-sm {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

.img-mod-sm .overlay {
	position: absolute;
	width: 100%;
	height: 100%;
	background: rgba(0, 0, 0, 0.5);
	z-index: 1;
}

.img-mod-sm .img-container {
	width: 80%;
	height: 60%;
	position: absolute;
	top: 15%;
	left: 10%;
	background: #fff;
	z-index: 2;
	border-radius: 5px;
    text-align: center;
    
}

.uppercase {
    text-transform: uppercase;
}

.lang-header{float: left;width: 100%;}
.lang-header .button{float: left;}
.lang-header span{float: right; width: 150px;}

.tbl-vh70{
    height: 70vh; overflow: auto;
}

.templateHF{
    background: white;
    width: 99%;
    padding: 2rem 2rem;
    margin-left: 1%;
}
.temFont{
    border: black;
    font-size: 16px;
    font-style: inherit;
    margin: 0px;
}
.templatebd{
    font-family: Arial, Helvetica, sans-serif;
    border-collapse: collapse;
    width: 100%;
    margin: 1rem 0px;
}

.temptable {
    font-family: Arial, Helvetica, sans-serif;
    border-collapse: collapse;
    width: 100%;
    margin-top: 1em;
  }

  .temptr{
    display: flex;
    flex-flow: nowrap;
  }
  .lab{
    margin: 4px;
  }
  
.temptable td {
    border: 1px solid #ddd;
    padding: 5px;
  }
  .tempTxt{
    width: 91%;
    border-radius:4px;
    padding:4px;
  }
  .temp-select{
    width: 91% !important;
    width: 100%;
    height: 34px;
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.42857143;
    color: #555;
    background-color: #fff;
    background-image: none;
    border: 1px solid #ccc;
    border-radius: 4px;
    display:content !important;

  }
  
.temlabe{
    line-height: 2rem !important;
    margin: 1rem 1rem !important;
}
.temptrsub{
    display: flex;
    flex-flow: nowrap;
}
.temptrsub:nth-child(even) {background-color: #f2f2f2;}
.temptr:nth-child(odd) {background-color:#d9dddf}

.order-group-status-preview {
    border-radius: 5px;
    height: 3em;
    width: 5em;
    display: flex;
    padding: 1em;
    align-items: center;
}

.sort-by-columns-grid {
    grid-template-columns: 2fr 1fr;
}