/*
 * Start Bootstrap - Landing Page (http://startbootstrap.com/)
 * Copyright 2013-2016 Start Bootstrap
 * Licensed under MIT (https://github.com/BlackrockDigital/startbootstrap/blob/gh-pages/LICENSE)
 */

body{background-color:#FFF;
	margin:0;
	padding:0;
	font-family: 'Open Sans', sans-serif;}



h1,
h2,
h3,
h4,
h5,
h6 {
    font-family: "Lato", "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-weight: 700;
}

.topnav {
    font-size: 14px;
}

.lead {
    font-size: 18px;
    font-weight: 400;
}

.intro-header {
    padding-top: 50px; /* If you're making other pages, make sure there is 50px of padding to make sure the navbar doesn't overlap content! */
    padding-bottom: 50px;
    text-align: center;
    color: #0d6aad;
    /*background: url(../img/intro-bg.jpg) no-repeat center center;*/
    /*background-size: cover;*/
}

.intro-message {
    position: relative;
    padding-top: 20%;
    padding-bottom: 20%;
}

.intro-message > h1 {
    margin: 0;
    text-shadow: 2px 2px 3px rgba(0, 0, 0, 0.6);
    font-size: 5em;
}

.intro-divider {
    width: 400px;
    border-top: 1px solid #f8f8f8;
    border-bottom: 1px solid rgba(0, 0, 0, 0.2);
}

.intro-message > h3 {
    text-shadow: 2px 2px 3px rgba(0, 0, 0, 0.6);
}

@media (max-width: 767px) {
    .intro-message {
        padding-bottom: 15%;
    }

    .intro-message > h1 {
        font-size: 3em;
    }

    ul.intro-social-buttons > li {
        display: block;
        margin-bottom: 20px;
        padding: 0;
    }

    ul.intro-social-buttons > li:last-child {
        margin-bottom: 0;
    }

    .intro-divider {
        width: 100%;
    }
}

.network-name {
    text-transform: uppercase;
    font-size: 14px;
    font-weight: 400;
    letter-spacing: 2px;
}

.content-section-a {
    padding: 50px 0;
    background-color: #f8f8f8;
}

.content-section-b {
    padding: 50px 0;
    border-top: 1px solid #e7e7e7;
    border-bottom: 1px solid #e7e7e7;
}

.section-heading {
    margin-bottom: 30px;
}

.section-heading-spacer {
    float: left;
    width: 200px;
    border-top: 3px solid #e7e7e7;
}

.banner {
    padding: 100px 0;
    color: #f8f8f8;
    background: url(../img/banner-bg.jpg) no-repeat center center;
    background-size: cover;
}

.banner h2 {
    margin: 0;
    text-shadow: 2px 2px 3px rgba(0, 0, 0, 0.6);
    font-size: 3em;
}

.banner ul {
    margin-bottom: 0;
}

.banner-social-buttons {
    float: right;
    margin-top: 0;
}

@media (max-width: 1199px) {
    ul.banner-social-buttons {
        float: left;
        margin-top: 15px;
    }
}

@media (max-width: 767px) {
    .banner h2 {
        margin: 0;
        text-shadow: 2px 2px 3px rgba(0, 0, 0, 0.6);
        font-size: 3em;
    }

    ul.banner-social-buttons > li {
        display: block;
        margin-bottom: 20px;
        padding: 0;
    }

    ul.banner-social-buttons > li:last-child {
        margin-bottom: 0;
    }
}

footer {
    padding: 50px 0;
    background-color: #f8f8f8;
}

