a {
    font-family: "Rubik",sans-serif;
    font-weight: 500;
}

a:hover,
a:focus {
   /* color: #000 !important;*/
}

.user-profile .dropdown-menu{
    border-radius:0;
}

.fail-progress{
color:#f62d51;
font-weight:600;
}

.open-progress{
 color:#007bff;
 font-weight:600;
}

.completed-progress{
color:#28a745;
font-weight:600;
}

.in-progress{
color:#007bff;
font-weight:600;
}

.media-body h3{
font-size:1.1rem;
}

.media-body h3 a{

}

.media ul{
list-style-type:none;
margin-bottom: 0;
padding-left: 0;
}

.media ul li{
 display:inline;
 padding: 0 8px 0 0;
}

.media ul li label{
width:auto;
display: inline-block;
font-weight:500;
}

.time-spent{
text-align:right;
}

.time-spent h3{
color:#ef7622;
font-weight:600;
margin-bottom:0px;
}


.score-exam{
/* min-height:190px;*/
}

.score-exam p{
    margin-bottom:5px;
}

.score-exam h1{
    margin-bottom:0;
}

.score-exam .btn{
    padding:12px;
}

.alert .close{
    color:#fff;
    opacity:1;
    font-size:2rem;
}

.alert{
    padding:0;
    border-radius:0;
}

.alert-success{
    background-color:#65A300;
    border:0;
    color:#fff;
    padding:15px;
}

.alert-success h3{
    color:#fff;
}

/*.text-success{
    color:#fff !important;
}*/

.alert-warning{
   background-color:#ef7622;
   border:0;
   color:#fff !important;
   padding:15px; 
}

.alert-warning h3{
    color:#fff;
}

.text-warning{
  color:#fff !important;   
}

.test-answers ol{
    margin-bottom:0;
    font-size:14px;
    padding-left:15px; 
}

.test-answers h3{
    font-size:1.1rem;
    font-weight:500;
}

.test-answers li{
    margin:10px 0;
}

.test-answers .text-danger{
    font-weight:500;
}

.test-answers .text-success{
    font-weight:500;
}

.my-task-pdf .btn{
    color:#fff;
    text-decoration:none;
}

.brd-redius{
    border-radius:8px !important;
}

.btn-delta-green,
.btn-delta-green.disabled {
    background: #ef7622;
    border: 1px solid #ef7622;
    color: #fff !important;
    padding:0.6rem 0.9em !important;
    font-size: 1.1em;
    -webkit-appearance: none !important;
    border-radius: 30px;
    font-weight:500;
}

.btn-delta-green:hover,
.btn-delta-green.disabled:hover {
    background: #ef7622;
    opacity: 0.7;
    border: 1px solid #ef7622;
}

.btn-delta-green.active,
.btn-delta-green:focus,
.btn-delta-green.disabled.active,
.btn-delta-green.disabled:focus {
    background: rgba(0, 0, 0, 0.9);
    border:0;
}


.btn-delta-green-dark, 
.btn-delta-green-dark.disabled {
    background: #2a8e8e;
    border: 1px solid #2a8e8e;
    border-radius:35px;
    color: #fff;
    padding: .75em 1em !important;
    font-size: 1.1em;
}


.btn-delta,
.btn-delta.disabled {
    background: #333;
    border: 1px solid #333;
    color: #fff !important;
    padding:0.5em 0.8em !important;
    font-size: 1em;
    -webkit-appearance: none !important;
    border-radius:0px;
}

.btn-delta:hover,
.btn-delta.disabled:hover {
    background: #ef7622;
    opacity: 0.7;
    border: 1px solid #ef7622;

}

.btn-delta.active,
.btn-delta:focus,
.btn-delta.disabled.active,
.btn-delta.disabled:focus {
    background: rgba(239, 118, 34, 1);   
    border:0;
}


input {
    border: none !important;
    border: 1px solid #cccccc !important;
    border-radius: 0 !important;
    box-shadow: none;
    float: none;
    text-align: center;
    font-family: "Rubik",sans-serif;
}


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


.btn-delta-sucess,
.btn-delta-sucess.disabled {
    background: #ef7622;
    border: 1px solid #ef7622;
    color: #fff !important;
    padding:0.5em 1em !important;
    font-size: 1.05em;
    -webkit-appearance: none !important;
    border-radius:4px;
}

.btn-delta-sucess:hover,
.btn-delta-sucess.disabled:hover {
    background: #333;
    opacity: 0.7;
    border: 1px solid #333;

}

.btn-delta-sucess.active,
.btn-delta-sucess:focus,
.btn-delta-sucess.disabled.active,
.btn-delta-sucess.disabled:focus {
    background: rgba(55, 55, 55, 1);   
    border:0;
}


.btn-delta-drk,
.btn-delta-sucess.disabled {
    background: #333;
    border: 1px solid #333;
    color: #fff !important;
    padding:0.5em 1em !important;
    font-size: 1.05em;
    -webkit-appearance: none !important;
    border-radius:4px;
}

