@charset "utf-8";
/* CSS Document */
@import url('https://fonts.googleapis.com/css?family=Roboto:300,400,700');
body{margin:0; padding:0; font-family: 'Roboto', sans-serif !important;}

.cutpricess{text-decoration:line-through; color:#b3b3b3 !important; padding-left: 10px; font-size:15px;}
.officepricelist{font-size:11px !important; color:#F00;}

.margintp{margin-top:100px; box-shadow: 0 2px 5px 0 rgba(0,0,0,0.16), 0 2px 10px 0 rgba(0,0,0,0.12);}
.loghead{width:100%; line-height:50px; background:#17233b; text-align:center; font-size:24px; font-weight:bold; color:#fff; border-radius:2px 2px 0 0 ;}

.text-red{color:#F00;}
.logincard{width:100%; height:auto; border-radius:0 0 2px 2px; padding:10px; background:#1c2b4a; color:#fff;}
.logincard input{border-radius:2px; margin-bottom:15px; outline:none; border:none; background:#12192c; width:100%; height:40px; padding:0 10px; color:#fff;}
.logincard input:focus{box-shadow:none;}
.logincard .input-group-addon{background-color: #12192c !important; border:none !important; color:#00cc66; font-size:20px;}

.logincard input[type=submit]{background:#00cc66; height:38px; border-bottom:solid 3px #009933; font-size:17px; line-height:41px; font-weight:bold; text-transform:uppercase;}

.modal-header{padding:10px 15px !important;}

.menu{float:left; background:#242424; width:16%; height:100%; position:fixed; left:0; top:0; overflow-y:auto;}
.menu ul{margin:0; padding:0;}
.menu ul li{list-style:none; position:relative;}
.menu ul li .caret{right:15px; top:20px; position:absolute;}
.menu ul li a{display:block; padding:7px 10px; color:#fff; line-height:30px;}
.menu ul li a:hover{text-decoration:none;}

.menu ul li i{width:30px; height:30px; line-height:30px; margin-right:10px !important; font-size:20px; color:#fff; text-align:center;}

.menu ul #red i{background:#d7002e;}
.menu ul #blue i{background:#04aeda;}
.menu ul #purple i{background:#8c3ea2;}
.menu ul #green i{background:#0e5d30;}
.menu ul #yellow i{background:#b8ad1d;}
.menu ul #brown i{background:#cd4848;}
.menu ul #orange i{background:#c92317;}
.menu ul #pink i{background:#b2184c;}
.menu ul #lightgreen i{background:#6d9939;}
.menu ul #lightblue i{background:#1f5ea6;}



.menu ul #red .menuactv{background:#ad103c;}
.menu ul #blue .menuactv{background:#238da8;}
.menu ul #purple .menuactv{background:#c73eee;}
.menu ul #green .menuactv{background:#157d42;}
.menu ul #yellow .menuactv{background:#ddce0b;}
.menu ul #brown .menuactv{background:#a52a2a;}
.menu ul #orange .menuactv{background:#F44336;}
.menu ul #pink .menuactv{background:#E91E63;}
.menu ul #lightgreen .menuactv{background:#8BC34A;}
.menu ul #lightblue .menuactv{background:#2d88ef;}


.menuhd{height:auto; width:100%; border-bottom:solid 1px #3b3b3b; text-align:center;}
.menuhd img{width:90%; margin:15px 0;}

.rightpnl{float:right; width:84%; position:relative;}
.rightback{width:100%; height:100%; position:fixed; background:#ededed;}

.cards{width:100%; padding:0 15px;}

.cards hr{border-top: 1px solid #cecece; border-bottom: solid 1px #fff; margin:20px 0 0 0;}

.cardshd{width:100%; line-height:50px; background:#ededed; color:#8a8a8a; font-weight:700; font-size:20px; padding:0 15px; margin-bottom:7px; box-shadow:1px 3px 5px #ddd; text-transform:uppercase;}
.cardshd span{float:right; margin-top:-3px;}

.dropdown-toggle{font-size:14px; color:#000; font-weight:normal;}
.dropdown-toggle:focus{text-decoration:none;}
.dropdown-toggle:hover{text-decoration:none;}
.dropdown-menu{width:190px !important; border-radius:0 !important;}
.dropdown-menu>li>a{padding: 5px 20px !important; text-align:center;}

.fordv{width:19.2%; height:auto; float:left; margin:10px 1% 0 0; text-align:center; padding:10px; color:#fff; font-weight:300; font-size:18px;}
.fordv#nomrgnfrst{margin:10px 0 0 0;}

.fordv h3{font-size:40px; margin-top:15px;}
.noradius{border-radius:0 !important;}

.orange_back{background:#F44336; color:#fff;}
.pink_back{background:#E91E63; color:#fff;}
.violate_back{background:#9C27B0; color:#fff;}
.blue_back{background:#2d88ef; color:#fff;}
.green_back{background:#8BC34A; color:#fff;}

.orange_text, .orange_text a{color:#F44336;}
.pink_text, .pink_text a{color:#E91E63;}
.violate_text, .violate_text a{color:#9C27B0;}
.blue_text, .blue_text a{color:#2d88ef;}
.green_text, .green_text a{color:#8BC34a;}


.agentform{width:100%; padding:15px; background:#fff; box-shadow: 0 2px 5px 0 rgba(0,0,0,0.16), 0 2px 10px 0 rgba(0,0,0,0.12); margin:30px 0; position:relative;}
.agentform h4{margin-top:0;}
.agentform label sup{color:#f00;}
.agentform input{margin-bottom:15px;}
.agentform textarea{margin-bottom:15px;}
.agentform select{margin-bottom:15px;}

.agentformovelay{background: rgba(0, 0, 0, 0.18); position: absolute; width: 100%; height: 100%; left: 0; top: 0; z-index: 99; display:none;}
.agentformovelay i{position:absolute; font-size:100px; text-align:center; color:#fff; left: 47%; top: 42%;}

.lohinback{background:#294072; position:fixed; top:0; left:0; width:100%; height:100%;}

.bodybg{background:rgba(0, 0, 0, 0.46); position:fixed; top:0; left:0; width:100%; height:100%; z-index:99; display:none;}
.custommodal{width:50%; height:100%; background:#fff; position:fixed; right:-51%; z-index:999; box-shadow:-2px 4px 10px 0px #303030; padding:15px; overflow-y:auto;}

.table>tbody>tr>td, .table>tbody>tr>th, .table>tfoot>tr>td, .table>tfoot>tr>th, .table>thead>tr>td, .table>thead>tr>th{vertical-align:middle !important;}

.grey{background:#bdbcbc;}
.orange{background:#fff257;}
.green{background:#98fb98}
.darkgreen{background:#8bc34a;}

.dtalflds{padding:15px 0; font-size:16px;}
.dtalflds i{width:10%; float:left; text-align:center;}
.dtalflds span{float:left; width:90%; margin-top:-2px;}
.agentform h4{border-bottom:solid 1px #ddd; padding-bottom:10px;}

.msgtxt{display:block; line-height:34px; text-align:center; color:#f00;}

.nodisp{display:none;}
.cardshd i{display:none;}
.panel-footer{text-align: right; width: 100%; position: relative; bottom:0;}

.panel-footer span{color:#8a8a8a; font-size:12px; text-align:right;}
.panel-footer span a{color:#8a8a8a;}

.image-preview-input {
    position: relative;
	overflow: hidden;
	margin: 0px;    
    color: #333;
    background-color: #fff;
    border-color: #ccc;
	height:34px;  
}
.image-preview-input input[type=file] {
	position: absolute;
	top: 0;
	right: 0;
	margin: 0;
	padding: 0;
	font-size: 20px;
	cursor: pointer;
	opacity: 0;
	filter: alpha(opacity=0);
}
.image-preview-input-title {
    margin-left:2px;
}
.image-preview-clear{height:34px;}

.input-group, .modal-body input, .modal-body select, .modal-body textarea{margin-bottom:15px;}

.tableimg img{height:100px;}

.imgthumb{background:#fff; padding:5px; width:100%; height:auto; border: 1px solid #ddd; text-align:center; overflow:hidden;position: relative; margin-bottom:15px;}
.imgthumb img{height:132px; width:auto; max-width:100%; background-color: #fff; border-radius:0;}
.overlay{position: absolute; bottom: 0; left: 0; right: 0; background-color:rgba(0, 0, 0, 0.66); overflow: hidden; width: 100%; height: 0; transition: .5s ease;}
.imgthumb:hover .overlay {height: 100%;}
.text{white-space: nowrap; color: white; font-size: 20px; position: absolute; overflow: hidden; top: 50%; left: 50%; transform: translate(-50%, -50%);  -ms-transform: translate(-50%, -50%);}
.text .label{font-size:12px; font-weight:normal; text-shadow:none;}

.slbyrhead{font-size:22px; color:#069}

.board-inner .nav-tabs>li.active>a, .nav-tabs>li.active>a:focus, .nav-tabs>li.active>a:hover{border:none !important; background:none !important;}
.board-inner .nav-tabs>li>a, .nav-tabs>li>a:focus, .nav-tabs>li>a:hover{border:none !important; background:none !important;}



/*Designed Checkbox*/

.checkbox {
  padding-left: 20px; }
  .checkbox label {
    display: inline-block;
    position: relative;
    padding-left: 5px; }
    .checkbox label::before {
      content: "";
      display: inline-block;
      position: absolute;
      width: 17px;
      height: 17px;
      left: 0;
      margin-left: -20px;
      border: 1px solid #cccccc;
      border-radius: 3px;
      background-color: #fff;
      -webkit-transition: border 0.15s ease-in-out, color 0.15s ease-in-out;
      -o-transition: border 0.15s ease-in-out, color 0.15s ease-in-out;
      transition: border 0.15s ease-in-out, color 0.15s ease-in-out; }
    .checkbox label::after {
      display: inline-block;
      position: absolute;
      width: 16px;
      height: 16px;
      left: 0;
      top: 0;
      margin-left: -20px;
      padding-left: 3px;
      padding-top: 1px;
      font-size: 11px;
      color: #555555; }
  .checkbox input[type="checkbox"] {
    opacity: 0; }
    .checkbox input[type="checkbox"]:focus + label::before {
      outline: thin dotted;
      outline: 5px auto -webkit-focus-ring-color;
      outline-offset: -2px; }
    .checkbox input[type="checkbox"]:checked + label::after {
      font-family: 'FontAwesome';
      content: "\f00c"; }
    .checkbox input[type="checkbox"]:disabled + label {
      opacity: 0.65; }
      .checkbox input[type="checkbox"]:disabled + label::before {
        background-color: #eeeeee;
        cursor: not-allowed; }
  .checkbox.checkbox-circle label::before {
    border-radius: 50%; }
  .checkbox.checkbox-inline {
    margin-top: 0; }

.checkbox-primary input[type="checkbox"]:checked + label::before {
  background-color: #428bca;
  border-color: #428bca; }
.checkbox-primary input[type="checkbox"]:checked + label::after {
  color: #fff; }

.checkbox-danger input[type="checkbox"]:checked + label::before {
  background-color: #d9534f;
  border-color: #d9534f; }
.checkbox-danger input[type="checkbox"]:checked + label::after {
  color: #fff; }

.checkbox-info input[type="checkbox"]:checked + label::before {
  background-color: #5bc0de;
  border-color: #5bc0de; }
.checkbox-info input[type="checkbox"]:checked + label::after {
  color: #fff; }

.checkbox-warning input[type="checkbox"]:checked + label::before {
  background-color: #f0ad4e;
  border-color: #f0ad4e; }
.checkbox-warning input[type="checkbox"]:checked + label::after {
  color: #fff; }

.checkbox-success input[type="checkbox"]:checked + label::before {
  background-color: #5cb85c;
  border-color: #5cb85c; }
.checkbox-success input[type="checkbox"]:checked + label::after {
  color: #fff; }

.radio {
  padding-left: 20px; }
  .radio label {
    display: inline-block;
    position: relative;
    padding-left: 5px; }
    .radio label::before {
      content: "";
      display: inline-block;
      position: absolute;
      width: 17px;
      height: 17px;
      left: 0;
      margin-left: -20px;
      border: 1px solid #cccccc;
      border-radius: 50%;
      background-color: #fff;
      -webkit-transition: border 0.15s ease-in-out;
      -o-transition: border 0.15s ease-in-out;
      transition: border 0.15s ease-in-out; }
    .radio label::after {
      display: inline-block;
      position: absolute;
      content: " ";
      width: 11px;
      height: 11px;
      left: 3px;
      top: 3px;
      margin-left: -20px;
      border-radius: 50%;
      background-color: #555555;
      -webkit-transform: scale(0, 0);
      -ms-transform: scale(0, 0);
      -o-transform: scale(0, 0);
      transform: scale(0, 0);
      -webkit-transition: -webkit-transform 0.1s cubic-bezier(0.8, -0.33, 0.2, 1.33);
      -moz-transition: -moz-transform 0.1s cubic-bezier(0.8, -0.33, 0.2, 1.33);
      -o-transition: -o-transform 0.1s cubic-bezier(0.8, -0.33, 0.2, 1.33);
      transition: transform 0.1s cubic-bezier(0.8, -0.33, 0.2, 1.33); }
  .radio input[type="radio"] {
    opacity: 0; }
    .radio input[type="radio"]:focus + label::before {
      outline: thin dotted;
      outline: 5px auto -webkit-focus-ring-color;
      outline-offset: -2px; }
    .radio input[type="radio"]:checked + label::after {
      -webkit-transform: scale(1, 1);
      -ms-transform: scale(1, 1);
      -o-transform: scale(1, 1);
      transform: scale(1, 1); }
    .radio input[type="radio"]:disabled + label {
      opacity: 0.65; }
      .radio input[type="radio"]:disabled + label::before {
        cursor: not-allowed; }
  .radio.radio-inline {
    margin-top: 0; }

.radio-primary input[type="radio"] + label::after {
  background-color: #428bca; }
.radio-primary input[type="radio"]:checked + label::before {
  border-color: #428bca; }
.radio-primary input[type="radio"]:checked + label::after {
  background-color: #428bca; }

.radio-danger input[type="radio"] + label::after {
  background-color: #d9534f; }
.radio-danger input[type="radio"]:checked + label::before {
  border-color: #d9534f; }
.radio-danger input[type="radio"]:checked + label::after {
  background-color: #d9534f; }

.radio-info input[type="radio"] + label::after {
  background-color: #5bc0de; }
.radio-info input[type="radio"]:checked + label::before {
  border-color: #5bc0de; }
.radio-info input[type="radio"]:checked + label::after {
  background-color: #5bc0de; }

.radio-warning input[type="radio"] + label::after {
  background-color: #f0ad4e; }
.radio-warning input[type="radio"]:checked + label::before {
  border-color: #f0ad4e; }
.radio-warning input[type="radio"]:checked + label::after {
  background-color: #f0ad4e; }

.radio-success input[type="radio"] + label::after {
  background-color: #5cb85c; }
.radio-success input[type="radio"]:checked + label::before {
  border-color: #5cb85c; }
.radio-success input[type="radio"]:checked + label::after {
  background-color: #5cb85c; }
  
/*Designed Checkbox*/



.x_title {
    border-bottom: 2px solid #E6E9ED;
    padding: 1px 5px 6px;
    margin-bottom: 10px;
}
.ncoivefnt{font-size:13px;}
.x_title h2{font-size:18px;}

.x_panel{
	position: relative;
    width: 100%;
    margin-bottom: 80px;
    padding: 10px 17px;
    display: inline-block;
    background: #fffefe;
    border: 1px solid #E6E9ED;
    -webkit-column-break-inside: avoid;
    -moz-column-break-inside: avoid;
    column-break-inside: avoid;
    opacity: 1;
    transition: all .2s ease;
}
.board{
    width: 100%;
margin: 60px auto;
height: 500px;
background: #fff;
/*box-shadow: 10px 10px #ccc,-10px 20px #ddd;*/
}
.board .nav-tabs {
    position: relative;
    /* border-bottom: 0; */
    /* width: 80%; */
    margin: 40px auto;
    margin-bottom: 0;
    box-sizing: border-box;

}

.board > div.board-inner{
    background: #fafafa url(http://subtlepatterns.com/patterns/geometry2.png);
    background-size: 30%;
}

p.narrow{
    width: 60%;
    margin: 10px auto;
}

.liner{
    height: 2px;
    background: #ddd;
    position: absolute;
    width: 80%;
    margin: 0 auto;
    left: 0;
    right: 0;
    top: 61%;
    z-index: 1;
}

.nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus {
    color: #555555;
    cursor: default;
    /* background-color: #ffffff; */
    border: 0;
    border-bottom-color: transparent;
}
.nav-tabs > li{width:18% !important;}
span.round-tabs{
    width: 70px;
    height: 70px;
    line-height: 70px;
    display: inline-block;
    border-radius: 100px;
    background: white;
    z-index: 2;
    position: absolute;
    left: 0;
    text-align: center;
    font-size: 25px;
}

span.round-tabs.one{
    color: rgb(34, 194, 34);border: 2px solid rgb(34, 194, 34);
}

li.active span.round-tabs.one{
    background: #fff !important;
    border: 2px solid #ddd;
    color: rgb(34, 194, 34);
}

span.round-tabs.two{
    color: #febe29;border: 2px solid #febe29;
}

li.active span.round-tabs.two{
    background: #fff !important;
    border: 2px solid #ddd;
    color: #febe29;
}

span.round-tabs.three{
    color: #3e5e9a;border: 2px solid #3e5e9a;
}

li.active span.round-tabs.three{
    background: #fff !important;
    border: 2px solid #ddd;
    color: #3e5e9a;
}

span.round-tabs.four{
    color: #f1685e;border: 2px solid #f1685e;
}

li.active span.round-tabs.four{
    background: #fff !important;
    border: 2px solid #ddd;
    color: #f1685e;
}

span.round-tabs.five{
    color: #999;border: 2px solid #999;
}

li.active span.round-tabs.five{
    background: #fff !important;
    border: 2px solid #ddd;
    color: #999;
}

.nav-tabs > li.active > a span.round-tabs{
    background: #fafafa;
}
.nav-tabs > li {
    width: 20%;
}
/*li.active:before {
    content: " ";
    position: absolute;
    left: 45%;
    opacity:0;
    margin: 0 auto;
    bottom: -2px;
    border: 10px solid transparent;
    border-bottom-color: #fff;
    z-index: 1;
    transition:0.2s ease-in-out;
}*/
.nav-tabs > li:after {
    content: " ";
    position: absolute;
    left: 45%;
   opacity:0;
    margin: 0 auto;
    bottom: 0px;
    border: 5px solid transparent;
    border-bottom-color: #ddd;
    transition:0.1s ease-in-out;
    
}
.tab-pane{padding-top:10px !important;}
.nav-tabs > li.active:after {
    content: " ";
    position: absolute;
    left: 68%;
   opacity:1;
    margin: 0 auto;
    bottom: 0px;
    border: 10px solid transparent;
    border-bottom-color: #ddd;
    
}
.nav-tabs > li a{
   width: 70px;
   height: 70px;
   margin: 20px auto;
   border-radius: 100%;
   padding: 0;
}

.nav-tabs > li a:hover{
    background: transparent;
}

.tab-content{
}
.tab-pane{
   position: relative;
padding-top: 50px;
}
.tab-content .head{
    font-family: 'Roboto Condensed', sans-serif;
    font-size: 25px;
    text-transform: uppercase;
    padding-bottom: 10px;
}
.btn-outline-rounded{
    padding: 10px 40px;
    margin: 20px 0;
    border: 2px solid transparent;
    border-radius: 25px;
}

.btn.green{
    background-color:#5cb85c;
    /*border: 2px solid #5cb85c;*/
    color: #ffffff;
}

.btn-file {
    position: relative;
    overflow: hidden;
}
.btn-file input[type=file] {
    position: absolute;
    top: 0;
    right: 0;
    min-width: 100%;
    min-height: 100%;
    font-size: 100px;
    text-align: right;
    filter: alpha(opacity=0);
    opacity: 0;
    outline: none;
    background: white;
    cursor: inherit;
    display: block;
}

@media( max-width : 585px ){
    
    .board {
width: 90%;
height:auto !important;
}
    span.round-tabs {
        font-size:16px;
width: 50px;
height: 50px;
line-height: 50px;
    }
    .tab-content .head{
        font-size:20px;
        }
    .nav-tabs > li a {
width: 50px;
height: 50px;
line-height:50px;
}

.nav-tabs > li.active:after {
content: " ";
position: absolute;
left: 35%;
}

.btn-outline-rounded {
    padding:12px 20px;
    }
}




@media only screen and (min-width:993px) and (max-width:1200px){
.menu{width:21%;}
.rightpnl{width:79%;}
}

@media only screen and (min-width:768px) and (max-width:992px){
.fordv{width:32.66%;}
.fordv#lastthree{margin-right:0;}
.fordv#nomrgnfrst{margin:10px 1% 0 0;}
.menu{width:27%;}
.rightpnl{width:73%;}
}

@media only screen and (max-width:767px){
.dropdown c{display:none;}
.menu{width: 60%; z-index: 99; left: -60%;}
.blackbg{background:rgba(0, 0, 0, 0.32); z-index:9; position:fixed; width:100%; height:100%;}

.rightpnl{width:100%; float:none;}


.fordv{width:48.5%; margin: 10px 3% 0 0;}
.fordv#nomrgnfrst{margin:10px 0 0 0;}
.fordv#lsttwo{margin:10px 0 0 0;}

.nodisp{display:block;}

.cardshd i{display:inline-block; padding: 1px 4px; border: solid 1px #8a8a8a; border-radius: 3px; color: #8a8a8a; font-size: 25px;}


}


table.dataTable.no-footer, table.dataTable thead th, table.dataTable thead td{
  border-bottom: none; 
}


.level-Active{
  background-color: #5cb85c !important;
  color: #fafafa !important;
}

.level-Inactive{
  background-color: #ebebeb !important;
  color: #d9534f !important;
}