.brand {
    float: left;
    height: 50px;
    padding: 15px 15px;
    font-size: 18px;
    line-height: 13px;
    color: #f7f3f3;
    text-decoration: none;
}
.brand:focus, .brand:hover {
    text-decoration: none;
    color: #f7f3f3;
}
.help-block {
    color: #be1414;
}

.login-brand {
    height: 50px;
    padding: 15px 15px;
    font-size: 20px;
    line-height: 13px;
    color: #ecbc29;
    text-decoration: none;
}

.login-brand:focus, .login-brand:hover {
    text-decoration: none;
    color: #f7f3f3;
}

.status_red {
    font-size: 2em;
    padding-left: 10px;
    color: red;
}
.status_green {
    font-size: 2em;
    padding-left: 10px;
    color: green;
}
.status_yellow {
    font-size: 2em;
    padding-left: 10px;
    color: yellow;
}
.table{
    background: white;
}

.table-responsive {
    width: 100%;
    margin-bottom: 15px;
    overflow-x: auto;
    overflow-y: hidden;
    -webkit-overflow-scrolling: touch;
    -ms-overflow-style: -ms-autohiding-scrollbar;
    border: 1px solid #ddd;
}



/*body.login{
    background:url(../img/bg.jpg) no-repeat top center!important;
    background-size: cover!important;
    display:flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    width:100vw;
    height:100vh;
}*/
body.login{
    /*background:url(../img/bg.jpg) no-repeat top center!important;*/
    background: #fff !important;
    background-size: cover!important;
    display:flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    width:100vw;
    height:100vh;
}


