﻿/*@font-face {
    font-family: "myf";
    src: url("../Bootstrap/fonts/segoeuil.ttf") format("opentype");   
    }

* {
    font-family: 'myf';        
}*/
.btnma{
    margin:5px;
}
.m5{
    margin:5px;
}

.myprocesscircle {
    width:200px;height:200px; border-radius:100%;background-color:#999;border-width:5px;border-color:#cdcdcd; border-style:solid;text-align:center; padding:30px;color:white
}
body {
    color: #515151;
    font-size: 14px;    
}
input#email-address.verimail-success {
        background: transparent url('../../Content/Images/success.png') no-repeat center right;
    }

    input#email-address.verimail-error {
        background: transparent url('../../Content/Images/error.png') no-repeat center right;
    }

    input#email-address.verimail-pending {
        background: transparent url('../../Content/Images/pending.gif') no-repeat center right;
    }

    p#status-message span.success {
        color: green;
    }

    p#status-message span.error {
        color: red;
    }

    p#status-message span.correction {
        font-weight: bold;
    }
.myCircle{
    background-color:white;
    margin:0px auto 20px auto; 
    border:2px solid #808080; 
    border-radius:100%; 
    width:120px; 
    height:120px;
    text-align:center;
    padding:20px;
}

.myCircle-small{
    background-color:white;
    margin:0px auto 5px auto; 
    border:1px solid #3498db; 
    border-radius:100%; 
    width:45px; 
    height:45px;
    text-align:center;
    padding:12px 5px;
  
}
.fontBold {
    font-weight: bold;
}

.fontSize1 {
    font-size: 29px;
}

.fontSize2 {
    font-size: 24px;
}

.fontSize3 {
    font-size: 19px;
}

.fontSize4 {
    font-size: 16px;
}
.fontSize5 {
    font-size: 15px;
}

.fontColorRed {
    color: #f00;
}

.fontColorDefault {
    color: #515151;
}

.fontColorBlue {
    color: #0070bf;
}

.fontColorWhite {
    color: #fff;
}

.divider3 {
    margin: 20px 0;
}

.divider2 {
    margin: 40px 0;
}

.divider {
    margin: 80px 0;
}

.myTable {
    width: 100%;
}

.myTable tr td {
    padding: 4px 0;
}

.myTblBorder tr td {
    border: solid 1px #ddd;
    padding-left: 8px;
    padding-right: 8px;
}

.tblHeader {
    background-color: #fafafa;
}

.tblCertificate {
    width: 100%;
}

.tblCertificate tr td {
    padding: 5px 10px;
}

#aClear {
    color: #999;    
}
#aClear:hover {
    font-weight: bold;
    text-decoration: none;
    color: #515151;
}

.myControlsStyle {
    border: solid 1px #f00;
}

.txtCssSample {
    width: 100%;
    border: solid 1px #999;
    height: 30px;
    border-radius: 5px;    
    padding: 0 5px;
}

.txtACssSample {
    width: 100%; height: 100px;
    border: solid 1px #999;    
    border-radius: 5px;    
    padding: 5px;
}


.aCertificate {
    color: #515151;
    border: solid 1px #c4c4c4;  padding: 5px;
    display: block;
    transition: all .5s ease-in-out;
    outline: none;
    background-color: #fff;
}
.aCertificate:hover {
    color: #515151;
    text-decoration: none;
    border: solid 1px #b9b9b9;
    box-shadow: 2px 2px 2px #cdcdcd;
    outline: none;
}
.aCertificate:active {
    color: #515151;
    text-decoration: none;
    border: solid 1px #b9b9b9;
    box-shadow: 2px 2px 2px #cdcdcd;
    outline: none;
}
.aCertificate:focus {
    color: #515151;
    text-decoration: none;
    border: solid 1px #b9b9b9;
    box-shadow: 2px 2px 2px #cdcdcd;
    outline: none;
}

.certificateDetailsBox{
    background-color: #fff;
    width: 100%;  border: solid 1px #ddd;
    display: block; 
    color: #515151;
    padding: 8px 15px 8px 16px;
    font-size: 17px;
}

a.certificateDetailsBox{
    background-color: #fff;
    width: 100%;  border: solid 1px #ddd;
    display: block; 
    color: #515151;
    padding: 5px;
}
a.certificateDetailsBox:hover{
    width: 100%;  border: solid 1px #ddd;
    display: block; 
    color: #515151;
    padding: 5px;
    text-decoration: none;
    box-shadow: 2px 2px 2px #cdcdcd;
}

.mySuccessColor {    
    color: #97c185;
}

.myWarningColor {
    color: #ef5f5f;
}

#seafForm {
    display: none;
}

#verifyResult {
    display: none;
}

#lblPinGenerateStatus {
    display: none;
}

#certificateTable tr td {
    padding: 5px;
}
.mypager li {
    float:left;
    background-color:#999;
    
}
.mypager a 
{
   display:inline-block;
   padding:2px 10px;
   margin:0px 3px;
   color:#515151;
   border:2px solid #ddd;
   border-radius:10%;
}

.mypager{
  text-align:center;
  
}
.mypager a:hover,
.current{
    background-color:#cdcdcd;
    color: #fff;
    display:inline-block;
    width:auto;
   padding:2px 10px;
    background-color:#3498db;
    border:2px solid #3498db;
    border-radius:10%;
    text-decoration:none;
}

.mybadgestyle
{
    font-size:12px;
    padding:5px 10px;
    background:#ecebeb;
    border-radius:7px;
    font-weight:bold;
}
.badge-info-border
{
    color:#0070bf;
    padding: 1px 5px;
    border:1px solid #3498db;
    border-radius:5px;

}
.badge-info-border
{
    color:#0070bf;
    padding: 2px 5px;
    border:1px solid #3498db;
    border-radius:5px;

}
.badge-total
{
    color:#ffffff;
    padding: 2px 5px;
    background:#31b0d5;
    border-radius:5px;
}
.badge-success
{
    color:#ffffff;
    padding: 2px 5px;
    background:#3aa85c;
    border-radius:5px;
}

.badge-cancelled{
    color:#ffffff;
    padding: 2px 5px;
    background:#c73f3f;
    border-radius:5px;
    
}
.badge-cancelRequested{
    color:#ffffff;
    padding: 2px 5px;
    background:#9370DB;
    border-radius:5px;
    
}
.badge-requested{
    color:#ffffff;
    padding: 2px 5px;
    background:#2c3e50;
    border-radius:5px;
    
}
.badge-responded{
    color:#ffffff;
    padding: 2px 5px;
    background:#3498db;
    border-radius:5px;
    
}
.minHeight{
    min-height: 250px;
}