/*Reset Css*/
* { margin:0; padding:0; outline:none;}
ul, ol, li{ list-style-type:none; font-family:'clio_xs_mediummedium'; outline:none;}
label, p, input { font-family:'clio_xs_mediummedium'; font-weight:normal;}
a, img{ text-decoration:none; outline:none;}
a:active, a:focus{ outline:none;}
body{ background:url(../images/body-bg.png) repeat-y center 0; }
.pd-top{ padding-top:30px;}
h1{color:#fff; font-size:1.2em; font-family: 'clio_xs_mediummedium'; float:left; padding-top:20px; }
h2{color:#FFF; font-size:2.3em; font-family: 'clio_xs_mediummedium'; margin-top:34px; text-align:center; padding-left:15px;}
p{color:#c2f1a3; font-family:Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif;  margin:0 auto; padding:30px 0 62px 0; text-align:center; width:69%;}
label{ padding-top:0px;color:gray}
input{ border:1px solid #4db3d0; background:#FFF; font-family:'clio_xs_mediummedium'; line-height:23px;/* margin-left:15px;*/ padding:5px 10px;/*width:274px*/}
input:first-child{ margin-left:0;}
select.form-control { width:274px;}
.addBtn, .search, .clearSearch{color:#333; background:url(../images/add.jpg) no-repeat 0 0; border:none; font-family:'clio_xs_mediummedium'; height:41px; padding:0 0 0 30px; width:146px;}
textarea{border:1px solid #7cb955; background:#FFF; font-family:'clio_xs_mediummedium'; margin:0 0 20px 0; padding:10px; width:99%}

.login-Detetails label {color:#fff;}

#divProductFeatures {  max-height:140px;overflow:auto; margin-top:-10px;}
.dataTables_wrapper label {color:#fff;}
table{/* border:1px solid #46871d;*/ background:#dddddd; moz-box-shadow: 0px 1px 3px rgba(68, 68, 68, 0.6);  -webkit-box-shadow: 0px 1px 3px rgba(68, 68, 68, 0.6);  box-shadow: 0px 1px 3px rgba(68, 68, 68, 0.6); margin:0 auto;/*width:989px;*/}
table th{ background:#f89828; border-left:1px solid #f89828; color:#FFF; font-family:'clio_xs_mediummedium'; font-size:1.2em; font-weight:normal; padding:17px 0; text-align:center; width:247.25px;}
table tr{ border-bottom:1px solid #c2c2c2;}
table th:first-child, table tr td:first-child{border-left:none;}
table tr td{border-left:1px solid #c2c2c2; color:#4a4a4a; padding:15px 0; text-align:center; }

/*End Reset*/

.navbar{ margin-bottom:0;}
.navbar-nav {width: 100%; text-align: center; margin-top: -22px}
.navbar-nav > li { float: none; display: inline-block; }
.navbar-default .navbar-nav > li > a{ color:#0063a6;}
.wrapper{position:relative; width:100%}
.containt{ float:left; text-align:center; width:100%;}
header {background:#5a5a5a; width:100%; height:70px;}
header h1{margin-top:0;padding-top:28px;}
.logo{/*margin:0 auto;width:163px;*/ text-align:center;}
.login-Detetails {float:right; width:244px;}
.login-Detetails label{padding-top:14px;}
.login-Detetails a {color:#fff;}
.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:focus, .navbar-default .navbar-nav > .active > a:hover{ color:#7cb955 !important; background:none;}
.navigation, footer{ background:url(../images/nav-bg.png) repeat-y center 0; width:100%;}
label.last-log{ padding-top:0;}
section.body{width:100%; overflow:hidden;}
.devider{ background:url(../images/devider.png) repeat 0 0; float:left; height:2px; width:100%}
.addButton{ float:left; padding-bottom:0px;}
.productWrap {padding:40px 0; margin:0 auto; width:65%;}
#owl-demo .item{background:url(../images/product-bg.png) no-repeat 0 0; cursor:pointer; font-family: 'clio_xs_mediummedium'; float:left; height:109px; margin-right:20px; position:relative; padding:64px 0 24px 0; text-align:center; width:168px;}
#owl-demo .item span{height:25px; left:65px; position:absolute; top:10px; width:25px;}
.prev, .next{cursor:pointer; float:left;  position:relative;}
.next{float:right;}

.leftNavWrap{ position:fixed; right:0; top:40%;}
.leftNavWrap ul{background:#0063a6; float:right; width:45px; z-index:9999}
.leftNavWrap ul li{background: url(../images/left-icon.png) no-repeat 15px 13px; cursor:pointer;  float:right; border-top:1px solid #cdcdcd; margin-bottom:2px; padding:23px; }
.leftNavWrap ul li.reset{ background-position:15px -32px}
.leftNavWrap ul li.reports{ background-position:17px -74px}
.leftNavWrap ul li.logout{ background-position:15px -121px}

.details{background:#FFF; padding:20px}
.hoverInfo{ height:20px; right:-150px; position:relative; top:9px; width:150px; z-index:99}
.hoverInfo p{COLOR:#7cb955; font-family:'clio_xs_mediummedium'; font-size:0.9em; float:left; text-align:center; padding:3px; margin:0; width:100%; }
.hoverInfo span{ position:absolute; right:-9px;}
.editBtn{background:url(../images/edit-icon.png) no-repeat 5px 7px; height:28px; width:16px;}
.product{cursor:pointer; height:109px; width:169px;}
.Producthover{ background:url(../images/product-hover-bg.png) no-repeat 0 0; height:109px; left:1px; position:absolute; top:110px; width:169px; z-index:999; }
.Producthover ul{float:left; padding:55px 0 0 14px}
.Producthover ul li{background:#3ca1be; border-radius:17px; float:left; height: 34px; margin-left:10px; width:34px;}
.Producthover ul li img{ padding:10px;}
.divNoGrid { width:100%;height:150px;font-size:15px;color:Red;text-align:center; padding-top:50px; }


footer p{color:#5a5a5a; font-family:'clio_xs_mediummedium'; font-size:1em; float:left; padding:17px 0 12px 0; text-align:left; width:100%;}
footer ul {float:right; padding-top:20px;}
footer ul li{border:1px solid #5a5a5a; border-radius:30px; float:left;  height:40px;  margin-left:10px;width:40px; }
footer ul li .fa{ left:9px; position:relative; top:5px;}
.overlay{ background:#000; display:none; position:fixed; top:0; width:100%; height:100%; opacity:0.7; z-index:9999}
.modal-header, .popUp .modal-header{ color:#FFF; background:#f89828; font-family: 'clio_xs_mediummedium'; border:none; border-radius:5px 5px 0 0;}
.popUp .modal-header{ background:none;}
.popUp p{color:#0063a6; font-size:1.5em; font-family:Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif;; padding:0 0 30px 0; text-align:left; width:100%;}
/* .popUp input{ height:40px; margin-right:15px;width:274px;} */
.popUp input.first{ margin-left:0;}
.formWrap{ padding:12px;}

.popUp .radioBox > label {color:#0063a6; float: left; font-size: 1.1em; padding: 0 8px 0 0; width:35%;}
.popUp .fld_radio li { float: left; padding: 0 15px 0 0; }
.popUp .fld_radio li .form_rdo { position: relative; }
.popUp .fld_radio li .form_rdo .cheked, .fld_radio li .form_rdo .uncheked { background:url(../images/redio-check.png); height:12px; left: 0; position: absolute; top: 8px; width:12px; z-index: 1; }
.popUp .fld_radio li .form_rdo .cheked { background-position: 0 0; }
.popUp .fld_radio li .form_rdo .uncheked { background-position: 0 -14px; }
.popUp .fld_radio li .form_rdo input { cursor: pointer; float: left; height: 12px; left: 0; margin-right: 5px; position: relative; top: 5px; width: 12px; z-index: 999; }
.popUp .fld_radio li .form_rdo input[type="radio"] {border:0; cursor: pointer; float: left; height:20px;  left: 0; margin-right: 5px;  font-size:15px; top:-2px;  position: relative;   vertical-align: baseline;width: 12px; z-index: 999; -moz-box-sizing: content-box; /* or `border-box` */
    -webkit-box-sizing: content-box;box-sizing: content-box;}
.popUp .fld_radio li .form_rdo label { cursor: pointer; color:#0063a6; font-size: 1.1em; line-height: 25px; padding:0;}
.browse{ border:none;}
.deviderPopup{ background:#e7e7e7; margin:20px 0; width:100%; height:1px;}
.add, .cancel{ background:url(../images/add.jpg) no-repeat 0 0; border:none; color:#FFF; font-size:0.9em; height:35px; margin:20px 10px 0 0; padding:0 0 0 36px; width:117px;}
.cancel{ background:url(../images/cancel.png) no-repeat;}
.popUp{ height:612px; margin:0 auto; width:614px; z-index:9999; position:absolute; display:none;}
.left, .right{ background:url(../images/left-pop-bg.png) no-repeat 0 0; float:left; height:570px; width:9px}
.right{ background:url(../images/right-pop-bg.png) no-repeat 0 0;}
.middle{ background:url(../images/middle-bg.png) repeat-x 0 0; float:left; height:570px; width: 592px;}

.table-edit{background:url(../images/table-edit.png) no-repeat 0 0; height:28px; padding:6px 0 6px 40px; width:28px;}
.table-delete{ background:url(../images/table-delete.png) no-repeat 0 0;height:28px; padding:6px 0 6px 40px; width:28px;}
.table-edit:hover, .table-delete:hover{ background-position:0 -29px; color:#ff210a}

.saveBtn, .cancelBtn{ background:url(../images/pop-save-btn.jpg) no-repeat 0 0; border-radius:0; border:none; color:#333; font-family:'clio_xs_mediummedium'; font-size:1em; height:43px; padding:0 0 0 33px; width:100px}
.saveBtn:hover {color:#333;}, .cancelBtn:hover {color:#333;}
#btnCancel:hover {color:#333;}


.cancelBtn{ background:url(../images/pop-cancel.jpg) no-repeat 0 0; width:100px;}
.searchCont{ padding:30px 0 50px 0; margin:0 auto; width:60%}
.searchCont .box{margin:0 auto; width:568px;}
.searchCont .box input, select.form-control{ border:1px solid #46871d; float:left; margin:20px 0 0 20px;}
.searchCont .box input:first-child{ margin:20px 0 0 0;}
.search{ background:url(../images/search-btn.jpg) no-repeat 0 0; margin:10px 17px 0 44px; width:105px}
.clearSearch{ background:url(../images/clear-search.jpg) no-repeat 0 0;}
.tableData{ width:100%;}
select.form-control{height:45px; margin-left:20px; padding:5px}
select.form-control option{border-bottom:1px solid #ddd; padding:5px 0 0 10px}
.btnCont{clear:both;float:left; padding:20px 0; width:100%}
.popUpFormBox{padding-bottom:10px; width:100%}
.selectDropDwn{float:right; margin-right:8px; width:274px;}
.selectBox { position: relative; background:#FFF url(../images/selectbox.jpg) no-repeat 98% 17px; border: 1px solid #7cb955; float:right; height:44px; top:20px; width:274px; }
.selectBox div.box { color: #757575; font-family:'clio_xs_mediummedium'; font-size: 1em; height: 44px; left: 8px; line-height: 25px; overflow: hidden; position: absolute; top: 10px; width: 264px; text-align:left; }
.selectBox select { position: absolute; left: -1px; top:-1px; width: 273px; height:44px; opacity: 0; filter: alpha(Opacity=0); cursor: pointer; z-index: 100; }
.selectBox select option { padding: 4px 8px; color: #4c4c4c; cursor: pointer; font-weight: normal; line-height: 18px; }


.Checkbox > label {color:#0C3B8F; float: left; font-size: 1.2em; line-height: 26px; padding: 0 8px 0 0; }
.Checkbox ul{ border-top:none; padding:0 0 20px 0;}
.Checkbox ul li{float:left; padding-left:15px;}

.fld-chk {border-top:1px solid #e5e5e5; clear:both; padding-top:20px;}
.fld-chk li .form-rdo, table td .form-rdo { position: relative;}
 table   td .form-rdo{ left:50% }
.fld-chk li .form-rdo .cheked, .fld-chk li .form-rdo .uncheked, table td .form-rdo .cheked, table td .form-rdo .uncheked { background:url(../images/check-box.png); height: 16px; left: 0; position: absolute; top:1px; width: 16px; z-index: 1; }
.fld-chk li .form-rdo .cheked, table td .form-rdo .cheked{ background-position: -32px -18px; }
.fld-chk li .form-rdo .uncheked, table td .form-rdo .uncheked{ background-position: -32px -34px; }
.fld-chk li .form-rdo input, table td .form-rdo input{ cursor: pointer; float: left; height: 16px; left: 0; margin-right: 5px; opacity: 0; position: relative; top:-2px; width: 16px; z-index: 999; }
.fld-chk li .form-rdo label, table td .form-rdo lable { cursor: pointer; font-size: 1.2em; line-height: 25px; padding-top:0;}
.fld-chk li .form-rdo label{ color:#161616; font-size:1em; padding-left:15px;}
.fld-chk li .form-rdo .cheked, .fld-chk li .form-rdo .uncheked{ top:6px;}
.product-map{padding-bottom:20px; width:100%;}
.product-map p{color:#0C3B8F; float:left; padding:0; margin:0; text-align:left; width:30%;}
.product-map label{color:#161616; padding:0; width:70%;}
.Checkbox ul li .form-rdo label{ padding:2px 0 0 0;}

.dd_chk_drop input{ cursor: pointer; width:30px; margin-left:-30px !important; }
.dd_chk_drop label {/* color:Black;*/ padding-top:0px; }
.dd_chk_drop {  }
.file-upload{margin:0 auto; padding:20px 0 0 0; width:33%}
.file-upload label{float:left; padding:10px;}
.file-upload input[type="file"]{background:none; border:none;}
.file-upload p{padding:20px 0 ; font-weight:bold;}
.import-table{ width:400px;}
.import-table label{ color:#000; font-size:1.5em; padding:0;}
.last{ margin:10px 0;}
.validatorlable_11{font-family:'clio_xs_mediummedium';  
    font-family: "clio_xs_mediummedium";
    font-size: 13px;
    line-height: 13px;
    margin-bottom: 0;
    padding-bottom: 0;  color:Red;}
 .normal { color:#337ab7; }
 .mouseOver { color:#ff210a; }
 .displaynone{ display:none; }
.table-responsive input[type="checkbox"] {
    width:20px;
}
.table-responsive .tdRole {text-align:left;padding-left:30px;}
.mappingdd{ width:250px; height:50px;   font-family: "clio_xs_mediummedium";
    font-size: 13px; }
    .table-unresponsive {   margin:0; background:none; border:0 none !important ; box-shadow: none;} .table-unresponsive th { border:0; background:none; color: #161616; font-size: 1em; text-align:left; padding:5px; } .table-unresponsive tr { border:0; } .table-unresponsive td { border:0; color: #161616; font-size: 13px;  text-align:left;  padding:3px;  }
.table-unresponsive input[type="checkbox"] {
    /*   background: #fff none repeat scroll 0 0;
    border: 1px solid #7cb955;
 line-height: 23px;
    padding: 10px;
   /* background: rgba(0, 0, 0, 0) url("../images/check-box.png") repeat scroll 0 0;*/
    width:20px;
     border: 0px;
}
.asterisk { color:#f44336; font-size:14px;}
.table-popunresponsive {  margin:0; background:none; border:0 none !important ; box-shadow: none;} 
.table-popunresponsive th { border:0; background:none; color: #161616; font-size: 12px; text-align:left; padding:0px 0px 5px 0px;  font-weight:bold; } 
.table-popunresponsive tr { border:0; } 
.table-popunresponsive td { border:0; color: #161616; font-size: 11px;  text-align:left;  padding:3px;  }
.table-popunresponsive input {
   /* background: #fff none repeat scroll 0 0;
    border: 1px solid #7cb955;*/
    line-height: 0px;
    padding: 0px;
}
.customNavigation {  text-align: center;  }
.customNavigation a { -webkit-user-select: none;  -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); }
.divmsg { font-size:11px; color:#cc0000; width:120%  }
.green { color :Green;}
.red {  color: red;}
.ModalPopupBG {
	background-color: #b6b7bc;
	filter: alpha(opacity=100);
	opacity: 0.7;
}
.nodisplay{ display:none; }
  .Paging {
        font-family: Arial;
        font-size: 13px;
        margin-bottom: 5px;
        margin-left: 960px; }
    
    /*** Map Role Product ***/
    .tableth {
    background: #0063a6 none repeat scroll 0 0;
    border-left: 1px solid #427292;
    color: #fff;
    font-family: "clio_xs_mediummedium";
    font-size: 1.2em;
    font-weight: normal;
    padding: 17px 0;
    text-align: center;
    width: 247.25px;}
    
.tdover { position:relative ; cursor:pointer;  }
.Producthover2 {
 width:100%;
 height:100%;
 background:transparent; 
 position:absolute ;
 left:0px;  
 top:0px;
}
.Producthover1 {
 width:100%;
 height:100%;
 background-color:gray; 
 opacity:1.0; 
 }
 
.Producthover1 table {
    background: transparent;
    border: 0px none;
}

.Producthover1 table tr td {
    padding:0px; 
}

.Producthover1 table ul {
    margin-top:7px;
    float:left; 
}

.Producthover1 table ul li {
    background: #3ca1be none repeat scroll 0 0;
    border-radius: 17px;
    float: left;
    width:35px;
    height:35px; 
    padding:5px; 
    margin-right:10px; 
}
.locktabs {
  pointer-events: none;
  color: grey;
}

.Ldap{ display:none; }
.style2{ text-align:left;padding-left:50px;  }

.control-label
{
   color: gray !important;
   padding-top: 7px !important;
    
}
form-group>label
{
   padding-top: 7px !important;
    
}

.hasError{
    border: 1px solid #e80c4d  !important;
}

textarea
{
    resize: none;
}

.modal-content .multiselect-container { max-height:160px; overflow:auto;}

.checkwrap label {color:#333;}

/* Sticky footer */
html, body {
  height: 100%;
  margin: 0;
}
.wrapper {
  min-height: 88%;

  /* Equal to height of footer */
  /* But also accounting for potential margin-bottom of last child */
  /*margin-bottom: -50px;*/
}

.footer {
  margin-top: 30px;
}

/* Overwrite css */

.dataTables_wrapper .dataTables_length, .dataTables_wrapper .dataTables_filter, .dataTables_wrapper .dataTables_info, .dataTables_wrapper .dataTables_processing, .dataTables_wrapper .dataTables_paginate {
    color: #fff !important;
}

.dataTables_wrapper .dataTables_paginate .paginate_button.disabled, .dataTables_wrapper .dataTables_paginate .paginate_button.disabled:hover, .dataTables_wrapper .dataTables_paginate .paginate_button.disabled:active {
    cursor: default;
    color: #fff !important;
    border: 1px solid transparent;
    background: transparent;
    box-shadow: none;
}


table.dataTable thead th, table.dataTable thead td {
    padding: 10px 18px;
    border-bottom: 0px solid #111 !important;
}
.disabledAttribute {
  color: #bdb2b2;
  border-color: #bdb2b2;
  cursor:not-allowed!important
}


/* Fullscreen loading overlay */
#loading-overlay {
  position: fixed;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  background: rgba(255, 255, 255, 0.8); /* semi-transparent */
  z-index: 9999;
  display: none;
  align-items: center;
  justify-content: center;
}

/* Spinner styling */
.spinner {
  width: 50px;
  height: 50px;
  border: 6px solid #ccc;
  border-top: 6px solid #3498db;
  border-radius: 50%;
  animation: spin 1s linear infinite;
}

@keyframes spin {
  to {
    transform: rotate(360deg);
  }
}