/* CSS Document */
*{ margin:0px; padding:0px;}
@font-face {
  font-family: 'Roboto-Regular';
  src: url('../../font/Roboto-Regular.eot'); /* IE9 Compat Modes */
  src: url('../../font/Roboto-Regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../../font/Roboto-Regular.woff') format('woff'), /* Pretty Modern Browsers */
       url('../../font/Roboto-Regular.ttf')  format('truetype'), /* Safari, Android, iOS */
       url('../../font/Roboto-Regular.svg#svgFontName') format('svg'); /* Legacy iOS */
}
body{font-family:'Roboto-Regular';}
hr{  /*border-top: 1px solid #e2e2e2!important; */ margin:10px!important;}
.clear{ clear:both;}
img{ outline:none; border:0px;}
.main-wrapper{ width:95%; margin:0 auto; box-shadow: 0px 2px 4px #c7c7c7; height: 100%; display: table;}
.top-container{ margin:0 auto; /*padding:10px 0px;*/ background-color:#ececec;width: 100%; display:inline-block; color:#666666;}
.logo{ float:left; padding:4px 0 0 10px;}
.nav{ float:left; margin: 0 0 0 30px; line-height: 50px;}
.nav ul{ list-style-type:none; text-decoration:none;}
.nav li{ /*float:left;*/ padding:0px 6px; font-size:14px; font-weight:normal; color:#666666; line-height: 74px; /*display:inline-block;*/}
.nav a{color:#fff; text-decoration:none;}
.nav .active{ background-color:#034689; color:#fff;}
/*.navbar-default .navbar-collapse, .navbar-default .navbar-form{ background-color:#fff;}
*/.right{ float:right; font-size:14px; line-height: 74px; padding:0 10px 0 0;}
.right i{ font-size:14px; color:#083b82; padding:0 20px 0 0}
.mid-main{ margin: 4% 0 0; box-sizing: border-box;}
.mid-main h3{  font-size:20px;margin:0px!important}
.mid-main-n{ margin:5% 0 0; box-sizing: border-box;}
.mid-main-n h3{  font-size:20px;margin:0px!important}
.mid-container{ width:100%; float:left; margin: 6% 0% 0%;}
.mid-container-n{ width:100%; float:left; margin: 3% 0% 0%;}
.mid-container-s{ width:100%; float:left; margin:0%;}
.mid-container i{ font-size:20px; font-style:normal; color:#0033CC;}
.mid-main h6{ font-size:14px; margin: 20px 0 10px!important; text-align: left;}
.mid-left{ float:left;padding:20px 0 10px 10px!important;}
.mid-rgt{ float:right;padding:20px 10px 10px 0px;}
.mid-rgt-n{ float:right;padding:38px 10px 10px 0px;}
.head-top{ width:100%; margin:0 auto;}
.dashboard-rgt{/*width:45%; float:right;*/ padding:0px 20px; /*background-color:#eee;*/ box-sizing:border-box; margin: 20px 0px; border: solid 1px #e2e2e2;}
.dashboard-rgt h2{ font-size:34px; font-weight:bold; margin:0px !important}
.dashboard-rgt i{ font-size:20px; font-style:normal;}
.dash-in{ width:100%;  display:inline; }
.dash-in ul{list-style-type: none; text-decoration: none; /*border: solid 1px #e2e2e2;*/ display: flex;/*padding: 0px 10px 10px;*/}
.dash-in li{ width:33%; float: left;  padding: 10px; text-align: center; border: solid 1px #dadada; margin:10px 7px 0 0; color:#fff; box-sizing:border-box;}
.dash-in .green{ background-color:#008413;}
.dash-in .orange{ background-color:#f36300;}
.dash-in .blue{ background-color:#034689;}
.dash-in h2{ font-size:34px; font-weight:bold; margin:0px !important}
.button-mid{ padding:4px 10px; color: #3c3c3c; background-color: #dedede; border: solid 1px #c3c3c3; border-radius: 4px;}
.btn-nxt{padding:4px 10px; color: #fff; background-color: #008413; border: solid 1px #0f2656; border-radius: 4px;}
.btn-nxt a{ color:#fff; }
.btn-nxt a:hover{ color:#fff; text-decoration:underline;display:block;}
.cade-name{ width:100%; float:left; padding:0px 10px; /*font-weight:bold;*/}
.cade-name ul{ list-style-type:none; text-decoration:none;}
.cade-name li{ width:215px; float:left; padding:20px 10px; border:solid 1px #CCCCCC; text-align:center; margin:10px 0px}
.cade-name i{ font-size:40px; font-style:normal;}
.cade-name span{ font-size:14px; font-style:normal;}
.cade-input{ width:230px; height:35px; border:solid 1px #d2d2d2; border-radius:4px; font-size:12px; color:#999999; padding:0 0 0 10px;}
.cade-new{/* width:50%;*/ float:left; padding:0px 10px; font-weight:bold;}
.cade-new ul{ list-style-type:none; text-decoration:none;}
.cade-new li{ width:215px; float:left; padding:20px 10px; border:solid 1px #CCCCCC; text-align:center; margin:10px 0px}
.cade-new i{ font-size:40px; font-style:normal;}
.cade-new span{ font-size:11px; font-style:normal;}
.cade-input{ width:230px; height:35px; border:solid 1px #d2d2d2; border-radius:4px; font-size:12px; color:#999999; padding:0 0 0 10px;}
.select-opt{border:solid 1px #d2d2d2; border-radius:4px; height:35px; font-size:12px;}
.add-step{ padding:10px 0px;}
.ui-tabs .ui-tabs-nav li {list-style: none;  float: left; position: relative; top: 0; margin: 1px .2em 0em 0;border-bottom-width: 0; padding: 0;  white-space: nowrap; line-height: 30px; border: solid 1px #bfbdbd; border-radius: 6px 6px 0px 0px; width:22%;text-align: center;}
.ui-tabs .ui-tabs-nav li.ui-tabs-active { margin-bottom: -1px; padding-bottom: 1px;}
.ui-state-active a, .ui-state-active a:link, .ui-state-active a:visited {
    color: #ffffff;
    text-decoration: none;}cade-name
	.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active, a.ui-button:active, .ui-button:active, .ui-button.ui-state-active:hover {
    border: 1px solid #003eff;
    background: #007fff;
    font-weight: normal;
    color: #ffffff;}
.tab-in{ width:100%; margin:0 auto;}
.tab-in ul{ list-style-type:none; text-decoration:none;}
.tab-in li{ float:left;}
.footer{ width: 95%; background-color:#034689;  position:fixed;  bottom: 0; text-align:center; padding:6px 0px; color: #fff; left:0;  right:0;  margin:0 auto;    font-size: 12px;}
.login-block { width: 400px;
    padding: 25px 20px 0px;
    background: #fff;
    border-radius: 5px;
    border-top: 5px solid #083b82;
    /* margin: 16% auto; */
    box-shadow: 0px 2px 8px #adadad;
    position: absolute;
    left: 0;
    right: 0;
    top: 30%;
    margin: 0 auto;}
.login-block h1{ text-align: center; color: #000; font-size:25px;  margin-top: 0; margin-bottom: 20px; font-weight: normal;}
.login-block input {  width: 100%;  height: 46px; box-sizing: border-box;border-radius: 5px; border: 1px solid #ccc;  margin-bottom: 20px;  font-size: 14px;
    padding: 0 20px 0 50px; outline: none;}
.login-block input#username {
    background: #fff url('../images/user-icon.png') 20px top no-repeat;
    background-size: 16px 80px;}
.login-block input#username:focus {
    background: #fff url('../images/user-icon.png') 20px bottom no-repeat;
    background-size: 16px 80px;}
.login-block input#password {
    background: #fff url('../images/user-icon2.png') 20px top no-repeat;
    background-size: 16px 80px;}
.login-block input#password:focus {
    background: #fff url('../images/user-icon2.png') 20px bottom no-repeat;
    background-size: 16px 80px;}
.login-block input:active, .login-block input:focus {
    border: 1px solid #083b82;}s
.login-block button {
    width: 100%;
    height: 40px;
    background:#083b82;
    box-sizing: border-box;
    border-radius: 5px;
    border:0px solid #e15960;
    color: #fff;
    font-size: 18px;  
    outline: none;
    cursor: pointer;}
.sign-block {
    width: 400px;
    padding:25px 20px 10px;
    background: #fff;
    border-radius: 5px;
    border-top: 5px solid #083b82;
    margin:11% auto;
	box-shadow: 0px 2px 8px #adadad;}
.sign-block input:focus {
   border:solid 1px #083b82;}
.sign-block input {
    width: 100%;
    height: 46px;
    box-sizing: border-box;
    border-radius: 5px;
    border: 1px solid #ccc;
    margin-bottom: 20px;
    font-size: 14px;
    padding: 0 20px 0 10px;
    outline: none;}
.sign-block h1{
    text-align: center;
    color: #000;
    font-size:25px;
    margin-top: 0;
    margin-bottom: 20px; font-weight: normal;}

.sign-block button {
    width: 100%;
    height: 40px;
    background:#083b82;
    box-sizing: border-box;
    border-radius: 5px;
    border:0px solid #e15960;
    color: #fff;
    font-size: 18px;  
    outline: none;
    cursor: pointer;}
	.login-block button {
    width: 100%;
    height: 40px;
    background:#083b82;
    box-sizing: border-box;
    border-radius: 5px;
    border:0px solid #e15960;
    color: #fff;
    font-size: 18px;  
    outline: none;
    cursor: pointer;}
.login-block input:focus {
     border: 1px solid #083b82;}
.sign-block input:active, .login-block input:focus {border: 1px solid #083b82;}
.sign-block button:hover { background: #3d3d3d;}
.login-block button:hover { background: #3d3d3d;}
.check{ float:left;}
input[type='checkbox']{ width:auto;  margin: 0px 10px 0 0!important; height: 32px;}
.detail-m{ width:100%;}
.table-bg{font-size: 14px; background-color:#e9eeff; color:#292929; padding:10px; border-bottom: solid 2px #abbeff; font-weight:bold}
.td-bg{ background-color:#f3f3f3; color:#292929; padding:10px; font-size:14px;}
.td-bg1{ background-color:#edf5ff; color:#292929; padding:10px;font-size:14px;}
.forgot-pas{ float:right; font-size:12px; padding:0px 0 14px 0; color:#666666;}
.forgot-pas a{color:#666666; text-decoration:none;}
.forgot-pas a:hover{ text-decoration:underline;}
.sign-up{ float:left; font-size:12px; padding:0px 0 14px 0; color:#666666;}
.sign-up a{color:#666666; text-decoration:underline;}
.sign-up a:hover{ text-decoration:none;}
.sign-txt{ float:left; font-size:12px; padding:10px 0 14px 0; color:#083b82;}
.sign-txt a{color:#083b82; text-decoration:none;}
.sign-txt a:hover{ text-decoration:underline;}
.btn-nxt:hover{ color:#fff!important;}
.cadence-btn{     padding: 20px 0px;
    text-align: center;
    background-color: #e7ecf7;
    border: solid 1px #ced9ef;
    margin: 10px 0px;}
.cadence-pop{ width:24.6%; float:left;  margin:10px 0 0 0;}
.cadence-pop-new{ width:100%; float:left;  margin:0px 10px 0 0;}
.cadence-area{ background-color: #e7ecf7; width: 100%; float: left}
.textarea{ width:300px!important; border:solid 1px #d2d2d2!important; padding:10px!important;}
.popup {
  position:fixed; z-index:2; top:60px; left:50%;
  width:460px; height:270px; background:#fff;
    -moz-box-shadow:4px 4px 30px #130507;
    -webkit-box-shadow:4px 4px 30px #130507;
  box-shadow:4px 4px 30px #130507;
    -moz-transition:top 800ms;
    -o-transition:top 800ms;
    -webkit-transition:top 800ms;
  transition:top 800ms;
}
  .p_content { width:100%; text-align:center; font-size:23px; padding:110px 0 0; }
  .p_anch {
    float:left; position:relative; z-index:1; width:100%;
    margin:80px 0 0 0; text-align:center; font-size:18px;
  }
  .p_anch a { color:#000; }
  .p_anch a:hover { text-decoration:none; }
  .p_anch_bottom { margin:1500px 0 0 0; padding:0 0 50px 0; }
  .p_close {
    float:right; width:15px; height:14px; margin:11px 10px 0 0;
    background:url(../img/popup_close.png);
  }
  .p_body {
    background:#000; left:0; top:0; position:fixed; width:100%; height:100%; opacity:0.7;
      -moz-transition:opacity 800ms;
      -o-transition:opacity 800ms;
      -webkit-transition:opacity 800ms;
    transition:opacity 800ms;
  }

.js__popup {}
  .js__p_start {}
  .js__p_close {}
  .js__p_body {}
  .js__slide_top { height:0; overflow:hidden; top:0; }
  .js__fadeout { height:0; overflow:hidden; opacity:0; }
.navbar-default{width: 95%;
    margin: 0 auto;
    height: 76px;
}
.navbar-nav>li>a{ line-height:44px!important;}
.navbar-brand{padding: 7px 15px!important;}
.pull-right{padding:0 20px 0 0; line-height:76px;}
.pull-right i{ padding:0 10px 0 0!important}
.navbar-default .navbar-nav>.active>a{ background-color: #034689!important; color:#fff!important;}
button, input, select, textarea{ line-height: -moz-block-height!important;}
.process{width:100%; float:left; padding:0px 1% 2%; font-weight:bold; border-right: solid 2px #e2e2e2;}
.process ul{ list-style-type:none; text-decoration:none;}
.process li{ text-align:center; padding:40px 0px 0px;font-weight: normal;}
.process a{}
.process p{ padding:10px 0 0 0}
.process h3{font-size:20px;margin:0px!important; color:#083b82;}
.process h2{font-size:26px; text-align:center; font-weight:bold;}
.process h6{font-size:16px; text-align:center; margin: 10px 0 0 0!important;}
.circle{ border-radius:50%;  border:solid 2px #bfbfbf; width:140px; height:140px; margin:0 auto;}
.process-tble{/* background-color:#efefef;*/ margin:10px 0px; font-size:14px; /*border: solid 1px #dadada;*/}
.process-padding{ padding:10px;}
.start-end{ background-color: #efefef;padding: 10px 0px; display: -webkit-box; width: 100%; font-weight:normal;/* margin: 10px 0px;*/}
.start-d{ width:70%; margin:0 auto;}
.process-input{ border:solid 1px #dcdcdc; height:28px;}
.process-border{ border:solid 10px #034689; margin:0px 0px 20px 0px}
.border-rgt{ border-right:solid 1px #d4d4d4;    text-align: left;}
.meaningfull-c{width:100%; float:left; height:90vh; padding:0px 1% 1%; font-weight:bold; border-right: solid 2px #e2e2e2; box-sizing: border-box;}
.meaningfull-c ul{ list-style-type:none; text-decoration:none;}
.meaningfull-c li{ text-align:center; padding:40px 0px 0px;font-weight: normal;}
.meaningfull-c a{}
.meaningfull-c p{ padding:10px 0 0 0}
.meaningfull-c h3{font-size:20px;margin:0px!important; color:#083b82; text-align:left; padding:10px 0px;}
.meaningfull-c h2{font-size:26px; text-align:center; font-weight:bold;}
.meaningfull-c h6{font-size:16px; text-align:center; margin: 10px 0 0 0!important;}
.meaningfull{ width:50%; margin:0 auto;}
.meaningfull ul{ list-style-type:none; text-decoration:none;}
.meaningfull li{ text-align:center;}
.meaning-rpt{ width:64%; margin:0 auto}
.call-dis{width:48%; float:left; margin:0 0 2% 2%}
.call-dis ul{list-style-type:none; text-decoration:none;}
.call-dis li{ float:left; padding:2px 0 0 0px; font-size:12px; width:100%; text-align:left;}
.call-dis i{ font-size: 12px; font-style: normal; padding: 0 10px 0 0;}
.yellow-dot{ color:#fbc508;}
.oranges-dot{ color:#fb8b08;}
.skyblue-dot{ color:#08c5fb;}
.drkblue-dot{ color:#006380;}
.grey-dot{ color:#cacaca;}
.red-dot{ color:#f90639}
.green-dot{ color:#089095;}
.call-circle{ /*border-radius:50%;  border:solid 2px #bfbfbf;*/ width:143px; height:140px; float:left;}
.view_table{ margin-bottom:30px; }
.view_table tr:nth-child(even){ background-color: #e7ecf7;}
.view_table tr:nth-child(odd){ background-color: #F3F3F3;}
.text-area-n{ width: 230px!important; border:solid 1px #d2d2d2!important; padding:10px!important; border-radius:4px;}
.add-bg{ background-color:#e7ecf7; width:100%; padding:10px 0px;}
.text-area-n{ width: 230px!important; border:solid 1px #d2d2d2!important; padding:10px!important; border-radius:4px;}
.detail-bg{background-color:#d5e1fb; padding:10px;}
.import-txt{ font-size:12px; padding:10px 0 10px 0px;}
.mandatry{ background-color:#FF0000; height:20px; width:20px; border:solid 1px #000;}
.white-box{ background-color:#fff; height:20px; width:20px; border:solid 1px #000;}
.green-btn{ width:33%; color: #fff; border-radius: 4px; padding: 3px 0px; color: #fff; background-color: #008413; border: solid 1px #0f2656; border-radius: 4px;text-align: center;}
.green-btn a{ color:#FFFFFF;}
.green-btn a:hover{ color:#FFFFFF; text-decoration:underline;}
.orange-btn{width: 33%; background-color: #f36300; border: solid 1px #de5a00;color: #fff; border-radius: 4px; padding: 3px 0px; color: #fff;border-radius: 4px;
text-align: center;}	
.orange-btn a{ color:#FFFFFF;}
.orange-btn a:hover{ color:#FFFFFF; text-decoration:underline;}
.red-btn{ width:33%;  background-color:#FF0000; border: solid 1px #bd0000;color: #fff; border-radius: 4px; padding: 3px 0px; color: #fff;border-radius: 4px;
 text-align: center;}
.red-btn a{ color:#FFFFFF;}
.red-btn a:hover{ color:#FFFFFF; text-decoration:underline;}
.cadence-btn-new{  text-align:left; background-color:#e7ecf7; border: solid 1px #ced9ef;padding:10px; margin:10px 0px;}
.dropdown-menu>li>a:focus, .dropdown-menu>li>a:hover{ background-color:#fff!important}
.date-input{ padding:0 0 0 10px;}
.pop-container{ width:60%; margin:0 auto; border-radius:20px; border:solid 15px #7eafdd; padding:10px 20px; position:absolute; background-color:#fff; left:0; right:0; display:none;}
.pop-container2{ width:50%; margin:0 auto; border-radius:20px; border:solid 15px rgba(55, 56, 60, 0.83); padding:10px 20px; position:absolute; background-color:#fff; left:0; top:20px !important; right:20px !important; display:none;}
.pop-container ul{ list-style-type:circle; text-decoration:none; margin:0 0 0 10px;}
.pop-container li{ float:left; border:none!important; width: 100%; text-align: left; padding: 3px!important; margin: 0px !important;font-size: 12px;}
.pop-container li b{ color:#006699; }
.pop-container3{ width:60%; margin:0 auto; border-radius:20px; border:solid 15px #7eafdd; padding:10px 20px; position:absolute; background-color:#fff; left:0; right:0; top:15%; display:none;}
.call-p{ font-size:12px; font-weight:bold;}
.add-cad-pop{ background-color:#e7ecf7}
.auto-d{ padding: 20px 10px!important; margin:7px 0 0;}
label{margin-bottom: -2px!important;}
.navbar-default .navbar-collapse, .navbar-default .navbar-form{ background-color:#f8f8f8!important;}
@media only screen and (max-width:1366px){
.login-block{ top:25%!important;}
.nav li{ font-size:12px;padding:5px 6px;}
.auto-d{padding:20px 0px!important;}
.nav>li>a{padding:10px 5px!important;}
.pull-right{padding: 0 5px 0 0;}
}
@media only screen and (max-width:1280px){
.login-block{ top:25%!important;}
.nav li{ font-size:12px;padding:5px 6px;}
.auto-d{padding:20px 0px!important;}
.nav>li>a{padding:10px 5px!important;}
.pull-right{padding: 0 5px 0 0;}
}
@media only screen and (max-width:1024px){
.login-block{ top:25%!important;}
.nav li{ font-size:11px;padding:5px 6px;}
.auto-d{padding:20px 0px!important;}
.nav>li>a{padding:10px 5px!important;}
.pull-right{padding: 0 5px 0 0;}
}
@media only screen and (max-width:768px){
.nav > li > a{padding: 0 15px!important;}
.nav{ width:100%;}
.cade-new{ width:100%;}
.cade-new li{width:100%;}
.navbar-nav{ margin:0!important;}
.navbar-default .navbar-collapse, .navbar-default .navbar-form{margin-top:25px!important;}
.navbar-fixed-bottom .navbar-collapse, .navbar-fixed-top .navbar-collapse{ max-height:450px!important;}
}