@font-face 
{
  font-family: 'Spinnaker-Regular';
  src: url('../fonts/Spinnaker-Regular.TTF');
  src: local("?"), url('../fonts/Spinnaker-Regular.woff') format("woff"), url('../fonts/Spinnaker-Regular.TTF') format("truetype"); 
}


html, body{margin:0; padding:0; font-family:Calibri, Arial; color:#555; background:#f9f9f9; font-size:16px; line-height:22px;}



/*--------------------------------- Edit Bootstrap CSS --------------------------------------*/


.navbar-inverse{background-color: #ececec;}
.navbar-brand{height: auto; padding: 15px;}
.navbar-right{text-align:right; padding:0 15px 0 0 !important}
.navbar {min-height: auto; margin-bottom: 0px; border:0;}
.navbar-fixed-top, .navbar-fixed-bottom {position:relative; width: 100%;}
.navBg{float:right;}
.navbar-inverse .navbar-nav > li > a {color: #333; font-family:Spinnaker-Regular; font-size:15px; padding: 8px 10px;}
.navbar-inverse .navbar-collapse, .navbar-inverse .navbar-form {border-color:#f9f9f9; padding:0; margin: 15px 0 0;}
/*.navbar-collapse{padding:0;}*/
.navbar-inverse .navbar-nav > li > a:hover, .navbar-inverse .navbar-nav > li > a:focus {background-color: #ee6f1b;}
.navbar-inverse .navbar-nav > .active > a, .navbar-inverse .navbar-nav > .active > a:hover, .navbar-inverse .navbar-nav > .active > a:focus {background-color: #1b8eb7;}
.navbar-nav {margin: 0;}

/*--------------------------- Start Header collapse --------------------------*/
header {width: 100%; height:auto; position: fixed; top: 0; left: 0; z-index: 999; box-shadow:0 0 5px #333; -webkit-transition: height 0.3s; -moz-transition: height 0.3s; -ms-transition: height 0.3s; -o-transition: height 0.3s; transition: height 0.3s;}
header #logo img{display: inline-block; width:220px; height: 40px; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s;}
header nav {float: right;}
header nav a {line-height: 20px;  -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s;}
header nav a:hover {color: white; }
header.smaller {height: 50px;}
header.smaller #logo img {width: 180px; height: auto;}
header.smaller nav a {line-height: 16px; }
header.smaller nav .navbar-inverse .navbar-collapse, .navbar-inverse .navbar-form {margin: 6px 0 0;}
header.smaller nav .navbar-brand {height: auto; padding: 10px;}
/*--------------------------- End Header collapse --------------------------*/


.LoginBtn{background:#1b7caa; border-radius:5px; margin:0 5px;}
.LoginBtn a{color:#fff !important;}
.LoginBtn a:hover{border-radius:5px;}

.RegisterBtn{background:#ee6f1b; border-radius:5px; margin:0 5px;}
.RegisterBtn a{color:#fff !important;}
.RegisterBtn a:hover{border-radius:5px;}

.container > .navbar-header, .container-fluid > .navbar-header, .container > .navbar-collapse, .container-fluid > .navbar-collapse {margin: 0;}

.navbar-fixed-top, .navbar-fixed-bottom {box-shadow: 0 0 10px #333;}

.btn-primary {color: #fff; background-color: #37a1c7; border-color: #37a1c7; border-radius:0;}
.btn {padding: 6px 25px; font-size: 16px; text-transform:uppercase; border-radius: 0; font-family:Spinnaker-Regular; font-weight:bold; outline:none;}
.btn-primary:hover {color: #fff; background-color: #333; border-color: #333;}
.btn-primary:focus, .btn-primary.focus {color: #fff; background-color: #333; border-color: #333;}

hr {margin-top: 10px; margin-bottom: 10px;}

.navbar-collapse{overflow:hidden;}

.navbar-inverse .navbar-nav > .open > a, .navbar-inverse .navbar-nav > .open > a:hover, .navbar-inverse .navbar-nav > .open > a:focus {background-color: #1b8eb7;}
.dropdown-menu li{border: none !important;}

.UserImg{width:30px; height:30px; display:inline-block; float:left; border:2px solid #ccc; border-radius:50%; overflow:hidden; margin:-5px 5px 0 0;}
.UserImg img{width:100%;height:100%}

.navbar-inverse .navbar-toggle .icon-bar {background-color: #333;}
.navbar-inverse .navbar-toggle:hover .icon-bar {background-color: #fff;}
/*--------------------------------- End Edit Bootstrap CSS --------------------------------------*/



h1{font-family:Spinnaker-Regular;  margin:0 0 20px; font-size:30px; color:#333; padding:10px 0;}
h2{font-size:22px; color:#333; padding:10px 0 0; font-weight:bold;}
h3{font-size:20px; color:#333; padding:10px 0 0; font-weight:normal; text-align:center; font-family:Spinnaker-Regular;}

.cl{clear:both;}


.Slide_wrapper {width: 100%; margin: 70px auto 0;}
.Slide_block {width: 100%;}

@media only screen and (max-device-width: 800px), screen and (max-width: 800px) {
  .Slide_wrapper {width: 100%; margin:120px 0 0;}  
}

.SlideBtn{width:auto; height:auto; text-align:center; margin:-200px 0 0; position:relative; z-index:99;}
.PostBtn{width:auto; height:auto; margin:0 20px 0 0; display:inline-block;}
.PostBtn a{width:auto; height:auto; color:#fff; background:#ee6f1b; padding:15px 30px; border-radius:5px; text-align:center; outline:none; font-size:23px;}
.PostBtn a:hover{opacity:0.8; text-decoration:none;}

.HomeContent{margin:190px 0 0; }
/*.HomeContent{margin:0;}*/
.HomeText{padding:20px 50px;}



.HowitworksBlock{background:#eeeeee; padding:50px 0;}
.HowitworksBlock h1{font-family:Spinnaker-Regular; font-weight:bold; text-transform:uppercase; margin:0 0 10px; font-size:30px; color:#333; text-align:center; border:none;}
.HowitWorkImg{width:100%; text-align: center;}
.HowitWorkImg img{width:100%; text-align:left;}
.HowitWorkMobileImg{display:none;}

.UsabilitySection{width:100%; height:auto; margin:0; padding:0;}
.UsabilityDiv{background:#46b5ae url(../images/UsabilityImg.png) right no-repeat; padding:50px; margin:0; }
.CustomerJourneyDiv{background:#e9c747 url(../images/CustomerImg.png) right no-repeat; padding:50px; margin:0;}
.UsabilityText{margin:0; padding:0; font-size:28px; background:#e9c747; display:inline-block; padding:10px; margin:0 0 2px; color:#fff;}
.CustomerJourneyText{margin:0; padding:0; font-size:28px; background:#46b5ae; display:inline-block; padding:10px; margin:0 0 2px; color:#fff;}

.TestingServicesSection{width:100%; height:auto; margin:0; padding:0; background:#f4e7d7; padding:30px; display:inline-block;}
.TestingServicesSection h1{font-family:Spinnaker-Regular; font-weight:bold; text-transform:uppercase; margin:0 0 10px; font-size:30px; color:#333; text-align:center; border:none;}
.TestingServicesSection ul{margin:0; padding:0; text-align: center;}
.TestingServicesSection ul li{margin:20px; width:180px; display:inline-block; list-style-type:none; background:#f8efe6; padding:20px 0; text-align:center; color:#ff6600; text-transform:uppercase;}

.BrowseBlock{background:#f5f5f5; margin:0; width: 100%; display: inline-block;}
.BenefitTextSection{background:#46b5ae; min-height:535px; height:auto; padding:50px 20px;}
.BenefitHeading {font-family: Spinnaker-Regular; font-weight: bold;  margin: 0 0 50px; font-size: 30px; color: #fff;}
.BenefitTextSection ul{margin:30px 0 0; padding:0;}
.BenefitTextSection ul li{margin:0; padding:15px 0;  list-style-type:none; display:block; color:#fff; font-size:22px;}
.BenefitTextSection ul li .fa{font-size:20px; margin:0 5px 0 0;}

.WeProvideSection{background:url(../images/WeProvideBg.png); padding:30px 0}
.WeProvideSection h1{font-family:Spinnaker-Regular; font-weight:bold; text-transform:uppercase; margin:0 0 10px; font-size:30px; color:#fcfcfc; text-align:center; border:none;}
.WeProvideSection ul{margin:0; padding:0; text-align:center;}
.WeProvideSection ul li{margin:20px; width:180px; display:inline-block; list-style-type:none; border:2px solid #fcfcfc; border-radius:5px; padding:20px 0; text-align:center; color:#fcfcfc; text-transform:uppercase;}

.WhyCrowdTextSection{background:#353d49; min-height:540px; height:auto; padding:30px 20px 0;}
.WhyCrowdTextSection h1{font-family: Spinnaker-Regular; font-weight: bold;  margin: 0 0 20px; font-size: 30px; color: #fff; border:none;}
.WhyCrowdTextSection ul{margin:10px 0 0; padding:0;}
.WhyCrowdTextSection ul li{margin:15px 0; padding:0 0 0 20px;  list-style-type:none; display:block; color:#fff; font-size:22px; line-height:28px; background:url(../images/CrowdArrow.png) no-repeat left top; }

.Footer{background:#404348; padding:10px 0; font-size:14px; text-align:center;}
.Footer .FooterLink{float:left;}
.Footer .FooterLink a{color:#c8c8dc; text-transform:uppercase; font-size:12px; margin:0 10px; }
.CopyrightText{float:right; font-size:14px; color:#acadb1;}
.SocialIcon{float:right; right: 10px; position: relative;}
.SocialIcon a{font-size:25px; color:#f7f7f7; margin:0 3px;}

.InnerContent{width:100%; height:auto; padding:90px 0 0;}
.InnerHeader{font-size:25px; padding: 0 0 10px; margin:0 0 10px; border-bottom: 1px solid #ccc;}

.AboutImg{width:100%; height:auto; margin:70px 0 30px;}
.AboutImg img{width:100%;}
.AboutContent{width:87%; min-height: 500px; height:auto; background:#fff; border:1px solid #ccc; padding:15px; margin:0 auto 20px; box-shadow: 0 0 10px #999; position:relative;}
.AboutVideo{width:60%; display:block;}

/*-------------------------  Start Dashboard CSS ---------------------------*/
.DashboardCard{position: relative; background: #ffffff; padding:0; margin:0 0 30px; height:auto; box-shadow: 0 2px 2px 0 rgba(0,0,0,0.14), 0 1px 5px 0 ;}
.DashboardHeader{background:#1ba2bf; color:#fff; padding:10px; font-size:20px; font-weight:normal;}
.DashboardContent{padding:10px;}
.StatisticsSection{width:100%; height:auto; padding:17px 0; margin:0;}
.StatisticsSection ul{margin:0; padding:0;}
.StatisticsSection ul li{margin:0; padding:0; display:inline-block; list-style-type:none; margin:0 10px; background:#f1f1f1; border:1px solid #ccc; padding:10px; width:155px; text-align:center;}
.StatisticsNo{color:#2e8fbc; font-size:35px; font-weight:bold; padding:5px 0 0;}

.TestCyclesSection{width:100%; height:auto;}
.TestCyclesSection .table > thead > tr > th, .table > tbody > tr > td{padding: 4px 8px;}

.IssuesTable{width:100%; height:auto; padding: 0 0 17px;}
.IssuesTable .Issuetable > thead > tr > th, .Issuetable > tbody > tr > td{padding:8px;}
.IssuesTable .fa{margin:0;}

.ActiveTestCycleTable{width:100%; height:auto; padding: 0 0 17px;}
.ActiveTestCycleTable .Issuetable > thead > tr > th, .Issuetable > tbody > tr > td{padding:8px;}
.ActiveTestCycleTable .fa{margin:0;}

.TestCycleTable{width:100%; height:auto; padding: 0 0 17px;}
.TestCycleTable .Issuetable > thead > tr > th, .Issuetable > tbody > tr > td{padding:8px;}
.TestCycleTable .fa{margin:0;}

.IssuesListTable{width:100%; height:auto; padding: 0 0 17px;}
.IssuesListTable .Issuetable > thead > tr > th, .Issuetable > tbody > tr > td{padding:8px;}
.IssuesListTable .fa{margin:0;}

.TableLink a{color:#1ba2bf; text-decoration:none;}
.Active a{background:#c6eea2; padding:3px 10px; width:auto; text-align:center; color: #3b7c00; display:inline-block; text-decoration:none;}
.Close a{background:#ff9a9a; padding:3px 10px; width:auto; text-align:center; color: #c71212; display:inline-block; text-decoration:none;}
.InActive a{background:#ffe88a; padding:3px 10px; width:auto; text-align:center; color: #8d5d00; display:inline-block; text-decoration:none;}
.Join a{background:#1b7caa; padding:3px 10px; width:auto; text-align:center; color: #fff; display:inline-block; text-decoration:none;}

.DBProfileHead{background:#eee; padding:10px; text-align:center;}
.DBProfileHead .DBProfilePic{width:95px; height:95px; margin:0 auto; border-radius:50%; border:3px solid #ccc; overflow:hidden;}
.DBProfileHead .DBProfilePic img{width:100%;}
.DBProfileUserName{font-size:20px; font-weight:bold;}
.DBProfileUserCountry{font-size:16px; font-weight:normal; color:#555;}
.DBProfileEdit{position: absolute; right: 15px;}
.DBProfileEdit a{text-decoration:none;}

.DBProfileSection{padding:10px;}
.DBProfileSection ul{margin:0; padding:0;}
.DBProfileSection ul li{margin:0; padding:0px 0; list-style-type:none; display:block;}

.ViewProfileBtn{width:auto; height:auto; margin:10px 30px;     text-align: center;}
.ViewProfileBtn a{background:#ee6f1b; padding:8px 30px; color:#fff; text-decoration:none; outline:none;}
.ViewProfileBtn a:hover{background:#1b7caa;}

/*-------------------------  Start Dashboard CSS ---------------------------*/

/*-------------------------- Start Issue List CSS --------------------------*/
.ListContent{width:100%; min-height: 500px; height:auto; background:#fff; border:1px solid #ccc; padding:15px; margin:0 auto 20px; box-shadow: 0 0 10px #999;}
.SearchIcon{float:right; color:#508fac; padding:5px; font-size: 18px; font-weight:normal; cursor:pointer;}
.SearchIcon .fa{margin:0;}

.SearchPannel{width:100%; height:auto; padding:10px; background:#eee; display:none;}
.SearchPannel .col-md-5{padding:0 15px 0 0;}
.SearchPannel .col-md-4{padding:0 0 10px 0; line-height: 32px; float: left;}
.Search-control-Input {width:55%; background: #fff; padding: 6px; border: 1px solid #ddd; outline: none; float: left; border-radius: 0; box-shadow: none; height: 32px;}
.Search-control-Input:focus{box-shadow:none; border: 1px solid #ddd;}

.SearchCalenderInput {width: 55%; background: #fff url(../images/CalIcon.png) right center no-repeat; padding: 5px; border: 1px solid #ccc; outline: none; float: left; border-radius:0; box-shadow: none; height: 32px;}
.SearchCalenderInput:focus{box-shadow:none; border: 1px solid #ccc;}

.Searchdropdown {position: relative; display:inline-block; float:left; width:55%}
.Searchdropdown select { padding:5px; color: #444; width: 100%; -webkit-appearance: none; -moz-appearance: none; appearance: none; cursor: pointer; background: #fff url(../images/selectarow.png) 100% 0 no-repeat; outline:none; border:1px solid #ddd; line-height: 20px; border-radius:0;}


.SearchBtn{width: auto !important; background: #508fac; line-height: 30px; float:left; border:none; border-radius: 0; outline: none; margin:0 ; padding: 0px 10px; color: #3963af; width: auto; color: #fff; font-size: 18px; transition: all 0.25s ease-in-out; -webkit-transition: all 0.25s ease-in-out; -moz-transition: all 0.25s ease-in-out; text-decoration:none;}
.SearchBtn:hover{background:#363636;}

.IssueForm{width:100%; height:auto;}
.IssueForm .col-lg-6{margin:0 0 10px;}
.IssueForm .col-lg-12{margin:0 0 10px; width:100%; display:inline-block;}
.IssueForm .col-lg-12 .IssueLabel{width:143px;}
.IssueHeader{background:#ddd; font-size:20px; color:#333; padding:5px; width:100%; margin:0 0 15px;}
.IssueLabel{width:35%; margin:0 ; padding:0; float:left; line-height:30px;}

.IssueInput{height: 32px; font-size: 16px; width: 65%; -webkit-appearance: none; border:none; border: 1px solid #ccc; padding: 5px; outline:none; color:#333; background: #fff;}

.IssueTextarea{height: 130px; font-size: 16px; width: 100%; -webkit-appearance: none; border:none; border: 1px solid #ccc; padding: 5px; outline:none; color:#333; background: #fff; resize:none;}

.IssueDropdown {position: relative; display:inline-block; float:left; width:65%;}
.IssueDropdown select { padding:5px; height:32px; color: #777; width: 100%; -webkit-appearance: none; -moz-appearance: none; appearance: none; cursor: pointer; background: #fff url(../images/selectarow.png) 100% 0 no-repeat; outline:none;  border:none; border:1px solid #ccc; line-height: 20px;}

.CalenderInput {width: 65%; background: #fff url(../images/CalIcon.png) right center no-repeat; padding: 5px; border: 1px solid #ccc; outline: none; float: left; border-radius:0; box-shadow: none; height: 32px;}
.CalenderInput:focus{box-shadow:none; border: 1px solid #ccc;}
.Required{color:#D00000;}
.col-lg-10 .IssueInput{width:100%;}

.ViewIssue td{padding:5px;}

.IssueHistory{border:1px solid #999; margin:20px 0 0;}
.IssueHistory .Head{font-weight:bold; font-size:18px; padding:5px;}

.IssueHistoryTable{width:100%; border-collapse:collapse; margin:0; color:#333; font-size:14px;}
.IssueHistoryTable td{padding:3px 5px;}
.IssueHistoryTable tr{}
.IssueHistoryTable tr:nth-child(odd){background: #d8d8d8;}
.IssueHistoryTable tr:nth-child(even){background: #e8e8e8;}
.IssueHistoryTableHead{background:#c8c8e8 !important; color:#333; font-size:15px; font-weight:bold; line-height: 20px; border-bottom:1px solid #ddd !important;}
.IssueHistoryTable a{color:#1779a6; text-decoration:none;}
.IssueHistoryTable a:hover{color:#333;}
/*-------------------------- Start Issue List CSS --------------------------*/

/*---------------------- Start Post Your Test Requirement ---------------------*/
.PostRequirementImg{width:65%; height:auto; padding:0 20px; display:inline-block; float:left;}
.PostRequirementImg img{width:100%;}

.TypeofTesting{color:#777; width:100%; height:auto; margin:5px 0 0 -15px;}
.TypeofTesting ul{margin:0 !important; display:block;}
.TypeofTesting .InputCheck li{width:108px; display:inline-block; margin:0 0 0 25px !important;}

.RightFormSection{width:100%; height:auto; min-height: 540px; background:#fff; box-shadow:0 0 10px #999; border-radius:5px; float:left; margin: 0 0 20px;}
.RightFormSection h1{font-weight: bold;  margin:0; font-size:20px; color: #333; text-align:center; padding:20px 10px; border-bottom:1px solid #ccc;}



.RightFormDiv{padding:15px;}
.InputText{height:45px; font-size:16px; width:100%; margin-bottom:5px; padding:0 0 0 25px; background:transparent; -webkit-appearance:none; border:none; border-bottom:1px solid #ccc; outline:none;}
.InputTextArea{height:80px; font-size:16px; width:100%; margin-bottom:5px; -webkit-appearance:none; border:none; border-bottom:1px solid #ccc; padding:10px 0 0 25px; outline:none; resize:none;}
.SelectDropdown {position: relative; display:inline-block; float:left; width:100%}
.SelectDropdown select { padding:0 0 0 25px; height:45px; color: #777; width: 100%; -webkit-appearance: none; -moz-appearance: none; appearance: none; cursor: pointer; background: #fff url(../images/selectarow.png) 100% 5px no-repeat; outline:none;  border:none; border-bottom:1px solid #ccc; line-height: 20px;  margin-bottom:5px;}

.ProceedBtn{background:#1b7caa; border:none; border-radius:0; outline:none; margin:5px 0 0; padding:7px 0; color:#fff; font-size:18px; transition:all 0.25s ease-in-out; -webkit-transition:all 0.25s ease-in-out; -moz-transition:all 0.25s ease-in-out; text-transform:uppercase; text-decoration:none; display:initial !important; width:100%;}
.ProceedBtn:hover{background:#ee6f1b;}

.SucessMsg{text-align:center; margin:50px 0}
.SucessTickIcon{margin:0 0 40px;}
.MsgHeading{font-size:30px; margin:0 0 40px;}
.SucessMessage{font-size:22px; line-height:25px;}

.SignUpHead{font-family:Spinnaker-Regular;  margin:0; font-size:30px; color:#333; padding:10px 0; text-align:center;}
.SignUpSubHead{font-family:Spinnaker-Regular;  margin:0 0 20px; font-size:20px; color:#fff; padding:10px 0; text-align:center;}

.CompanyBg{height:auto; padding:120px 0 200px; background:url(../images/Company_bg.png) no-repeat;}
.TesterBg{height:auto; padding:120px 0 200px; background:url(../images/Tester_bg.png) no-repeat;}
.FormSection{width:400px; height:auto; margin:0 auto; text-align:center;}
.FormInputText{height:38px; font-size:16px; width:100%; margin-bottom:5px; padding:0 0 0 30px; -webkit-appearance:none; border:none; border-bottom:1px solid #ccc; outline:none;}
.FormInputTextArea{height:80px; font-size:16px; width:100%; margin-bottom:5px; -webkit-appearance:none; border:none; border-bottom:1px solid #ccc; padding:10px 0 0 25px; outline:none; resize:none;}
.FormSection a{color:#fff;}
.JoinTab{width:auto; height:auto; margin:0; padding:0;}
.JoinTab li{margin:0 -4px 0 0; padding:5px 0 0 5px; list-style-type:none; display:inline-block; border:1px solid #ccc;}
.JoinTab li:hover{background:#1b7caa;}
.JoinTab li.active{background:#1b7caa;}


.FormIcon {width: auto; height: auto; margin: 2px 0 0 5px; padding: 0; float: left; position: absolute; color: #999;}


/*---------------------- End Post Your Test Requirement ---------------------*/

/*------------------------ Start Client Full Registion CSS ----------------------*/
.form-group {margin-bottom:0; display:block; width:100%; float:left;}
.form-group table tr td{vertical-align:top;}

.ClientFullRegSection{width:70%; background:#fff; border:1px solid #ccc; margin:0 auto 20px; padding:10px;}
.ClientRegHeader{font-size:25px; text-align:center; padding: 0 0 30px;}
.CompleteRegHeader{background:#e0e0e0; color:#000; font-size:18px; font-weight:bold; padding:8px 10px; margin:0 0 10px; width: 100%; display: inline-block;}
.CompleteRegCheckbox .InputCheck li{width:31%; display:inline-block; margin:0 0 0 25px !important;}
.CompleteRegCheckbox .InputRedio ul{margin:0; padding:5px 0;}
.CompleteRegCheckbox .InputRedio li{width:35%; display:inline-block; margin:0;}

.divider{border-bottom:1px solid #ccc; height:1px; margin:10px 0 20px; width:100%; display:inline-block;}

.HelpIcon{margin:8px 0 0 5px; padding:0; display:inline-block; vertical-align:top; width:16px; height:16px;}
.ClientRegInput{height: 32px; font-size: 16px; width: 70%; margin-bottom: 10px; -webkit-appearance: none; border:none; border: 1px solid #ccc; padding: 5px; outline:none; color:#333; background: #fff;}

.ClientRegTextarea{height: 100px; font-size: 16px; width: 70%; margin-bottom: 10px; -webkit-appearance: none; border:none; border: 1px solid #ccc; padding: 5px; outline:none; color:#333; background: #fff; resize:none;}

.ClientRegCalInput {width: 33.8%; background: #fff url(../images/CalIcon.png) right center no-repeat; padding: 5px; border: 1px solid #ccc; outline: none; float: left; border-radius:0; box-shadow: none; height: 32px;  margin:0 10px 10px 0;}
.SearchCalenderInput:focus{box-shadow:none; border: 1px solid #ccc;}
.BudgetHead{font-weight:bold; color:#000; padding:5px 0 15px 15px;}
.BudgetDropdown {width:95% !important;}

.Estimate{float:right; color:#1b7caa; font-weight:normal; font-size:16px; cursor:pointer;}
.BudgetEstimate{background:#EEE; border:1px solid #CCC; display:none; padding:10px; margin:0 0 10px; overflow:auto;} 


.ClientRegDropdown {position: relative; display:inline-block; float:left; width:70%;}
.ClientRegDropdown select { padding:5px; height:32px; color: #777; width: 100%; -webkit-appearance: none; -moz-appearance: none; appearance: none; cursor: pointer; background: #fff url(../images/selectarow.png) 100% 0 no-repeat; outline:none;  border:none; border:1px solid #ccc; line-height: 20px;  margin-bottom:10px;}

.ClientRegUploadFile {width: 0.1px; height: 0.1px; opacity: 0; overflow: hidden; position: absolute; z-index: -1;}
.ClientRegUploadFile + label {max-width: 100%; font-size:16px; font-weight:normal; text-overflow: ellipsis; white-space: nowrap; cursor: pointer; display: inline-block; overflow: hidden; padding:8px;}
.ClientRegUploadFile-1 + label {color: #383838;}
.ClientRegUploadFile-1 + label .fa{margin:0;}
.ClientRegUploadFile-1 + label {border: 1px solid #ccc; background-color: #fff; padding: 0; margin:0 0 10px; width: 100%;}
.ClientRegUploadFile-1:focus + label, .ClientRegUploadFile-1.has-focus + label, .ClientRegUploadFile-1 + label:hover { border-color: #ccc;}
.ClientRegUploadFile-1 + label span, .ClientRegUploadFile-1 + label strong {padding:5px 0; color:#777;}
.ClientRegUploadFile-1 + label span {width: 70%; float:left; min-height:32px; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; vertical-align: top; line-height: 32px; padding: 0 0 0 5px;}
.ClientRegUploadFile-1 + label strong {height: 34px; color: #328db7; font-weight: normal; font-size: 16px; width: 70px; float: right; padding: 5px;}
.ClientRegUploadFile-1:focus + label strong, .ClientRegUploadFile-1.has-focus + label strong, .ClientRegUploadFile-1 + label:hover strong {color: #555;}

.BlueBtn{background:#4690ae; border:none; border-radius:0; outline:none; margin:5px 0 0; padding:7px 20px; color:#fff; font-size:18px; transition:all 0.25s ease-in-out; -webkit-transition:all 0.25s ease-in-out; -moz-transition:all 0.25s ease-in-out; text-transform:uppercase; text-decoration:none; display:initial !important; width:auto;}
.BlueBtn .ProceedBtn:hover{background:#ee6f1b;}

.CancelBtn{background:#d9d9d9; border:none; border-radius:0; outline:none; margin:5px 0 0; padding:7px 20px; color:#333; font-size:18px; transition:all 0.25s ease-in-out; -webkit-transition:all 0.25s ease-in-out; -moz-transition:all 0.25s ease-in-out; text-transform:uppercase; text-decoration:none; display:initial !important; width:auto;}
.CancelBtn:hover{background:#afafaf;}
/*------------------------ End Client Full Registion CSS ----------------------*/

/*--------------------- Start Login Page CSS --------------------------*/
.login_panel{background: #f9f9f9; position: fixed; right: 0; float: right; height:90%; width: 490px; margin: 0; padding: 0; z-index: 1; overflow-y: auto; overflow-x: hidden;}
.LoginBg{background:url(../images/Login_Bg.png) no-repeat left top; position:absolute; top:0; left:0; width:100%; height:100%;}

.LoginContentWarper{padding:10px 30px 30px; width:450px; margin:100px 30px 0 0; border-radius: 5px; overflow: hidden; float:right;}
.Login-Logo { width: 100%; height: auto; margin:0 0 20px; padding:7px 0; #3b3d4a;}

.LoginContentWarper h1{font-size:30px; margin: 20px 0; color:#333; font-weight:bold;  padding: 0 0 10px; text-align:center; border-bottom:none;}
.LoginIcon{width:auto; height:auto; margin:6px 0 0; padding:0; float:left; position: absolute; color:#999;}

.LoginerrMsg { font-size: 13px; color: #f00; margin: -5px 0 5px 0; width: 100%; float: left; display: none;}


.LoginInput{height: 44px; font-size: 18px; width: 100%; margin-bottom: 10px; -webkit-appearance: none; border:none; border-bottom: 1px solid #ccc; padding: 0 8px 0 25px; outline:none; color:#333; background: transparent;}


.loginmodal-submit {border: 0px; color: #fff; text-shadow: 0 1px rgba(0,0,0,0.1); background-color: #328db7; padding:8px 20px; margin:15px 0 0; font-size: 18px; text-transform:uppercase; outline:none; width:auto; float:left; font-weight:bold; transition: all 0.25s ease-in-out; -webkit-transition: all 0.25s ease-in-out; -moz-transition: all 0.25s ease-in-out;}

.loginmodal-submit:hover {border: 0px; background-color: #ee6f1b;}

.ForgotPassword{width:100%; color:#555; font-size:16px; margin:20px 0 0; float:left;}
.ForgotPassword a {text-decoration:none; color: #328db7; margin:0 20px 0 0;} 
.ForgotPassword a:hover{color:#f15a29; text-decoration:underline;}
.ForgotPassword .fa{width:auto;}

.Remember{float:right; margin:20px 0 0;}

.LoginFooter{width: 100%; position: absolute; bottom: 0; z-index:9;}

.ChangePassword_container {padding: 30px; max-width: 450px; width: 100% !important;  margin: 50px auto 0;  overflow: hidden;}

@media (min-width: 1200px){
    .col-lg-10 {width: 85%; padding:0 0 0 18px;}
}

@media screen and (max-width: 875px){
.login_panel{background:transparent; margin:40px auto; float:none; position: relative; right: inherit; width:auto;}
.LoginContentWarper{padding:10px 30px 30px; width: 350px; margin:50px auto; border-radius: 5px; overflow: hidden; float:none; background:#fff; box-shadow:0 0 20px #333;}
.LoginContentWarper h1{font-size:25px;}
}

@media screen and (max-width: 768px){
.loginmodal-submit {width:100%}
.LoginBg {position: relative; height: auto;}
.login_panel{height:auto;}
.LoginFooter{width: 100%; position:relative; bottom: 0; z-index:9;}
}

@media screen and (max-width: 380px){
.LoginContentWarper{width: 320px;}
.LoginContentWarper h1{font-size:20px;}
}

/*--------------------- End Login Page CSS --------------------------*/


/*------------------------- Start Find Project CSS --------------------*/
.FindProjectLeft{width:23%; height:auto;  padding:0; margin:0 20px 10px 0; display:inline-block; vertical-align:top;}
.ProjectHead{font-size:18px; font-weight:bold; padding:7px; background:#e4e4e4;}
.FindProjectLeft ul{margin:0; padding:10px 0; list-style-type:none;}
.FindProjectLeft ul li{margin:0; padding:0; display:block; list-style-type:none;}
.FindProjectLeft ul li a{margin:0; padding:5px 0 5px 20px; text-decoration:none; display:block; color:#333; font-size:16px;/* background:url(../images/FindProject_Arrow.png) no-repeat left center;*/}
.FindProjectLeft ul li a:hover{background:#e4e4e4 /*url(../images/FindProject_Arrow.png) no-repeat left center*/;}

.FindProjectRight{width:72.9%; height:auto; background:#f1f1f1; padding:10px 10px 0 10px; margin: 0 0 20px; display:inline-block; vertical-align:top;}
.FindProjectContent{background:#fff; padding:10px; display:inline-block; margin:0 0 15px;}
.FindProjectHead{font-size:25px; color:#328db7; padding:0 0 15px; font-weight:bold;}
.FindProjectContent a{background:#dcdcdc; padding:5px 10px; color:#333; text-decoration:none; outline:none; float:right; transition: all 0.25s ease-in-out; -webkit-transition: all 0.25s ease-in-out; -moz-transition: all 0.25s ease-in-out;}
.FindProjectContent a:hover{background:#328db7; padding:5px 10px; color:#fff; text-decoration:none; outline:none;}
/*------------------------- End Find Project CSS --------------------*/

/*------------------------- Start Test Cycle Managment CSS --------------------*/
.CycleManagmentSection{width:78%; height:auto; min-height:490px; box-shadow:0 0 10px #999; background: #fff; padding:10px; margin: 0 0 20px; display:inline-block; vertical-align:top;}
.TestCyclesBtn{width:auto; height:auto; margin: 10px 0; display:inline-block;}
.TestCyclesBtn a{width:auto; height:auto; color:#fff; background:#1b7caa; padding:5px 15px; border-radius:5px; text-align:center; outline:none; font-size:18px;}
.TestCyclesBtn a:hover{opacity:0.8; text-decoration:none;}
.TestCyclesBtn a:focus{text-decoration:none;}

/*------------------------- Start Test Cycle Managment CSS --------------------*/


.LeftNavScetion{width:20%; height:auto; padding:0; margin:0 20px 10px 0; display:inline-block; vertical-align:top;}

/*--------------- Start Tooltip CSS -------------------*/
.tooltip {
  font-family:Calibri, Arial, sans-serif;
  font-size: 15px;
}

.tooltip-inner {
  max-width: 300px;
  color: #fff;
  background-color: #37a1c7;
  text-align:justify;
  line-height:18px;
}

.tooltip.right .tooltip-arrow {
  border-right-color: #37a1c7;
   border-width: 5px 5px 5px 0;
}
.tooltip.bottom .tooltip-arrow {border-bottom-color: #37a1c7; }


/*** Tooltip Styles */
[data-tooltip],
.tooltipOne{
  position: relative;
  cursor: pointer;
}

[data-tooltip]:before,
[data-tooltip]:after,
.tooltipOne:before,
.tooltipOne:after {
  position: absolute;
  visibility: hidden;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
  opacity: 0;
  -webkit-transition: 
      opacity 0.2s ease-in-out,
        visibility 0.2s ease-in-out,
        -webkit-transform 0.2s cubic-bezier(0.71, 1.7, 0.77, 1.24);
    -moz-transition:    
        opacity 0.2s ease-in-out,
        visibility 0.2s ease-in-out,
        -moz-transform 0.2s cubic-bezier(0.71, 1.7, 0.77, 1.24);
    transition:         
        opacity 0.2s ease-in-out,
        visibility 0.2s ease-in-out,
        transform 0.2s cubic-bezier(0.71, 1.7, 0.77, 1.24);
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform:    translate3d(0, 0, 0);
  transform:         translate3d(0, 0, 0);
  pointer-events: none;
}

[data-tooltip]:hover:before,
[data-tooltip]:hover:after,
[data-tooltip]:focus:before,
[data-tooltip]:focus:after,
.tooltipOne:hover:before,
.tooltipOne:hover:after,
.tooltipOne:focus:before,
.tooltipOne:focus:after {
  visibility: visible;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
  opacity: 1;
}

.tooltipOne:before,
[data-tooltip]:before {
  z-index: 1001;
  border: 6px solid transparent;
  background: transparent;
  content: "";
}

.tooltipOne:after,
[data-tooltip]:after {
  z-index: 1000;
  padding: 5px;
  width: 300px;
  background-color: #37a1c7;
  background-color: hsla(55, 161, 199, 0.9);
  color: #fff;
  content: attr(data-tooltip);
  font-size: 15px;
  line-height: 1.2;
  border-radius:5px;
}

.tooltip-right:before,
.tooltip-right:after {
  bottom: 50%;
  left: 100%;
}

.tooltip-right:before {
  margin-bottom: 0;
  margin-left: -12px;
  border-top-color: transparent;
  border-right-color: #37a1c7;
  border-right-color: hsla(55, 161, 199, 0.9);
}

.tooltip-right:hover:before,
.tooltip-right:hover:after,
.tooltip-right:focus:before,
.tooltip-right:focus:after {
  -webkit-transform: translateX(12px);
  -moz-transform:    translateX(12px);
  transform:         translateX(12px); 
}

.tooltip-right:before {
  top: 3px;
}

.tooltip-right:after {
  margin-left: 0;
  margin-bottom: -40px;
}


.tooltip.top .tooltip-arrow {border-top-color: #37a1c7;}

/*--------------- End Tooltip CSS -------------------*/

.UploadFile {width: 0.1px; height: 0.1px; opacity: 0; overflow: hidden; position: absolute; z-index: -1;}
.UploadFile + label {max-width: 100%; font-size:16px; font-weight:normal; text-overflow: ellipsis; white-space: nowrap; cursor: pointer; display: inline-block; overflow: hidden; padding:8px;}
.UploadFile-1 + label {color: #383838;}
.UploadFile-1 + label .fa{margin:0;}
.UploadFile-1 + label {border-bottom: 1px solid #ccc; background-color: #fff; padding: 0; margin:0 0 10px; width: 100%;}
.UploadFile-1:focus + label, .UploadFile-1.has-focus + label, .UploadFile-1 + label:hover { border-color: #ccc;}
.UploadFile-1 + label span, .UploadFile-1 + label strong {padding:5px 0; color:#777;}
.UploadFile-1 + label span {width: 80%; float:left; min-height:40px; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; vertical-align: top; line-height: 43px;
padding: 0 0 0 25px;}
.UploadFile-1 + label strong {height: 34px; color: #328db7; font-weight: normal; font-size: 16px; width: 70px; float: right; padding: 5px;}
.UploadFile-1:focus + label strong, .UploadFile-1.has-focus + label strong, .UploadFile-1 + label:hover strong {color: #555;}

/*------------------------- Start CheckBox & Radio CSS --------------------------*/
.InputCheck{margin:0 0 10px; width:auto; float:left;}
.InputCheck ul{margin:0; padding:0;}
.InputCheck ul li{margin:0 25px; padding:0; display:inline-block; list-style-type:none;}

.InputCheck input[type=checkbox] {opacity: 0; display:none;}
.InputCheck input[type=checkbox] + label {margin: 0; position: relative; font-size:16px; color:#555; width:auto; font-weight:normal;}
.InputCheck input[type=checkbox] + label::before {content: ' '; position: absolute; left: -25px; top: 3px; width:18px; height: 18px; display: block; background: white; border: 1px solid #767676; border-radius:0;}
.InputCheck input[type=checkbox] + label::before:hover {border: 1px solid #767676; border-radius:0;}

.InputCheck input[type=checkbox] + label::after {content: ' '; position: absolute; left: -24px; top: 3px; width: 17px; height: 17px; display: block; z-index: 1;
  background:url(../images/CheckTick.png) no-repeat center; -ms-transition:all .2s ease; -webkit-transition:all .2s ease; transition:all .3s ease; -ms-transform:scale(0); -webkit-transform: scale(0);  transform: scale(0); opacity: 0;}
.InputCheck input[type=checkbox]:checked + label::after {-ms-transform: scale(1); -webkit-transform: scale(1); transform: scale(1); opacity: 1;}


.radio {display:inline-block; padding-right:20px; font-weight:normal !important; font-size:16px; color:#555; margin:0 0 10px;}
.radio:hover .inner {-webkit-transform: scale(0.5); -ms-transform: scale(0.5); transform: scale(0.5); opacity: .5;}
.radio input {width: 1px; height: 1px; opacity: 0; margin:0;}
.radio input:checked + .outer .inner {-webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); opacity: 1;}
.radio input:checked + .outer {border: 1px solid #767676; }
.radio input:focus + .outer .inner {-webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); opacity: 1; background-color: #767676;}
.radio .outer {width: 18px; height: 18px; display: block; float: left; margin:2px 5px 0 0; border: 1px solid #767676; border-radius: 50%; background-color: #fff;}
.radio .inner {-webkit-transition: all 0.25s ease-in-out; transition: all 0.25s ease-in-out; width: 6px; height: 6px; -webkit-transform: scale(0); -ms-transform: scale(0); transform: scale(0); display: block; margin: 5px; border-radius: 50%; background-color: #767676; opacity: 0;}

/*------------------------- End CheckBox CSS --------------------------*/


/*------------------------ Start Profile Section CSS ---------------------*/
.ProfileSection{margin:10px 0 0;}
.ProfileDetails{margin:0;}
.DetailsDiv{background:#efefef; width:100%; line-height:37px; margin:5px 0 15px; float:left;}
.DetailsIcon{background:#dbdbdb; color:#979797; padding:10px; font-size:20px; margin:0 10px 0 0; float:left;}
.DetailsIcon .fa{margin:0;}
.ProfileAddress{width:270px; float:left; line-height:20px;}
.EditProfile{float:right;}
.EditProfile a{float:right; font-size:16px; color:#3481f5; text-decoration:none;}
.EditProfile a:hover{color:#ee6f1b;}
.EditInput{width: 270px; height: 40px; padding: 5px; border: none; background: transparent; outline: none;}

.ProfileTextarea{width: 100%; height: 80px; padding: 5px; border: 1px solid #ccc; background: transparent; outline: none; resize:none;}

.ProfileDropdown {position: relative; display:inline-block; float:left; width:270px;}
.ProfileDropdown select {height:40px; color: #777; width: 100%; -webkit-appearance: none; -moz-appearance: none; appearance: none; cursor: pointer; background: transparent url(../images/selectarow.png) 100% 5px no-repeat; outline:none;  border:none; border:none; line-height: 20px; }

.ProfileCalenderInput {width: 270px; background:transparent url(../images/CalIcon.png) right center no-repeat; padding: 5px; border: none; outline: none; float: left; border-radius:0; box-shadow: none; height: 40px;}


.EditUploadFile {width: 0.1px; height: 0.1px; opacity: 0; overflow: hidden; position: absolute; z-index: -1;}
.EditUploadFile + label {max-width: 100%; font-size:16px; font-weight:normal; text-overflow: ellipsis; white-space: nowrap; cursor: pointer; display: inline-block; overflow: hidden; padding:8px;}
.EditUploadFile-1 + label {color: #383838;}
.EditUploadFile-1 + label .fa{margin:0;}
.EditUploadFile-1 + label {border:none; background:transparent; padding: 0; margin:0 0 10px; width:270px;}
.EditUploadFile-1:focus + label, .EditUploadFile-1.has-focus + label, .EditUploadFile-1 + label:hover { border-color: #ccc;}
.EditUploadFile-1 + label span, .EditUploadFile-1 + label strong {padding:5px 0; color:#777;}
.EditUploadFile-1 + label span {width:200px; float:left; min-height:40px; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; vertical-align: top; line-height: 40px;
padding: 0;}
.EditUploadFile-1 + label strong {height: 30px; color: #328db7; font-weight: normal; font-size: 15px; width: 60px; float: right; padding:0 5px;}
.EditUploadFile-1:focus + label strong, .EditUploadFile-1.has-focus + label strong, .EditUploadFile-1 + label:hover strong {color: #555;}
/*------------------------ End Profile Section CSS ---------------------*/


@media only screen and (min-width:922px) and (max-width:1300px) {
.PostRequirementImg{width:700px; height:auto; padding:0 20px; display:inline-block; float:left;}
}

@media only screen and (min-width:768px) and (max-width:1170px) {
.FindProjectLeft {width:24%; margin: 0 20px 0 0;}
.FindProjectRight {width:72%; margin: 0 0;}
.LeftNavScetion {width: 260px;}
.CycleManagmentSection {width: 70%;}
}

@media (max-width: 992px){
.col-md-push-5_Text{text-align:left; margin:0;}
.featurette-heading {font-size:20px;}
.col-lg-3{width: 40%; margin: 0 4%; display: inline-block;}
.col-md-5{padding:0;}
.center-block {margin: 0;}
.container {width: 100%;}
.LeftNavScetion {width: 260px;}
.CycleManagmentSection {width: 60%;}
}


@media (max-width: 768px) {
.container {width: 100%;}
.HomeContent{margin:0 0 0;}
.col-md-5-Padding{padding:0; width:100%; margin:0;}
.col-md-push-5_Text{width:100%; text-align:center; margin:20px 0 0;}

.col-lg-3{width: 40%; margin: 0 4%; display: inline-block;}

.RegBdr{ width:100%; height:auto; border-top:1px solid #ccc; border-left:none; display:block; padding:20px 0 0;}
.OR{background:#fff; text-transform:uppercase; font-size:15px; margin:-32px 0 0 48%; position:absolute; color:#333;}

.navBg {float: none; background: #dcdcdc;}
.nav > li {margin: 5px 10px;}
.container {padding:0;}
.HowitWorkImg img{display:none}
.HowitWorkMobileImg{display:block;}
.HowitWorkMobileImg img{width:100%; text-align:left;}
.SlideBtn{width:auto; height:auto; text-align:center; margin:30px 0 20px; position:relative; z-index:99;}
.PostRequirementImg{display:none;}

.InnerHeader{padding: 0 2% 10px;}
.FindProjectLeft {width: 100%; margin: 0 0 10px;}
.LeftNavScetion{width:100%; margin:0 0 10px;}
/*.FindProjectLeft ul li {display: inline-block;}
.FindProjectLeft ul li a {padding: 5px 10px 5px 20px;}*/
.ProjectHead{display:none;}
.FindProjectRight {width: 96%; margin: 0 2%;}
.Search-control-Input {width:100%;}
.Searchdropdown {width:100%;}
.SearchIcon {padding: 3px 5px; margin:0 0 10px;}
.CycleManagmentSection{width:100%;}
.CompanyBg{height:auto; padding:80px 0; background:url(../images/Company_bg.png) no-repeat;}
.TesterBg{height:auto; padding:80px 0; background:url(../images/Tester_bg.png) no-repeat;}

.navbar {border-radius: 0;}
.container {width: 100%;}
.AboutVideo {width: 100%;}
.row {margin:0px;}
.TestCyclesSection{width: 100%; height: auto; padding: 0 0 17px; overflow-y: hidden; overflow-x: scroll;}
.IssuesTable {width: 100%; height: auto; padding: 0 0 17px; overflow-y: hidden; overflow-x: scroll;}
.ActiveTestCycleTable {width: 100%; height: auto; padding: 0 0 17px; overflow-y: hidden; overflow-x: scroll;}
.TestCycleTable {width: 100%; height: auto; padding: 0 0 17px; overflow-y: hidden; overflow-x: scroll;}
.IssuesListTable {width: 100%; height: auto; padding: 0 0 17px; overflow-y: hidden; overflow-x: scroll;}
.InnerContent { padding:130px 0 0;}

.table {width: 800px;}
.col-lg-6 {width: 100%; float:left; margin: 0 0 30px;}
.col-lg-8 {width: 100%; float:left; margin: 0 0 5px;}
.col-lg-4 {width: 100%; float:left; margin: 0 0 5px;}
.col-lg-12 .col-lg-10{padding:0; float:left; width:100%;}
.col-lg-12 .col-lg-4{padding:0;}

.SearchCalenderInput{width:100%;}
.ClientRegCalInput {width: 45%;}
.ClientRegInput{width:90%;}
.ClientRegTextarea{width:93%;}
.ClientRegDropdown{width:93%;}
.HelpIcon{float:right;}

.IssueLabel {width: 100%;}
.IssueDropdown{width:100%;}
.CalenderInput {width: 100%;}
}

@media (max-width:640px){
.col-lg-3{width: 90%; margin:0 5%;}
.navbar-right {text-align: center;}
.navbar-Mobile{width: 220px; margin: 0 auto !important;}
.navbar-Mobile{float:none;}

}



@media (min-width: 992px){
.col-md-pull-7 {right: 50%;}
.col-md-push-5 {left: 50%;}
.col-lg-3{width: 18%; margin: 0 3%; display: inline-block; vertical-align:top;}
.col-md-5-Padding{padding:0; width:50%}
.col-md-push-5_Text{width:50%; margin:0 0;}
.navbar-Mobile{float:left;}


}



@media (min-width: 768px) {
.navbar {border-radius: 0;}
.col-lg-6 {width: 50%; float:left;}
.table{margin:0;}

}

@media (max-width: 767px){
.navbar-inverse .navbar-nav .open .dropdown-menu > li > a:hover, .navbar-inverse .navbar-nav .open .dropdown-menu > li > a:focus {
    color: #1b8eb7;
    background-color: transparent;
}
.navbar-inverse .navbar-nav .open .dropdown-menu > li > a {
    color: #333;
}
}


@media only screen and (min-width:922px) and (max-width:1199px) {
.container {width: 100%;}
}

@media (max-width: 480px) {
.PostBtn a {padding: 10px 20px; font-size: 20px;}
.row {margin:0px;}
.UsabilityDiv{background: #46b5ae none;}
.CustomerJourneyDiv{background: #e9c747 none;}
.CopyrightText {width: 100%;}
.SocialIcon {float: right; right: inherit; position: relative; width: 100%;}
.FormSection{width:90%;}
.CompleteRegCheckbox .InputCheck li{width:80%; margin:0 0 5px 25px !important;}
}

@media only screen and (max-width: 640px) and (min-width: 280px){
.fa {padding:0;}
}


@media (min-width: 768px){
.col-lg-8 {width: 66.66666667%; float: left;}
.col-lg-4 {width: 33.33333333%; float: left; line-height:30px;}
.StatisticsSection ul li{width:27%;}
}



/*---------------------------- Start Table Responsive CSS -----------------------*/

@media only screen and (max-width: 760px), (min-device-width: 768px) and (max-device-width: 1024px)  {

		/* Dashboard All test cycles Table */
		/*.TestCyclesSection table, thead, tbody, th, td, tr {display: block;}
		.TestCyclesSection thead tr {position: absolute; top: -9999px; left: -9999px;}
		.TestCyclesSection tr {border: 1px solid #ccc;}
		.TestCyclesSection td {border: none; border-bottom: 1px solid #eee; position: relative; padding:5px 5px 5px 50% !important;}
		.TestCyclesSection td:before {position: absolute; top: 6px; left: 6px; width: 45%; padding-right: 10px; white-space: nowrap;}

		.TestCyclesSection td:nth-of-type(1):before { content: "Project Name"; font-weight:bold;}
		.TestCyclesSection td:nth-of-type(2):before { content: "Month"; font-weight:bold;}
		.TestCyclesSection td:nth-of-type(3):before { content: "Expires Days/Hr."; font-weight:bold;}*/

		
		
		/* Dashboard View All Issues Table */
		/*.IssuesTable table, thead, tbody, th, td, tr {display: block;}
		.IssuesTable thead tr {position: absolute; top: -9999px; left: -9999px;}
		.IssuesTable tr {border: 1px solid #ccc;}
		.IssuesTable td {border: none; border-bottom: 1px solid #eee; position: relative; padding:5px 5px 5px 50% !important;}
		.IssuesTable td:before {position: absolute; top: 6px; left: 6px; width: 45%; padding-right: 10px; white-space: nowrap;}

		.IssuesTable td:nth-of-type(1):before { content: "ID"; font-weight:bold; }
		.IssuesTable td:nth-of-type(2):before { content: "Summary"; font-weight:bold; }
		.IssuesTable td:nth-of-type(3):before { content: "Reported By";  font-weight:bold;}
		.IssuesTable td:nth-of-type(4):before { content: "Priority"; font-weight:bold; }
		.IssuesTable td:nth-of-type(5):before { content: "Severity"; font-weight:bold; }
		.IssuesTable td:nth-of-type(6):before { content: "Status"; font-weight:bold; }*/
		
		
		/* Active Test Cycle Table */
		/*.ActiveTestCycleTable table, thead, tbody, th, td, tr {display: block;}
		.ActiveTestCycleTable thead tr {position: absolute; top: -9999px; left: -9999px;}
		.ActiveTestCycleTable tr {border: 1px solid #ccc;}
		.ActiveTestCycleTable td {border: none; border-bottom: 1px solid #eee; position: relative; padding:5px 5px 5px 50% !important;}
		.ActiveTestCycleTable td:before {position: absolute; top: 6px; left: 6px; width: 45%; padding-right: 10px; white-space: nowrap;}

		.ActiveTestCycleTable td:nth-of-type(1):before { content: "Sl.No"; font-weight:bold; }
		.ActiveTestCycleTable td:nth-of-type(2):before { content: "Type"; font-weight:bold; }
		.ActiveTestCycleTable td:nth-of-type(3):before { content: "Title";  font-weight:bold;}
		.ActiveTestCycleTable td:nth-of-type(4):before { content: "Month"; font-weight:bold; }
		.ActiveTestCycleTable td:nth-of-type(5):before { content: "Starts"; font-weight:bold; }
		.ActiveTestCycleTable td:nth-of-type(6):before { content: "Ends"; font-weight:bold; }
		.ActiveTestCycleTable td:nth-of-type(7):before { content: "Per Point Pay"; font-weight:bold; }
		.ActiveTestCycleTable td:nth-of-type(8):before { content: "Issues"; font-weight:bold; }
		.ActiveTestCycleTable td:nth-of-type(9):before { content: "Testers";  font-weight:bold;}*/
		
		
		
		/* Test Cycle Table */
		/*.TestCycleTable table, thead, tbody, th, td, tr {display: block;}
		.TestCycleTable thead tr {position: absolute; top: -9999px; left: -9999px;}
		.TestCycleTable tr {border: 1px solid #ccc;}
		.TestCycleTable td {border: none; border-bottom: 1px solid #eee; position: relative; padding:5px 5px 5px 50% !important;}
		.TestCycleTable td:before {position: absolute; top: 6px; left: 6px; width: 45%; padding-right: 10px; white-space: nowrap;}

		.TestCycleTable td:nth-of-type(1):before { content: "Sl.No"; font-weight:bold; }
		.TestCycleTable td:nth-of-type(2):before { content: "Type"; font-weight:bold; }
		.TestCycleTable td:nth-of-type(3):before { content: "Title";  font-weight:bold;}
		.TestCycleTable td:nth-of-type(4):before { content: "Role"; font-weight:bold; }
		.TestCycleTable td:nth-of-type(5):before { content: "Team"; font-weight:bold; }
		.TestCycleTable td:nth-of-type(6):before { content: "Bugs"; font-weight:bold; }
		.TestCycleTable td:nth-of-type(7):before { content: "Position"; font-weight:bold; }
		.TestCycleTable td:nth-of-type(8):before { content: "Status"; font-weight:bold; }*/
		
		
		/* Issues List Table */
		/*.IssuesListTable table, thead, tbody, th, td, tr {display: block;}
		.IssuesListTable thead tr {position: absolute; top: -9999px; left: -9999px;}
		.IssuesListTable tr {border: 1px solid #ccc;}
		.IssuesListTable td {border: none; border-bottom: 1px solid #eee; position: relative; padding:5px 5px 5px 50% !important;}
		.IssuesListTable td:before {position: absolute; top: 6px; left: 6px; width: 45%; padding-right: 10px; white-space: nowrap;}

		.IssuesListTable td:nth-of-type(1):before { content: "ID"; font-weight:bold; }
		.IssuesListTable td:nth-of-type(2):before { content: "Summary"; font-weight:bold; }
		.IssuesListTable td:nth-of-type(3):before { content: "Reported By";  font-weight:bold;}
		.IssuesListTable td:nth-of-type(4):before { content: "Priority"; font-weight:bold; }
		.IssuesListTable td:nth-of-type(5):before { content: "Severity"; font-weight:bold; }
		.IssuesListTable td:nth-of-type(6):before { content: "Issue Status"; font-weight:bold; }
		.IssuesListTable td:nth-of-type(7):before { content: "Reviewered Status"; font-weight:bold; }
		.IssuesListTable td:nth-of-type(8):before { content: "Reviewer By"; font-weight:bold; }
		.IssuesListTable td:nth-of-type(9):before { content: "Action"; font-weight:bold; }*/
	}

/*---------------------------- End Table Responsive CSS -----------------------*/


.table-fixed thead {width:100%;}
/*.table-fixed thead th{background:#ccc;}*/
.table-fixed tbody {height:273px; overflow-y:auto; overflow-x:hidden; width: 100%;}
.table-fixed thead, .table-fixed tbody, .table-fixed tr, .table-fixed td, .table-fixed th {display: block;}
.table-fixed tbody td, .table-fixed thead > tr> th {float: left; border-bottom-width: 0;}

.TestCyclesSection .table-fixed tbody {height:95px; overflow-y: auto; overflow-x:hidden; width: 100%;}
/* Outer */



/*-------------------------- Start Reviewer CSS --------------------*/
.ReviewerEditDiv{height: auto; font-size: 16px; width:100%; -webkit-appearance: none; border: none; border: 1px solid #fff; padding: 3px; margin:0 0 10px; color: #333; background: #fff;}

/*-------------------------- End Reviewer CSS --------------------*/

button, input, optgroup, select, textarea {
    margin: 0;
    font:normal !important;
    font-size: 13px !important;
    color:#333 !important;
}
.errMsg { font-size: 13px; color: #f00; margin: 0; width: 100%; float: left;}
.ProfileMsg { font-size: 16px; color: #f00; margin: 0; width: 100%; float: left; text-align:center;}
.ShortDESC{border:1px solid #ccc; padding:10px; margin:0 15px 30px;}