.btn-delta-drk:hover,
.btn-delta-drk.disabled:hover {
    background: #333;
    opacity: 0.7;
    border: 1px solid #333;

}

.btn-delta-drk.active,
.btn-delta-drk:focus,
.btn-delta-drk.disabled.active,
.btn-delta-drk.disabled:focus {
    background: rgba(55, 55, 55, 1);   
    border:0;
}



.card{
    border-radius:0;
}

.card-block {
     padding: 2rem;
/*  padding: 3em 4.5em;
    text-align: center; */
}

.card-block img{  
    /*max-width:40%;*/
    margin-bottom:8%;
}

.login-box img{
    max-width:35%;
}

.text-delta {
    color: #ef7622;
}

.card-no-border .left-sidebar, 
.card-no-border .sidebar-nav, .topbar {
    /*background: #1a1a1a !important;*/
}

.left-sidebar { 
    width: 280px;
    height: 100%;
    top: 0px;
    z-index: 20;
    padding: 5em 0; 
}

.dashboard-logo {
    width: 60% !important;
    margin: 0 auto;
}

.user-profile .profile-img {
    width: 60%;
    margin: 0 auto;
    border-radius: 100%;
    margin-top: 1em;
    margin-bottom: 1em;
}

.user-profile .profile-img img {
    width: 80%;
    border-radius: 100%;
}

.user-profile .profile-text {
    padding: 0 0 1em;
    position: relative;
}

.user-profile .profile-text a {
    font-size: 1em;
    font-family: "Rubik",sans-serif;
}

.user-profile .profile-text a:hover,
.user-profile .profile-text a:active{
    background:#0a0a0a;
}

.sidebar-nav > ul > li > a {
    border: none !important;
}

.sidebar-nav > ul > li > a i ,.sidebar-nav > ul > li > a > span {
    color: #b6b6b7  !important;
    vertical-align: sub;
}
 

.sidebar-nav ul li.active > a {
    list-style: none;
    border-left: 3px solid #ef7622;
}

.sidebar-nav ul li.active > a > span{
    color: #fff !important;
    vertical-align: sub;
}

.sidebar-nav ul li.active > a i {
    color: #ef7622 !important;
}

.sidebar-nav ul li a { 
    padding: .5em 2em;
    display: block;
    font-size: 1em;
    white-space: nowrap;
    font-family: "Rubik",sans-serif;
    margin-bottom: 1em;
}

.sidebar-nav ul li a:hover, .sidebar-nav ul li a:focus { 
    list-style: none;
    border-left: 3px solid #ef7622 !important;
}

.sidebar-nav ul li a:hover> span, .sidebar-nav ul li a:focus> span  {
    color: #fff !important;
}
 
.sidebar-nav ul li a:hover> i, .sidebar-nav ul li a:focus> i  {
    color: #ef7622 !important;
}

.card-no-border .sidebar-nav>ul>li>a.active {
    background: transparent;
    border-left: 3px solid #ef7622 !important;
}

.page-header{
    color: #b6b6b7;
   font-family: "Rubik",sans-serif;
}

.card-block-panel {
    padding: 3em 2em;
    text-align: center;
}

.card-block-panel img{  
    max-width: 100%;
    margin-right: 1em;
}

.card-block-panel i{   
    color: #ef7622;
    border-radius: 50px;
    font-size: 2em;
    position: absolute;
    z-index: 999;
    bottom: 25%;
    left: 22%;
}

.card-block-panel.test i{
    left: 8%;
}

.login-box {
    width: 30%;
    margin: 0 auto;
    padding:0rem;
    text-align: center;
}

.login-register {
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
    width: 100%;
    padding:8% 0 0;
}

.login-box.card h3 {
    line-height: 25px;
    font-size: 1.8em;
    font-family: "Rubik",sans-serif;
    font-weight: 600;
    color: #ef7622;
}

.login-box.card p {
    margin:0.5em 0;
    font-size:13px;
}

.register{
    width:35%;
    margin: 0 auto;
    padding: 2rem;
    text-align: center;
}

.login-register img{
    max-width:180px;
}

.img-100 {
    width: 100% !important;
}

.card-block-panel h3 {
    font-family: "Rubik",sans-serif;
    font-size: 1.2em;
    color: #4a4a4a;
}

.card-block-panel h6 {
    font-family: "Rubik",sans-serif;
    font-size: .9em;
    color: #b6b6b7;
    text-transform: uppercase;
}

.card-block-panel h1.facebook {
    font-family: "Rubik",sans-serif;
    color: #3b5998 ;
    text-transform: uppercase;
    font-weight: 700;
    line-height: 1;
    margin: .5em 0;
}

.card-block-panel h1.twitter {
    font-family: "Rubik",sans-serif;
    color: #00aced ;
    text-transform: uppercase;
    font-weight: 700;
    line-height: 1;
    margin: .5em 0;
}

