html{
    height:100%;
}
body {
    color:#696969 !important;
    font-family:'Open Sans', Arial !important;
    font-size:14px;
    line-height:1.5em;
    font-weight:400;
    height:100%;
}
h1,
h2,
h3,
h4,
h5,
h6,
.h1,
.h2,
.h3,
.h4,
.h5,
.h6 {
  font-family:GothamMedium, Gotham, 'Open Sans', Arial;
  font-weight: 500;
  line-height: 1.1;
}

a:link, a:visited{
    color: #1b9ed1;
    outline: none;
	text-decoration: none;
	-webkit-transition: all 200ms ease-in-out;
	-moz-transition: all 200ms ease-in-out;
	-ms-transition: all 200ms ease-in-out;
	-o-transition: all 200ms ease-in-out;
	transition: all 200ms ease-in-out;
}
a:hover {
	color: #3a508a;
}

/*--- Main Layout ---*/

.Wrapper{
    min-height:100%;
    position:relative;
}
header, .Header{
    height:110px;
    background-color:#FFF;
}
.body-content {
    padding:0 0 280px 0;
}
footer, .Footer{
    background-color:#efefef;
    border-top:5px #0395ca solid;
    bottom:0;
    position:absolute;
    height:260px;
    width:100%;
}

/*--- Main Nav---*/

.nav-qlinks{
    position:absolute;
    top:10px;
    right:10px;
    z-index:1050;
}
.nav-qlinks ul{
    margin:0;
    padding:0;
}
.nav-qlinks ul li{
    float:left;
    list-style-type:none;
}
.nav-qlinks ul li a{
    border-radius:50%;
    -moz-border-radius:50%;
    -webkit-border-radius:50%;
    behavior:url('PIE.htc');
    border:2px #0595ca solid;
    color:#0595ca;
    display:block;
    height:34px;
    width:34px;
    margin-left:5px;
    text-align:center;
    padding-top:5px;
}
.nav-qlinks ul li a:hover{
    background-color:#0595ca;
    border-color:#0595ca;
    color:#FFF;
}


.navbar {
  margin-bottom:0;
}
.navbar-default {
    background-color:transparent;
    border-color: transparent;
    border:0;
}
.navbar-brand{
    color:#0395ca !important;
    font-family:GothamMedium, Gotham, 'Open Sans', Arial;
    font-size:24pt;
    text-transform:uppercase;
}
.navbar-default .navbar-nav > li > a {
    color: #0395ca;
}
.navbar-default .navbar-nav > li > a:hover,
.navbar-default .navbar-nav > li > a:focus {
  color: #0276b5;
  /*background-color:none;*/
}
.nav-main a{
    color:#0395ca;
    font-family:GothamMedium, Gotham, 'Open Sans', Arial;
    font-size:15px;
    margin-top:55px;
}
.nav-main a:hover{
    color:#0395ca;
}

@media (min-width: 768px) {
  .navbar-nav > li > a {
    padding-top: 10px;
    padding-bottom: 10px;
  }
}


    .HP-Body {
        background: transparent url('Images/hpBlueBG.gif') repeat-x top;
        min-height: 480px;
    }

    .carousel-login {
        height: 360px;
    }

    .login {
        background-color: #1691c8;
        min-height: 360px;
        padding:45px 35px;
    }

    .OPAP-infoblocks {
        background-color: #FFF;
        min-height: 400px;
        padding: 40px 20px;
    }


    .OPAP-yellow,
    .OPAP-brown,
    .OPAP-green,
    .OPAP-purple,
    .OPAP-blue {
        margin-bottom: 30px;
        font-size:14px;
    }

        .OPAP-yellow::after,
        .OPAP-brown::after,
        .OPAP-green::after,
        .OPAP-purple::after,
        .OPAP-blue::after {
            clear: both;
            display: block;
            content: "";
        }

        .OPAP-yellow a,
        .OPAP-brown a,
        .OPAP-green a {
            display: block;
            height: 100%;
        }

        .OPAP-yellow .col-sm-9,
        .OPAP-brown .col-sm-9,
        .OPAP-green .col-sm-9,
        .OPAP-purple .col-sm-9,
        .OPAP-blue .col-sm-9 {
            padding-right: 0;
        }

        .OPAP-yellow .circle,
        .OPAP-brown .circle,
        .OPAP-green .circle,
        .OPAP-purple .circle,
        .OPAP-blue .circle {
            background-color: #FFF;
            border-radius: 50%;
                -moz-border-radius:50%;
                -webkit-border-radius:50%;
                behavior:url('PIE.htc');
            height: 80px;
            font-size: 20pt;
            width: 80px;
            text-align: center;
            position: relative;
            padding-top: 23px;
            margin:0 auto;
        }

        .OPAP-yellow .circle {
            border: 3px #e5aa2b solid;
            color: #e5aa2b;
        }

        .OPAP-brown .circle {
            border: 3px #da8247 solid;
            color: #da8247;
        }

        .OPAP-green .circle {
            border: 3px #32ac97 solid;
            color: #32ac97;
        }

        .OPAP-purple .circle {
            border: 3px #8361a7 solid;
            color: #8361a7;
        }

        .OPAP-blue .circle {
            border: 3px #1b9ed1 solid;
            color: #1b9ed1;
        }

        .OPAP-yellow a:hover .circle {
            background-color: rgba(224,165,38,0.3);
            border: 3px #d98d19 solid;
            color: #d98d19;
        }

        .OPAP-brown a:hover .circle {
            background-color: rgba(211,125,68,0.3);
            border: 3px #ca622d solid;
            color: #ca622d;
        }

        .OPAP-green a:hover .circle {
            background-color: rgba(50,172,151,0.3);
            border: 3px #1e9078 solid;
            color: #1e9078;
        }

        .OPAP-purple a:hover .circle {
            background-color: rgba(131,97,167,0.3);
            color: #63438a;
            border: 3px #63438a solid;
        }

        .OPAP-blue a:hover .circle {
            background-color: rgba(27,158,209,0.3);
            border: 3px #0f80be solid;
            color: #0f80be;
        }

        .OPAP-yellow .infoblock,
        .OPAP-brown .infoblock,
        .OPAP-green .infoblock,
        .OPAP-purple .infoblock,
        .OPAP-blue .infoblock {
            margin-left: 5px;
            display: block;
        }

            .OPAP-yellow .infoblock h3,
            .OPAP-brown .infoblock h3,
            .OPAP-green .infoblock h3,
            .OPAP-purple .infoblock h3,
            .OPAP-blue .infoblock h3 {
                font-size: 18pt;
                margin: 0 0 10px 0 !important;
                padding: 0 !important;
            }

            .OPAP-yellow .infoblock p,
            .OPAP-yellow .infoblock h3 {
                color: #e5aa2b;
                line-height:1.3em;
            }

        .OPAP-yellow a:hover .infoblock p,
        .OPAP-yellow a:hover .infoblock h3 {
            color: #d98d19;
        }

        .OPAP-brown .infoblock p,
        .OPAP-brown .infoblock h3 {
            color: #da8247;
            line-height:1.3em;
        }

        .OPAP-brown a:hover .infoblock p,
        .OPAP-brown a:hover .infoblock h3 {
            color: #ca622d;
        }

        .OPAP-green .infoblock p,
        .OPAP-green .infoblock h3 {
            color: #32ac97;
            line-height:1.3em;
        }

        .OPAP-green a:hover .infoblock p,
        .OPAP-green a:hover .infoblock h3 {
            color: #1e9078;
        }

        .OPAP-purple .infoblock p,
        .OPAP-purple .infoblock h3 {
            color: #8361a7;
            line-height:1.3em;
        }

        .OPAP-purple a:hover .infoblock p,
        .OPAP-purple a:hover .infoblock h3 {
            color: #63438a;
        }

        .OPAP-blue .infoblock p,
        .OPAP-blue .infoblock h3 {
            color: #1b9ed1;
            line-height:1.3em;
        }

        .OPAP-blue a:hover .infoblock p,
        .OPAP-blue a:hover .infoblock h3 {
            color: #0f80be;
        }