.register_ctrl{
    display:flex;
    align-items: center;
    /*background: #d6b767;*/
    background: #fff;
    /*box-shadow: 0 0 6px rgba(0, 0, 0, 0.4);*/
    box-shadow: 0 0px 0px 2px rgba(0,0,0,0.2);
}
body.login .content{width:250px; padding:15px; border-radius:0; font:400 13px/normal 'Roboto', sans-serif;}
body.login .content .form-actions{padding: 0; margin-left:0; margin-right:0; background:none; border:0;}
body.login .logo{margin:0; padding: 15px; max-width:220px; /*background:#d6b767;*/ }
body.login .login-brand{height:auto; padding: 0; margin:0}
body.login .login-brand img{max-width:100%;}
body.login select.form-control{padding-left: 30px;}
body.login .form-control{border-radius:0; font:400 13px/normal 'Roboto', sans-serif;}
body.login .copyright{color:#6b717d;}
body.login .btn-default{font:300 15px/normal 'Roboto', sans-serif; background:#6b717d; border:1px solid #6b717d; color:#fff;  transition: all linear 0.5s;}
body.login .btn-default:hover{background:#fff; border:1px solid #6b717d; color:#6b717d;  transition: all linear 0.5s;}
body.login .btn-info{font:300 15px/normal 'Roboto', sans-serif; background:#333; box-shadow:none; border:1px solid #000; color:#fff;  transition: all linear 0.5s;}
body.login .btn-info:hover{background:#fff; border:1px solid #000; color:#000; transition: all linear 0.5s;}
body.login .content .form-title{margin-top:5px; margin-bottom: 15px;}
body.login  .align_center{display:flex; align-items: center;}
body.login  .align_center a{flex-grow: 1;}
body.login .content a{color:#014a89; font-weight: 600}
body.login .content .form-title{font:400 22px/normal 'Roboto', sans-serif;}

body .page-sidebar, body .page-container{background: #566071;}
.header .page-logo .brand img{max-height:30px; margin:0;}
body .header .page-logo{
    width:215px;
    /*background:#f9d1bd;*/
    background: #fff;
    height:70px;
}
body .brand{
    height: auto;
    padding: 5px;
    background: #fff;
    position: relative;
    top: 15px;
}
body .header{background:#fff; box-shadow: 0 0 2px rgba(0, 0, 0, 0.4); height:70px; min-height:70px;}
body .page-content{border-radius:0; background: #ffffff;}
body .footer{background: /*#222;*/ #f9d1bd;}
body .footer .footer-inner{color: /*#ababab;*/ #222222;}
body ul.page-sidebar-menu > li{border:0;}
body ul.page-sidebar-menu > li.active > a{background:#ee5c8e!important;  }
body .page-sidebar-menu > li.active > a{border-right:4px solid #ee5c8e;}
body ul.page-sidebar-menu > li.open > a, body ul.page-sidebar-menu > li > a:hover, body ul.page-sidebar-menu > li:hover > a{background:#ee5c8e;}
body ul.page-sidebar-menu > li > ul.sub-menu > li > a:hover{/*background:#d6b767!important;*/ background: #fde3d5 !important; color:#000 !important;}
body ul.page-sidebar-menu > li a i{color:#ee5c8e;}

body ul.page-sidebar-menu > li.open a i{color:#000;}

body ul.page-sidebar-menu > li:hover a i{color:#fff;}
body ul.page-sidebar-menu > li > ul.sub-menu > li > a:hover i{color: #000;}
body ul.page-sidebar-menu li > ul.sub-menu > li > a{color:#000; padding: 8px 0; font-weight: 600;}
body ul.page-sidebar-menu > li > a .arrow:before, body ul.page-sidebar-menu > li > a .arrow.open:before{color:#ffe4a0!important;}
body .page-sidebar-menu > li > ul.sub-menu > li{margin-top: 0!important;}
.page-sidebar-closed ul.page-sidebar-menu > li:hover .sub-menu{background-color: #566071;}
body ul.page-sidebar-menu > li > a{font:300 14px 'Roboto', sans-serif; padding: 18px 13px 18px 15px; font-weight: 600;}
body .footer .footer-tools .go-top{background: /*#d6b767;*/ #ff958c;}
body .footer .footer-tools .go-top i{color:#fff;}
body .stats-overview{padding: 15px; border-radius:0; border:1px solid #e9ecf0; position: relative; margin-bottom: 30px; min-height:120px;}
body .stats-overview .details .title{font:500 16px/normal 'Roboto', sans-serif; color:#222; text-decoration:none; position: relative; padding-bottom: 15px; margin-bottom: 10px;}
body .stats-overview .details .title:after{content:''; position: absolute; left:0; bottom:6px; height:4px; width:40px; background:#d6b767; }
.page-header-fixed .page-container{margin-top:70px;}
.header .navbar-nav > li.devider{display:none;}
.header .navbar-nav{height:70px;}
.header .navbar-nav > li.dropdown:last-child{margin-top:12px!important;}
.header .navbar-nav .dropdown-toggle:hover, .header .navbar-nav .dropdown.open .dropdown-toggle{background:none!important;}
.header .navbar-nav > li.dropdown.user .dropdown-toggle .username{color:/*#ab821b*/ #014a89; font:400 13px/normal 'Roboto', sans-serif;}
.dropdown-menu .divider{margin:0;}
.dropdown-menu>li>a{padding: 10px 20px; font:300 12px/normal 'Roboto', sans-serif;}
.stat-block .dashboard_link{width:30px; height:30px; position: absolute; top:0; right:0; background:#e2e4e8; display:flex; justify-content: center; align-items: center; text-decoration: none;  transition: all linear 0.5s;}
.stat-block .dashboard_link:hover{background:#c2c2c2; transition: all linear 0.5s;}
.stat-block .dashboard_link i{color:#fff; font-size:14px;}
.stats-overview .details .numbers{position: absolute; bottom:0; left:0; min-height:45px; width:100%; padding: 0 15px; margin:0; font:400 20px/normal 'Roboto', sans-serif; color:#fff; text-decoration:none; text-align: left; display: flex; align-items: center;  white-space: nowrap; text-overflow: ellipsis;}
.stats-overview.light_blue  .details .numbers{background:#48daf1;}
.stats-overview.light_yellow  .details .numbers{background:#d6b767;}
.stats-overview.light_green .details .numbers{background:#4bcfbe;}
.stats-overview.light_purple .details .numbers{background:#ac8fef;}
.stats-overview.light_orange .details .numbers{background:#fe6d4b;}
.stats-overview.light_black .details .numbers{background:#222;}
.stats-overview.light_pink .details .numbers{background:#FF69B4;}

body.login  .footer{background: none;}
.header .navbar-nav li.dropdown.user .dropdown-toggle img{border:3px solid #e2e4e8; margin-top:-6px;}
body .portlet{border-radius:0; border:1px solid #e9ecf0;}
body .portlet > .portlet-title{border-radius:0; /*background:#fff4d7;*/ height:45px; background: /*#e1dbe5;*/ #fff; border-bottom: 1px solid #e8e8e8;}
body .portlet > .portlet-title > .caption{font:500 18px/normal 'Roboto', sans-serif; color:#222;}
body .portlet > .portlet-title > .caption i{color:#222; font-size: 20px; margin-right:12px;}
.table-bordered>thead>tr>th, .table-bordered>tbody>tr>th, .table-bordered>tfoot>tr>th, .table-bordered>thead>tr>td, .table-bordered>tbody>tr>td, .table-bordered>tfoot>tr>td{border:1px solid #f1f1f1;}
.table-bordered{border:1px solid #f1f1f1;}
table tr td a.btn{font-size: 10px; padding: 2px 3px; border-radius:2px;}
table tr td .label{font:400 12px/normal 'Roboto', sans-serif; padding: 4px 5px; border-radius:2px; display: inline-block;}
table tr td .label > a{padding: 0}
body table.table>thead>tr>th{font:500 13px/normal 'Roboto', sans-serif; color:#222; background: /*#e1dbe5;*/ #dcdcdc}
body table.table>thead>tr.filter{background: #e1dbe5;}
body table.table>tbody>tr>td{font:400 12px/normal 'Roboto', sans-serif; color:#333; vertical-align: middle;}
.portlet  .form-horizontal .control-label, label{font:500 13px/normal 'Roboto', sans-serif; color:#666;}
.portlet  .form-control, .form-group .bootstrap-tagsinput{border-radius:0; border:1px solid #a7a7a7; box-shadow: none; font:400 13px/normal 'Roboto', sans-serif;}
body{font-family: 'Roboto', sans-serif!important;}
body .form-horizontal .radio-list .radio{padding-top: 4px;}
body .form-horizontal .radio-inline{padding-top: 4px;}
body .panel-footer{background:none; border-top:1px solid #f1f1f1;}

/**COMMENTED BY RAJAT as you cannot ever change basic bootstrap style
.panel-footer .btn-success{font:300 15px/normal 'Roboto', sans-serif; background:#d6b767; border:1px solid #d6b767; color:#fff; margin-left:5px;  transition: all linear 0.5s;}
.panel-footer .btn-success:hover{background:#fff; border:1px solid #d6b767; color:#d6b767;  transition: all linear 0.5s;}
.panel-footer .btn-info{font:300 15px/normal 'Roboto', sans-serif; background:#333; box-shadow:none; border:1px solid #000; color:#fff; margin-left:5px;  transition: all linear 0.5s;}
.panel-footer .btn-info:hover{background:#fff; border:1px solid #000; color:#000; transition: all linear 0.5s;}
*/
body .tabbable-custom > .tab-content{padding: 0; border:0; }
.tabbable .nav-tabs>li{
    margin-bottom: 10px;
}
.tabbable .nav-tabs>li>a{font-size: 15px; padding:10px; margin-right:26px; background:#fff; border-radius:0; border-bottom: 1px solid #f1f1f1; border-left:1px solid #f1f1f1; border-top:1px solid #f1f1f1;}
.tabbable .nav-tabs>li.active>a, .tabbable .nav-tabs>li.active>a:hover, .tabbable .nav-tabs>li.active>a:focus{background:#f9d1bd; border:0; border-bottom:1px solid #f9d1bd; border-left:1px solid #f9d1bd; border-top:1px solid #f9d1bd; color:#222; font-weight: 700;}
.nav-tabs>li>a{color:#868686; border:0;}
.tabbable .nav>li>a:hover, .tabbable .nav>li>a:focus{background:#f9d1bd; border:0; border-bottom:1px solid #f9d1bd; color:#222; border-left:1px solid #f9d1bd; border-top:1px solid #f9d1bd;}
.tab-content>.tab-pane{font:400 13px/20px 'Roboto', sans-serif; color:#989898;}
.form-section{font:300 18px/normal 'Roboto', sans-serif!important; color:#222; position: relative; border:0; padding: 5px 15px; background:#f7f7f7;}
.form-section:before{content:''; width:40px; height:4px; left:15px; top:27px; position: absolute; background: #f9d1bd;/*#d6b767;*/}
.form-section::after{
    content: "";
    display: block;
    clear: both;
}
.form-control-static{font-size: 13px;}
.portlet-title .actions a.btn{padding: 0; background:none; color:#383326; border:0; box-shadow: none; font-weight:700;}
.portlet-title .actions a.btn i{margin:0 5px;}
#plans .portlet-body .row.margin-bottom-40{margin:15px;}
#plans .portlet-body .row.margin-bottom-40 .col-md-4{padding-left: 0; padding-right: 0;}
.pricing, .pricing-active{border-radius:0; border:1px solid #ddd!important; background:#efefef;}
.pricing-head h3{background:#efefef; color:#222; text-align: center; font:400 18px/normal 'Roboto', sans-serif !important; padding:20px 10px; border:0;}
.pricing-head h3 span{font-style: normal; font-weight: 300; font-size: 13px; color:#666;}
.pricing-head h4{background:#f9d1bd; color:#014a89!important; text-align: center; font:400 36px/normal 'Roboto', sans-serif !important; padding: 30px 0;}
.pricing-head h4 i{font-size: 20px; top:-5px;}
#plans .portlet-body .row.margin-bottom-40 .col-md-4:nth-child(2) .pricing-head h4{background:#d6b767;}
#plans .portlet-body .row.margin-bottom-40 .col-md-4:nth-child(2) .pricing{border-left:0!important; border-right:0!important;}
.pricing-content li{font:400 13px/normal 'Roboto', sans-serif;  color:#222; text-align: center; border-bottom: 1px solid #ddd; padding: 12px 15px;}
.pricing-content li b{font-weight: 400!important;}
#plans .portlet-body .row.margin-bottom-40 .col-md-4:nth-child(2) .pricing{background:#fff;}
.pricing-content li i{color:#666;}
.pricing p{font:400 12px/18px 'Roboto', sans-serif; color:#222; text-align: center; }

/*.pricing .btn-success, .form-horizontal .form-actions .btn-success{font:300 15px/normal 'Roboto', sans-serif; background:#d6b767; border:1px solid #d6b767; color:#fff; margin-left:5px;  transition: all linear 0.5s;}
.pricing .btn-success:hover, .form-horizontal .form-actions .btn-success:hover{background:#fff; border:1px solid #d6b767; color:#d6b767;  transition: all linear 0.5s;}
*/
.form-horizontal .form-actions{background:none;}
.form-horizontal .form-group{margin-bottom: 8px;}
.nav-tabs>li>a i{margin-right:5px;}
body .input-group-addon{border-radius:0; border:0;}
.header .navbar-nav > li.dropdown.user .dropdown-toggle:hover{border:0;}

/*.landing_page{background:url(../img/land_bg.jpg) no-repeat top center; background-size: cover;}*/
.landing_page{background: #fff; padding-top: 100px;}
.landing_page .login-brand img{max-width:200px;}
.top_nav{
    position: fixed; top:0; left:0; width:100%; z-index: 9999;
    background: #fff;
    box-shadow: 0 0 8px 2px rgba(0,0,0,0.2);
}
.top_nav .container{max-width:1170px; margin:0 auto;}
.top_nav  .navbar-right{text-align: right; list-style: none;}
.top_nav  .navbar-right li{display:inline-block;}
.top_nav  .navbar-right li a{margin:0 0 0 40px; padding: 0; font:400 15px/normal 'Roboto', sans-serif; color:#222; text-decoration: none;}
.land_detailstxt{padding: 20px 0; margin:0 auto; width:50%;  font:400 16px/24px 'Roboto', sans-serif; color:#222; text-decoration: none; text-align: center;}
.join_us{text-align: center;}
.join_us a{padding: 0 28px; margin:0; background: /*#dc9e0f;*/ #f9d1bd; border:1px solid #f9d1bd; border-radius:50px; font:400 17px/40px'Roboto', sans-serif; color:#222; text-decoration: none; text-transform: uppercase; display:inline-block;}

.insp_section{padding: 85px 0 0 0; margin:0 -10px; display:flex; justify-content: center;}
.my_inspo{
    width:calc(25% - 20px);
    padding: 20px;
    margin:0 10px;
    display:flex;
    flex-direction: column;
    background: #f9d1bd;
    border-radius: 5px;
}
.my_inspo h3{padding: 0; margin:0 0 10px; font:700 24px/normal 'Roboto', sans-serif; color:#014a89; text-decoration: none; text-align: left;}
.my_inspo p{padding: 0; margin:0 0 5px; font:400 14px/20px 'Roboto', sans-serif; color:#222; text-decoration: none; text-align: left;}
.my_inspo:last-child{border:0;}
.my_inspo a {
    background: #fff;
    padding: 5px 15px;
    display: inline-block;
    margin: 15px 0 0;
    color: #222;
    border-radius: 5px;
    text-transform: uppercase;
}
.my_inspo p strong{
    font-size: 18px;
    display: inline-block;
    margin: 5px 0;
}
.homepage_features{
    color: #222;
}
.homepage_features h3{
    font-size: 36px;
    margin: 25px 0 15px;
}
.homepage_ul{
    list-style: none;
    padding: 0;
    margin: 0 0 25px;
}
.homepage_ul li{
        text-align: left;
    font-size: 20px;
    margin-bottom: 15px;
    display: block;
    line-height: normal;
}
.info-text{
    display: block;
    margin-bottom: 25px;
}

.landing_page ul.nav.navbar-nav.navbar-right {
    margin-top: 15px !important;
}

.land_copyright{position: static; left:0; bottom:0; width:100%; background:/*#c9c9c9*/ #f9d1bd; z-index: 9999; font:400 13px/normal 'Roboto', sans-serif; color:#222; text-decoration: none; text-align: center; padding: 18px 0; margin:0; }
.land_copyright a{ text-decoration: underline; color:#222;}
.floating-social{
    position: fixed;
    width: 50px;
    height: 50px;
    background: #fabd9f;
    right: 10px;
    bottom: 60px;
    z-index: 1;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    box-shadow: 0px 3px 10px 0px rgba(0,0,0,0.5);
    color: #505a5a;
    font-size: 26px;
}
.land_social{
    width: 68px;
    height: auto;
    position: fixed;
    left: -70px;
    top: 50%;
    margin-top: -120px;
    background: #ebe5e5;
    padding: 20px 0;
    text-align: center;
    transition: all 0.5s ease-in-out;
}
.land_social.slide-in{
    left: 0;
}
.land_social ul{padding: 0; margin:0;  list-style: none;}
.land_social ul li{display:block; text-align: center; padding: 0; margin:0 0 20px 0;}
.land_social ul li:last-child{margin:0;}


.tabbable .nav-tabs>li>a .fa-angle-double-right{position: absolute; /*display: flex;*/ display:none; pointer-events: none; right: -15px; top: 9px; width: 20px; height: 20px; background: #222; border-radius: 50px;  align-items: center; justify-content: center; color: #fff; font-size: 12px;}
.tabbable-custom > .nav-tabs{margin-bottom:10px;}
.pagination>li>a, .pagination>li>span{color:#222; border-color:#f1f1f1;}
.pagination>li:first-child>a, .pagination>li:first-child>span{border-radius:0;}
.pagination>li:last-child>a, .pagination>li:last-child>span{border-radius:0;}
.pagination>.active>a, .pagination>.active>span, .pagination>.active>a:hover, .pagination>.active>span:hover, .pagination>.active>a:focus, .pagination>.active>span:focus{background:#f9d1bd; border-color:#f9d1bd;}
.pagination{margin:0;}
.portlet > .portlet-title > .actions > .btn.btn-sm{margin-top: -4px;}
.tabbable .nav-tabs>li>a:after{     content: '';
                                    position: absolute;
                                    right: -41px;
                                    top: 0px;
                                    width: 0;
                                    height: 100%;
                                    border: 21px solid transparent;
                                    border-left: 21px solid #fff;
}
.tabbable .nav-tabs>li>a:before{     content: '';
                                     position: absolute;
                                     right: -41px;
                                     top: 0px;
                                     width: 0;
                                     height: 100%;
                                     border: 21px solid transparent;
                                     border-left: 21px solid #f1f1f1;

}
.tabbable .nav-tabs>li.active>a:after{border-left: 21px solid #f9d1bd;}
.tabbable .nav>li>a:hover:after, .tabbable .nav>li>a:focus:after{border-left: 21px solid #f9d1bd;}

.tabbable .nav-tabs>li.active>a:before{border-left: 21px solid #d6b767;}
.tabbable .nav>li>a:hover:before, .tabbable .nav>li>a:focus:before{ border-left: 21px solid #d6b767;}
.tabbable .nav-tabs>li{margin-right:0px;}
.btn.filter-submit, .btn.filter-cancel{padding: 3px 5px;}


.uploaded_img{border: 1px solid #ddd; margin: 0 0 25px; text-align: center; position: relative;}
.uploaded_img > img{max-width: 100%; width: auto;}
.uploaded_img a.delete_btn{width: 25px; height: 25px; background: #FF958C; display: flex; align-items: center; justify-content: center; border-radius: 500px; position: absolute; right: -10px; top: -10px;}
.uploaded_img a.delete_btn span{font-size: 13px; color: #fff;}

.uploaded_img a.delete-btn{width: 25px; height: 25px; background: black; display: flex; align-items: center; justify-content: center; border-radius: 500px; position: absolute; right: -10px; top: -10px;}
.uploaded_img a.delete-btn span{font-size: 13px; color: #fff;}


.uploaded_img .radio-field{background-color: #ddd; display: flex; align-items: center; justify-content: center; padding: 6px 0 0;}
.uploaded_img .radio-field #uniform-main_img{padding-top: 4px;}

.phone-verify{display: inline-block; color: #3c763d; background-color: #dff0d8; border-color: #d6e9c6; padding: 2px 6px; margin-left: 5px;}
.phone-notverify{display: inline-block; color: #a94442; background-color: #f2dede; border-color: #ebccd1; padding: 2px 6px; margin-left: 5px;}


label.error {
    /*margin-left: 10px;*/
    width: auto;
    display: inline;
    color: #e76262;
}
.modal {z-index: 9999;}

.grid-odd {
    background-color: white;
    border-width: thin;
    border-style: solid;
    padding-top: 5px;
    padding-bottom: 5px;
}

.grid-even {
    background-color: #f5f5f5;
    border-width: thin;
    border-style: solid;
    padding-top: 5px;
    padding-bottom: 5px;
}

.grid-margin {
    margin-top: 3px;
    text-align: center !important;
}
.boxed {
    border: 1px solid #333;
    border-radius: 10px;
    padding-top: 8px;
}

/* hospot image start*/
/* <a href="https://www.jqueryscript.net/animation/">Animation</a> */
@-webkit-keyframes
pulsate {  0% {
               -webkit-transform: scale(1);
               transform: scale(1);
               opacity: 0.8;
           }
           45% {
               -webkit-transform: scale(1.75);
               transform: scale(1.75);
               opacity: 0;
           }
}
@keyframes
pulsate {  0% {
               -webkit-transform: scale(1);
               transform: scale(1);
               opacity: 0.8;
           }
           45% {
               -webkit-transform: scale(1.75);
               transform: scale(1.75);
               opacity: 0;
           }
}

/* Hotspot start*/

#hotspotImg {
    background-color: #ededed;
    background-size: cover;
    background-position: center center;
    position: relative;
}

#hotspotImg .img-responsive { max-width: 100%; }

#hotspotImg .hot-spot {
    position: absolute;
    width: 25px;
    height: 25px;
    top: 5px;
    left: 5px;
    text-align: center;
    background-color: rgba(229, 0, 137, 0.6);
    color: #fff;
    border-radius: 100%;
    cursor: pointer;
    transition: all .3s ease;
}

#hotspotImg .hot-spot .circle {
    display: block;
    position: absolute;
    top: 45%;
    left: 45%;
    width: 2em;
    height: 2em;
    margin: -1em auto auto -1em;
    -webkit-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
    border-radius: 50%;
    border: 1px solid #E5008A;
    opacity: 0;
    -webkit-animation: pulsate 3s ease-out infinite;
    animation: pulsate 3s ease-out infinite;
}

#hotspotImg .hot-spot .tooltip {
    background-color: rgba(58, 95, 150, 0.7);
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    color: #fff;
    display: none;
    font-size: 14px;
    opacity: 1.0;
    left: 0px;
    padding: 15px 5px;
    position: absolute;
    text-align: left;
    top: 30px;
    width: 280px;
    z-index: 999;
}

#hotspotImg .hot-spot .tooltip .img-row {
    padding: 10px;
    text-align: center;
}

#hotspotImg .hot-spot .tooltip .text-row { padding: 15px; }

#hotspotImg .hot-spot .tooltip h4 {
    margin-bottom: 10px;
    border-bottom: 1px solid #ffffff;
}

#hotspotImg .hot-spot .tooltip p {
    font-size: 14px;
    line-height: 1.4em;
    margin-bottom: 10px;
}

#hotspotImg .hot-spot .tooltip p:last-child { margin-bottom: 0; }


/*Bootstrap Tag*/
.bootstrap-tagsinput {
    background-color: #fff;
    border: 1px solid #ccc;
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    display: block;
    padding: 4px 6px;
    color: #555;
    vertical-align: middle;
    border-radius: 4px;
    max-width: 100%;
    line-height: 22px;
    cursor: text;
}
.bootstrap-tagsinput input {
    border: none;
    box-shadow: none;
    outline: none;
    background-color: transparent;
    padding: 0 6px;
    margin: 0;
    width: auto;
    max-width: inherit;
}

ul.page-sidebar-menu > li > ul.sub-menu > li.active > a{

    color: #000 !important;
    /*background: #d6b767 !important;*/
    background: #f9d1bd !important;
}
body ul.page-sidebar-menu > li > ul.sub-menu > li.active > a i{
    color: #000
}
/*.btn-success, .btn-primary {font:300 15px/normal 'Roboto', sans-serif; background:#d6b767; border:1px solid #d6b767; color:#fff; margin-left:5px;  transition: all linear 0.5s;}
.btn-success:hover, .btn-primary:hover {background:#fff; border:1px solid #d6b767; color:#d6b767;  transition: all linear 0.5s;}
*/
/* 27-02-2019 New Css */
.helo-block {
    display: block;
    /*font-size: 10px;*/
    color: #888;
    margin: 2px 0;
    font: 450 12px/normal 'Roboto', sans-serif;
}
.color-red{
    color: red !important;
}
.color-indetifier-wrap{
    display: flex;
    margin-bottom: 15px;
    line-height: 15px;
}
.color-indetifier-wrap span{
    display: inline-block;
    margin: 0 10px 0 0;
}

.color-box{
    width: 15px;
    height: 15px;
    margin: 0 5px 0 0;
}
.color-unavailable{
    background: #ffc9c9;
}
.color-available{
    background: #dff0d8;
}
#maintenanceCalenderModal .fc-border-separate td.fc-day{
    background: #dff0d8;
}
.fc-border-separate td.fc-other-month.fc-day{
    background: #e8e8e8;
}
.ui-widget.ui-widget-content{
    border-radius:0;
}
.ui-widget-content a {
    color: #333333;
    display: block;
    padding: 5px;
    background: #e8e8e8;
    border-radius: 0;
    border: 0 none !important;
    border-bottom: 1px solid #ccc !important;
    transition: all 0.5s ease-in-out;
}
.ui-widget-content a:hover{
    background: #333;
    color: #fff;
    text-decoration: none;
    padding: 5px;
}
.header .navbar-nav .dropdown-menu {
    right: 0;
    left: auto;
}
.header .navbar-nav > li#header_notification_bar{
    margin-top: 12px !important;
}

#templateSuggestionModal .tabbable .nav-tabs > li > a::before, #templateSuggestionModal .tabbable .nav-tabs > li > a::after{
    display: none;
}
#templateSuggestionModal .tabbable .nav-tabs > li > a{
    border: 1px solid #f1f1f1;
    padding: 5px 10px;
    font-size: 11px;
    text-transform: uppercase;
    letter-spacing: 1px;
}
#templateSuggestionModal .tabbable .nav-tabs > li.active > a{
    border: 1px solid #efdfb8;
}

.dataTables_wrapper::after{
    content: "";
    display: block;
    clear: both;
}
.bottom_value_wrapper {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    justify-content: space-between;
    border-top: 1px solid #c2c2c2;
    padding-top: 10px;
    margin-top: 20px;
}
.dataTables_length label{
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;;
    line-height: 36px;
}
.dataTables_length label select{
    margin: 0 5px 0 0;
}
div.dataTables_info {
    padding-top: 16px;
}
.text-white{
    color: #FFF !important;
}


.form-wizard{

    /*display: none;*/
}


.dashboard_customlink .details .title{display:flex;}
.dashboard_customlink .details .title span{ flex-grow:1; text-align:right;}
.light_black .title span{color:#222;}
.light_blue .title span{color:#222;}
.light_black .title span{color:#222;}
.light_black .title span{color:#222;}
.light_black .title span{color:#222;}
body .stats-overview.dashboard_customlink .details .title{margin-bottom: 0; padding-bottom: 0;}
body .stats-overview.dashboard_customlink{margin-bottom: 10px; min-height: inherit;}
body .stats-overview.dashboard_customlink .details .title:after{display:none;}

.radio_inputlist label{display:flex!important; align-items:center; padding-left: 0!important; margin-left:0!important; }
.radio_inputlist label input[type="text"]{margin-left:10px;}
.form-horizontal .radio_inputlist .radio > span{ margin-top:0; }
#calendar h2{font-size: 18px; margin-left:10px;}
.margb10{margin-bottom: 10px;}

.nav-justified > li{
    position: relative;
}
.nav-justified > li:before{content:''; position: absolute; left:50%; top:calc(50% - 1px); width:100%; height: 2px; }
.nav-justified > li:last-child:before{display:none;}
.form-wizard .steps > li > a.step{background-color:transparent; position: relative; }
.nav-justified > li.done:before{background:#014a89;}
.nav-justified > li.done.active:before{background: /*#014a89*/ #6b717d;}
.ChngTopointer{cursor: pointer !important;}

.colorpallet_list{padding: 0; margin:0; }
.colorpallet_list ul{padding: 0; margin:0; list-style: none; display:flex; flex-wrap: wrap;}
.colorpallet_list ul li{padding: 0; margin:0 20px 10px 0; position:relative; list-style: none; width: 30px; height:30px; border-radius:50%; background:#ccc; cursor:pointer; box-shadow:0 0 1px rgba(0, 0, 0, 1);}
.colorpallet_list ul li.active:after{
    content: '';
    position: absolute;
    top: 10px;
    left: 13px;
    width: 5px;
    height: 8px;
    border-top: 2px solid #fff;
    border-left: 2px solid #fff;
    transform: rotate(-135deg);
}
.colorpallet_list ul li.active:before{
    content: '';
    position: absolute;
    top: 7px;
    left: 7px;
    width: 16px;
    height: 16px;
    background: rgba(0, 0, 0, 0.4);
    border-radius: 50%;
}
.colorpallet_list ul li img{border-radius:50%;}
.align-center{display:flex; align-items: center; margin-bottom: 5px;}
.item_circel{width: 20px; height: 20px; border-radius: 100%; margin-right:10px;}
.form-horizontal .custom_radiolist .radio > span{margin-top:0;}
body .HotspotPlugin_Hotspot{z-index: 9;}
.select2-container .select2-choice{background: none!important; border:0!important; border-radius:0!important; height:34px!important; line-height: 34px!important;}
.select2-container .select2-choice .select2-arrow{background: none!important; border:0!important;}
.select2-container .select2-choice .select2-arrow b{margin-top:4px!important;}

body div.radio span{background:url(../img/radio.png); width:35px; height:35px;}
body div.radio span.checked{background-position: 35px 0;}
body div.radio{width:35px; height:35px;}
body .form-horizontal .radio{min-height:44px;}
#mediaFileDropzone{background-color: #F6F6F6;border-radius: 10px;border: 1px solid #CCC;cursor: pointer;}


div.radio.hover span.checked, div.radio.focus span.checked{background-position: 35px 0;}
div.radio.active span.checked, div.radio.hover.active span.checked, div.radio.focus.active span.checked {
    background-position: 35px 0px;
}
.dz-image-preview{margin-bottom:0px!important; position: relative; /*float: none; width: 25%; display: flex; flex-direction: column; justify-content: space-between;*/}
#dropzonejs-upload{max-height:265px; overflow-y: auto; overflow-x: hidden;}
.dz-thumbnail.card-body img{max-height:120px; max-width:100%; margin-bottom: 10px;}
.dropzone-box .preview-wrapper{display:flex; flex-wrap: wrap; padding: 0 25px;}
.dz-default.dz-message br{display:none;}
.dz-image-preview .card{padding: 7px 7px 40px 7px; background:#fff; border:1px solid #ddd;}
.dz-image-preview .dz-remove{position: relative; margin-top:-70px;}


.instagramImageList{display:flex; flex-wrap:wrap;}
.instagramImageList .list_Image{width:16.66666667%;}

/*.instagramImageList .uploaded_img .radio-field {
    background-color: #ddd;
    align-items: center;
    justify-content: center;
    padding: 6px 0 0;
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background: rgba(0, 0, 0, 0.5);
    color: #fff;
    display:none;
}
.instagramImageList .list_Image:hover .uploaded_img .radio-field {
    display:flex;
}
.instagramImageList .checkbox-inline{
    color:#fff;
}*/



/* body div.checkbox span{background:url(../img/radio.png); width:35px; height:35px;}
body div.checkbox span.checked{background-position: 35px 0;}
body div.checkbox{width:35px; height:35px;}
body .form-horizontal .checkbox{min-height:44px;}
div.checkbox.hover span.checked, div.checkbox.focus span.checked{background-position: 35px 0;}
div.checked.active span.checked {
    background-position: 35px 0px;
}
*/

.uploaded_img a.delete_btn span{margin-top:4px;}


/*
*Modal scroll add
*
*/
.modal-dialog{
    overflow-y: initial !important
}
.modal-body{
    max-height: 315px !important;
    overflow-y: auto;
}

.custom_ckb{
    text-align: center;
    padding: 0 15px;
    /* background: #ccc; */
    /*border-top: 1px solid #ccc;*/
    /*padding-top: 10px;*/
    margin-top: 5px;
}

/* Customize the label (the container) */
.container-check {
    display: block;
    position: relative;
    padding:3px 0 0 35px;
    margin-bottom: 12px;
    cursor: pointer;
    font-size: 16px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    text-align: left;
}

/* Hide the browser's default checkbox */
.container-check input {
    position: absolute;
    opacity: 0;
    cursor: pointer;
    height: 0;
    width: 0;
}

/* Create a custom checkbox */
.checkmark {
    position: absolute;
    top: 0;
    left: 0;
    height: 25px;
    width: 25px;
    background-color: #fff;
    border:1px solid #ccc;
}

/* On mouse-over, add a grey background color */
.container-check:hover input ~ .checkmark {
    background-color: #ccc;
}

/* When the checkbox is checked, add a blue background */
.container-check input:checked ~ .checkmark {
    background-color: #FFF;
}

/* Create the checkmark/indicator (hidden when not checked) */
.checkmark:after {
    content: "";
    position: absolute;
    display: none;
}

/* Show the checkmark when checked */
.container-check input:checked ~ .checkmark:after {
    display: block;
}

/* Style the checkmark/indicator */
.container-check .checkmark:after {
    /*ADDED BY RAJAT**/
    left: 7px;
    top: 3px;
    width: 8px;
    height: 15px;
    /**COMMENTED BY RAJAT**/
    /*left: 10px;
    top: 7px;
    width: 5px;
    height: 10px;*/
    border: solid #000;
    border-width: 0 3px 3px 0;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}




/* Create a custom radio button */
.custm-radio-wrap > label{
    display: inline-block;
    margin: 10px 10px 15px 0;
    padding-top: 2px;
}
.checkcontainer {

    display: block;
    position: relative;
    padding-left: 35px;
    margin-bottom: 12px;
    cursor: pointer;
    font-size: 17px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;

}
.checkcontainer input {

    position: absolute;
    opacity: 0;
    cursor: pointer;

}

.radiobtn{
    position: absolute;
    top: 0;
    left: 0;
    height: 25px;
    width: 25px;
    background-color: #ccc;
    border-radius: 50%;
}

/* On mouse-over, add a grey background color */
.checkcontainer:hover input ~ .radiobtn{
    background-color: #ccc;
}

/* When the radio button is checked, add a blue background */
.checkcontainer input:checked ~ .radiobtn{
    background-color: #f9d1bd;
}

/* Create the indicator (the dot/circle - hidden when not checked) */
.radiobtn:after {
    content: "";
    position: absolute;
    display: none;
}

/* Show the indicator (dot/circle) when checked */
.checkcontainer input:checked ~ .radiobtn:after {
    display: block;
}

/* Style the indicator (dot/circle) */
.checkcontainer .radiobtn:after {
    top: 9px;
    left: 9px;
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background: white;
}


.swal-overlay{
    z-index: 99999;
}
.form-control{
    border: 1px solid #e5e5e5 !important;
}
.ml-5{margin-left: 10px;}

/*BUTTON CSS*/

.btn-warning{
    background: #f7d0bb;
    border-color: #e4b8a0;
}
.btn-warning:hover, .btn-warning:focus, .btn-warning:active{
    background: #f7d0bb;
    border-color: #e4b8a0;
    opacity: 0.9;
}
.btn-primary {
    background-color: #833679;
    border-color: #7d296a;
}
.btn-primary, .btn-primary:hover, .btn-primary:focus, .btn-primary:active {
    background-color: /*#833679*/ #014a89;
    border-color: /*#7d296a*/ #014a89;
    opacity: 0.9;
}

.label-danger, .badge-danger, .btn-danger {
    background-color: #ff938c;
    background-image: none !important;
    border-color: #f5867f;
}
.btn-danger:hover, .btn-danger:focus, .btn-danger:active, .btn-danger.active, .open>.dropdown-toggle.btn-danger{
    background-color: #ff938c;
    background-image: none !important;
    border-color: #f5867f;
    opacity: 0.9;
}


.label-danger:hover, .badge-danger:hover, .label-danger:active, .badge-danger:active, .label-danger:focus, .badge-danger:focus, .btn-danger:hover, .btn-danger:focus, .btn-danger:active  {
    background-color: #ff938c;
    background-image: none !important;
    opacity: 0.9;
}

.label-success, .badge-success, .btn-success{

    background-color: /*#860e4c*/ #014a89;
    background-image: none !important;
    border-color: /*#860e4c*/ #014a89;
}
.btn-success:hover, .btn-success:focus, .btn-success:active, .btn-success.active, .open>.dropdown-toggle.btn-success{
    background-color: #014a89;
    background-image: none !important;
    opacity: 0.9;
    border-color: #014a89;
}
.btn-info {
    color: #fff;
    background-color: #101010;
    border-color: #101010;
}
.btn-info:hover, .btn-info:focus, .btn-info:active{
    color: #fff;
    background-color: #101010;
    border-color: #101010;
    opacity: 0.9;
}
.panel-footer.text-right .btn-info{
    background: #fff;
    border-color: #014a89;
    color: #014a89;
}
.panel-footer.text-right .btn-info:hover, .panel-footer.text-right .btn-info:focus, .panel-footer.text-right .btn-info:active{
    color: #014a89;
    background-color: #fff;
    border-color: #014a89;
    opacity: 0.9;
}

.btn-default{
    color: #000;
    background-color: #efefef;
    border-color: #dedede;
}
.btn-default:hover, .btn-default:active, .btn-default:focus{
    color: #000;
    background-color: #efefef;
    border-color: #dedede;
    opacity: 0.9;
}

/*ON 17-04-2019*/
.fc-button-primary{
    background-color: #014a89;
    border-color: #014a89;
}
.fc-button-primary:hover{
    background-color: #003767;
    border-color: #003767;
}
.fc-button-primary:disabled, .fc-today-button {
    color: #fff;
    background-color: #6b717d;
    border-color: #6b717d;
    opacity: 1;
}
.fc-button-primary:not(:disabled):active, .fc-button-primary:not(:disabled).fc-button-active {
    color: #fff;
    background-color: #014a89;
    border-color: #014a89;
}

.fc-right .fc-button-group .fc-button-primary {
    background-color: #6b717d;
    border-color: #6b717d;
}
.fc-right .fc-button-group .fc-button-primary.fc-button-active{
    background-color: #014a89;
    border-color: #014a89;
}

.bootstrap-tagsinput .tag{
    background: #014a89;
    display: inline-block;
    margin-bottom: 2px;
}
.toggle.btn {
    border-color: #ff938c;
    background-color: #ff938c !important;
}
.toggle-off.btn{
    background: #fff;
    color: #ff958c;
    border: 0 none;
}
.toggle-off.btn + .toggle-handle{
    border-color: #ff958c;
    border-radius: 0;
}
.toggle-on.btn{
    background: #ff958c;
    color: #fff;
}
[id^="change_status_pro_div_"]{
    background: #f9d1bd !important;
}
[id^="change_status_pro_div_"].label-success{
    background: #014a89 !important;
}

.showroom_logo{
    width: 130px;
    float: left;
    margin: 10px 15px 15px 0;
}
.cke_reset_all, .cke_reset_all *, .cke_reset_all a, .cke_reset_all textarea{
    z-index: 10055 !important;
}

.wideModal{width:1125px;}
.tooltip {z-index: 99999; }


/* login page notification */
.btnTextColor{
    color: #FF958C  !important;
}
a.btn.btn-info.whiteInsta {
    color: white !important;
}
a.btn.btn-info.whiteInsta:hover {
    color:black !important;
}


/* 04-04-2020 */
.loader_img {
    background: rgba(1, 2, 3, 0.72) url(../img/loader-ripple.svg) 50% 50% no-repeat;
    position: fixed;
    height: 100%;
    width: 100%;
    text-align: center;
    left: 0;
    top: 0;
    z-index: 99999;
    vertical-align: middle;
    background-size: 150px;
}

/* 04-04-2020 */


@media (max-width: 812px){
    .fc-toolbar{
        width: 100%;
        text-align: center;
        display: block
    } 
}
@media only screen and (max-width: 767px){
    .d-flex-m{
        display: flex;
    }
    #mediaFileDropzone{
        margin-bottom: 10px;
    }
    .helo-block {
             margin: 0px 0px 0px 10px !important;
    }

    .newadd{
        display: flex;
    }
    body .portlet {
       
        padding: 0 20px;
    }
    .pad-10{
        padding: 0 10px !important;
    }
    .insp_section{
        display: block;
        width: 100%;
        margin: 0;
    }
    .my_inspo {
        width: 100% !important;
        margin: 0 0 15px;
    }
}

.checkbox-new{
    width: 15px;
    float: left;
    height: 15px;
    margin-right: 5px !important;
    position: relative;
    top: -2px;
}

@media only screen and (min-width: 768px){
    .select-box-w{
    display: flex;
    align-items:center;
    }

    .select-box-w label{
        margin:0 5px;
    }

    .select-box-w input{
        margin:0 5px;
    }
}

#blackoutModal{
    overflow-y: hidden !important;
}
#blackoutModal .modal-content{
overflow-y: auto;
    height: 500px;
    overflow-x: hidden;
}

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

ul.page-sidebar-menu > li > a{
    color: #000 !important;
}

.page-sidebar{
    background: #fff !important;
}

.page-sidebar-menu > li.active > a {
  
    color: #fff !important;
}

body ul.page-sidebar-menu > li.open > a, body ul.page-sidebar-menu > li > a:hover, body ul.page-sidebar-menu > li:hover > a{
    color: #fff !important;
}

body ul.page-sidebar-menu > li > a .arrow:before, body ul.page-sidebar-menu > li > a .arrow.open:before {
    color: #000!important;
}

body .page-container{
    background: #fff !important;
}

.mr-10{
    margin-right: 10px;
}

.label-text{
    margin-left: -15px;
}

.sec-srea{
    display: flex;
}

.mr-15{
    margin-right: 15px;
}