.card-block-panel h1.instagram {
    font-family: "Rubik",sans-serif;
    color: #bc2a8d ;
    text-transform: uppercase;
    font-weight: 700;
    line-height: 1;
    margin: .5em 0;
}

.social [class*="fa fa-"] {
    background-color: #ef7622;
    border-radius: 30px;
    color: #fff;
    display: inline-block;
    height: 2em;
    line-height: 2em;
    margin: auto 0;
    width: 2em;
    font-size: 1.2em;
    text-align: center;
}


.card-campaign {
    border-radius: 0 !important;
}

.card-campaign img{  
    max-width: 100%;
    margin-right: 1em;
    min-height: 15em;
    max-height: 15em;
}

.card-block-campaign {
    padding: 2em;
    text-align: center;
}

.card-block-campaign  .card-title {
    margin-bottom: .75rem;
    color: #4a4a4a;
    font-family: "Rubik",sans-serif;
    font-size: 1.4em;
    font-weight: 400;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.social-gray [class*="fa fa-"] {
    background-color: #b6b6b7;
    border-radius: 30px;
    color: #fff;
    display: inline-block;
    height: 2em;
    line-height: 2em;
    margin: auto 0;
    width: 2em;
    font-size: 1.2em;
    text-align: center;
}

.card-no-border .sidebar-nav>ul>li>a.active {
    background: transparent !important;
}

.bg-transparent {
    background: transparent !important;
}

.border-none { 
    border: none !important;
}

.card-block-tabs {
    padding: 1em 0;
    text-align: left;
    background-color: transparent;
}

.nav-pills .nav-item.show .nav-link, .nav-pills .nav-link {
  font-family: "Rubik",sans-serif;
    padding: 0.5em 2em;
}
 
.nav-pills .nav-item.show .nav-link, .nav-pills .nav-link.active {
    color: #fff !important;
    cursor: default;
    background-color: #ef7622;
    border-radius: 30px;
}

.tab-content>.active {
    display: block;
    margin-top: 1em;
    padding: 1em 0;
}

.btn-campaigns {
    background-color: transparent;
    border-color: transparent; 
    color: #b6b6b7 !important; 
    margin-top: 1em;
    padding: 1em
}

.btn-campaigns:hover, .btn-campaigns:focus {
    background-color: #ef7622;
    border-color: transparent;
    border-radius: 50px !important;
    color: #fff !important; 
    margin-top: 1em;
    padding: 1em
}

.social-media-width {
    width: 90% !important;
    margin: 0 auto;
    margin-top: 1.5em;
}

.card-block-panel.socialmedia i {
    left: 8%;
}

.card-block-panel h1.green {
    font-family: "Rubik",sans-serif;
    color: #64E285;
    text-transform: uppercase;
    font-weight: 500;
    line-height: 1;
    margin: .5em 0;
}

.btn-delta-green-unlink {
    background: #ef7622;
    border: 1px solid #ef7622;
    border-radius: 35px;
    color: #fff !important;
    padding: .5em 3em !important;
    font-size: 1.1em;
    margin-top: 1em;
    font-weight: 400;
    font-family: "Rubik",sans-serif;
}

.btn-delta-green-unlink:hover, 
.btn-delta-green-unlink:focus {
    background-color: transparent;
    border-color: transparent; 
    color: #b6b6b7 !important; 
    border: 1px solid #b6b6b7 !important; 
    border-radius: 35px; 
    padding: .5em 3em !important;
    font-size: 1.1em;
    margin-top: 1em;
    font-weight: 400;
    font-family: "Rubik",sans-serif;
}

.btn-delta-green-link {
    background-color: transparent;
    border-color: transparent; 
    color: #b6b6b7 !important; 
    border-radius: 35px; 
    padding: .5em 3em !important;
    font-size: 1.1em;
    margin-top: 1em;
    font-weight: 400;
    font-family: "Rubik",sans-serif;
}

.btn-delta-green-link:hover, 
.btn-delta-green-link:focus {
    background: #ef7622;
    border: 1px solid #ef7622;
    border-radius: 35px;
    color: #fff !important;
    padding: .5em 3em !important;
    font-size: 1.1em;
    margin-top: 1em;
    font-weight: 400;
    font-family: "Rubik",sans-serif;
}


.social-media-width h1 {
    line-height: 1;
    font-size: 1.8em;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.social-media-width span {
    font-size: .75em;
    display: block;
}

.wallet-history {
    color: #000 !important;
    font-size: 1.1em !important;
    margin-top: 1em;
}

.page-item {
    border-right: 1px solid #B6B6B7;
} 

.page-item:last-child {
    border-right: none !important;
}

.page-link { 
    color: #0275d8 !important;
    border: 1px solid transparent !important;
    background: transparent  !important;
}

.page-item:first-child .page-link {
    margin-left: 0;
    border-radius: 0;
}


.page-link.active {
    color: #ef7622 !important;
}

.pagination>li>a, 
.pagination>li>span {
    color: #B6B6B7 !important;
    font-family: "Rubik",sans-serif;
    font-size: 1.0.5em;
    padding: 0 1em;
}

.pagination{
    float:right;
}

.pagination>li>a:hover,
.pagination>li>span:hover,
.pagination>li>a:focus,
.pagination>li>span:focus {
    color: #ef7622 !important;
}

.card-block-panel-profile {
    padding: 3em; 
}


.card-block-panel-profile h5 {
    font-family: "Rubik",sans-serif;
    font-size: 1.2em;
    color: #b6b6b7;
    text-align: left;
    font-weight: 400;
}

label {
    color: #333;
    width: 100%;
    display: block;
}

.label-profile {
    width: 100%;
    border: 1px solid #e4e4e4;
    border-radius: 35px;
    padding: 1em;
    margin-bottom: 1.5em;
    color: #5e5a5a;
    text-align: center;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

select.form-control:not([size]):not([multiple]) {
    height: auto;
    border-radius:0;
}

.btn-delta-green-joincampaign {
    background: #ef7622;
    border: 1px solid #ef7622;
    border-radius: 35px;
    color: #fff !important; 
    font-size: 1.1em; 
    font-weight: 400;
    font-family: "Rubik",sans-serif;
    padding: .75em 1em;

}

.btn-delta-green-joincampaign:hover, 
.btn-delta-green-joincampaign:focus {
    background-color: transparent;
    border-color: transparent; 
    color: #b6b6b7 !important; 
    border: 1px solid #b6b6b7 !important; 
    border-radius: 35px;  
    font-size: 1.1em; 
    font-weight: 400;
    font-family: "Rubik",sans-serif;
    padding: .75em 1em;
}

.campaign-details-img {
    border-radius: 10px;
    height: 50%;
    padding: 20%;
    background-repeat: no-repeat;
    width: 100%;
    background-size: cover;
    margin-bottom: 3em;
}

.card-block-gray {
    background: #F2F7F8 !important;
}

.card-title {
    margin-bottom: 0.10em;
    margin-top: .3em;
    font-size: 1.2em;
    font-family: "Rubik",sans-serif;
    text-align:left;
}

.brand-img-details {
    max-width: 80% !important;
    margin-bottom: 1em !important;
}

.btn-facebook {
    color: #fff !important;
    background-color: #3b5998; 
}


.btn-twitter {
    color: #fff !important;
    background-color: #55acee; 
}

.btn-instagram {
    color: #fff !important;
    background-color: #3f729b; 
}

.btn-facebook ,
.btn-twitter  ,
.btn-instagram  {
    padding: 1em 2em;
    font-size: 1em;
    margin-right: 2em;
}

.btn-facebook:hover ,
.btn-twitter:hover  ,
.btn-instagram:hover  {
 opacity: .8;
 color: #fff !important;
}

.btn-facebook i,
.btn-twitter  i,
.btn-instagram i {
    margin-right: 1em !important;
}

.btn-block+.btn-block {
    margin-top: 0;
}


.btn-delta-green-exitcampaign {
    background: #e32121;
    border: 1px solid #e32121;
    border-radius: 35px;
    color: #fff !important; 
    font-size: 1.1em; 
    font-weight: 400;
    font-family: "Rubik",sans-serif;
    padding: .75em 1em;

}

.btn-delta-green-exitcampaign:hover, 
.btn-delta-green-exitcampaign:focus {
    background-color: transparent;
    border-color: transparent; 
    color: #e32121 !important; 
    border: 1px solid #e32121 !important; 
    border-radius: 35px;  
    font-size: 1.1em; 
    font-weight: 400;
    font-family: "Rubik",sans-serif;
    padding: .75em 1em;
}

.registration-form h6 {
    font-family: "Rubik",sans-serif;
    font-size: 1.2em;
    color: #ef7622;
    text-transform: uppercase;
    font-weight:500;
    margin-top: 1em;
    margin-bottom:3em;
    text-align: center;
    line-height:1.3;
}

.registration-form{
    text-align: left;
}

.registration-form input{
    border: none !important;
    border: 1px solid #cccccc !important;
    border-radius: 0 !important;
    box-shadow: none;
    float: none;
    text-align: left;
    font-family: "Rubik",sans-serif;
}

.registration-form select{
    border-radius:0;
    font-family: "Rubik",sans-serif;
}

.btn-next {
    background: #ef7622;
    border: 1px solid #ef7622;
    border-radius: 35px;
    color: #fff !important;
    padding: 0.5em !important;
    font-size: 1.2em;
    -webkit-appearance: none !important;
    margin: 0 auto;
    width: 45%; 
    margin: 0 auto;
    text-align: center;
}

.btn-next:hover, 
.btn-next:focus {
    opacity: .7;
    text-decoration: none;    
    transition: 0.2s ease all;
    -moz-transition: 0.2s ease all;
    -webkit-transition: 0.2s ease all;
    outline: 0;
}

.btn-previous { 
    background: #0a0a0a;
    border: 1px solid #0a0a0a;
    border-radius: 35px;
    color: #fff !important;
    padding: 0.5em !important;
    font-size: 1.2em;
    -webkit-appearance: none !important; 
    width: 45%; 
    margin: 0 auto;
    text-align: center;
}

.btn-previous:hover, 
.btn-previous:focus {
    opacity: .7;
    text-decoration: none;    
    transition: 0.2s ease all;
    -moz-transition: 0.2s ease all;
    -webkit-transition: 0.2s ease all;
    outline: 0;
} 


.btn-next-cc {
    background: #ef7622;
    border: 1px solid #ef7622;
    border-radius: 35px;
    color: #fff !important;
    padding: 0.5em !important;
    font-size: 1.2em;
    -webkit-appearance: none !important;
    margin: 0 auto;
    width: 25%;
    text-align: center;
}

.btn-next-cc:hover, 
.btn-next-cc:focus {
    opacity: .7;
    text-decoration: none;    
    transition: 0.2s ease all;
    -moz-transition: 0.2s ease all;
    -webkit-transition: 0.2s ease all;
    outline: 0;
}

.btn-previous-cc { 
    background: #2a8e8e;
    border: 1px solid #2a8e8e;
    border-radius: 35px;
    color: #fff !important;
    padding: 0.5em !important;
    font-size: 1.2em;
    -webkit-appearance: none !important; 
    width: 25%;
    margin: 0 auto;
    text-align: center;
}

.btn-previous-cc:hover, 
.btn-previous-cc:focus {
    opacity: .7;
    text-decoration: none;    
    transition: 0.2s ease all;
    -moz-transition: 0.2s ease all;
    -webkit-transition: 0.2s ease all;
    outline: 0;
} 

.registration-form .btn-facebook, 
.registration-form .btn-instagram, 
.registration-form .btn-twitter {
    width: 100%;
    display: inline-block;
    margin: 4% 0;
    padding: 1em;
}

.pdf-width{
    width:100%;
    height:100%;
    min-height:650px;  
}

.modal-dialog{
    width:60%;
    max-width:80%;
    margin-top:5%;
}

#video-modal .modal-content {
    height: 100%;
    min-height: 100%;
    height: auto;
    border-radius: 0;
}

#video-modal .modal-dialog {
    height:auto;
    padding: 0;
    margin: auto;
   /*max-width:1000px;*/
    width:80%;
   /*max-height:90%;*/
    max-height: auto;
    margin-top: 30px;
}

#the-canvas {
    width: 100% !important;
    height: auto !important;
}