p.copyright {
    margin: 15px 0 0;
}
ul{ list-style:none; margin:0; padding:0;}
	a{ border:0; text-decoration:none;}
	a:hover{ border:0;text-decoration:none;}
	
	.txt-color1{ color:#969696;}
	.txt-color2{ color:#000000;}
	.txt-color3{ color:#1d295b;}
	.txt-color4{ color:#FFF;}
	
	img a{ border:0;}
	.list-table{ clear:both;}
	
	.table-bordered {border: 2px solid #a6a8ac;}
	
.table > thead > tr > th {vertical-align: bottom;border-bottom: 2px solid #a6a8ac;}

.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: 2px solid #a6a8ac;}

.left-padding{ padding-left:0;}
.right-padding{ padding-right:0;}
.right-both{ padding-right:0; padding-left:0;}

.form-control{ border-radius:0;border: 1px solid #a7a7a7;box-shadow: none;}
	
	
	/*:::::::::::::::COMMON CSS END:::::::::::::::*/

/*::::::::::::::::::::new header::::::::::::::::::::*/

.header {}
.logo-wrp{ overflow:hidden;}
.left-logo {text-align: left;}
.center-logo {text-align: center;}
.right-logo {text-align: right;}
.logo {float: left;margin-top: 29px;}

.logout-wrp{ text-align:right;}
.logout {float: right;clear: both;}
.logout a {
    background: url(../img/logout.png) no-repeat 8px;
    color: #808286;
    padding: 0 10px 0 33px;
    line-height: 31px;
    font-size: 14px;
  
}

/********************************navbar*******************************/


a {
  color: #554298;
  -webkit-transition: color 300ms, background-color 300ms;
  -moz-transition: color 300ms, background-color 300ms;
  -o-transition:  color 300ms, background-color 300ms;
  transition:  color 300ms, background-color 300ms;
}


/*.top-bar {
  padding: 10px 0;
  background: #191919;
  border-bottom: 1px solid #222;
  line-height: 28px;
}*/

/* .navbar {
  border-radius: 30px!important;
  margin-bottom: 0!important;
   background:#afa8d2!important;
  padding: 0!important;
  padding-bottom: 0!important;
      clear: both!important;
      border-color:#afa8d2!important;
}

 .navbar-nav{
  margin-top: 0;
  margin-bottom: 0;
  width:100%;
  position:relative;
 }

.navbar-nav > li{ position: static;border-right: 2px solid #FFF;}
.navbar-inverse .navbar-nav > li:first-child > a {
    border-top-left-radius: 30px;
    border-bottom-left-radius: 30px;
}

.navbar-inverse .navbar-nav > li > a {
  padding:0 45px;
  margin: 0;
  border-radius: 0;
  color: #231f20!important;
  line-height: 50px;
  display: inline-block;
      font-weight: 600;
    text-transform: uppercase;
}

.navbar-inverse .navbar-nav > li > a:hover{
	background-color: #554298;
  color: #FFF;
}
ul.submenu {
    list-style-type: none;background-color: #a6a8ac;height: 45px;font-size: 12px;margin-left: 0px;float: left;width: 1000%;position: absolute;top: 44px;z-index: 127;border-radius: 24px;left: 0;
}
ul.submenu li {padding: 0px 2px 0px 0px;float: left;color: #231f20;border-right: 2px solid #FFF;}
ul.submenu li:first-child > a {
    border-top-left-radius: 30px;
    border-bottom-left-radius: 30px;
}

ul.submenu li a, ul.submenu li a:visited {text-align: center;font-size: 14px;color: #000;line-height: 45px;float: left;cursor: pointer;padding: 0px 30px !important;text-decoration: none;}
ul.submenu li a:hover{ background-color:#505962; color:#FFF;}
.navbar-inverse {
  border: none;
}

.navbar-inverse .navbar-brand {
  font-size: 36px;
  line-height: 50px;
  color: #fff;
}

.navbar-inverse .navbar-nav > .active > a,
.navbar-inverse .navbar-nav > .active > a:hover,
.navbar-inverse .navbar-nav > .active > a:focus,
.navbar-inverse .navbar-nav > .open > a,
.navbar-inverse .navbar-nav > .open > a:hover,
.navbar-inverse .navbar-nav > .open > a:focus {
  background-color: #C4DEF1;
  color: #000;
} */


/* .navbar-inverse .navbar-nav .dropdown-menu {
	background-color:transparent;
/*  background-color: rgba(0,0,0,.85);
  -webkit-box-shadow: 0 3px 8px rgba(0, 0, 0, 0.125);
  -moz-box-shadow: 0 3px 8px rgba(0, 0, 0, 0.125);
  box-shadow: 0 3px 8px rgba(0, 0, 0, 0.125);*/
  /* border: 0;
  padding: 0;
  margin-top: 0;
  border-top: 0;
  border-radius: 0;
  left: 0;
  padding-top:0;
      box-shadow: none;
}

.navbar-inverse .navbar-nav .dropdown-menu:before{
  position: absolute;
  top:0;
}

.navbar-inverse .navbar-nav .dropdown-menu li {
    min-width: 200px;
}

.navbar-inverse .navbar-nav .dropdown-menu > li > a {
  padding: 8px 15px;
  color: #231f20;
  background-color:#a6a8ac; */
/*      background-color: rgba(0,0,0,.85);
    -webkit-box-shadow: 0 3px 8px rgba(0, 0, 0, 0.125);
    -moz-box-shadow: 0 3px 8px rgba(0, 0, 0, 0.125);
	border-bottom: 1px solid rgba(0,0,0,.85);*/
/* }

.navbar-inverse .navbar-nav .dropdown-menu > li:hover > a,
.navbar-inverse .navbar-nav .dropdown-menu > li:focus > a,
.navbar-inverse .navbar-nav .dropdown-menu > li.active > a {
	  background-color: #808286; */
  /*background-color: #006cb7;*/
  /* color: #FFF;
}

.navbar-inverse .navbar-nav .dropdown-menu > li:last-child > a {
  border-radius: 0 0 3px 3px;
}

.navbar-inverse .navbar-nav .dropdown-menu > li.divider {
  background-color: transparent;
}

.navbar-inverse .navbar-collapse,
.navbar-inverse .navbar-form {
  border-top: 0;
  padding-bottom: 0;
      padding: 0;
} */




.layout {}
.layout-space { margin-top:40px;}
.main-header{float: left;width: 100%;}
.main-header h1 {color: #000;font-size: 20px;margin-top: 17px; padding: 0 0; text-align:left;}
.help{ padding-right:0; text-align: right;margin-top: 13px;text-transform: uppercase;}

.shadow-container{margin-top: 17px;;float: left;width: 100%;padding:15px; background-color:#FFF;  border: 2px solid #a6a8ac; border-radius:15px;}
.shadow-container form {clear: both;overflow: hidden;float: left;width: 100%;}
.shadow-container form .form-group{ padding-left:0; padding-right:0; clear:both;}
.shadow-container form .form-group label {padding: 0 10px;background-color: #554298;color: #FFF;border-radius: 21px;line-height: 34px;width:95%;}
.shadow-container form .form-group span { padding: 0;width: 3%;float: left;margin: 0; line-height: 34px; margin-right: 1%; text-align: left;color: #f10a0a; font-weight: bold;}

.box-center {margin: 0 auto;overflow: hidden;float: none!important;}
.inner-header h2 {color: #221e1f;font-size: 17px;line-height: 25px;margin-bottom: 8px;font-weight: bold;}

.shadow-container form .form-group .radio-label{display: table-cell;padding: 0 10px;}
.shadow-container form .form-group .radio-label label { background-color: transparent; padding: 0; border-radius: 0; width: 100%;font-size: 13px; font-weight:normal;color: #333;}
.form-group input[type="file"] {padding: 7px 0;}
.clear-box{ clear:both;}

.list-table table{ margin-bottom:0;}
.list-table table th{ background-color:#554298; color:#FFF; text-align:center;}
.list-table table td{line-height:28px !important; position:relative;}
tr:nth-child(odd) {background: #f8f8f8;}
tr:nth-child(even) {background: #FFF;}
.table-upload {text-align: center;margin-top: 25px;margin-bottom: 10px;}
.table-upload a {background-color: #554298;color: #FFF;padding: 10px 15px;border-radius: 5px;margin-top:15px;}

.back-box {margin-bottom: 13px;}
.back-box a {background-color: #554298;color: #FFF;float: right; border-radius: 15px; margin-left: 10px; padding: 4px 11px;margin-top: 12px;border: 0;}

.inner-search-container { border-bottom: 1px solid #554298; overflow: hidden; margin-bottom:15px; padding-bottom:15px;}
.inner-searchright {
    float: right;
    padding-top: 0;
}
.inner-searchright ul {
    margin-top: 0;
}
.inner-searchright ul li {
    float: left;
}
.inner-searchright ul li a.excel, .inner-searchright ul li a.download {
    float: left;
    background-color: transparent;
    padding: 0;
    margin-top: 4px;
    margin-right: 10px;
    margin-bottom: 0;
}
.inner-bt-box a {
    background-color: #554298;
    color: #FFF;
    border-radius: 15px;
    padding: 5px 11px;
    margin-bottom: 0;
	    float: left;
}

.inner-search-container1 {
    border-bottom: 0;
    overflow: hidden;
    margin-bottom: 15px;
    padding-bottom: 0;
}
.inner-bt-box1 { text-align:center;margin-top: 25px;}
.inner-bt-box1 a {
    background-color: #554298;
    color: #FFF;
    border-radius: 5px;
    margin-left: 10px;
    padding: 7px 11px;
}

.pagination-wrp ul.pagination {
    margin: 0;
    padding-left: 60em;
}
.pagination-wrp ul.pagination > li a{color: #554298; border-color: #554298;}
.pagination-wrp ul.pagination > li > a:hover,
.pagination-wrp ul.pagination > li > span:hover,
.pagination-wrp ul.pagination > li > a:focus,
.pagination-wrp ul.pagination > li > span:focus {
    z-index: 3;
    color: #FFF;
    background-color: #554298;
    border-color: #554298;
}
.pagination-wrp ul.pagination > .active > a, .pagination > .active > span, .pagination > .active > a:hover, .pagination > .active > span:hover, .pagination > .active > a:focus, .pagination > .active > span:focus {
    z-index: 2!important;
    color: #fff!important;
    cursor: default!important;
    background-color: #554298!important;
    border-color: #554298!important;
}
.other {
    clear: both;
    margin-top: 15px;
}

.shadow-container form .form-group span.pace {
    width: 100%;
    color: #333;
}

.form-space{ margin-top:10px; margin-bottom:10px;}










.fotter {clear: both;padding-top: 25px;overflow: hidden;padding-bottom: 0;}
.fotter-wrapper {border: 1px solid #554298;border-radius: 10px;padding: 13px 0;}
.fotter  ul {clear: both;overflow: hidden;margin: 0 auto;text-align: center;}
.fotter  ul li { display: inline-block;border-right: 1px solid #554298;text-align: center;}
.fotter  ul li a {padding: 0 7px;display: inline-block;color: #554298;font-size: 14px;text-align: center;}
.fotter ul li:last-child {border: 0;}
p.copyright {text-align: center; margin-bottom: 15px;margin-top: 15px;}

.login-container {width: 35%;margin: 0 auto 0 auto;overflow: hidden;background: #FFF;margin-top: 35px;}
.login-header {margin-bottom: 25px;}

.login-logo{ margin-left:auto; margin-right:auto; float:none; text-align:center;}
.login-wrapper { background: #FFF;margin: 0;overflow: hidden;border: 8px solid #afa8d2}
.login-wrapper form {
    /* margin: 25px 29px; */
    overflow: hidden;margin-top: 0;margin-bottom: 20px}
.logo-container {overflow: hidden;}

.control-panel {margin-top: 15px}
.login-wrapper form label {float: left;}
.login-wrapper form input[type="text"] {height: 35px;margin: 0;padding: 0;border: 1px solid #bdbdbd;width: 100%;text-indent: 10px;font-size: 14px}
.tag, .tag:hover{background-color: #554298;padding: 9px 25px;border: 0;border-radius: 5px;color: #FFF;font-size: 14px;float: right;margin-left: 10px;cursor: pointer;text-decoration: none;}
.error {
    text-align: center;
    color: red;
}
/*:::::::::::::::::::::::::::::MAIN NAV:::::::::::::::::::::::::::::*/

.menuContainer {
    width: 100%;
        float: left;
    }
    .newMenuBackground {
        background: #afa8d2;
        border-radius: 24px;
        float: left;
        width: 100%;
    }
    .menu {
        height: 42px;
        font-size: 16px;
        float: left;
    }
    ul.menu {
        list-style-type: none;
        width: 100%;
            position: relative;
    }
    ul.menu li {
    float: left;
        border-right: 1px solid #FFF;
    }
    ul.menu li a:link, ul.menu li a:visited {
        text-align: center;
        font-size: 16px;
        color:#231f20;
        line-height: 42px;
        float: left;
        cursor: pointer;
        padding:0px 59px;
        text-decoration: none;
    }
    ul.menu li {
        float: left;
        border-right: 1px solid #FFF;
    }
    ul.menu li:hover {
        background-color: #554298;
        color: #FFF !important;
    }
    
    ul.menu li a:hover {
        color: #FFF !important;
    }
    
    ul.menu li:hover:first-child {
        /* border-top-left-radius: 22px;
        border-bottom-left-radius: 22px; */
    }
    
    ul.menu li:last-child {
        border-right: 0;
    }
    
    ul.menu li:last-child a {
        padding: 0 65px;
    }
    
    ul.menu li:hover:last-child {
        /* border-top-right-radius: 22px;
        border-bottom-right-radius: 22px; */
        border-right: 0;
    }
    
    .selectedLeftMenu {
        background-color: #554298;
        color: #FFF !important;
        text-decoration: none;
        font-weight: bold;
        /* border-top-left-radius: 24px;
        border-bottom-left-radius: 24px; */
    }
    
    .main-menu-selected {
        background-color: #554298;
        color: #FFF !important;
    }
    
    
    ul.submenu {
        list-style-type: none;
        background-color: #a6a8ac;
        height: inherit;
        font-size: 12px;
        margin-left: 0px;
        float: left;
        width: 100%;
        position: absolute;
        top: 44px;
        z-index: 127;
        border-radius:24px;
            left: 0;
    }
    ul.submenu li {
        padding: 0px 2px 0px 0px;
        float: left;
        color: #231f20;
    }
    .sub_menu_left_selected {
        background-color: #51575c;
        color: #FFF !important;	
        /* border-top-left-radius: 24px;
        border-bottom-left-radius: 24px; */
    }
    
    .sub_menu_inner {
        background-color: #51575c;
        color: #FFF !important;	
    }
    
    .sub_menu_selected {
    background-color: #51575c;
    color: #554298;	
    }
    ul.submenu li a, ul.submenu li a:visited {
        text-align: center;
        font-size: 12px;
        color: #000;
        line-height: 12px;
        float: left;
        cursor: pointer;
        padding: 0px 10px !important;
        text-decoration: none;
        
    }
    
    ul.submenu li:hover {
        background-color: transparent;
        color: #554298;
    }
    
    ul.submenu li a:hover {
        color:#554298 !important;	
    }
    
    /*:::::::::::::::::::::::::::::MAIN NAV:::::::::::::::::::::::::::::*/  
    .modal-open .modal::before {content: "";background-color: rgba(255, 255, 255, 0.73);width: 100%; height: 100%;position: absolute;left: 0;
    }
    .modal-header {background-color: #554298;color: #FFF;
        text-align: center!important;
        border-bottom: 0!important;
        padding-top: 10px!important;
        padding-bottom: 6px!important;;}
        .modal-header h4.modal-title {text-align: left;}
    .modal-header .close {color: #000;background-color: #FFF;opacity: initial;padding: 0 4px;border-radius: 5px;border: 2px solid #a6a8ac;
        margin-top: -25px!important;}
    .modal-dialog {width: 600px;margin: 30px auto;top: 30% !important;}
    .modal-body h2 {background-color: #ddd;text-align: left;font-size: 17px;padding: 7px; border-radius: 5px;}
    .modal-open .modal::before {content: "";background-color: rgba(255, 255, 255, 0.73);width: 100%; height: 100%;position: absolute;left: 0;
    }
    
    .modal-dialog {width: 1000px;margin: 30px auto;top: 30% !important;}
    .modal-body h2 {background-color: #ddd;text-align: left;font-size: 17px;padding: 7px; border-radius: 5px;}
    .modal-body {position: relative;padding: 15px;overflow: hidden;}
    .modal-body .inner-bt-box1 a {position: initial;}
    .custom_modal .modal-header {
        padding: 8px 10px;
        text-align: center;
        display: inline-block;
        border-bottom: 1px solid #c4d8a9;
    }
    
    .custom_modal .modal-header h5 {
        font-weight: bold;
        text-transform: uppercase;
        letter-spacing: 1px;
        font-size: 18px;
        text-align: center;
    }
    
    .custom_modal .modal-body {}
    
    .custom_modal .modal-footer {
        border-top: 1px solid #c4d8a9;
    }
    .multi-select-drop {
        
        width: 100px;
    }
    .tpInputTop{
        margin-top: 5px;
    }