.download-app-bar{
    background:transparent url('Images/dl-app-bar-BgTiler.gif') repeat-x left center;
    min-height:330px;
    margin:30px 0;
}
.download-app-bar img{
    margin:0 10px 0 20px;
}
.DAppHead{
    color:#898989;
    margin-top:200px;
    font-family:GothamBook, Gotham, 'Open Sans', Arial !important;
    font-weight:normal;
    line-height:1.3em;
    padding:0 25px;
}
.DAppHead-Prof{
    color:#898989 !important;
    margin-top:180px !important;
    font-family:GothamBook, Gotham, 'Open Sans', Arial !important;
    font-size:22pt;
    font-weight: normal;
    line-height: 1.3em;
    padding: 0 25px;
}
.DAppIcons{
    padding:15px 0;
    font-size:32pt;
}
.DAppIcons a{
    color:#898989;
}
.DAppIcons i{
    padding:15px 15px 0 0;
}
.DAppIcons-car{
    padding:15px 0;
    font-size:32pt;
}
.DAppIcons-car a{
    color:#FFF;
    text-shadow:none;
}
.DAppIcons-car i{
    padding:15px 15px 0 0;
}

.DAppImg{
    float:right;
}

.OPAP-quicklinks .col-md-3{
    padding-left:10px;
    padding-right:10px;
}
    .OPAP-QLinks-yellow a,
    .OPAP-QLinks-brown a,
    .OPAP-QLinks-green a,
    .OPAP-QLinks-purple a{
        color:#FFF;
        display:block;
        font-family:GothamMedium, Gotham, 'Open Sans', Arial;
        font-size:16pt;
        padding:20px;
        margin-bottom:15px;
    }
    .OPAP-QLinks-yellow a i,
    .OPAP-QLinks-brown a i,
    .OPAP-QLinks-green a i,
    .OPAP-QLinks-purple a i{
        float:right;
    }
    .OPAP-QLinks-yellow a{
        background-color:#e5aa2b;
    }
    .OPAP-QLinks-yellow a:hover{
        background-color:#d98d19;
        text-decoration:none;
    }
    .OPAP-QLinks-brown a{
        background-color:#da8247;
    }
    .OPAP-QLinks-brown a:hover{
        background-color:#ca622d    ;
        text-decoration:none;
    }
    .OPAP-QLinks-green a{
        background-color:#32ac97;
    }
    .OPAP-QLinks-green a:hover{
        background-color:#1e9078;
        text-decoration:none;
    }
    .OPAP-QLinks-purple a{
        background-color:#8361a7;
    }
    .OPAP-QLinks-purple a:hover{
        background-color:#63438a;
        text-decoration:none;
    }


.login h3{
    margin:0;
    /*color:#FFF;*/
    padding-bottom:20px;
}
.login .form-control{
    background-color:#5cb2d9;
    border:0;
    border-radius:25px;
        -moz-border-radius:25px;
        -webkit-border-radius:25px;
        behavior:url('PIE.htc');
    padding:8px 20px;
}
.login .form-control:focus{
    background-color:#FFF;
}

 

