body {font-family: 'Roboto', sans-serif; font-size: 16px; color: #6a6a6a;}
a {color: #000; text-decoration: none;}
a:hover, a:active {text-decoration: none; color:#999933;}
ul, ol{list-style: none; margin: 0; padding: 0;}

h2 {font-size: 42px; font-weight: 700; color: #333;}
.btn {border-radius:5px; color:#fff; background: #ececec; border:#bdbcbd; padding: 14px 50px;}
.btn:hover  {background: #666; color:#fff;}
.btn-default {background: #999933;}
.btn-primary {background: #b492b2; }
.btn-secondary {background: #cccccc; color:#666;}
.back-btn {border: #bdbcbd 1px solid; color:#666;}

p.large {font-size: 140%;}
.container-fluid {max-width: 1600px;}

/*** Header Content ***/
header {padding: 0px 0;}
header .navbar-brand {width:28%;}
header .nav-item {font-size: 20px; font-weight: 500; padding: 0 20px;}
header .nav-item .nav-link.solid {background: #b492b2; color:#fff; border-radius: 5px; font-size: 15px; padding: 12px 20px;}
header .nav-item a:hover {color:#b492b2;}

/*** Left Sidebar Content ***/
.left-sidebar {min-width: 280px;}
.left-sidebar #accordion {background: #ececec; border:#bdbcbd 1px solid; padding:12px; border-radius:6px;}
.left-sidebar .card {border:0; background: transparent; margin-bottom: 15px;}
.left-sidebar .card-header {border:0; background:#999933; border-radius:5px ;}
.left-sidebar .btn1 {font-size: 18px; display: block; color:#fff;}
.left-sidebar .btn1 i {float:right; font-size: 12px; color: #ff; padding-top: 8px;}
.left-sidebar .card-body {padding: 10px 0;}
.left-sidebar .card-body a {color: #666666; display: block; padding: 8px 4px; border-bottom: #ccc 1px solid;}
.left-sidebar .card-body a:hover {color:#999933;}

.left-sidebar .submenu a {font-size: 18px; display: block; color:#fff; background: #b492b2; margin-bottom: 15px; padding: 8px 15px; border-radius:5px;}
.left-sidebar .submenu a.logout {background: #666;}
.left-sidebar .submenu a.help {background: #fff; color:#333; padding: 30px; font-size: 28px; line-height: 100%; font-weight: 700; border: #bdbcbd 1px solid; margin: 80px 0 30px;}

/*** Homepage Content ***/
.home-content {padding-top: 15px;}
.right-content {padding: 0 0 20px 80px;}
.right-content .my-card {padding: 20px 20px 6px; margin-top: 20px;;}
.right-content .my-card img{background: #d8d8d8; border-radius:6px;}
.right-content .my-card .card-body {padding: 20px 0;}
.right-content .my-card h4 {font-size: 18px;}
.right-content .my-card p {font-size: 13px; color: #666;}

/*** Form Content ***/
.id-form .form-check {box-shadow: 0px 0px 12px 5px #c6c6c6; margin: 20px 0; padding: 0;}
.id-form .form-check label {color: #666666; padding: 20px; display: block; font-size: 20px;}
.id-form .form-check .check {background-color:#ececec; width:30px; height: 30px; float: right; margin-top: 20px; margin-right: 20px;}
.id-form .form-check-input:checked[type="checkbox"] {background-color:#b492b2;}
.id-form .form-check-input:checked[type="radio"] {background-color:#b492b2;}
.id-form label.large {display: block; font-size: 26px; font-weight: 500; color: #666666;}
.id-form textarea {background: #f0f0f0;}
.id-form .upload-file {border:#bdbcbd 1px solid; padding:50px; width: 100%; border-radius:5px; text-align: center;}

/*** Inside page Content ***/
.inside-content {padding-top: 100px;}
.inside-content .container {max-width: 1400px;}
.inside-content .registr-form input,
.inside-content .registr-form input [emal],
.inside-content .registr-form select {min-height: 30px; padding: .8rem 1rem; font-size: 1.15rem; color: #666; background: #f0f0f0; font-weight: 300;}
.inside-content .registr-form .btn-default {padding: 18px 80px; font-size: 28px;}
.inside-content .registr-form .note {font-size: 14px; margin-top: 30px; line-height: 200%;}
.inside-content .registr-form .btn-text {padding: 5px 0; color: #ff0000; background: #fff; font-size: 24px; text-decoration: underline;}
.inside-content .registr-form .btn-text:hover {color:#333;}

/*** Media Content ***/
.media-content {padding: 80px 0 70px; background: #e8e8e8; text-align: center;;}
.media-content img{border: #bdbcbd 1px solid;}

/*** Newsletter Content ***/
.newsletter-content {padding-top: 100px; }
.newsletter-content form input {height: 60px;}
.newsletter-content form .btn {height: 60px; font-size: 22px;}

/*** Footer Content ***/
footer {
  /* padding: 40px 0; 
  margin-top: 50px;  */
  background: #cfcdcd;
}
footer .brand-box {background: #fff; padding:10px; border-radius:6px; max-width: 360px;}
footer .brand-box p {margin: 10px 70px 0; font-size: 16px; color: #666;}
footer h4 {font-size: 20px; padding: 10px 0; border-bottom:#666 1px dashed;}
footer ul li {display: block; padding: 5px 0;}
footer ul a {font-size: 16px; font-weight: 300; color: #666;}

/*****  Error ***/
.error-txt {font-size: 12px; color: #ff0000; padding-top: 5px; padding-left: 5px;}
.error-field {border-color: #ff0000;}

@media only screen and  (max-width: 1200px) {
  .navbar-brand {width:auto;}
  header .nav-item {padding: 0;}
  .right-content {padding: 30px 0;}
}

@media only screen and  (max-width: 768px) {
  h2 {font-size: 32px;}
  .container {padding: 0 20px;}
  .home-content .d-flex {display:block !important;}
  .inside-content {padding-top: 0;}
  .newsletter-content .col,
  .media-content .col {flex: 100%;}
  .newsletter-content form .btn {width: 100%;}
  footer .brand-box {margin-bottom: 30px; max-width: 100%;}
  footer ul {margin: 20px 0;}
}