.signle-course .label-info{
    background:transparent;
    color:rgba(101,164,228,0.5);
}

#video-modal .modal-content{
    border-radius:0
}

#responsive-modal .modal-body{
padding:0; 
}

#responsive-modal .modal-content{
    border-radius:0;
}

#responsive-modal .modal-header{
padding:10px 15px;
border: 0;
}

#responsive-modal .modal-footer{
padding:10px 15px;
border: 0;
text-align: center;
display:inline-block; 
}

#responsive-modal button.close {
    padding: 0;
    cursor: pointer;
    background:#000;
    border-radius:50%;
    border: 0;
    -webkit-appearance: none;
    position: absolute;
    right: -20px;
    top: -20px;
    width:35px;
    height:35px;
    opacity: 1;
    color:#fff; 
}


#changepassword button.close{
    padding: 0;
    cursor: pointer;
    background:#000;
    border-radius:50%;
    border: 0;
    -webkit-appearance: none;
    position: absolute;
    right: -20px;
    top: -20px;
    width:35px;
    height:35px;
    opacity: 1;
    color:#fff; 
}
#changepassword .modal-header{
    background:#f2f2f2;
    text-align: center;
    border-radius:0
}
#changepassword .modal-header h4{
text-align:center;
}

#changepassword .modal-dialog{
    width:55%;
    min-width:300;
    max-width:650;
}

