/*:::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: Tabs ::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::*/

.tab {
 background: linear-gradient(to bottom, #999999 0%, #737373 90%);
 /*border: 1px solid #ccc;*/
}

.tab button {
	/*background: linear-gradient(to bottom, #777777 0%, #444444 100%);*/
  background-color:#00b9ff;
  color: black;
}
.tab button:hover {
    background: white;
	color: black;
}

.tab button.active {
 background: white;
color: black;
}

.tabError {
	background: rgba(255, 0, 0, 0.63) !important;
	color: white !important;
}

.tabcontent {
    border-bottom: 1px solid #ccc;
    border-right: 1px solid #ccc;
    border-left: 1px solid #ccc;
}
/*::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: end Tabs ::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::*/

/*::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: Section Tabs ::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::*/
.section-tab {
    background-color: #fff;
    color: black;
    cursor: pointer;
    padding: 18px;
    border:none;
    width: 100%;
    text-align: center;
    outline: none;
    font-size: 15px;
}

.section-tab div{
    border-bottom: 1px solid black;
}

/*.section-tab active, .section-tab div:hover {*/
    /*background-color: #555;*/
/*}*/

.section-tab-content {
   /*// padding: 0 18px;*/
    display: none;
    overflow: hidden;
    background-color: #f1f1f1;
}
/*::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: End Section Tabs ::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::*/
/*:::::::::::::::::::::::::::::::::::::::::::::::::::::: Tabs :::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::*/

.tab {
			border:none;
			overflow: hidden;
			border:none;
			padding-top: 0.4em;
            /*text-align:left;*/
            word-wrap: normal;
		}

		/* Style the buttons inside the tab */
		.tab button {
			border-top-left-radius: 0.4em;
			border-top-right-radius: 0.4em;
			border: none;
			float: left !important;
			outline: none;
			cursor: pointer;
			padding: 0.300em 0.7em;
			margin-left:0.4em;
			transition: 0.3s;
		}

		/* Change background color of buttons on hover */
		.tab button:hover {
			 border: none;
		}

		/* Create an active/current tablink class */
		.tab button.active {
			 border: none;
		}

		/* Style the tab content */
		.tabcontent {
			display: none;
			padding: 6px 12px;
			border-top: none;
		}

  .tab-content-align{
   width: 80%;
   text-align: right;

  }
/*:::::::::::::::::::::::::::::::::::::::::::::::::::::: end Tabs :::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::*/