.hp-login::-webkit-input-placeholder{
    color:rgba(255,255,255,0.8) !important;
}
.hp-login:-moz-placeholder{
    color:rgba(255,255,255,0.8) !important;
}
.hp-login::-moz-placeholder{
    color:rgba(255,255,255,0.8) !important;
}
.hp-login:-ms-input-placeholder{
    color:rgba(255,255,255,0.8) !important;
}

.login .btn-login-rnd{
	background-color:#FFF;
    border:0;
    color:#0b6a98;
    padding:10px 25px;
    font-weight:bold;

	-webkit-border-radius:25px;
	-moz-border-radius:25px;
	-o-border-radius:25px;
    border-radius:25px;
        behavior:url('PIE.htc');
	-webkit-box-shadow: 0px 5px 0px 0px #156785,;
	-moz-box-shadow: 0px 5px 0px 0px #156785,;
	-o-box-shadow: 0px 5px 0px 0px #156785,;
	box-shadow: 0px 5px 0px 0px #156785,;

}
.login .btn-login-rnd:active{
	top:3px;
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#efefef+0,ffffff+100 */
    background: #efefef; /* Old browsers */
    background: -moz-linear-gradient(top,  #efefef 0%, #ffffff 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top,  #efefef 0%,#ffffff 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom,  #efefef 0%,#ffffff 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#efefef', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */


	-webkit-box-shadow:  0px 2px 0px 0px #156785, ;
	-moz-box-shadow:  0px 2px 0px 0px #156785, ;
	-o-box-shadow:  0px 2px 0px 0px #156785, ;
	box-shadow:  0px 2px 0px 0px #156785, ;
}
.login ul li{

    color:black;
}


.login ul a {
    color: darkblue;
}

.login ul a:hover {
    color: white;
}

.LogoModal::after{
    clear:both;
    content:"";
    display:block;
}

.carousel {
  height: 360px;
}
.carousel-caption {
  z-index: 10;
  text-align:left;
  left:0;
  right:0;
}
.carousel-caption h1{
  font-family:GothamBook, Gotham, 'Open Sans', Arial;
  font-weight: normal !important;
  font-size:32pt;
  margin-bottom:20px;
  text-shadow:none;
}
.carousel-caption h1 span{
    font-family:GothamBold, Gotham, 'Open Sans', Arial;
}
.carH1A{
    padding-top:40px;
}
.carH1C{
    padding-top:20px;
}
.carH1B{
    padding-bottom:50px; 
}
.carH1B-arrow{
    float:right;
    padding-top:40px;    
}

.carousel .item {
  height: 360px;
}
.carousel-inner > .item > img {
  position: absolute;
  top: 0;
  left: 0;
  min-width: 100%;
  height: 360px;
}
.btn-car-rnd{
    background-color:#0276b5;
    color:#FFF !important;
    font-weight:bold;
    text-transform:uppercase;
    padding:10px 25px;
    border-radius:25px;
    -moz-border-radius:25px;
    -webkit-border-radius:25px;
    behavior:url('PIE.htc');
}


/*--- Sub Page Styling---*/


.SP-Body {
    background: transparent url('Images/SBody-Default-Tiler.gif') repeat-x top;
    min-height: 480px;
}
.SP-Body-About {
    background: transparent url('Images/SBody-About.jpg') no-repeat top center;
    min-height: 480px;
}
.SP-Body-Accreditors {
    background: transparent url('Images/SBody-Accreditors.jpg') no-repeat top center;
    min-height: 480px;
}
.SP-Body-Providers {
    background: transparent url('Images/SBody-Providers.jpg') no-repeat top center;
    min-height: 480px;
}
.SP-Body-Organisation {
    background: transparent url('Images/SBody-Organisation.jpg') no-repeat top center;
    min-height: 480px;
}
.SP-Body-Profesionals{
    background: transparent url('Images/SBody-Professionals.jpg') no-repeat top center;
    min-height: 480px;
}
.SP-Body-Profesionals .EmpBlock{
    background-color:#f3f3f3;
    border-left:5px #63438a solid;
    padding:30px;
}
.SP-Body-Profesionals .EmpBlock h4{
    color:#63438a;
}

.SP-Header{
    height:80px;
}
.SP-Header h2{
    color:#FFF;
    display:inline-block;
    padding:23px 30px 0 30px;
    margin:0;
    min-height:80px;
}
.SHM-Green,
.SHM-Yellow,
.SHM-Brown,
.SHM-Purple,
.SHM-Blue{
    min-height:55px;
}
.SHM-Green::after,
.SHM-Yellow::after,
.SHM-Brown::after,
.SHM-Purple::after,
.SHM-Blue::after{
    display:block;
    content:"";
    clear:both;
}
.SHM-Green{
    background-color:#1e9078;
}
.SHM-Yellow{
    background-color:#d98d19;
}
.SHM-Brown{
    background-color:#ca622d;
}
.SHM-Purple{
    background-color:#63438a;
}
.SHM-Blue{
    background-color:#0f80b2;
    min-height:55px;
}
.SHorMenu ul{
    margin:0;
    padding:0;
}
.SHorMenu ul li{
    list-style:none;
    float:left;
}
.SHorMenu ul li a{
    color:#FFF;
    display:block;
    text-align:center;
    font-family:GothamMedium, Gotham, 'Open Sans', Arial;
    font-size:16px;
    padding:17px 25px;
    min-height:50px;
}
.SHorMenu ul li a:hover{
    background-color:rgba(255,255,255,0.3);
    text-decoration:none;
}
.SP-Body-Content{
    background-color:#FFF;
    min-height:100px;
}
.SP-Body-Content h1{
    color:#000;
    font-family:GothamMedium, Gotham, 'Open Sans', Arial;
    font-weight:500;
    font-size:20pt;
    padding:5px 0 15px 0;
    margin:0;
}
.modal-body h2,
.SP-Body-Content h2{
    color:#000;
    font-family:GothamBook, Gotham, 'Open Sans', Arial;    
    font-weight:200;
    font-size:22px;
    padding-bottom:10px;
    line-height:1.4em;
    margin:0;
    text-align:left;
}
.SP-Body-Content h3{
    color:#000;
    font-family:GothamBook, Gotham, 'Open Sans', Arial;    
    font-weight:200;
    font-size:18px;
    padding-bottom:10px;
    line-height:1.4em;
    margin:0;
    text-align:left;
}
.SP-Body-Content .OPAP-groups h3{
    font-weight:300 !important;
    font-family:GothamMedium, Gotham, 'Open Sans', Arial;
}

.SP-Body-Content h4{
    color:#000;
    font-weight:200;
    font-size:15px;
    line-height:1.4em;
    padding-bottom:5px;
    margin:0;
}
.copyGenNC,
.copyGen{
    padding:30px;
}
.copyGenNC p{
    text-align:justify;
    margin:0;
}
.copyGenRight{
    padding:30px 30px 0 0;
}
.copyGenRight .hrdotty{
    margin:25px 0;
}
.copyGenLeft{
    padding:30px 0 0 30px;
}



.SPBC-Blue .QLinkBlock{
    /*background-color:#bbe2f1;*/
}
.SPBC-Blue .QLinkBlock img{
    float:right;
}
.SPBC-Green .QLinkBlock{
    background-color:#c2e6e0;
}
.QLinkBlock{
    min-height:200px;
    margin:30px;
}
.OPAP-groups{
    margin:20px 0 20px 15px;
}
hr.hrdotty{
	border-top: 1px dotted #8c8b8b;
    margin:25px 30px;
}

    .icon-circle-Big {
       border-radius:50%;
       -moz-border-radius:50%;
        -webkit-border-radius:50%;
        behavior:url('PIE.htc');
       width:140px;
       height:140px;
       text-align:center;
       font-size:46pt;
       float:right;
       margin:20px;
    }
    .icon-circle-Big-left {
       border-radius:50%;
       -moz-border-radius:50%;
        -webkit-border-radius:50%;
        behavior:url('PIE.htc');
       width:140px;
       height:140px;
       text-align:center;
       font-size:46pt;
       float:left;
       margin:20px;
    }
    .icb-Brown{
       background-color:#f2d8c7;
       border: 6px #ca622d solid;
       color: #ca622d;
       margin-top:50px;
    }
    .icb-Purple{
       background-color:#dad0e5;
       border: 6px #63438a solid;
       color: #63438a;
    }
    .icon-circle-Big-left i,
    .icon-circle-Big i{
        padding-top:28px;
    }


    .MyPlatform-Left {
        float: left;
        width: 75%;
    }

    .MPBlock-Admin,
    .MPBlock-Member,
    .MPBlock-Public {
        color: #FFF;
        min-height: 50px;
        padding: 10px 20px;
        margin-bottom: 5px;
    }

        .MPBlock-Admin::after,
        .MPBlock-Member::after,
        .MPBlock-Public::after {
            clear: both;
            content: "";
            display: block;
        }

        .MPBlock-Admin i,
        .MPBlock-Member i,
        .MPBlock-Public i {
            float: left;
            width: 60px;
        }

        .MPBlock-Admin span,
        .MPBlock-Member span,
        .MPBlock-Public span {
            float: left;
            font-size: 12pt;
            font-weight: 500;
            padding-top: 10px;
        }

    .MPBlock-Admin {
        background-color: #c45525;
    }

    .MPBlock-Member {
        background-color: #c48525;
    }

    .MPBlock-Public {
        background-color: #d2c121;
    }

    .MPBlock-Solutions {
        background-color: #0395ca;
        width: 62px;
        height: 195px;
        float: left;
        text-align:center;
        vertical-align:middle;
        margin-left:5px;
        padding-top:30px;
    }


.FooterSetup{
    color:#0395ca;
    padding:30px 15px 0 15px;
}
.FooterSetup .col-sm-3{
    margin-bottom:20px;
}
.FooterSetup .Headers{
    color:#0395ca;
    font-size:14pt;
    padding-bottom:10px;
}
.FooterSetup ul{
    margin:0;
    padding:0;
}
.FooterSetup ul li{
    list-style:none;
}
.FooterSetup ul li a{
    color:#0395ca;
    display:block;
    padding:0 0 1px 0;
    margin:0;
}
.FooterSetup ul li a:hover{
    color:#9569c5;
}
.FootSponsor{
    text-align:right;
}
.browsersFoot{
    display:none;
}


.SocIconsSetup{
    margin-bottom:10px;
}
.SocIconsSetup::after{
    clear:both;
    display:block;
    content:"";
}
.SocIcons{
    background-color:transparent;
    border-radius:50%;
    -moz-border-radius:50%;
    -webkit-border-radius:50%;
    behavior:url('PIE.htc');
    border:2px #0395ca solid;
    float:right;
    font-size:14pt;
    text-align:center;
    margin-left:5px;
    width:37px;
    height:37px;
}
.SocIcons:hover,
.SocIcons:focus{
    background-color:#0395ca;    
    color:#FFF !important;
}
.SocIcons i{
    padding-top:7px;
}
.MNavSScreen{
    display:none;   
}

.table-pricing > thead > tr > th{
    height:80px;
    font-size:18px;
}
.table-pricing > thead > tr > .thFree,
.table-pricing > thead > tr > .thEthics,
.table-pricing > thead > tr > .thPremium{
    width:20%;
    color:#FFF;
    text-align:center;
    padding-top:15px;
}
.table-pricing > thead > tr > .thFree h3,
.table-pricing > thead > tr > .thEthics h3,
.table-pricing > thead > tr > .thPremium h3{
    color:#FFF;
    text-align:center;
    font-family:GothamMedium, Gotham, 'Open Sans', Arial;
    font-size:15pt;
}

.table-pricing > thead > tr > .thFree{
    background-color:#64c3de
}
.table-pricing > thead > tr > .thEthics{
    background-color:#44a3d5
}
.table-pricing > thead > tr > .thPremium{
    background-color:#2972b0
}
.table-pricing > tbody > tr > td {
    text-align:center;
}
.table-pricing-check{
    text-align:center;
    font-size:18px;
}
.table-pricing-check i{
    color:#56a839;
}

.QLinksSPages{
    float:right;
    min-height:110px;
    min-width:250px;
    margin:5px 0 20px 20px;
}


.QLinksGButtons {
    background-color:transparent;
    border-radius:25px;
    -moz-border-radius:25px;
    -webkit-border-radius:25px;
    behavior:url('PIE.htc');
    display:block;
    font-family:GothamMedium, Gotham, 'Open Sans', Arial;
    font-size:16px;
    padding:12px 25px;
    min-height:50px;
    margin:0 0 5px 0;
    text-align:center;
}
.QLinksGButtons:hover{
    color:#FFF !important;
}

.SP-Body-Profesionals .QLinksGButtons {
    border:2px #63438a solid;
    color:#63438a !important;
}
.SP-Body-Profesionals .QLinksGButtons:hover{
    background-color:#63438a;
    color:#FFF !important;
}
.SP-Body-Profesionals .login {
        background-color: #FFF;
    }
.SP-Body-Profesionals .login .btn-login-rnd{
    border:2px #63438a solid;
    color:#63438a;

	-webkit-border-radius:25px;
	-moz-border-radius:25px;
	-o-border-radius:25px;
    border-radius:25px;
	-webkit-box-shadow:  0px 5px 0px 0px #b0b0b0,;
	-moz-box-shadow:  0px 5px 0px 0px #b0b0b0,;
	-o-box-shadow:  0px 5px 0px 0px #b0b0b0,;
	box-shadow:  0px 5px 0px 0px #b0b0b0,;

}
.SP-Body-Profesionals .login .btn-login-rnd:hover{
    background-color:#63438a;
    color:#FFF;
}
.SP-Body-Profesionals .login .btn-login-rnd:active{
	top:3px;
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#efefef+0,ffffff+100 */
    background: #efefef; /* Old browsers */
    background: -moz-linear-gradient(top,  #503078 0%, #63438a 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top,  #503078 0%,#63438a 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom,  #503078 0%,#63438a 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#503078', endColorstr='#63438a',GradientType=0 ); /* IE6-9 */

	-webkit-box-shadow:  0px 2px 0px 0px #b0b0b0,;
	-moz-box-shadow:  0px 2px 0px 0px #b0b0b0,;
	-o-box-shadow:  0px 2px 0px 0px #b0b0b0,;
	box-shadow:  0px 2px 0px 0px #b0b0b0,;
}
.SP-Body-Profesionals .GenForm .form-control,
.SP-Body-Profesionals .login .form-control{
    background-color:#EFEFEF;
    border-radius:25px;
    -moz-border-radius:25px;
    -webkit-border-radius:25px;
    behavior:url('PIE.htc');
    padding:8px 20px;
    border: 1px solid #cccccc;
}
.SP-Body-Profesionals .GenForm .form-control:focus,
.SP-Body-Profesionals .login .form-control:focus{
    background-color:#FFF;
}

.e2Prod-MyMember,
.e2Prod-MyCouncil,
.e2Prod-MyCPD,
.e2Prod-MyContract,
.e2Prod-MyOrders{
    color:#FFF;
    min-height:45px;
    padding:10px 20px;
    margin-bottom:5px;
    text-transform:uppercase;
    font-size:11pt;
}
.e2Prod-MyMember img,
.e2Prod-MyCouncil img,
.e2Prod-MyCPD img,
.e2Prod-MyContract img,
.e2Prod-MyOrders img{
    padding-right:10px;
}

.e2Prod-MyMember{
    background-color:#4ab3c9;
}
.e2Prod-MyCouncil{
    background-color:#66b126;
}
.e2Prod-MyCPD{
    background-color:#0595ca;
}
.e2Prod-MyContract{
    background-color:#9b4f96;
}
.e2Prod-MyOrders{
    background-color:#d43e32;
}


/*---Responsive Media Queries---*/
/*---Responsive Media Queries---*/
/*---Responsive Media Queries---*/

@media only screen and (max-width:1199px) {
        .MPBlock-Admin span,
        .MPBlock-Member span,
        .MPBlock-Public span {
            font-size: 11pt;
        }
}

@media only screen and (max-width:991px) {
    header, .Header{
        height:115px;
        background-color:#FFF;
    }
    .MNavSScreen{
        display:none;
    }
    .navbar-brand img{
        width:80px;
        height:50px;
    }
    .navbar-brand{
        font-size:18pt;
        padding: 15px 5px;
    }
    .navbar-brand span{
        display:block;
        padding-top:10px;
        letter-spacing:1px;
    }

    .nav > li > a {
        padding: 10px 12px;
    }
    .nav-main a {
        font-size: 14px;
        margin-top: 55px;
    }
    .carousel-login {
        height: 720px;
    }
    .SHorMenu ul{
        margin:0;
        padding:0;
    }
    .SHorMenu ul li{
        list-style:none;
        float:left;
        width:33.3%;
        border-bottom:1px rgba(255,255,255,0.6) dotted;
        border-right:1px rgba(255,255,255,0.6) dotted;
    }
    .SHorMenu ul li a{
        font-size:14px;
        padding:15px 25px;
        min-height:45px;
    }
    .copyGenRight .OPAP-purple .circle{
        margin-left: 20px;
    }
    .DAppHead{
        margin-top:160px;
    }



     .MyPlatform-Left {
        width: 70%;
    }
    .MPBlock-Admin,
    .MPBlock-Member,
    .MPBlock-Public {
        padding: 10px 10px;
        text-align:center;
        float:none;
    }
    .MPBlock-Admin i,
    .MPBlock-Member i,
    .MPBlock-Public i{
        text-align:center;
        float:none;
    }
        .MPBlock-Admin span,
        .MPBlock-Member span,
        .MPBlock-Public span {
            font-size: 11pt;
            font-weight: 500;
            padding-top: 10px;
        }
    .MPBlock-Solutions {
        background-color: #0395ca;
        width: 52px;
        height: 289px;
        float: left;
        text-align:center;
        vertical-align:middle;
        margin-left:5px;
        padding-top:80px;
    }
}
@media only screen and (min-width:480px) and (max-width:767px) {
    header, .Header{
        height:90px;
        background-color:#FFF;
    }
    .MNavSScreen{
        display:block !important;
    }
    .nav-qlinks{
        display:none;
    }
    .navbar-default .navbar-toggle {
        border-color: #0595ca;
    }
    .navbar-default .navbar-toggle .icon-bar {
        background-color: #0595ca;
    }
    .navbar-toggle{
        margin-top:28px;
    }
    .navbar-brand img{
        width:90px;
        height:60px;
    }
    .navbar-brand{
        font-size:22pt;
        padding: 15px 5px;
    }
    .navbar-brand span{
        display:inline;
        padding-top:0;
        letter-spacing:1px;
    }
    .navbar-default .navbar-collapse, 
    .navbar-default .navbar-form{
        border:0;
    }
    .navbar-collapse{
        background-color:#FFF;
        -webkit-box-shadow: 0px 3px 3px 0px rgba(50, 50, 50, 0.75);
        -moz-box-shadow:    0px 3px 3px 0px rgba(50, 50, 50, 0.75);
        box-shadow:         0px 3px 3px 0px rgba(50, 50, 50, 0.75);
        -moz-border-radius-bottomright: 10px;
        -webkit-border-bottom-right-radius: 10px;
        border-bottom-right-radius: 10px;
        -moz-border-radius-bottomleft: 10px;
        -webkit-border-bottom-left-radius: 10px;
        border-bottom-left-radius: 10px;
    }
    .nav > li > a {
        padding: 10px 12px;
    }
    .nav-main a {
        margin-top: 0;
    }
    nav li:last-child{
        border-bottom:0 !important;
    }
    .navbar-nav {
        margin: 0.5px -15px;
    }
    .carousel-login {
        height: 720px;
    }
    .carousel-caption h1{
      font-size:28pt;
    }

    .SHorMenu ul li{
        list-style:none;
        float:left;
        width:100%;
        border-bottom:1px rgba(255,255,255,0.6) dotted;
        border-right:0;
    }
    .SHorMenu ul li a{
        font-size:14px;
        padding:10px 25px;
        min-height:35px;
    }
    .SP-Header{
        height:80px;
        text-align:center;
    }
    .FootSponsor{
        text-align:left;
    }
    .SocIcons{
        float:left;
        font-size:14pt;
        margin-top:20px;
    }
    .copyGenNC,
    .copyGen {
        padding: 20px 15px;
    }

    .body-content {
        padding:0 0 550px 0;
    }
    footer, .Footer{
        background-color:#efefef;
        border-top:5px #0395ca solid;
        bottom:0;
        position:absolute;
        height:530px;
        width:100%;
    }
    .circle,
    .infoblock,
    .infoblock h3{
        text-align:center;
    }
    .OPAP-yellow .infoblock, 
    .OPAP-brown .infoblock, 
    .OPAP-green .infoblock, 
    .OPAP-purple .infoblock, 
    .OPAP-blue .infoblock {
         margin-left: -10px; 
        display: block;
    }
    .OPAP-groups{
        margin:20px 0;
    }
     .DAppIcons{
        padding:15px 0;
        font-size:24pt;
    }
    .DAppHead-Prof{
        margin-top:100px !important;
        font-size:16pt;
    }
    .DAppHead{
        margin-top:120px;
        padding:0 25px;
        font-size:16pt;
    }
    .download-app-bar{
        background:transparent url('Images/dl-app-bar-BgTiler767.gif') repeat-x top center;
        margin:0;
        min-height: 300px;
    }
    .download-app-bar img{
        width:200px;
    }
    .copyGenRight .OPAP-purple .circle{
        margin:0 auto;
    }

         .MyPlatform-Left {
        width: 83%;
        margin-right:5px;
    }
    .MPBlock-Admin,
    .MPBlock-Member,
    .MPBlock-Public {
        padding: 10px 10px;
        text-align:center;
        /*float:left;*/
    }
    .MPBlock-Admin i,
    .MPBlock-Member i,
    .MPBlock-Public i{
        text-align:center;
        float:left;
    }
        .MPBlock-Admin span,
        .MPBlock-Member span,
        .MPBlock-Public span {
            font-size: 12pt;
            font-weight: 500;
            padding-top: 10px;
        }
    .MPBlock-Solutions {
        background-color: #0395ca;
        width: 15%;
        height: 196px;
        float: left;
        text-align:center;
        vertical-align:middle;
        margin-left:0;
        padding-top:35px;
    }

}
@media only screen and (max-width:480px) {
    header, .Header{
        height:90px;
        background-color:#FFF;
    }
    .MNavSScreen{
        display:block !important;
    }
    .nav-qlinks{
        display:none;
    }
    .navbar-toggle{
        margin-top:28px;
    }
    .navbar-default .navbar-toggle {
        border-color: #0595ca;
    }
    .navbar-default .navbar-toggle .icon-bar {
        background-color: #0595ca;
    }
    .navbar-brand img{
        width:90px;
        height:60px;
    }
    .navbar-brand{
        font-size:22pt;
        padding: 15px 5px;
    }
    .navbar-brand span{
        display:inline;
        padding-top:0;
        letter-spacing:1px;
    }
    .navbar-default .navbar-collapse, 
    .navbar-default .navbar-form{
        border:0;
    }
    .navbar-collapse{
        background-color:#FFF;
        -webkit-box-shadow: 0px 3px 3px 0px rgba(50, 50, 50, 0.75);
        -moz-box-shadow:    0px 3px 3px 0px rgba(50, 50, 50, 0.75);
        box-shadow:         0px 3px 3px 0px rgba(50, 50, 50, 0.75);
        -moz-border-radius-bottomright: 10px;
        -webkit-border-bottom-right-radius: 10px;
        border-bottom-right-radius: 10px;
        -moz-border-radius-bottomleft: 10px;
        -webkit-border-bottom-left-radius: 10px;
        border-bottom-left-radius: 10px;
    }
    .nav > li > a {
        padding: 10px 12px;
    }
    .nav-main {
        margin-top:20px;
    }
    .nav-main a{
        margin-top:0;
    }
    nav li:last-child{
        border-bottom:0 !important;
    }
    .navbar-nav {
        margin: 0.5px -15px;
    }
    .carousel-login {
        height: 560px;
    }

    .carousel,
    .carousel .item,
    .carousel-inner > .item > img {
      height: 240px;
    }
    .carousel-caption img{
        display:none;
    }
    .carousel-caption h1{
      font-size:20pt;
    }

    .carH1B{
        padding-bottom:10px; 
    }
    .login {
        background-color: #1691c8;
        min-height: 320px;
        padding:30px 30px;
        margin-left:-15px;
        margin-right:-15px
    }
    .OPAP-infoblocks {
        background-color: #FFF;
        min-height: 400px;
        padding: 20px 0;
    }

    .SHorMenu ul li{
        list-style:none;
        float:left;
        width:100%;
        border-bottom:1px rgba(255,255,255,0.6) dotted;
        border-right:0;
    }
    .SHorMenu ul li a{
        font-size:14px;
        padding:10px 25px;
        min-height:35px;
    }
    .SP-Header{
        height:80px;
        text-align:center;
    }
    .FootSponsor{
        text-align:left;
    }
    .SocIcons{
        float:left;
        font-size:14pt;
        margin-top:5px;
    }
    .copyGenNC,
    .copyGen {
        padding: 20px 0;
    }
    .copyGenNC p{
        text-align:left;
    } 
    .copyGenRight{
        padding:0;
    }

    .body-content {
        padding:0 0 600px 0;
    }
    footer, .Footer{
        background-color:#efefef;
        border-top:5px #0395ca solid;
        bottom:0;
        position:absolute;
        height:580px;
        width:100%;
    }
    .circle,
    .infoblock,
    .infoblock h3{
        text-align:center;
    }
    .OPAP-groups {
        margin: 20px 0;
    }
    .infoblock{
        margin:0 !important;
        padding-right:0;
        padding-left:0;
    }
    .row{
        margin-left:0;
        margin-right:0;
    }
    .icon-circle-Big {
       width:120px;
       height:120px;
       font-size:44pt;
       margin:10px 0 10px 10px;
    }
    .FooterSetup {
        color: #0395ca;
        padding: 30px 0 0 0;
    }

    .download-app-bar{
        background:transparent url('Images/dl-app-bar-BgTiler767.gif') repeat-x bottom center;
        margin:30px 0;
        min-height: 300px;
    }

    .download-app-bar img{
        width:250px;
        margin-right:0;
        text-align:center;
        margin:0 auto;
    }
    .DAppHead-Prof{
        margin-top:40px !important;
        font-size:16pt;
        padding:10px;
    }
     .DAppIcons{
        padding:15px 0;
        font-size:20pt;
    }
     .DAppHead{
        margin-top:0;
        padding:27px 7px;
        font-size:14pt;
        text-align:center;
    }
    .DAppImg{
        float:none;
    }

    .table-pricing thead tr th{
        display:none;
    }
    .table-pricing table, 
    .table-pricing thead, 
    .table-pricing tbody, 
    .table-pricing th, 
    .table-pricing td, 
    .table-pricing tr { 
		display: block; 
	}

    .table-pricing td {
      display: block;
      text-align: left;
      font-size: 13px;
    }

    .table-pricing td:last-child {
      border-bottom: 0;
    }
    .table-pricing td, 
    .table-pricing-check{
        min-height:35px;
    }
    .table-pricing td:before {
      content: attr(data-label);
      float: left;
      width:40%;
      text-transform: uppercase;
      font-weight:normal;
      padding-right:20px;
      text-align:left;
      border-right:1px #CCC solid;
    }
    .QLinksSPages{
        min-width:100%;
        margin:5px 0 20px 0;
    }
    .copyGenRight .OPAP-purple .circle{
        margin:0 auto;
    }
         .MyPlatform-Left {
        width: 83%;
        margin-right:5px;
    }
    .MPBlock-Admin,
    .MPBlock-Member,
    .MPBlock-Public {
        padding: 10px 10px;
        text-align:center;
        /*float:left;*/
    }
    .MPBlock-Admin i,
    .MPBlock-Member i,
    .MPBlock-Public i{
        text-align:center;
        float:left;
    }
        .MPBlock-Admin span,
        .MPBlock-Member span,
        .MPBlock-Public span {
            font-size: 12pt;
            font-weight: 500;
            padding-top: 10px;
        }
    .MPBlock-Solutions {
        background-color: #0395ca;
        width: 15%;
        height: 196px;
        float: left;
        text-align:center;
        vertical-align:middle;
        margin-left:0;
        padding-top:35px;
    }



}


.BButtonBar{
    background-color:#fafafa;
    border-top:2px #e1e1e1 solid;
    padding:10px 15px;
}
.BButtonBar::after{
    clear:both;
    content:"";
    display:block;
}
.BButtonBar .BButtLeftPanel .btn,
.BButtonBar .BButtRightPanel .btn{
    background-color:#4b998b;
    border:1px #4b998b solid;
    border-bottom:#1e806e 3px solid;
    color:#FFF;
    margin-left:2px;
}
.BButtonBar .BButtLeftPanel .btn:hover,
.BButtonBar .BButtRightPanel .btn:hover{
    background-color:#1e806e;
    border:1px #1e806e solid;
    border-bottom:#266156 3px solid;
    color:#FFF
}
.BButtonBar .BButtLeftOptom .btn,
.BButtonBar .BButtRightOptom .btn{
    background-color:#874a92;
    border:1px #874a92 solid;
    border-bottom:#6e3379 3px solid !important;
    color:#FFF;
    margin-left:2px;
}
.BButtonBar .BButtLeftOptom .btn:hover,
.BButtonBar .BButtRightOptom .btn:hover{
    background-color:#693075;
    border:1px #693075 solid;
    border-bottom:#552260 3px solid !important;
    color:#FFF !important
}
.BtnGreen{
    background-color:#4b998b;
    border:1px #4b998b solid;
    border-bottom:#1e806e 3px solid !important;
    color:#FFF;
}
.BtnGreen:hover{
    background-color:#1e806e;
    border:1px #1e806e solid;
    border-bottom:#266156 3px solid !important;
    color:#FFF !important
}
.BtnPurp{
    background-color:#874a92;
    border:1px #874a92 solid;
    border-bottom:#6e3379 3px solid !important;
    color:#FFF;
}
.BtnPurp:hover{
    background-color:#693075;
    border:1px #693075 solid;
    border-bottom:#552260 3px solid !important;
    color:#FFF !important
}
.BtnPurp i,
.BtnGreen i{
    padding-right:10px;
}
.BtnRed {
    background-color: #f04e4e;
    border:1px #f04e4e solid;
    border-bottom:#e21818 3px solid !important;
    color:#FFF;
}
.BtnRed:hover {
    background-color: #e21818;
    border:1px #e21818 solid;
    border-bottom:#c80202 3px solid !important;
    color:#FFF !important;
}

.BtnYellow{
   background-color: #f0ad4e;
    border:1px #f0ad4e solid;
    border-bottom:#e27518 3px solid !important;
    color:#FFF;
}
.BtnYellow:hover{
    background-color: #e27518;
    border:1px #e27518 solid;
    border-bottom:#cd4306 3px solid !important;
    color:#FFF !important;
}


.btnEditWidth{
    width:70px;
}
.btnDeleteWidth{
    width:87px;
}
.btnAddPanWidth{
    width:127px;
}
.btnCreateBulkWidth{
    width:153px;
}
.btnBuildReportWidth{
    width:124px;
}
.btnPreProWidth{
    width:179px;
}
.SecDBoard{
    background-color:rgba(140,140,140,0.2);
    margin-top:10px;
    min-height:100px;
    padding:30px 0 20px 0;
}

DBlock-Yellow a,
.DBlock-Purple a,
.DBlock-Red a,
.DBlock-Orange a{
    min-height:110px;
    padding:20px 10px 20px 20px;
    color:#FFF;
    display:block;
    margin-bottom:15px;
}
.DBlock-Yellow a:hover,
.DBlock-Purple a:hover,
.DBlock-Red a:hover,
.DBlock-Orange a:hover,
.DBlock-Yellow a:focus,
.DBlock-Purple a:focus,
.DBlock-Red a:focus,
.DBlock-Orange a:focus{
    background-color:rgba(0,0,0,0.2);
    color:#FFF;
}

.DBlock-Yellow h4,
.DBlock-Purple h4,
.DBlock-Red h4,
.DBlock-Orange h4{
    font-family: 'Questrial', Arial, sans-serif,  !important;
    font-weight:normal !important;
    margin:0;
    padding:0;
    font-size:18pt;
    padding-bottom:5px;
}

.DBlock-Yellow{
    background-color:#f8a23c;
}
.DBlock-Purple{
    background-color:#8d3295;
}
.DBlock-Red{
    background-color:#d0244f;
}
.DBlock-Orange{
    background-color:#ef4f44;
}
.DBlockHead{
    float:left;
}
.DBlockNumber{
    float:right;
    font-weight:bold;
    width:25%;
    height:70px;
    text-align:center;
    font-size:28pt;
    font-family: 'Questrial', Arial, sans-serif,  !important;
    border-left:1px #FFF solid;
}

.myModal{
    position:fixed;
    left:0;
    right:0;
    top:0;
    bottom:0;
    margin:auto;
    display:table;
}

    .myModal  > modal-content{
        display:table-cell !important;
    }