#changepassword .modal-content{
    border-radius:0;
}

#changepassword .modal-footer{
    background:#f2f2f2;
    border-radius:0;
    padding:0;
}

#changepassword .modal-footer button{
    padding:15px !important;
}

#changepassword .modal-body{
    padding:30px;
}

#changepassword input{
text-align: left;
}

.checkbox.tnc {
    padding-left: 0;
    width: 100%;
    display: inline-block;
    color: #54667a;
}

.registration-form span {
    color: #fff;
    font-size: 1em;
    display: block;
    text-align: center;
    background: #ef7622;
    padding: 2% 1%;
    margin-top: 1em;
    font-weight: 500;
    margin-bottom: 3%;
}

.registration-form hr {
    margin-top: 0.25rem;
    margin-bottom: 1rem;
    border: 0;
    border-top: 1px solid rgba(0,0,0,.1);
}

.card-title-h5  {
    margin-bottom: 0;
    margin-top: 1em;
    font-size: 1.2em;
    font-weight: 500;
    font-family: 'Lato', sans-serif;
    line-height: 20px;
}

.interest-list li { 
    margin-bottom: .5em;
} 

.interest-list li >ul {  
    -webkit-column-count: 3;
       -moz-column-count: 3;
            column-count: 3;
} 

.interest-list li >ul>li { 
    margin-bottom: 0em;  
    list-style-position: inside;
} 

