.Container-fluid.topmenu {
  float: left;
  width: 100%;
 background: rgb(46,200,199); /* Old browsers */
background: -moz-linear-gradient(top,  rgba(46,200,199,1) 0%, rgba(36,183,182,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  rgba(46,200,199,1) 0%,rgba(36,183,182,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  rgba(46,200,199,1) 0%,rgba(36,183,182,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2ec8c7', endColorstr='#24b7b6',GradientType=0 ); /* IE6-9 */
border-bottom: 1px solid #17a9a8;
}


nav.main_nav {
  background: #2fc9c8 none repeat scroll 0 0;
  border-radius: 0 !important;
  float: left;
  padding-top: 20px;
  width: 100%;
}

nav.main_nav  .nav.nav-tabs {
  border-bottom: medium none;
}


nav.main_nav  .nav.nav-tabs a {
background: rgb(84,84,84); /* Old browsers */
background: -moz-linear-gradient(top,  rgba(84,84,84,1) 0%, rgba(129,129,129,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  rgba(84,84,84,1) 0%,rgba(129,129,129,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  rgba(84,84,84,1) 0%,rgba(129,129,129,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#545454', endColorstr='#818181',GradientType=0 ); /* IE6-9 */
   border: medium none;
    color: #ffffff;
    font-size: 16px;
    margin-right: 7px;
}


nav.main_nav  .nav.nav-tabs li.active > a , nav.main_nav  .nav.nav-tabs li:hover > a{
background: rgb(244,90,15); /* Old browsers */
background: -moz-linear-gradient(top,  rgba(244,90,15,1) 0%, rgba(248,128,42,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  rgba(244,90,15,1) 0%,rgba(248,128,42,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  rgba(244,90,15,1) 0%,rgba(248,128,42,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f45a0f', endColorstr='#f8802a',GradientType=0 ); /* IE6-9 */
}

.logo {
  float: left;
  padding: 6px 10px;
}


.topmenu .nav > li > a {
  border-radius: 0;
  border-right: 1px solid #17a9a8;
  color: #000;
  display: block;
  padding: 15px;
  position: relative;
}

.topmenu .nav > li > a:hover {
background:#17a9a8;
}

.white_a a {
  color: #fff !important;
  font-weight: bold;
}

.mid_content h2 {
  border-bottom: 1px solid #e5e5e5;
  color: #189d9c;
  font-size: 24px;
  font-style: italic;
  font-weight: bold;
  margin-top: 0;
}

.mid_content h3 {
  border-bottom: 1px solid #e5e5e5;
  color: #189d9c;
  float: left;
  font-size: 20px;
  font-style: italic;
  font-weight: bold;
  margin-bottom: 20px;
  margin-top: 30px;
  width: 100%;
}

.mid_content .container {
  float: left;
  width: 100%;
}



.add_form .row label {
font-weight:normal;
}

.logout > a {
  padding: 10px 20px !important;
}

.add_form {
  float: left;
  margin-bottom: 25px;
  width: 100%;
}
.pull-left.floatingButtons {
  font-weight: bold;
  margin-bottom: 50px;
  margin-right: 0;
  margin-top: 10px;
}

.pull-left.floatingButtons .btn {
  font-weight: bold;
  margin-left: 10px;
}
.pull-left.floatingButtons .select {
  font-weight: bold;
  margin-left: 10px;
}
.pull-right.floatingButtons {
  font-weight: bold;
  margin-bottom: 50px;
  margin-right: 0;
  margin-top: 10px;
}

.pull-right.floatingButtons .btn {
  font-weight: bold;
  margin-left: 10px;
}

.navbar-toggle .icon-bar {
  background: #000 none repeat scroll 0 0;
}


.control-table {
  float: left;
  overflow-x: auto;
  width: 100%;
}

.control-table th {
  min-width: 120px;
}

.control-table td:first-child, .control-table th:first-child {
  text-align: center;
  width: 80px;
}

.control-table td:last-child, .control-table th:last-child {
  min-width: 150px;
  text-align: center;
  width: 150px !important;
}

.control-table td {
  vertical-align: middle !important;
}

.starred {
  color: red;
}

.control-table .btn {
  border-radius: 3px;
  font-size: 12px;
  line-height: 1.5;
  padding: 4px 7px;
}



/*pick list*/

.container.asign_user_panel {
  margin-top: 20px;
}

.pickListButtons .btn {
  margin-bottom: 5px;
  margin-top: 5px;
  width: 100%;
}

.pickListButtons {
  padding: 10px;
  text-align: center;
}

.pickListButtons button {
  margin-bottom: 5px;
}

.pickListSelect {
  height: 200px !important;
}



/*email*/
.mail-option .chk-all, .mail-option .btn-group a.btn {
  background: #fcfcfc none repeat scroll 0 0;
  border: 1px solid #e7e7e7;
  border-radius: 3px !important;
  color: #afafaf;
  display: inline-block;
  padding: 5px 10px;
}





/*responsive*/

@media screen and (max-width: 767px) {
	
	.add_form .row label {
  font-weight: normal;
  margin-top: 10px;
}

.add_form .row {
  float: left;
  margin: 0;
  width: 100%;
}

.mid_content .container {
  float: left;
  padding: 0;
  width: 100%;
}


	
nav.main_nav {
  padding-top: 0;
}	
	
	
.main_nav .nav-tabs > li {
  width: 100%;
}



.control-table .btn {
  padding: 2px 5px;
}

}

@media screen and (max-width: 500px) {
.topmenu .nav.nav-pills.pull-right {
  border-top: 1px solid #17a9a8;
  width: 100%;
  text-align:center;
}

.logout a {
  border-right: medium none !important;
}

.logo {
  text-align: center;
  width: 100%;
}


.topmenu  .nav-pills > li {
  display: inline-block;
  float: none;
  text-align: center;
}

}



/*admin dashboad */

.notification_dash h3{
background: rgb(247,247,247); /* Old browsers */
background: -moz-linear-gradient(top,  rgba(247,247,247,1) 0%, rgba(200,200,200,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  rgba(247,247,247,1) 0%,rgba(200,200,200,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  rgba(247,247,247,1) 0%,rgba(200,200,200,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f7f7f7', endColorstr='#c8c8c8',GradientType=0 ); /* IE6-9 */
  border-bottom: 1px solid #999;
  color: #000;
  font-weight: normal;
  margin-top: 0;
  padding: 5px 10px;
}

.alert.alert-warning.alert-dismissible.notification_dash {
  background: #eee none repeat scroll 0 0;
  border: 1px solid #ccc;
  box-shadow: 0 0 5px #ccc;
  padding: 0;
  position:relative;
  float:left;
}

.notification_dash .close {
  background: #d4544b none repeat scroll 0 0;
  border-radius: 25px;
  color: #fff;
  opacity: 1;
  padding: 3px 7px;
  position: absolute;
  right: -12px;
  text-shadow: none;
  top: -12px;
}

.notification_icon {
  color: #4889cd;
  float: left;
  font-size: 22px;
  height: 90px;
  padding-right: 10px;
}

.notification_dash h4 {
  color: #000;
  font-size: 17px;
  margin: 0;
}

.notification_dash p {
  color: #777;
  font-size: 13px;
  line-height: 16px;
  margin-bottom: 0;
  padding-top: 5px;
}

.delete_notificatoin {
  color: #d4544b;
}

.control_notifi {
	padding:0;
}

.control_system_info_monitoring h4{
background: rgb(244,90,15); /* Old browsers */
background: -moz-linear-gradient(top,  rgba(244,90,15,1) 0%, rgba(248,128,42,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  rgba(244,90,15,1) 0%,rgba(248,128,42,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  rgba(244,90,15,1) 0%,rgba(248,128,42,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f45a0f', endColorstr='#f8802a',GradientType=0 ); /* IE6-9 */
color: #fff;
    font-size: 17px;
    font-style: italic;
    font-weight: normal !important;
    margin: 0;
    padding: 5px 10px;
}

.control_system_info_monitoring .col-xs-12 .col-xs-12{
padding:0;
border-radius: 5px;
}

.control_system_info_monitoring .table {
  margin-bottom: 0;
}

.col-xs-12.control_system_info_monitoring {
  padding: 0;
}

.system_info .table td:last-child, .system_info .table th:last-child {
  text-align: right;
}

.system_info td {
  color: #777;
  font-size: 13px;
  padding-left: 14px !important;
}


/*login screen*/

.container-fluid.Signin {
  background: #ffffff;
  padding-top: 10%;
}

.Signin  .col-sm-push-4 {
	background: rgb(46,200,199); /* Old browsers */
	background: -moz-linear-gradient(top,  rgba(46,200,199,1) 0%, rgba(36,183,182,1) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top,  rgba(46,200,199,1) 0%,rgba(36,183,182,1) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom,  rgba(46,200,199,1) 0%,rgba(36,183,182,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2ec8c7', endColorstr='#24b7b6',GradientType=0 ); /* IE6-9 */
	border: 1px solid #17a9a8;
    border-radius: 7px;
    box-shadow: 0 0 20px rgba(0, 0, 0, 0.2);
    padding: 20px;
    text-align: center;
}

.Signin .form-signin h2.form-signin-heading {
  color: #006261;
  font-size: 16px;
  font-weight: normal !important;
  text-transform: uppercase;
}

.Signin #inputEmail {
  margin-bottom: 10px;
}

.Signin .checkbox {
  color: #fff;
  float: left;
  width: 100%;
}
.Signin .checkbox  a{
  color: #fff;
}


.main_nav .dropdown-menu {
  padding: 0;
}

.main_nav .dropdown-menu > li > a {
  margin: 0 !important;
  padding: 8px 20px;
}



/*new */

.panel-group {
  margin-bottom: 11px;
}

.status_notifi h5 {
  color: #189d9c;
  font-size: 17px;
  font-weight: 300;
  margin-bottom: 5px;
  margin-top: 0;
  text-transform: uppercase;
}

.status_notifi p {
  font-size: 13px;
  margin-bottom: 0;
}

.status_notifi .panel-heading {
  background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
  padding: 5px 10px;
}

.status_notifi .panel-body {
  padding: 13px 0;
}

.status_notifi.panel-group .panel {
  border-radius: 4px;
  margin-bottom: 10px;
}

table td {
  vertical-align: middle !important;
}

.col-xs-12.monitoring {
  margin-top: 15px;
}


.add_form  input, .add_form  select{
margin-bottom:20px;
}


.add_form {
  float: none;
  margin: 40px auto 0;
  max-width: 1000px;
  width: 100%;
}

.pull-right.ac_btn label {
  color: #000;
  font-size: 17px;
  font-weight: normal;
}

.asgn_user_srch {
  margin-bottom: 15px;
  margin-top: 15px;
}

.asgn_user_srch label {
  font-weight: normal;
  padding-top: 5px;
}


.control-table2 {
  float: left;
  overflow-x: auto;
  width: 100%;
}

.add_form2 {
  max-width: 600px !important;

}

.mrg_top {
  margin-top: 37px;
}

.no_padding .col-xs-12.col-sm-6 {
  padding: 0;
}
.logout > a {
  padding: 15px !important;
}
table.form-control input[type="checkbox"] {
  margin-right: 4px;
}
table.form-control td {
  padding: 0 5px;
}
.Signin .col-sm-push-4 {
 border: 1px solid #17a9a8;
 border-radius: 7px;
 box-shadow: 0 0 20px rgba(0, 0, 0, 0.2);
 padding: 20px;
 text-align: center;
 background: #ffffff;
 border: 1px solid #ccc;
 color: #000;
}
/*line no 401 custom.css*/


.btn-primary {
background-color: #623293;
border-color: #623293;
}

.btn-primary:hover {
background-color: #4E1E7F;
border-color: #623293;
}

.Signin .checkbox {
 color: #666;
 float: left;
 width: 100%;
}
/*line no 411 custom.css*/


.Signin .checkbox a {
 color: #666;
}
/*line no 416 custom.css*/


.Container-fluid.topmenu {
 float: left;
 width: 100%;
 border-bottom: 1px solid #ccc;
 background: #fff !important;
 box-shadow: 0 0 5px rgba(0,0,0,0.3);
 position: relative;
 z-index: 1;
}
/*line no 1 custom.css*/


.topmenu .nav > li > a {
 border-radius: 0;
 border-right: 1px solid #eee;
 color: #623293;
 display: block;
 padding: 18px 15px;
 position: relative;
}
/*line no 53 custom.css*/


.logout .btn-sm {
 padding: 8px 10px;
 font-size: 12px;
 line-height: 1.5;
 border-radius: 3px;
}

.white_a a {
 color: #623293 !important;
 font-weight: bold;
}

.topmenu .nav > li > a:hover {
    background: #623293;
    color: #fff !important;
}

nav.main_nav {
 background: #eee;
 border-radius: 0 !important;
 float: left;
 padding-top: 20px;
 width: 100%;
 border-bottom: 1px solid #ccc;
}
/*line no 13 custom.css*/


nav.main_nav .nav.nav-tabs li.active > a, nav.main_nav .nav.nav-tabs li:hover > a {
 background: #623293 !important;
}
/*line no 40 custom.css*/

.mid_content h2 {
 border-bottom: 1px solid #e5e5e5;
 color: #623293;
 font-size: 24px;
 font-style: italic;
 font-weight: bold;
 margin-top: 0;
}
/*line no 71 custom.css*/

.mid_content h3 {
 border-bottom: 1px solid #e5e5e5;
 color: #623293;
 float: left;
 font-size: 20px;
 font-style: italic;
 font-weight: bold;
 margin-bottom: 20px;
 margin-top: 30px;
 width: 100%;
}
/*line no 80 custom.css*/


.pull-right.floatingButtons .btn.btn-success {
 background-color: #623293;
 border-color: #623293;
}


.pull-right.floatingButtons .btn.btn-primary {
 background-color: #d79036;
 border-color: #d79036;
}

.pull-right.floatingButtons .btn.btn-default {
 color: #fff;
 background-color: #00aeef;
 border-color: #00aeef;
}

.pull-right.floatingButtons .btn:hover{
 box-shadow: 0 0 5px rgba(0,0,0,0.6);
}

.Signin .form-signin h2.form-signin-heading {
 color: #000;
 font-size: 16px;
 font-weight: normal !important;
 text-transform: uppercase;
}
/*line no 400 custom.css*/

.control_system_info_monitoring h4 {
 color: #fff;
 font-size: 17px;
 font-style: italic;
 font-weight: normal !important;
 margin: 0;
 padding: 5px 10px;
 background: #623293 !important;
}
/*line no 342 custom.css*/

.status_notifi h5 {
 color: #623293;
 font-size: 17px;
 font-weight: 400;
 margin-bottom: 5px;
 margin-top: 0;
 text-transform: uppercase;
}
/*line no 439 custom.css*/
.logout > a {
    padding: 18px !important;
}

.logo span {
    float: left;
    font-size: 21px;
    color: #623293;
    padding-top: 2%;
    padding-bottom: 2%;
}
.logo img {
    height: 44px;
    padding-left: 20px;
    float: left;
    margin-right: 20px;
}
.col-xs-12.col-sm-6.asgn_user_srch {
    width: 96%;
    margin: 0 auto;
    margin: 20px 2%;
}

.asgn_user_srch .col-xs-12.col-sm-3 {
 width: 15%;
 min-width: 120px;
}

.asgn_user_srch .col-xs-12.col-sm-9 {
    width: 85%;
}

.asgn_user_srch select {
 width: 25%;
 margin-right: 1%;
 margin-left: 1%;
 min-width: 100px;
 display: inline-block;
}
.Signin .logo img {
    float: none;
}
.Signin .logo span {
    float: left;
    width: 100%;
    display: block;
    margin-bottom: 10px;
    margin-top: -4px;
}
.Signin h2 {
 font-size: 20px;
 /* margin-top: 0; */
 color: #666;
}
.maintance {
 text-align: center;
 margin-top: 7% !important;
 width: 100%;
 padding: 4%;
 border-radius: 8px;
 max-width: 1100px;
 margin: 0 auto;
 font-family: sans-serif;
 background: #fff!important;
 box-shadow: 0 0 10px #ccc;
}

.maintance p {
 font-size: 19px;
 color: #623293;
 font-weight: 300 !important;
 margin-bottom: 3px;
}
.maintance p {
    color: #623293 !important;
}
.maintance .logo img {
 float: none;
 width: 280px !important;
 height: 100px !important;
 margin: 0;
 padding: 0;
}

.maintance .logo span {
 width: 100%;
 margin-bottom: 3%;
 font-size: 26px;
 margin-top: -10px;
}

.maintance .logo {
 width: 100%;
 text-align: center;
}
.chkbxIsMute {
    margin-left: 6px;
    margin-bottom: 0;
    margin-top: 10px;
}
.DataEntry_row {
    background: #f6adcd !important;
    color: #000 !important;
}

.PrintLabel_row {
    background: #b4d675 !important;
    color: #000 !important;
}

.Question_row {
    background: #fff684 !important;
    color: #000 !important;
}

.Rejected_row {
    background: #ed1651 !important;
    color: #fff !important;
    font-weight: bold;
}
.button_approve {
    background-color: #00a650 !important;
    color: #fff !important;
}
.button_lateapprove {
    background-color: #6FCC9C !important;
    color: #fff !important;
}
.button_latereject {
    background-color: #f16065 !important;
    color: #fff !important;
}
.button_lateonetimeauth {
    background-color: #00dacf !important;
    color: #fff !important;
}
.button_latelimitedsupply {
    background-color: #92328e !important;
    color: #fff !important;
}
/*.blink_text {
    opacity: 0;
    animation: blinking 1s linear infinite;
     font-weight: bold;
    color: #fff !important;   
    background-color: #ec1d24 !important;  
}*/
.button_onetimeauth {
    background-color: #0095da !important;
    color: #fff !important;
}
.button_reject {
    background-color: #ec1d24 !important;
    color: #fff !important;
}
.button_askQuest {
    background-color: #f5821f !important;
    color: #fff !important;
}
.button_limitedsupply {
    background-color: #623293 !important;
    color: #fff !important;
}
.button_history {
    background-color: #000000 !important;
    color: #fff !important;
}
.button_reset {
    background-color: #ec1d24 !important;
    color: #fff !important;
}
.white_font {  color: #fff !important;
}
.maskededit
{
    position: relative;
    z-index: auto;
    left: auto;
}
@keyframes blinking {
  from,
  49.9% {
    opacity: 0;
  }
  50%,
  to {
    opacity: 1;
  }
}

 .form-row-custm {
            margin-bottom: 10px;
            width: 100%;
            float: left;
        }

        .calender-input-box input.form-control {
            padding-left: 35px;
        }

        .calender-input-box input[type="image"] {
            position: absolute;
            top: 3px;
            margin-left: 4px;
        }
        /*css to be replaced or can be added below*/
        .asgn_user_srch1 select {
            width: 100%;
            margin: 0;
        }
        span.pull-right.custom-btn-note {
    color: #623293;
    float: right;
    width: 100%;
    text-align: right;
    position: absolute;
    right: 14px;
    font-size: 13px;
    margin-top: 3px;
}
        @media(min-width:320px) and (max-width:767px) {
            .form-row-custm select, .form-row-custm input {
                margin-bottom: 10px;
            }
        }

/*changes 1-8-2018*/
.control_system_info_monitoring .col-xs-12 .col-xs-12.form-nw{ padding:0 15px; margin-top:10px;}
.control_system_info_monitoring .col-xs-12 .form-nw .col-xs-12{ padding:0 15px;}
.form-nw label{ font-weight:normal; line-height:22px;}
.delete-rght-btn { }