appendix.css

appendix.css

/****************************

 TEB Appendix.css

*****************************/


#ContentPlaceHolderLogin_divMessage{
   font-style:normal;
   font-weight:400;
   text-align:center;
   font-size:12px;
   margin-top:15px;
}
#ContentPlaceHolderLogin_divMessage h4{
  font-weight:600;
  text-align:center;  
}
#ContentPlaceHolderLogin_divMessage a{
  font-weight:600;
  text-decoration: underline;  
}


.login-container .login-box .sifre-giris .btn-cont #ContentPlaceHolderLogin_ButtonGiris{
	width:160px;
}
.login-container .login-box .sifre-giris .btn-cont #ContentPlaceHolderLogin_ButtonTemizle{
	clear:both!important;
	padding: 5px 10px!important;
    font-size: 12px!important;
    line-height: 1.5!important;
    border-radius: 3px!important;
}







.input-custom label {
    width: 100%;
    font-weight: normal;
    display:inline-block;
    text-align:center;
}
.input-custom input[type="radio"]:empty, 
.input-custom input[type="checkbox"]:empty {
    display: none;
}
.input-custom input[type="radio"]:empty ~ label,
.input-custom input[type="checkbox"]:empty ~ label {
      position: relative;
      line-height: 22px;
      font-size: 22px;
      cursor: pointer;
      -webkit-user-select: none;
      -moz-user-select: none;
      -ms-user-select: none;
      user-select: none;
      color:#fff;
      width:22px;
      height:22px;
      display:inline-block;
      margin:0;
}
.input-custom input[type="radio"]:empty ~ label:before,
.input-custom input[type="checkbox"]:empty ~ label:before {
      content: '';
      position: relative;
      display: inline-block;
      width: 22px;
      height: 22px;
      text-align:center;
      color:#fff;
      font-size:16px!important;
      line-height:22px;
      border-radius:4px;
}
.input-custom input[type="radio"]:empty ~ label:before/*,
.input-custom input[type="checkbox"]:empty ~ label:before*/ {
      content: '+'!important;
      /*font-family:'Glyphicons Halflings'!important;*/
}
.input-custom input[type="radio"]:checked ~ label:before/*,
.input-custom input[type="checkbox"]:checked ~ label:before*/ { 
      content: '-'!important;
}








.panel.panel-result{
   -webkit-box-shadow:none;
           box-shadow:none;
}
.panel.panel-result .panel-heading{
   text-align:center;
}
.panel.panel-result .panel-heading .panel-icon{
   border-radius:50%;
   border:6px solid #000;
   background-color:#fff;
   width:150px;
   height:150px;
   display:inline-block;
}
.panel.panel-result .panel-heading .panel-icon .icon:before{
   font-family:'Glyphicons Halflings'!important;
   font-size:80px;
   text-align:center;
   display:inline-block;
   color:#000;
   line-height:140px;
}
.panel.panel-result .panel-heading .panel-icon.panel-icon-success  {
   border-color:#5cb85c;
}
.panel.panel-result .panel-heading .panel-icon.panel-icon-success .icon:before{
   content: '\e013'!important;
   color:#5cb85c;
}
.panel.panel-result .panel-heading .panel-icon.panel-icon-danger{
   border-color:#d9534f;
}
.panel.panel-result .panel-heading .panel-icon.panel-icon-danger .icon:before{
   content: '\e014'!important;
   color:#d9534f;
}
.panel.panel-result .panel-heading h3{
   color:#111;
   font-weight:600;
   font-size:18px;
}
.panel.panel-result .panel-heading .panel-icon.panel-icon-danger + h3{
    color:#d9534f;
}
.panel.panel-result .panel-body{
    text-align:center;
    font-weight:400;
}
.panel.panel-result .panel-body a{
  text-decoration:underline;
  font-weight:600;
}
.panel.panel-result .panel-body h4{
    font-weight:600;
    font-size:16px;
}
.panel.panel-result .panel-body .form-group label.label-control{
  text-align:left!important;
  display:block;
}
.panel.panel-result .panel-footer{
    background-color:transparent;
    border:none;
    text-align:center;
    font-weight:600;
}








.panel.panel-form{
	margin-bottom:30px;
      -webkit-box-shadow:none;
            box-shadow:none;
}
.panel.panel-form .panel-body label .btn-group{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}
.panel.panel-form .panel-body label .btn-group .btn-circle{
	margin-left:8px;
}
.panel.panel-form .panel-footer{
	background-color:transparent;
}

@media (min-width: 768px){
	.panel.panel-form .panel-body .row-expiry-date .col-expiry-date:first-child  .bootstrap-select .btn{
	  border-top-right-radius: 0px;
	  border-bottom-right-radius: 0px;
	}
	.panel.panel-form .panel-body .row-expiry-date .col-expiry-date:not(:first-child)  .bootstrap-select .btn{
	  margin-left:-1px;
	  border-top-left-radius: 0px;
	  border-bottom-left-radius: 0px;
	}
}
@media (max-width: 767px){
	.panel.panel-form .panel-body .row-expiry-date .col-expiry-date{
        margin-bottom:10px;
	}
}