.campaign-status-ongoing {
    font-family: "Rubik",sans-serif;
    color: #00aced ;
    text-transform: uppercase;
    font-weight: 700;
    line-height: 1;
    margin: .5em 0;
}

.campaign-status-past {
    font-family: "Rubik",sans-serif; 
    color: #4b4a4a ;
    text-transform: uppercase;
    font-weight: 700;
    line-height: 1;
    margin: .5em 0;
}

.campaign-status-future {
    font-family: "Rubik",sans-serif;
    color: #ef7622 ;
    text-transform: uppercase;
    font-weight: 700;
    line-height: 1;
    margin: .5em 0;
}

[type=checkbox], [type=radio] { 
    margin-right: 1em;
}

.green-highlight-text {
    color: #ef7622;
    font-weight: 600;
}

.link-overflow {
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    text-transform: unset !important;
}

.mailbox .message-center a .mail-contnet h5{
    color:#6f727d;
}

.courses-count{
    padding:2em 0em;
    text-align: center;
}

.courses-count h1{
    color:#ef7622;
    font-size:3.2rem;
}

.courses-count h4{  
    color: #575962;
    font-weight:500;
    font-size:1.1rem;
    margin-top:10px;
    text-transform:uppercase;
    font-family: "Rubik",sans-serif;
}

.dashboard-cources{
    position:relative;
}

.dashboard-cources date{
    font-size:0.9rem;
}

.dashboard-cources h6{
    font-size:1rem;
    margin-top:5px;
    font-weight:300;
    color: #808080;

}

.dashboard-cources span{
    margin-top:0px;
    display:block;
    font-size:0.95rem;  
    min-width:80px;
}

.dashboard-cources small{
    background:#ef494d;
    padding:4px 10px;
    color:#fff;
    border-radius:0px;
    margin:0 5px;
}

#myTable_paginate span{
    display: inline-block;
}

.dashboard-cources h6 a{
    color:#808080;
    font-family: "Rubik",sans-serif;
    font-weight:300;
    line-height:1.5;
}

.dashboard-cources h6 a:hover{
    color:#ef7622;
}

.dashboard-cources .label-warning{
    padding:5px 12px;
    text-align:center;
    min-width:110px;
    border-radius:0;
}

.dashboard-cources .label-info{
    padding: 5px 12px;
    text-align:center;
    min-width:110px;
    border-radius:0;
}

.dashboard-cources .label-success{
    padding:5px 12px;
    text-align:center;
    min-width:110px;
    border-radius:0;
}

.dashboard-cources btn{
     font-weight:400; 
}

.dashboard-cources a{
    border-radius:0;
    font-size:0.95rem;
}

.dashboard-cources .pass{
    color:rgba(134,186,65,1);
}

.dashboard-cources .inprogress{
 color:rgba(101,164,228,1);
}

.dataTables_filter input{
    min-height:35px;
    margin-left:10px;
    margin-bottom:15px;

}

.dataTables_length select{
    min-height:35px;
    margin-bottom:15px;
}

.lable-width{
    display: inline-block;
    min-width: 140px;
    text-align: center;
    font-size: 90%;
    padding:8px 10px; 
    line-height: 18px;
    font-weight:600;
    margin-top:5px;
}

.dataTables_paginate {
 text-align: center;
 float: none;
}

.user-profile .profile-text a i{
    margin-right:8px;
}

.profile-name{
color:#fff !important;
font-size:1.05rem !important;
}

.user-profile{
    margin-bottom:30px;
}

.annoucement{
background:#fff;
/*min-height:440px;*/
height: calc(100% - 2.2rem); 
}

.annoucement h3{
    margin-bottom:0.10em;
}

.annoucement .btn-circle {
    border-radius: 100%;
    width:25px;
    height:25px;
    padding: 3px 8px;;
    font-size:0.9rem;
}

.annoucement .btn-danger, 
.annoucement .btn-danger.disabled{
    background:#222;
    border:1px solid #222;
}

.examinations{
    /*min-height:440px;*/
}

.examinations h6{
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.dashboard-cources a{
color:#808080;
}

.dashboard-cources a:hover{
    color:#ef7622;
}

.mailbox .message-center a 
.mail-contnet .mail-desc{
    color:#808080;
    font-size:1rem;
    font-family: "Rubik",sans-serif;
    font-weight:400;
}

.mailbox .message-center a .mail-contnet .time{
    color:#98a6ad;
    font-size:13px;
    padding-top:5px;
    font-family: "Rubik",sans-serif;
}

.mailbox .message-center a:hover {
    background:rgba(242,247,248,0.4);
}

.mailbox .message-center a .mail-contnet .time i{
    margin-right:5px;
}


.table thead th, .table th{
        font-family: "Rubik",sans-serif;
        font-weight: 600 !important;
}


/*****FAQ*****/

.contact-list a{
    color:#54667a;
}

.contact-list a:hover{
    color:#ef7622;
}

.test-answers .card-title{
    font-size:1rem;
}

.test-answers ol{
    margin:10px 0;
}

.test-answers .label-info{
    background-color:transparent;
}

.minimal-faq{
    margin-top:25px; 
}


.minimal-faq  .card-header a{
    position:relative;;
    display:block;
    width:100%; 
    background:#fff;
    /*border:1px solid #666;*/
    line-height:45px;
    padding:5px 10px 0px 10px ;
    color:#666;
}


.minimal-faq .card-header a:after {
    content: "\f077 ";
    width: 15px;
    height: 15px;
    margin-top: -8px;
    position: absolute;
    top: 50%;
    right: 10px;
    font-family: 'FontAwesome';
    speak: none;
    font-style: normal;
    font-weight:normal;
    font-variant: normal;
    text-transform: none;
    font-size: 15px;
    line-height: 15px;
    text-align: center;
    color: #666;
    -webkit-font-smoothing: antialiased;
}

.minimal-faq .card-block a{
    width:auto;
    display:inline-block;
}

.card-header .collapsed:after {
    font-family: 'FontAwesome';
    content: "\f078 ";
    float: right; 
    color: grey; 
}

.signle-course{
    position:relative;
    min-height:225px;
}

.signle-course p{
    margin-bottom:0;
    font-weight:400;
}

.signle-course a{
    color:#54667a;
    font-family: "Rubik",sans-serif;
    text-decoration:underline;
}

.signle-course .form-group{
    margin-bottom:20px;
}

.signle-course label{
    font-weight: 600;
    color: #717070;
}

.signle-course-task{
     position:relative;
    min-height:225px;
}

.signle-course-task a{
    text-decoration:none;
}

.exam .label-success{
    padding: 5px 12px;
    text-align: center;
    min-width: 110px;
    border-radius: 0;
    margin-top: 10px;
    font-size: 0.95rem;
}

.exam .label-info{
    padding: 5px 12px;
    text-align: center;
    min-width: 110px;
    border-radius: 0;
    margin-top: 10px;
    font-size: 0.95rem;
}

.exam .label-warning{
    padding: 5px 12px;
    text-align: center;
    min-width: 110px;
    border-radius: 0;
    margin-top: 10px;
    font-size: 0.95rem;
}

.signle-course-table .exam{
    position:relative;
}

.signle-course-table .exam a{
    text-decoration:none;
}

.signle-course-table .exam{
    background:#fdfdfd;
}

.signle-course-table .btn a{
    color:#fff;
    font-family: "Rubik",sans-serif;
    text-decoration:none;
    font-size:1rem;
}

.course-status ul{
    margin:0;
    padding:0 0 0 20px;
}

.course-status ul li{
    list-style:none;
    margin-bottom:15px;
}

.course-status ul li i{
    position:absolute;
    left:15px;
    color:#ef7622;
    padding-right:10px;
    padding-top:5px;
}

.course-status .form-group{
    margin-bottom:20px;
}

.view-courses{
    position:relative;
}

.view-courses th,
.view-courses td{
    text-align:left;
}

.course-serach{
    display:inline-block;
    float:right;
    margin-right:0px;
    width:250px;
}

.course-serach .app-search input {
    width: 250px;
    border-radius: 0.25rem !important;
    font-size: 1rem;
    transition: 0.5s ease-in;
}

.course-serach .app-search .srh-btn {
    position: absolute;
    top:10px;
    cursor: pointer;
    background: #fff;
    width: 15px;
    height: 15px;
    right: 10px;
    font-size: 14px;
}
.course-serach .app-search {
    position: relative;
    margin-top: 0px;
    margin-right:10px;
    display: inline-block;
}

.card-outline-inverse h3{
    color:#fff;
}

.card-outline-inverse .card-header{
    padding:0.5rem 1.5rem;
}

.course-status{
    min-height:340px;
}

#assessment-video-modal .modal-dialog{
  min-height:auto;
  margin-top:10%;
}

#assessment-video-modal .modal-content{
  min-height:auto;
}

#assessment-video-modal button.close {
    padding: 0;
    cursor: pointer;
    background: 0 0;
    border: 0;
    -webkit-appearance: none;
    position: absolute;
    right: -10px;
    top: -15px;
    background: #000;
    padding: 5px 10px;
    border-radius: 50%;
    opacity: 1;
    color: #fff;
}

#assessment-video-modal .modal-header{
    padding:0;
    border-bottom:0;
}

.theme-color{
    
}

.theme-color i{
    margin-right:5px;
    font-size:1.25rem;
    color:#095063;
}

.month-search{
    float:right;
    display:inline-block;
    width:auto; 
}