.panel-table{
    margin-bottom:30px;
      -webkit-box-shadow:none;
            box-shadow:none;
}
.panel-table .panel-heading{
	display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding:15px 20px;
    color:#fff;
}
.panel-table .panel-heading .header{
    -webkit-box-flex:1;
    -ms-flex:1;
    flex:1;
    padding-right:30px;
}
.panel-table .panel-heading .header h3{
    font-size:20px;
	font-weight:600;
	margin:0;
}
.panel-table .panel-heading .header .description{
	font-size:12px;
	font-weight:400;
	margin-top:5px;
	color:#fff;
}
.panel-table .panel-heading .header .description a{
	text-decoration: underline;
	font-weight:600;
	color:#fff;
}
.panel-table .panel-heading .action{
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
     -webkit-box-align: center;
      -webkit-align-items: center;
      align-items: center;
}
.panel-table .panel-heading .action .btn{
  font-size: 16px;
  font-weight: 600;
}
.panel-table .panel-body{
	padding:0;
}
.panel-table .panel-body .table{
	margin:0;
}
.panel-table .panel-body .table thead tr th{
	font-size:13px;
	font-weight:400;
}
.panel-table .panel-body .table tbody tr td{
	vertical-align: middle;
	font-size:12px;
}
.panel-table .panel-body .table tbody tr.active td{
	background-color:#ddd;
}
.panel-table .panel-footer{
	background-color:transparent;
	padding-left:0;
	padding-right:0;
}





.panel-table.panel-table-installment .panel-body .table thead tr th:nth-child(4){
	border-right:none;
}
.panel-table.panel-table-installment .panel-body .table thead tr th:nth-child(5){
	border-left:none;
}
.panel-table.panel-table-installment .panel-body .table tbody tr td:nth-child(5){
	text-align:center;
	vertical-align:middle;
}
.panel-table.panel-table-installment .panel-body .table tbody tr td .input-custom{
	display:inline-block;
}
.panel-table.panel-table-installment .panel-body .table tbody tr td .input-custom input[type="radio"]:empty ~ label:before,
.panel-table.panel-table-installment .panel-body .table tbody tr td .input-custom input[type="checkbox"]:empty ~ label:before {
      content: '';
      position: relative;
      display: inline-block;
      width: 22px;
      height: 22px;
      text-align:center;
      color:#000;
      font-size:22px;
      line-height:22px;
      border:1px solid #333;
      background-color:#fff;
}
.panel-table.panel-table-installment .panel-body .table tbody tr.must-pay td .input-custom input[type="radio"]:empty ~ label:before,
.panel-table.panel-table-installment .panel-body .table tbody tr.must-pay td .input-custom input[type="checkbox"]:empty ~ label:before {
   border-color:#d9534f;
}
/*.panel-table.panel-table-installment .panel-body .table tbody tr td .input-custom input[type="radio"]:empty ~ label:before,*/
.panel-table.panel-table-installment .panel-body .table tbody tr td .input-custom input[type="checkbox"]:empty ~ label:before {
      content: '';
      font-family:'Glyphicons Halflings'!important;
}
/*.panel-table.panel-table-installment .panel-body .table tbody tr td .input-custom input[type="radio"]:checked ~ label:before,*/
.panel-table.panel-table-installment .panel-body .table tbody tr td .input-custom input[type="checkbox"]:checked ~ label:before {
      content: "\e013";
      font-family:'Glyphicons Halflings'!important;
}
.panel-table.panel-table-installment .panel-footer .form-group label {
    display:block;
    white-space:pre;
    text-align:right;
}
.panel-table.panel-table-installment .panel-footer .form-group .form-control:focus {
	box-shadow: none;
}

.panel-table.panel-table-installment .panel-footer input:-moz-read-only {
    background-color: #fff;
}
.panel-table.panel-table-installment .panel-footer input:read-only {
    background-color: #fff;
}
@media (max-width: 991px){
   .panel-table.panel-table-installment .panel-footer .form-group label {
	    text-align:left;
	    margin-bottom:10px;
	}
}









.table-collapse tr.row-table.active > td{
   color:#fff;
}
.table-collapse tr.row-table:not(.active) + tr.row-table-detail {
   display:none;
}
.table-collapse tr.row-table-detail > td{
   padding:20px;
}







.table .table-header{
	padding:15px 20px;
}
.table .table-header h3{
	font-size:20px;
	font-weight:600;
	margin:0;
}
.table .table-header .table-header-description{
	font-size:13px;
	font-weight:400;
	margin-top:5px;
}




.alert{
	text-align:center;
}



.btn-circle{
	border-radius:50%!important;
	font-weight:600;
	width: 20px;
	height:20px;
}




.popover{
	font-size:12px;
	color:#333;
}






@media (min-width: 768px) {
  .row-eq-height {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
  }
}

@media (min-width: 768px) {
  .row-centered {
    text-align: center;
  }
  .row-centered [class*="col-"] {
      display: inline-block;
      float: none;
      text-align: left;
      margin-right: -4px;
      vertical-align:top;
  }
}

.col-centered {
  display: inline-block;
  float: none;
  text-align: left;
  margin-right: -4px;
  vertical-align:top;
}



.row.row-0{
    margin-left: -0px;
    margin-right: -0px;
}
.row.row-0 > [class^="col-"]{
	padding-left: 0px;
    padding-right: 0px;
}



.bootstrap-select{
	width:100%!important;
	min-width:none;
	max-width:none;
}
.bootstrap-select .dropdown-menu.open .dropdown-menu li a:hover{
	background-color:red;
}






.modal .modal-dialog .modal-content .modal-header{
    color:#fff;
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
}
.modal .modal-dialog .modal-content .modal-header .modal-title{
    color:#fff;
}
.modal .modal-dialog  .modal-content .modal-header .close{
    color:#fff;
    text-shadow:none;
    opacity:1;
    font-size:26px;
}
.modal .modal-dialog .modal-content .modal-body{
    text-align:center;
}
.modal .modal-dialog .modal-content .modal-footer{
    text-align:center;
}