.month-search select{
   width:200px;
   margin:0 0 0 15px;
}

.pages-legend{
    float: left;
}
.pages-legend p{
    margin-bottom: 0;
    font-size:14px;
}

.page-titles .breadcrumb{
    float:right;

}

.list-dashboard-left{
    float: left;
    display:inline-block;
    margin-bottom:20px;
}

.list-dashboard-right{
    float: right;
    display:inline-block;
    margin-bottom:20px;
}

.examinations .table td, 
.examinations .table th{
   padding:0.65rem; 
}

.mailbox .message-center a div{
    text-align:left;
}

.annoucement-mailbox{
    width:100%;
    display:inline-block;
}

.breadcrumb-item{
    font-size:13px;
}

.breadcrumb-item a{
    color:#636c72;
}

.container-fluid {
    padding: 25px 30px
}

.user-dashboard{
    margin-top:0px;
    width: 100%;
    display: block;
    float: left;
}

.user-dashboard strong{
    font-weight:600;
    color:#717070;
}

.user-dashboard h2{
    font-size:1.2rem;
    background:#ef7622;
    padding:8px 2rem;
    margin-bottom:0;
    color:#fff;
}

.user-dashboard h4{
    font-size:1.2rem;
    background:#222;
    padding:1rem 2rem;
    margin-bottom:0; 
    color:#fff;
}

.user-dashboard hr{
    margin-top:0.1em;
}

.user-dashboard input{
    text-align:left;
}

.custom-pds{
    padding:1.5rem !important;
}


/*****File Upload********/


.containers{
  height: 270px;
  position: relative;
  max-width: 320px;
  margin: auto;
}

.containers .imageWrapper {
  border:5px solid #999;
  width: 70%;
  padding-bottom: 70%;
  border-radius: 50%;
  overflow: hidden;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.containers .imageWrapper img {
  height: 105%;
  width: initial;
  max-height: 100%;
  max-width: initial;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.file-upload {
  position: relative;
  overflow: hidden;
  margin: 10px;
}

.file-upload {
  position: relative;
  overflow: hidden;
  margin: 10px;
  width: 100%;
  max-width: 150px;
  text-align: center;
  color: #333;
  font-size: 1em;
  background: transparent;
  border: 2px solid #888;
  padding: .6em 1em;
  display: inline;
  -ms-transition: all 0.2s ease;
  -webkit-transition: all 0.2s ease;
  transition: all 0.2s ease;
}
.file-upload:hover {
  background: #999;
  -webkit-box-shadow: 0px 0px 10px 0px rgba(255, 255, 255, 0.75);
  -moz-box-shadow: 0px 0px 10px 0px rgba(255, 255, 255, 0.75);
  box-shadow: 0px 0px 10px 0px rgba(255, 255, 255, 0.75);
}

.file-upload input.file-input {
  position: absolute;
  top: 0;
  right: 0;
  margin: 0;
  padding: 0;
  font-size: 20px;
  cursor: pointer;
  opacity: 0;
  filter: alpha(opacity=0);
  height: 100%;
}


/*****File Upload Ends****/

.print-section{
    padding:1rem 0;
    width:100%;
    float:left;
/*  background:#fbfcfc;*/
}

.edit-profile small{
  font-size:95%;
}

.view-profile .card-block img{
    margin-bottom:5%;
    border:3px solid #ccc;
}

.view-profile h6{
    line-height:20px;
    font-weight:500;
}

.view-profile small{
    font-size:90%;
    line-height:20px;
    margin-bottom:8px;
}

.view-profile .card{
    height:auto !important;
}



#accordion2 .card{
    box-shadow:none;
}

.no-data{
    text-align:center;
    padding:1rem;
}

.no-data img{
    margin-bottom:10px;
}

.notice{
    min-height:330px;
}

.notice ul{
    padding:0;
    margin:0; 
}

.notice ul li{
    margin-bottom:10px;
    list-style:none;
    font-size:0.9rem;
}

.notice ul li:before{
   content: "\f105";
   font-family: "FontAwesome"; 
   position: absolute;
   left:15px;
   font-size:1.2rem;
}

.notice .card-header{
    padding:0.2rem 1.25rem;
    background:#1a1a1a;
    border-radius:0;
}

.notice h2{
    color:#fff;
}
#video-modal button.close {
    padding: 0;
    cursor: pointer;
    background: 0 0;
    border: 0;
    -webkit-appearance: none;
    position: absolute;
    right: -10px;
    top: -15px;
    background: #000;
    padding: 5px 10px;
    border-radius: 50%;
    opacity: 1;
    color: #fff;
}


#video-modal button.close {
    padding: 0;
    cursor: pointer;
    background: 0 0;
    border: 0;
    -webkit-appearance: none;
    position: absolute;
    right: -10px;
    top: -15px;
    background: #000;
    padding: 5px 10px;
    border-radius: 50%;
    opacity: 1;
    color: #fff;
}

.footer{
   font-size:14px;
}