/* -------------------------------------------------------- */
/* General Classes									    	*/
/* -------------------------------------------------------- */

*{margin:0; padding:0;}
a, a:hover,a:focus{color:#3F3F3F; outline:none; text-decoration:none;}
body {color:#3F3F3F; font-family: 'Roboto', sans-serif; font-size: 15px;}
ul{list-style-type: none; margin: 0;}

img{max-width:100%;}
.ellipses {overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.mr-0 {margin-right: 0 !important;}
select:not([multiple]){
/*    background: transparent url(../images/icons-sprite.png) no-repeat right -428px !important;*/
    background: transparent url(../images/icons-sprite.png) no-repeat right -945px !important;
    border-style: solid;
    border-width: 1px;
    border-color: #dfdfdf !important;
    color: #3f3f3f !important;
    font-size: 15px !important;
    height: 47px !important;
    line-height: 1.42857;
    padding: 0 22px 0 10px !important;
    text-overflow: ellipsis;
    transition: border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s;
    width: 100%;
    -webkit-border-radius: 2px !important;
    -moz-border-radius: 2px !important;
    border-radius: 2px !important;
    -webkit-appearance: none;
    -moz-appearance: none;
    padding-right: 16px;
	-webkit-box-shadow: 0 2px 3px -1px rgba(0, 0, 0, 0.25)!important;
	-moz-box-shadow: 0 2px 3px -1px rgba(0, 0, 0, 0.25)!important;
	box-shadow: 0 2px 3px -1px rgba(0, 0, 0, 0.25)!important;
}
.has-clear{ padding-right:35px;}
select::-ms-expand{display: none;}
select > option {background-color: #FFF; color: #3f3f3f;}
select:hover, select:focus{border-color: #aeaeae !important; outline: none;}
label{color: #898989; font-weight: 500; margin-bottom: 6px; padding-left: 11px;}
input:-webkit-autofill {
    -webkit-box-shadow: 0 0 0 1000px white inset !important;
    background-color:#ffffff;
}
input[type="text"],
input[type="email"],
input[type="password"],
input[type="number"],
input[type="url"],
input[type="date"]{
    border-style: solid;
    border-width: 1px;
    border-color: #dfdfdf;
    height: 34px !important;
	position: relative;
    -webkit-border-radius: 0 !important;
    -moz-border-radius: 0 !important;
    border-radius: 0 !important;
	-webkit-box-shadow:0px 1px 2px 0 rgba(0, 0, 0, 0.1) inset;
	-moz-box-shadow: 0px 1px 2px 0 rgba(0, 0, 0, 0.1) inset;
	box-shadow: 0px 1px 2px 0 rgba(0, 0, 0, 0.1) inset;
}
input[type="number"]{padding-right: 3px !important;}
input[type=number] {
  -moz-appearance: textfield;
}
input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
  -webkit-appearance: none;
  margin: 0; /* Removes leftover margin */
}

/* Re-applies the controls on :hover and :focus */
input[type="number"]:hover,
input[type="number"]:focus {
  -moz-appearance: textfield;
}
input[type="text"]:hover,
input[type="email"]:hover,
input[type="password"]:hover,
input[type="number"]:hover,
input[type="url"]:hover,
.form-row .form-group .control-field .form-control:hover, .form-row .form-group .control-field-row .form-control:hover{border-color: #aeaeae !important;}

.valign-middle {
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-align-content: center;
    -ms-flex-line-pack: center;
    align-content: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
}

.valign-middle > div{
     -webkit-order: 0;
    -ms-flex-order: 0;
    order: 0;
    -webkit-flex: 0 1 auto;
    -ms-flex: 0 1 auto;
    flex: 0 1 auto;
    -webkit-align-self: auto;
    -ms-flex-item-align: auto;
    align-self: auto;
}

/* Default OK and CANCEL Buttons  */
.btn:active, .btn.active {box-shadow: none;  -webkit-box-shadow: none;}
.btn{color: #3F3F3F; font-weight: 500; min-width: 106px;}
.btn-cancel{background-color: transparent; border: none; color: #606060;}
.btn-cancel:hover{text-decoration: underline;}
.btn-ok{background-color: #FFF; border: 1px solid #dbdbdb; height: 32px; -webkit-box-shadow: 0 2px 3px -1px rgba(0, 0, 0, 0.25); -moz-box-shadow: 0 2px 3px -1px rgba(0, 0, 0, 0.25); box-shadow: 0 2px 3px -1px rgba(0, 0, 0, 0.25);}
.btn-ok:hover{border-color: #aeaeae;}
.btn-delete{background-color: #FFF; border: 1px solid #dbdbdb; color: #db2022; height: 32px; -webkit-box-shadow: 0 2px 3px -1px rgba(0, 0, 0, 0.25); -moz-box-shadow: 0 2px 3px -1px rgba(0, 0, 0, 0.25); box-shadow: 0 2px 3px -1px rgba(0, 0, 0, 0.25);}

.bg-gray{background-color: #f3f3f3;}

/* -------------------------------------------------------- */
/* Background Colors								    	*/
/* -------------------------------------------------------- */
.bg-brown{background-color: #8b6d64;}
.bg-slategray{background-color: #56718a;}
.bg-red{background-color: #c74527;}
.bg-orange{background-color: #ffa450;}
.bg-green{ background-color: #6EB31E;}

/* -------------------------------------------------------- */
/* Header											    	*/
/* -------------------------------------------------------- */

.header{position: relative; z-index: 10;}
.header .navbar{margin-bottom: 0; min-height: 56px; -webkit-box-shadow: 0 1px 8px 0 rgba(0, 0, 0, 0.15); border-radius: 0; -webkit-border-radius: 0; -moz-box-shadow: 0 1px 8px 0 rgba(0, 0, 0, 0.15); box-shadow: 0 1px 8px 0 rgba(0, 0, 0, 0.15);}
.header .navbar-brand{line-height: 50px; padding: 0 19px;}
.header .navbar-brand > img{display: inline-block;}
.header .navbar-nav > li > a {padding: 17px 25px 18px 25px;}
.header .navbar-default{background-color: #FFF; border: 0; border-bottom: 1px solid #dcdcdc;}
.navbar-default .navbar-nav > li > a {color: #3F3F3F;}
.header .navbar-default .navbar-nav > .active > a,
.header .navbar-default .navbar-nav > .active > a:focus,
.header .navbar-default .navbar-nav > .active > a:hover {background-color: #4d4d4d; color: #FFF; font-weight: 500;}
.navbar-default .navbar-nav > li > a:hover,
.navbar-default .navbar-nav > li > a:focus{background-color: #f3f3f3;}

.right-nav > ul > li{float: left; border-left:solid 1px #f3f3f3;}

.right-nav > ul > li a.dropdown-toggle{color:#4a90e2; font-weight: 500; padding-right:53px;}
.right-nav > ul > li > span{ display:block; font-weight:500; color:#303030; line-height:20px;  padding: 17px 26px 18px;}
.right-nav > ul > li a.dropdown-toggle span.caret{border:none;display:inline-block;position:absolute; width:20px; height:20px; right:25px; top:24px; }
.right-nav > ul > li a.dropdown-toggle span.caret.icons:after{position:absolute; width:20px; height:20px; left:0px; top:0px; background-position:0 -910px; }
.right-nav > ul > li.dropdown.open > a, .right-nav > ul > li.dropdown.open > a:focus{ background:#4d4d4d; color:#fff;}
/*.right-nav > ul > li > a.dropdown-toggle:hover span.caret.icons:after,
.right-nav > ul > li > a.dropdown-toggle:focus span.caret.icons:after,
.right-nav > ul > li.dropdown.open > a.dropdown-toggle span.caret.icons:after,
.right-nav > ul > li.dropdown.open > a.dropdown-toggle:focus span.caret.icons:after,
.right-nav > ul > li.dropdown > a.dropdown-toggle:active span.caret.icons:after{ background-position:0 -938px;}*/



/* -------------------------------------------------------- */
/* Sub Header										    	*/
/* -------------------------------------------------------- */

.sub-header{background-color: #f3f3f3; border-bottom: 1px solid #e5e5e5; height: 145px; /*margin-top: 55px;*/}
.top-band{border-bottom: 1px solid #e5e5e5; height: 56px;}
.match-title {
    color: #898989;
    float: left;
    margin-left: 10px;
    padding: 18px 20px 18px 27px;
    position: relative;
    max-width: 490px; /* Kinda arbitrary. Same width as a "team column". */
}
.match-title:before{background:url(../images/icons-sprite.png) no-repeat 0 0; content: ""; height: 20px; left: 0; position: absolute; width: 24px;}
.top-band-right{float: right; height: 56px; line-height: 56px;}
.overview-steps{padding: 20px 0;}
.overview-steps ul li{display: inline-block;}
.match-settings{border-left: 1px solid #e5e5e5; border-right: 1px solid #e5e5e5; float: left; width: 174px;}
.match-settings a{color: #3f3f3f; display: block; font-weight: 600; padding-left: 53px; position: relative;}
.match-settings a:before{background:url(../images/icons-sprite.png) no-repeat 0 -40px; content:""; left: 20px; height: 24px; position: absolute; top: 16px; width: 24px;}
.set-match{float: left; position: relative; width: 237px;}
.set-match a{color: #FFF; display: block; padding-left: 56px; text-transform: uppercase;}
.set-match a:hover{text-decoration: underline;}
.live{background-color: #303030;}
.live:before{background-color: #e90000; content: ""; height: 16px; left: 30px; position: absolute; top: 20px; width: 16px; border-radius: 50%; -webkit-border-radius: 50%;}
.finished{background-color: #6eb31e;}

/* -------------------------------------------------------- */
/* Match Details									    	*/
/* -------------------------------------------------------- */
.col-490{float: left; min-height: 300px; max-width: 490px; width: 35%}
.col-490 .match-details-header{padding: 22px 28px; position:relative;}
.col-458{border-left: 1px solid #e5e5e5; border-right: 1px solid #e5e5e5; float: left;  min-height: 300px; max-width: 458px; width: 30%;}
.col-458 .match-details-header{padding: 15px 0 0 0; position: relative;}
.col-458 .match-details-header .action{margin-top: 0; position: absolute; right: 28px; top: 28px;}
.match-details-body{position: relative; background-color: #fff;}
.match-details{position: relative;}
.match-details:before{background-color: #e5e5e5; content: ''; height: 1px; left: 0; position: absolute; right: 0; top: 79px; width: 100%;}
.match-details-header{font-size: 24px; height: 80px; text-align: center;}
.team-logo{display: inline-block; height: 40px; margin-right: 14px; width: 40px;border-radius: 50%;-webkit-border-radius: 50%;}
.team-title{line-height: 35px;}
.match-details .add-player + .add-player-row { max-width: 394px;}
.match-details .add-player{margin-top: 10px;}
.action{margin-top: 7px; width: 25px;}
.action > a{display: block; text-indent: -9999px;}
.arrow-next{background: url(../images/icons-sprite.png) no-repeat 0 -85px; height: 22px;}
.arrow-prev{background: url(../images/icons-sprite.png) no-repeat 0 -127px; height: 22px;}
.edit{background: url(../images/icons-sprite.png) no-repeat 0 -169px; height: 25px;}
.datetime span{color: #898989; display: block; font-size: 12px;}
.player-modal .form-row .form-group {
    width: 100%;
}
.player-modal .form-row {
    padding: 10px;border: none;
}
.player-modal .form-row .form-group:after {
    width: 100%;
    left: 0;
}
.half-setting-container .player-modal label {
    width: auto !important;
    min-width: 30%;
}
.modal-body .form-group > label.required-label{color:#3f3f3f;}
/* -------------------------------------------------------- */
/* Expected Lineup									    	*/
/* -------------------------------------------------------- */

.match-details-body h3{color: #898989; font-size:15px; margin: 22px 0 24px 21px; text-transform: uppercase;}
.lineup, .add-player-row{margin-left: 10px;}
.col-490:last-child ul.lineup{margin-left: 20px;}
.lineup li{display: block; margin-bottom: 8px;}
.lineup li:before, .lineup li:after, .mapban-list > li:before, .mapban-list > li:after{clear: both; content: " "; display: table;}
.lineup-row{background-color: #f3f3f3; border: 1px solid #dbdbdb; float: left; min-height: 56px; max-width: 410px; padding: 12px 15px; width: 100%; border-radius: 2px; -webkit-border-radius: 2px; -webkit-box-shadow: 0 2px 3px -1px rgba(0, 0, 0, 0.25); -moz-box-shadow: 0 2px 3px -1px rgba(0, 0, 0, 0.25); box-shadow: 0 2px 3px -1px rgba(0, 0, 0, 0.25);}
.mapban-list > li:hover{background-color: #f3f3f3;}
.lineup-row:hover{border-color: #aeaeae;}
.player-pic{float: left; margin-right: 8px; width: 30px;overflow:hidden;border-radius: 50%;-webkit-border-radius: 50%;}
.player-name{float: left; font-weight: 500; margin-top: 5px; width:83%;}
.player-name > span{color: #898989; font-weight: 400; margin-left: 10px;}
.player-name > a{color: #3F3F3F;}
.player-name > a > span {color: #898989; display:inline-block; font-weight: 400; margin-left: 10px;}
.player-edit{float: right; margin-top: 3px; width: 24px;}
.player-edit > a{display: block; text-indent: -9999px;}
.lineup-row-del{float: left; width: 60px;}
.lineup-row-del > a{display: block; margin: 13px 0; padding: 15px 0; text-indent: -9999px;}
.delete{background: url(../images/icons-sprite.png) no-repeat 21px -204px; height: 12px;}

.add-player{background-color: #FFF; float: left; height: 56px; max-width: 410px; width: 87.2%; margin-left: 10px; text-align: center;}
.col-490:last-child .add-player{margin-left: 20px;}
.add-player > a{color: #3F3F3F; border: 1px solid #dbdbdb; line-height: 30px;  display: block; font-weight: 500; padding: 12px 15px; position: relative; text-transform: uppercase;  border-radius: 2px; -webkit-border-radius: 2px;}
.add-player > a > span{margin-right: 8px;}
.add-player > a:hover{border-color: #aeaeae;}

/* Add Player */
.add-player-row{background-color: #f3f3f3; border: 1px solid #dbdbdb; display: none; float: left; margin-bottom: 8px; max-width: 410px; width: 100%; border-radius: 2px; -webkit-border-radius: 2px; -webkit-box-shadow: 0 2px 3px -1px rgba(0, 0, 0, 0.25); -moz-box-shadow: 0 2px 3px -1px rgba(0, 0, 0, 0.25); box-shadow: 0 2px 3px -1px rgba(0, 0, 0, 0.25);}
.col-490:last-child .add-player-row{margin-left: 20px !important;}
.add-field{padding: 11px; position: relative;}
.button-group{border-top: 1px solid #d7d7d7; text-align: right; padding: 12px 11px;}
.btn-group button{float: left;}
.add-field .input-field {
    border: 2px solid #767676;
    height: 32px !important;
	padding: 8px 7px !important;
    position: relative;
    box-shadow: none !important;
    -webkit-box-shadow: none;
    border-radius: 2px !important;
    -webkit-border-radius: 2px;
    width: 100%;
}
.add-field .icon-clear{right: 16px; top: 18px;}
.auto-suggest-list{background-color: #f3f3f3;max-height: 223px;
    overflow-y: auto;position: relative;width: 100%}
.auto-suggest-list ul{margin: 0;}
.auto-suggest-list ul li{border-bottom: 1px solid #dbdbdb; float: left; height: 56px; padding: 12px 25px; position: relative; width: 100%;}
.auto-suggest-list ul li:hover, .auto-suggest-list ul li:focus{background-color: #4a90e2; cursor: pointer;}
.auto-suggest-list ul li:hover a, .auto-suggest-list ul li:focus a{color:#fff;}
.auto-suggest-list ul li:last-child{border-bottom: 0;}
.auto-suggest-list ul li:hover .player-name, .auto-suggest-list ul li:hover .player-name > span, .auto-suggest-list ul li:focus .player-name, .auto-suggest-list ul li:focus .player-name > span{color: #FFF;}

/* -------------------------------------------------------- */
/* Map Ban											    	*/
/* -------------------------------------------------------- */

.head-wrap{border-bottom: 1px solid #e6e6e6; height: 55px; margin: 0 10px; padding: 0 2.3% 0 2.7%;}
.match-details-body .head-wrap h3{color: #3f3f3f; margin: 0; padding-top: 21px; text-transform: none;}
.mapban-list{margin: 0 10px;}
.mapban-list > li{border-bottom: 1px solid #e6e6e6; height: 55px; line-height: 30px; padding: 12px 0;}

.sno{float: left; text-align: center; width: 7%;}
.col-dropdown{float: left; margin-right: 1.8%; max-width: 106px; width: 24.2%;}
.col-dropdown:last-child{margin-right: 0;}
.col-dropdown select, .col-drop-down select{
/*    background: transparent url(../images/icons-sprite.png) no-repeat right -438px !important;*/
    background: transparent url(../images/icons-sprite.png) no-repeat right -953px !important;
    border-style: solid;
    border-width: 1px;
    border-color: #dbdbdb;
    color: #3f3f3f;
    font-size: 15px;
    height: 32px !important;
    line-height: 1.42857;
    padding: 0 22px 0 10px !important;
    text-overflow: ellipsis;
    transition: border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s;
    width: 100%;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    -webkit-appearance: none;
    -moz-appearance: none;
    padding-right: 16px;
	-webkit-box-shadow: 0 2px 3px -1px rgba(0, 0, 0, 0.25);
	-moz-box-shadow: 0 2px 3px -1px rgba(0, 0, 0, 0.25);
	box-shadow: 0 2px 3px -1px rgba(0, 0, 0, 0.25);
}
.col-dropdown select::-ms-expand, .col-drop-down select::-ms-expand {display: none;}
.col-dropdown select > option, .col-drop-down select > option {background-color: #FFF; color: #3f3f3f;}

.sort, .remove{float:left; width: 8.2%;min-width: 22px;}
.sorting{background: url(../images/icons-sprite.png) no-repeat 9px -236px; height: 10px;}
.remove > a, .sort > a{display: block; height: 12px; padding: 16px 0; text-indent: -9999px;}
.remove .delete{background: url(../images/icons-sprite.png) no-repeat 13px -204px;}
.add-pickban-row{border-bottom: 1px solid #e6e6e6; height: 56px; text-align: center;}
.add-pickban-row > a{color: #3F3F3F; display: block; font-weight: 500; padding: 16px 0; text-transform: uppercase;}
.add-pickban-row > a > span{margin-right: 8px;}
.col-drop-down{float: left; max-width: 334px; width: 76.3%;}

/* Custom Checkbox */
.cus-check-box{height:26px; margin-top: 16px; overflow:hidden; width:26px; position:relative;}
.cus-check-box input[type="checkbox"]{ position:absolute; left:-50px;}
.cus-check-box input[type="checkbox"]+label{ width:26px; height:26px; background: url(../images/icons-sprite.png) no-repeat 0 -319px;}
.cus-check-box input[type="checkbox"]:checked+label{ background-position:0 -363px;}

.lol-building {
    height: 48px;
    margin-top: 16px;
    overflow: hidden;
    width: 48px;
    position: relative;
}
.lol-building input[type="checkbox"] {
    position: fixed;
    left:-50px;
}
.lol-building input[type="checkbox"]+label {
    width: 48px;
    height: 48px;
    background: url(../images/icons-towers.png) no-repeat 0 -48px;
    background-size: 48px;
}
.lol-building input[type="checkbox"]:checked+label {
    background-position: 0 0px;
}

.lol-building-tower input[type="checkbox"]+label {
    background: url(../images/icons-towers.png) no-repeat 0 -48px;
    background-size: 48px;
}
.lol-building-tower-red input[type="checkbox"]:checked+label {
    background-position: 0 -192px;
}
.lol-building-tower-blue input[type="checkbox"]:checked+label {
    background-position: 0 -240px;
}

/* -------------------------------------------------------- */
/* Match Settings Modal								    	*/
/* -------------------------------------------------------- */
.modal-xlg{width: 960px;}
.modal-xlg .modal-header{padding: 23px 15px 22px 15px; text-align: center;}
.modal-xlg .modal-header .modal-title{font-size: 24px;}
.modal-xlg .modal-body {padding: 20px;}
.modal-xlg .modal-footer {border-top: 1px solid #E6E6E6; padding: 22px 15px 21px 15px;}
.icon-clear{background-color: transparent; border: 0; display: none; position: absolute; right: 12px; top: 35px; z-index: 99;cursor:pointer;}
.icon-clear:focus{outline: 0 none;}
.icon-clear:after {background: url(../images/icons-sprite.png) no-repeat 0 -504px; content: "";	display: block; height: 17px; width: 17px; text-indent: -9999px;}
.form-group{position:relative;}
.published {border-bottom: 1px solid #ccc; left: 10px; padding: 0 15px 0 10px; position: absolute; right: 0; top: 280px; width: 96%;}
.published-label{float: left; font-weight: 500;}
.published .cus-check-box{margin-top: 0; margin-bottom: 10px;}

/* -------------------------------------------------------- */
/* Login											    	*/
/* -------------------------------------------------------- */

.login-box{border: 1px solid #ccc; margin: 0 auto; padding: 30px 40px; width: 500px; max-width: 100%;}
.login-box h2{font-size: 24px; font-weight: 400; margin: 0 0 20px 0;}
.login-box .form-horizontal{width: 100%;}
.login-box .form-horizontal .control-label{color: #898989; font-weight: 500; line-height: 47px; padding: 0; text-align: left;}
.login-box .form-horizontal .form-group {margin-left: 0; margin-right: 0;}
.login-box .form-horizontal .form-group:last-child{margin-bottom: 0;}
.login-box .bg-danger{padding:5px 10px;}

/* -------------------------------------------------------- */
/* Add / Edit New Player							    	*/
/* -------------------------------------------------------- */

.body-content{position: relative; z-index: 2;}
.cols-wrapper{position: relative;}
.cols-wrapper:before{background-color: #e6e6e6; content: ''; height: 1px; left: 0; position: absolute; right: 0; top: 88px; width: 100%;}
.col-left{float: left; width:65.8%; max-width: 958px; position: relative;}
.col-left:after{background-color: #e6e6e6; content: ''; height: 100%; position: absolute; right: 0; top: 0; width: 1px;}
.col-right{float: left; width:34.1%; max-width: 491px;}
.col-left h1{font-size: 24px; font-weight: 400; margin: 34px 0 29px 40px;}
.col-left h1 > span{color: #b1b1b1;}
.alert {position: fixed; top: 0; width: 50%; left: 25%; z-index: 9999999; text-align: center;}

/* Upload Picture */
.upload-player-pic{border-bottom: 1px solid #e6e6e6; min-height: 240px; padding: 19px 40px 20px 40px;}
.player-profile-pic{background-color: #f3f3f3; border: 1px solid #dcdcdc; float:left; height: 200px; overflow: hidden; position: relative; width: 200px; border-radius: 50%; -webkit-border-radius: 50%;}
.player-profile-pic > img{position: relative; z-index: 2;}
.player-profile-pic:before{background: url(../images/icons-sprite.png) no-repeat 0 -539px; content: ''; height: 36px; left: 39%; position: absolute; top: 41.2%; width: 48px; z-index: 1;}
.btn-upload-pic{float:left; height: 100%; margin: 84px 0 0 20px; position: relative; overflow: hidden;}
.btn-remove-pic{float:left; height: 100%; margin: 84px 0 0 8px; position: relative; overflow: hidden;}
.btn-upload-pic input[type="file"]{position: absolute; top: -9999px; padding: 6px 20px !important;}
.btn-upload-pic, .btn-remove-pic{-webkit-box-shadow: 0 2px 3px -1px rgba(0, 0, 0, 0.25); -moz-box-shadow: 0 2px 3px -1px rgba(0, 0, 0, 0.25); box-shadow: 0 2px 3px -1px rgba(0, 0, 0, 0.25);}

/* Profile Form */
.form-row{border-bottom: 1px solid #e6e6e6; padding: 28px 0 24px 40px; position: relative;}
.form-row .form-group{float: left; margin: 0 0 24px 0; width: 652px; position: relative; }
.form-row .form-group:last-child{margin-bottom: 0;}
.form-row .form-group:after{content: ''; background-color: #e6e6e6; bottom: -12px; height: 1px; left: -21px; position: absolute; right: 0; width: 612px;}
.form-row .form-group:last-child:after{display: none;}
.form-row .form-group > label{float: left; line-height: 32px; margin-bottom: 0; padding-left: 0; max-width: 277px; width: 45.6%}
.form-row .form-group > label.required-label{color:#3f3f3f;}
.form-row .form-group .control-field{float: left; max-width: 315px; width: 49.4%}
.form-row .form-group .control-field.year{margin-right: 8px; width: 86px}
.form-row .form-group .control-field.month{margin-right: 8px; width: 43px}
.form-row .form-group .control-field.date{width: 43px}

.form-row .form-group .control-field .form-control{border-color: #dfdfdf !important; float: left; height: 32px !important; padding: 2px 5px 2px 5px !important;}
.form-row .form-group .control-field.with-clear .form-control{border-color: #dfdfdf !important; float: left; height: 32px !important; padding: 2px 33px 2px 8px !important;}
.form-row .form-group .member-block-box-inner .control-field-row .form-control{padding: 2px 8px !important;}

.form-row .form-group .control-field select{background: transparent url(../images/icons-sprite.png) no-repeat 108% -436px !important; height: 32px !important;}
.form-row .form-group .control-field-row select{background: transparent url(../images/icons-sprite.png) no-repeat 122% -436px !important; height: 34px !important;}
.add-btn, .remove-btn{float: left; max-width: 40px; padding-left: 12px; width: 6.1%}
.add-btn > a{background: url(../images/icons-sprite.png) no-repeat 0 -271px; display: block; height: 28px; text-indent: -9999px; width: 25px;}
.add-btn > a:hover{background-position: 0 -989px;}
.remove-btn > a{background: url(../images/icons-sprite.png) no-repeat 6px -203px; display: block; margin: 0; padding: 5px 0; text-indent: -9999px;}
.control-field-row{margin-bottom: 24px;}
.checkboxes-row{margin-bottom: 6px;}
.control-field .checkboxes-row:last-child{margin-bottom: 0;}
.control-field-row .checkbox-inline:first-child{min-width: 91px;}
.col-half{float: left; margin-right: 15px; max-width: 150px; position: relative; width: 47.6%;}
.form-row-footer{background-color: #f3f3f3;
    padding: 16px;
    text-align: right;
    position: fixed;
    width: 65%;
    bottom: 0;
    z-index: 9;
    max-width: 958px;}
.control-field .control-field-row:last-child {margin-bottom: 0;}

.col-half:first-child:after{background-color: #3f3f3f; content: ''; height: 1px; position: absolute; top: 45%; right: -8%; width: 10px;}
.member-block-body .col-half:first-child:after{ top:inherit; bottom:26%;}

/* Custom Checkbox */
.cus-checkbox{display:inline-block;overflow:hidden; position:relative;min-width:91px;}
.cus-checkbox input[type="checkbox"]{position:absolute; left:-200px;}
.cus-checkbox input[type="checkbox"]+label{ padding:2px 0 1px 32px; overflow:hidden;position:relative;color:#898989;background: rgba(0, 0, 0, 0) url("../images/icons-sprite.png") no-repeat scroll -1px -319px;}
.cus-checkbox input[type="checkbox"]:checked+label{color:#373737;background-position: -1px -363px;}

/* Custom Radio */
.cus-radio{display:inline-block;overflow:hidden; position:relative;min-width:91px;}
.cus-radio input[type="radio"]{position:absolute; left:-100px;}
.cus-radio input[type="radio"]+label{ padding:2px 0 6px 32px; overflow:hidden;position:relative;color:#898989;background: rgba(0, 0, 0, 0) url("../images/icons-sprite.png") no-repeat scroll 0 -636px;}
.cus-radio input[type="radio"]:checked+label{color:#373737;background-position: 0 -676px;}

/* Search Block */
.search-block{background-color: #f3f3f3; padding: 20px;}
.search-bar{position: relative;}
.search-bar-submit{background: url(../images/icons-sprite.png) no-repeat 0 -594px; border:0; content: ""; display: block; height: 28px; left: 12px; position: absolute; top: 12px; width: 24px; text-indent: -9999px; z-index: 9;}
.search-bar-submit:focus{outline: none;}
.search-bar-input{position: relative;}
.search-bar-input .icon-clear{ top:18px;}
.search-bar-input .search-phrase{border: 1px solid #dfdfdf; height: 48px !important; padding: 0 40px 0 48px; width: 100%;}

/* Recently Added Players */
.players-recent-list{padding: 0 20px;}
.players-recent-list > h3{color: #898989; font-size: 15px; font-weight: 500; margin: 15px 0 24px 0;}
.players-recent-list ul li{border-bottom: 1px solid #dcdcdc; height: 56px; margin-bottom: 8px; padding: 13px 0 13px 21px; position: relative;}
.players-recent-list ul li:hover, .players-recent-list ul li.current-player {background-color: #f3f3f3; cursor: pointer;}
/*.players-recent-list ul li:hover a, .players-recent-list ul li:hover a > span,
.players-recent-list ul li.current-player a, .players-recent-list ul li.current-player a > span{color: #FFF;}*/
.players-recent-list ul li > a{display: block;}
.player-tile{height: 56px; position: absolute; left: 0; top: 0; width: 8px;}
.player-tile:after{background-color: #FFF; content:''; height: 56px; position: absolute; right: -1px; top: 0; width: 1px;}
.players-recent-list ul li:hover .player-tile:after,
.players-recent-list ul li.current-player .player-tile:after{display: none;}

/* -------------------------------------------------------- */
/* Edit Existing Team								    	*/
/* -------------------------------------------------------- */
.form-row .form-group .control-field.member-block{max-width: 360px; width: auto;}
.member-block-row{margin-bottom: 8px;}
.member-block-wrap{background-color: #f3f3f3; border: 1px solid #dbdbdb; float: left; width: 315px;}
.member-block .remove-btn{float: left; width: 40px; padding-left: 12px;}
.member-block .col-half{max-width: 138px;}
.member-block .col-half label{color: #B0B0B0; font-weight: 500; padding-left: 9px;}
.member-block-header{height: 54px; padding: 14px 15px; position: relative;}
.member-block-header .player-tile {left: -1px; top: -1px;}
.member-block-header .player-tile:after{display: none;}
.member-block-body{border-top: 1px solid #e6e6e6; padding: 14px 11px 6px 11px;}
.member-block .control-field-row {margin-bottom: 12px;}
.w-315{width: 315px;}

/* -------------------------------------------------------- */
/* Add new Team								    			*/
/* -------------------------------------------------------- */
.add-member-row{background-color: #f3f3f3; border: 1px solid #dbdbdb; display: none; float: left; margin-bottom: 8px; max-width: 410px; width: 100%; border-radius: 2px; -webkit-border-radius: 2px; -webkit-box-shadow: 0 2px 3px -1px rgba(0, 0, 0, 0.25); -moz-box-shadow: 0 2px 3px -1px rgba(0, 0, 0, 0.25); box-shadow: 0 2px 3px -1px rgba(0, 0, 0, 0.25);}
.form-row .form-group .add-member-row .form-control.input-field{border: 2px solid #767676 !important;}
.members-block .player-tile:after{display: none;}
.member-block-body .col-half{margin-right: 8px;}
.member-block-body .control-field-row{margin-bottom: 12px;}
.control-field.members-block.member-block-box {max-width: 375px; width: 375px;}
.members-block .add-member-row{max-width: 375px; width: 315px;}
.member-block-box-inner{display: none; margin-bottom: 16px; max-width: 375px;}
.member-block-box-inner .remove-btn{width: 10.1%;}

/* -------------------------------------------------------- */
/* Game Media								    			*/
/* -------------------------------------------------------- */

.game-ov-container{width:100%; overflow-x:hidden; position:relative;background:#f3f3f3;}
.sidebar{left:0; top: 56px; height: calc(100% - 56px); overflow-y:auto; position: fixed; width: 360px; z-index:5; transition:all .5s ease; -webkit-transition:all .5s ease;}
.sidebar-box{ padding: 0;}
.sidebar.hide-sidebar{left:-481px;}
.right-container{padding-left:360px; float:left; width:100%;transition:all .5s ease; }
.right-container.hide-sidebar{ padding-left:0;}
.sidebar-overlay{ position:fixed; left:0; top:0; height:100%; background:#fff; z-index:9;display: none;}

.match-view-cont{ padding: 0 21px 50px 0px;}
.right-container.hide-sidebar .match-view-cont{ padding-left:21px; border:none;}
.match-date{font-size:16px; color:#767676; padding:13px 0 12px 59px; background:#f3f3f3; width:100%;border-bottom:solid 1px #e6e6e6;}
.day-wise-matchs{width:100%;}
.match-list > ul{ margin:0; padding:0;list-style:none;}
.match-list > ul > li{  border-bottom:solid 1px #e6e6e6; color:#303030; font-size:18px;margin:0;padding:18px 25px 18px 22px;background:#ffffff;position:relative;}
.match-list > ul > li.active-match{ background:#f3f3f3;}
.match-tile{height: 101%;left: 0;position: absolute;top: 0;width: 8px;}
.match-tile-default{ background:#56718b;}
.match-detail {
    padding: 0 0 14px 23px;
}
.match-detail > div {
    margin-bottom: 72px;
}
.match-detail-time{padding-left:36px; margin-bottom:14px;}

.match-detail-label{margin-bottom:14px;}
.match-detail-label .lable-icon{ float:left;width:30px; height:30px; margin-right:10px;}
.match-detail-label .lable-icon img{ max-width:100%;}

.match-detail-label:after{clear:both; display:table; content:"";}
.match-detail-label .lable-title{float:left;margin-right:10px; margin-top:3px;}
.match-detail-label .match-score{float: right; padding-top: 3px; text-align: right;}
.match-pointer{display:inline-block;width:12px; height:12px; border-radius:50%;-webkit-border-radius:50%;background:#d64845; margin-left:9px;}
.match-status{ color:#767676; font-size:14px; padding-left: 40px;}

.view-match-icon{position:absolute;right:24px; top:23px;}
.view-match-icon a{ background-position: 0 -811px; height:15px; display:block; overflow:hidden; width:22px;}

.icons:after{background-image: url(../images/icons-sprite.png); background-repeat: no-repeat; content:"";}

.sidebar-trigger{ padding:8px 0;}
.sidebar-trigger > a{background:#fff url(../images/icons-sprite.png) no-repeat 10px -838px; border:solid 1px #dcdcdc; display:inline-block; height:29px; width:30px; border-radius:2px; -webkit-border-radius:2px; box-shadow:0 1px 3px #dcdcdc; -webkit-box-shadow:0 1px 3px #dcdcdc;}
.sidebar-trigger > a:hover{border-color: #aeaeae;}
.hide-sidebar .sidebar-trigger > a{background:#fff url(../images/icons-sprite.png) no-repeat 10px -870px;}

/* Media section  */

.game-media li{background-color: #FFF; border: 1px solid #ececec; float: left; max-height: 349px; margin: 0 6px 6px 0; max-width: 461px; width: 49.5%; border-radius: 3px; -webkit-border-radius: 3px; -webkit-box-shadow: 0 2px 3px -1px rgba(0, 0, 0, 0.35); -moz-box-shadow: 0 2px 3px -1px rgba(0, 0, 0, 0.35); box-shadow: 0 2px 3px -1px rgba(0, 0, 0, 0.35);}
.game-media li:nth-child(2n){margin-right: 0;}
.right-container.hide-sidebar .game-media li{width: 33%;}
.right-container.hide-sidebar .game-media li:nth-child(2n){margin-right: 0.4%;}
.right-container.hide-sidebar .game-media li:nth-child(3n){margin-right: 0;}

.game-media-header{position: relative;}
.game-media-header-row{border-bottom: 1px solid #F3F3F3; text-align: center; position: relative;}
.game-media-header .game-media-header-row:first-child{min-height: 46px;}
.game-media-header .game-media-header-row:last-child{min-height: 33px;}
.game-media-header .player-tile {height: 46px; width: 8px; border-radius: 2px 0 0 0;}
.game-media-header .player-tile:after{display: none;}
.game-media-body{padding: 8px; height: 100%}
.game-time{border-right: 1px solid #f3f3f3; float: left; width: 95px;}
.game-time > a{display: inline-block; font-size: 17px; font-weight: 500; padding: 11px 0 0 0px; height:42px; text-align: center;}
.game-time > a > span{background: url(../images/icons-sprite.png) no-repeat 5px -713px; display: inline-block; text-indent: -9999px; width: 13px;}
.game-score{float: left; padding: 13px 0 0 17px; width: 55%;}
.game-delete{float: right;}
.game-delete > a{background: url(../images/icons-sprite.png) no-repeat 0 -730px; display: inline-block; padding: 17px 21px 0 12px; text-indent: -9999px; width: 14px;}
.game-title{color: #777; padding-top: 14px;}
.game-link{ position: absolute; right: 24px; top: 19px;}
.game-link > a{background: url(../images/icons-sprite.png) no-repeat 0 -781px; display: inline-block; text-indent: -9999px; width: 20px;}
.ps-container > .ps-scrollbar-x-rail,
.ps-container > .ps-scrollbar-y-rail {opacity: 0.6;}
.preview-match{position: relative;}
.preview-match:before {
    content: '';
    background: url(../images/icons-sprite.png) no-repeat 0 -810px;
    height: 16px;
    width: 22px;
    position: absolute;
    right: 0;
    top: 5px;
}


/*Edit Time pop up*/
.modal-md{width:530px; overflow:hidden;}
.modal-md .modal-content{overflow:hidden;}
.modal-md .modal-header{position:relative; padding:15px 10px;}
.modal-header h3{ font-size:25px; font-weight:normal; padding:6px 0;margin:0;}
.modal-header h3 span{display:block; text-align:center;}
.time-update-container{ padding:8px 0 15px 0; text-align:center;}
.time-update-container label{ display:block; font-size:15px; font-weight:500; text-align:center; margin-bottom: 10px; padding-left:0;}
.time-input-box{margin-bottom:15px;}
.time-input-box input{ display:inline-block;  height:46px !important; line-height:44px; padding: 0 10px; text-align:center; width:46px; }
.time-input-box input:focus{border-color:#767676 !important; box-shadow:0px 0px 0px 2px #767676 inset !important;-webkit-box-shadow:0px 0px 0px 2px #767676 inset !important}
.time-input-box span.colon{width:24px; line-height:44px; font-size:15px; color:#484848; font-weight:500; display:inline-block;}
.date-update-container{padding:10px 5px 0 5px;}
.date-update-container select{ width:155px;float:left; margin-right:10px;background: transparent url(../images/icons-sprite.png) no-repeat right -945px !important;}
.date-update-container select:last-child{ margin-right:0;}
.modal-md .modal-footer{ padding:23px 15px;}
.modal-md optgroup{ max-height:100px;}



/* -------------------------------------------------------- */
/* CSGO-game-map start								    	*/
/* -------------------------------------------------------- */
.header-player-name {border-left: 1px solid #e5e5e5;border-right: 1px solid #e5e5e5;float: left;font-weight: 500;padding: 0 20px;text-shadow: 1px 1px 0 #fff;}
.header-player-name span{float:left; max-width:122px; margin:0 1px;}
.header-player-name span:last-child{padding-left:5px; text-align:center;}

.header-timer{border-left: 1px solid #e5e5e5; border-right: 1px solid #e5e5e5; float: left; padding:0 20px 0 0}
.header-timer span {color: #3f3f3f;display: block;font-weight: 400;padding-left: 53px;position: relative;text-shadow: 1px 1px 0 #fff;}
.header-timer span::before {background: rgba(0, 0, 0, 0) url("../images/icons-sprite.png") no-repeat scroll 0 -1037px;content: "";height: 28px;left: 20px;position: absolute;top: 16px; width: 28px;}

.header-match-finish{ background:#6eb21e url("../images/icons-sprite.png") no-repeat scroll 29px -1068px; width:auto;}
.header-match-finish.set-match a{ padding-right:40px; padding-left:61px;text-shadow: 0 0 0 #55a500; }


.header-map-section{ padding:0px; background-color:#f3f3f3;border-bottom: 1px solid #e5e5e5;}
.mapsec-tab-section{ float:left; padding:29px 0 0 0;}
.mapsec-tab-box li {
    position: relative;
}
span.del-tab {
    position: absolute;
    top: 16px;
    right: 10px;
    width: 10px;
    height: 10px;
    display: inline-block;
    cursor: pointer;
}
.mapsec-tab-section h3{ font-size:25px; float:left; margin:0; padding:0 20px; text-shadow:0 0 0 #fff; font-weight:normal;}

.mapsec-tab-box{ float:left;}
.mapsec-tab-box .nav-tabs{border:none;}
.nav-tabs > li{ margin-right:7px;}

.mapsec-tab-box .nav-tabs > li > a{ border:solid 1px #e5e5e5; border-bottom:none; border-radius:3px 3px 0 0;-webkit-border-radius:3px 3px 0 0; color: #B0B0B0; padding: 16px 32px 20px 32px; text-shadow:1px 1px 0 #fff;}
.mapsec-tab-box .nav-tabs>li.active>a, .mapsec-tab-box .nav-tabs>li.active>a:hover, .mapsec-tab-box .nav-tabs>li.active>a:focus{background-color:#fff; border-bottom: 0; color:#262626;}
.mapsec-tab-box .nav-tabs > li > a:hover{background-color:#fff;}
.addhalf_btn{float:left; mapban-list:8px;}
.addhalf_btn a{ background:url("../images/icons-sprite.png") no-repeat scroll 10px -1116px; border:solid 1px #e5e5e5; border-radius:3px;-weblit-border-radius:3px; display:block; height:45px;padding:10px; width:45px;}



.mapsec-score-section{ float:right;}
.map-score{float:left; border-left:solid 1px #e6e6e6; padding:18px 20px;}
.map-score > label, .map-score > span{ color:#000; float:left; text-shadow:1px 1px 0 #fff; margin-top:14px;}
.map-score > label{ margin-right:20px;}
.map-score > span{ margin:8px 5px;}
.map-score input[type="text"], .map-score input[type="number"]{ float:left; width:48px; padding:5px 0 5px 8px; text-align:center;}
.map-score input[type="number"]{width:54px;}

.map-finishedbtn-cont{float:left;border-left:solid 1px #e6e6e6;padding:18px 20px; }
.map-finishedbtn-cont a{background-color:#fff; border:solid 1px #dcdcdc; color:#68b202; display:block; font-weight:500; padding:13px 15px; text-transform:uppercase; border-radius:3px;-weblit-border-radius:3px;}
.map-finishedbtn-cont a:hover{background-color: #68b202; color: #FFF;}

.colored_dropdown{/* max-width:90px; */ width:auto; height:45px; position:absolute; z-index: 9;}
.colored_dropdown span{background-image:url("../images/icons-sprite.png"); background-repeat:no-repeat; background-position:right -2995px;color:#fff;box-shadow:-1px -1px 3px 1px rgba(0, 0, 0, 0.3) inset;
  border-radius:3px; -webkit-border-radius:3px; cursor:pointer; font-size:16px; display:block; padding:0px 33px 0px 15px; line-height:45px;}
.blue-dropdown{ background-color:#2890e4;}
.orange-dropdown{ background-color:#ffb71f;}
.red-dropdown{ background-color:#ff0000;}
.green-dropdown{ background-color:#00ff00;}
.gray-dropdown {background-color: #ccc;}
.dropdown-left{left:10px;}
.dropdown-right{right:10px;}
.colored-dropdown-container{ position:absolute;top:40px; width:90px; max-height:250px; overflow-y:auto; overflow-x:hidden; padding-left:3px; border-radius:0 0 3px 3px;display:none;box-shadow:-1px 1px 3px 1px rgba(0, 0, 0, 0.3) inset;-webkit-box-shadow:-1px 1px 3px 1px rgba(0, 0, 0, 0.3) inset;}
.colored-dropdown-container  ul{ margin:0; padding:0;}
.colored-dropdown-container  ul > li{ padding: 5px 0; text-align:left;}
.colored-dropdown-container  ul > li > a{color:#fff; display: block; font-size:16px; padding-left:20px;}
.dropdown-left{left:0;}
.dropdown-right{right:0;}

.dropdown-left .colored-dropdown-container{left:0;}
.dropdown-right .colored-dropdown-container{right:0;padding-left: 0px;}


.score-halftitle{ text-align:center;padding: 7px 0 0;}
.score-half-left{ position:absolute; left:20px; top:16px; width:50px;}
.score-half-right{ position:absolute; right:20px; top:16px; width:46px;}
.score-half-left input, .score-half-right input{width:100%; padding:0 0 0 5px; text-align:center; font-size:22px; height:46px !important;}
.scorebord-user-name{ border-bottom:solid 1px #e7e7e7; padding-bottom:10px;}
.scoreboard-point-row{ display:block; padding:10px 0 0 0;}
.scoreboard-point-col{ width:37.5%; float:left;}

.scoreboard-point-col:nth-child(3){ float:right; width:auto;}
.scoreboard-point-col label{color: #3F3F3F; float:left; padding:5px 0 0 0;}

.scoreboard-rl-point-col {
    float: left;
}

.scoreboard-rl-point-col label {
    color: #3F3F3F;
    float: left;
    padding: 5px 0 0 5px;
}
.scoreboard-rl-input-box {
    float: left;
    width: 30px;
    position: relative;
    margin-left: 8px;
    background: #fff;
    border: solid 1px #dadada;
    border-radius: 3px;
    -webkit-border-radius: 3px;
    overflow: hidden;
}
.scoreboard-rl-input-box input[type="number"],
.scoreboard-rl-input-box input[type="number"]:hover,
.scoreboard-rl-input-box input[type="number"]:focus {
    height: 30px !important;
    width: 100%;
    border: none;
    border-right: solid 1px #dadada;
    text-align: center;
    padding: 0 0px 0 5px;
}

.scordeboard-input-box{ float:left; width:72px; position:relative; margin-left:8px; background:#fff; border:solid 1px #dadada; border-radius:3px; -webkit-border-radius:3px; overflow:hidden;}
.scordeboard-input-box input[type="number"], .scordeboard-input-box input[type="number"]:hover, .scordeboard-input-box input[type="number"]:focus{ height:30px !important; width:100%;border:none; border-right:solid 1px #dadada; text-align:center; padding:0 0px 0 5px;}
/*.scordeboard-input-box input[type="text"], .scordeboard-input-box input[type="text"]:hover, .scordeboard-input-box input[type="text"]:focus*/
.scoreboard-increase{background: transparent url(../images/icons-sprite.png) no-repeat left -1201px; position:absolute; right:0; top:0; border:none; border-bottom:solid 1px #dadada; height:16px; line-height:16px; padding:0 5px; width:23px;}
.scoreboard-decrease{background: transparent url(../images/icons-sprite.png) no-repeat left -1227px; position:absolute; right:0; bottom:0; border:none; height:14px; line-height:14px; padding:0 5px; width:23px;}
.scoreboard-increase:focus, .scoreboard-decrease:focus{outline: none;}

.half-match-cal1{float: left; margin-right: 1.8%; max-width: 193px; width: 44.2%;}
.half-match-cal2{float: left; margin-right: 1.8%; max-width: 133px; width: 30.2%;}
.globle-select select {background: transparent url(../images/icons-sprite.png) no-repeat right -953px !important; border-color: #dbdbdb; border-radius: 3px; border-style: solid; border-width: 1px; box-shadow: 0 2px 3px -1px rgba(0, 0, 0, 0.25); color: #3f3f3f; font-size: 15px; height: 32px !important; line-height: 1.42857; padding: 0 9px 0 10px !important;text-overflow: ellipsis; transition: border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s; width: 100%; -moz-appearance: none;}

.half-setting-container ul {margin: 0 10px; padding:0;}
.half-setting-container ul > li {border-bottom: 1px solid #e6e6e6; min-height: 55px; line-height: 30px; padding: 12px 0; position:relative;}
.half-setting-container ul > li:after{clear: both; content: " ";display: table;}
.half-setting-container ul > li label{color:#626262;position:relative;line-height: 32px; float:left;max-width:134px;width:30.65%; margin-left:2.5%; margin-bottom:0; padding:0;}
.half-setting-container ul > li .half-setting-select{float:left; margin-left:2.5%; width:62.1%;}
.game-map .col-490-left .team-title{padding-left: 55px;}
.game-map .col-490-right .team-title{padding-right: 70px;}

/* CSGO-Confirmation Page start */
.confirmation-row{border-bottom:solid 1px #e5e5e5;}
.confirmation-cell{color: #B0B0B0; font-size: 24px; height:180px; text-align:center; width:100%;}
.confirmation-cell strong{color: #3F3F3F; font-weight: 700;}
.confirmation-details .col-490, .confirmation-details .col-458{ min-height:50px;}
.confirmation-cell h4{color:#3f3f3f;font-size: 24px; text-align:center; padding:24px 0 26px 0; margin:0;}
.confirmation-cell label{color:#898989; font-size:14px; margin-bottom:8px;}
.confirmation-cell .form-group{ margin:0 4.4%;text-align:left;}
.confirmation-cell .form-group input{max-width:100%; padding:6px 41px 6px 12px; width:100%;}
.confiramation-input{height:46px; text-align:center; width:46px;}
.confirmation-cell .icon-clear{top: 54px;}
.match-warnings{margin-bottom: 30px;}
.match-warnings h3{border-bottom: 1px solid #e6e6e6; font-size: 15px; font-weight: 500; margin: 0 0 20px; padding: 20px;}
.match-warnings h3 > span{}
.match-warnings ul li{background-color: #f3f3f3; border: 1px solid #dbdbdb; float: left; margin-right: 10px; margin-bottom: 10px;  padding: 7px 10px; width: 32.85%; border-radius:3px; -webkit-border-radius:3px;}
.match-warnings ul li:nth-child(3n){margin-right: 0;}
.icon-exclamation{background: url(../images/icons-sprite.png) no-repeat left -1250px; float: left; height: 30px; margin-right: 12px; width: 24px;}
.match-warning{float: left; line-height: 34px; max-width: 60%;}
.btn-dismiss{float: right;}
.btn-dismiss > button{padding-left: 12px; padding-right: 11px; min-width: inherit;}
ul.match-finish-opt li:last-child {
    border: none;
}
ul.match-finish-opt {padding: 0 20px;}
ul.match-finish-opt li {
    border-bottom: solid 1px #e5e5e5;
    padding: 5px 0;
}

/* -------------------------------------------------------- */
/* Tournaments										    	*/
/* -------------------------------------------------------- */
.tounament-section { position: relative;}
.tounament-section::before {background-color: #f3f3f3;border-bottom: 1px solid #ddd;content: ""; height: 146px; position: absolute; width: 100%; z-index: -1;}

.tounament-section .folder-right-header h3 a {color: #5aa3e8;}

/*Folder Section Left start*/
.folder-sec-left{border-right:solid 1px #e6e6e6;float:left; width:33.33%; max-width:479px;padding-bottom:15px;}
.folder-sec-header{background:#f3f3f3;}
.folder-search-sec{ padding:20px; border-bottom:solid 1px #e6e6e6;}
.folder-search-cont{ float:left; width:62%;}
.folder-search-cont .search-bar-input .search-phrase{ padding:0 20px 0 48px;}
.archived-opt{ float:right; padding:12px 0 0 0;}
.add-folder-sec{ background-color:#f3f3f3; padding:12px 12px 12px 20px; border-bottom:solid 1px #e6e6e6;}
.folder-back-icon{float:left; margin:6px 0 0 0;}
.folder-back-icon a{ display:block; height:20px; width:24px; overflow:hidden; text-indent:-999px;position:relative; text-decoration:none;}
.folder-back-icon a:after{ background-position:0 -1299px; position:absolute; left:0;top:0; height:20px; width:24px;}
.archived-opt-right{float:right;}
.archived-btn{ float:left;}
.archived-btn .btn{padding:5px 16px 6px; min-width:inherit;}
.add-folder-input{float:left; margin-left:24px;}
.add-file-input{ float:right; margin-left:20px;}
.add-folder-input label, .add-file-input label, .add-folder-input a, .add-file-input a{ position:relative; float:left;display:inline-block;width:24px; height:21px; text-indent:-999px; padding:0; margin:7px 8px 0 0;}
.add-folder-input label:after,.add-folder-input a:after { position:absolute; left:0; top:0; width:24px; height:21px; background-position:0 -1339px;}
.add-folder-input input, .add-file-input input{ width:40px; height:32px !important; float:left; padding:0 5px; text-align:center;}
.add-file-input label:after, .add-file-input a:after {background-position: 0 -1379px; height: 25px; left: 0; position: absolute; top: -2px; width: 24px;}
.add-folder-input:after, .add-file-input:after{ clear:both; display:table; content:"";}
.folder-path-sec{ background-color:#f3f3f3;padding:12px 12px 12px 60px; border-bottom:solid 1px #e6e6e6; position:relative;}
.folder-path-sec:after{ position:absolute; left:19px; top:18px; width:24px; height:20px; background-position: 0 -1423px;}
.folder-path-sec input{ width:100%; padding:0 5px; height:32px !important; color:#898989;}
.upcoming-icon{
    zoom: 0.7;
    display: inline-block;
    width: 16px;
    height: 16px;
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAz0lEQVQ4jaWTMQ6CQBBFn6sWGkNiQUIgXIMzGAuNhTfgVPTcw2jFCYw23INmLFiSBXZdApP8ZnfmzezODCKCKSADCqAGGq1an2UjfyMwAEpAPCqBoAfQwZXpuFJKwjCWMIxtkKqDdIBR5t0+kM5clehYMpvDBIAAmQJy5luO/uG5FdQKSHxpoih1XSXQ9nlEX2+28ny8RETk8/5KFKW2ChrnEwA5BEcfpIZ2wpzvNCG36314X4CjjUPI+XSxttE5SBNU/h1lj/qjvHiZlqzzD7XlNf9hVt0qAAAAAElFTkSuQmCC)
}
.live-icon{
    zoom: 0.7;
    display: inline-block;
    width: 16px;
    height: 16px;
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAv0lEQVQ4jaWTvRGDMAyFPzRAmtDlvELoyAReIjUNE9FQswQTxJ1XCEfnigVIYTtxxY/zlTo9nU56r1jXlZSpKmugATRwC+UZGIFeWWfS/iIOmKryAnTAk20GoFXWLd8BQTwC9Y44YgCtrFskFLoTYkJvB1C879caeJ0QpzwEf7BcGsFfOxct/F6Vw032e7YRvElymQX//1xGAfo/BvQSvD1kiAdlnYlHbPH2PIoJGgQgBEMf3GQg5ACSNEbOxvkDz5xAa2DQQ5wAAAAASUVORK5CYII=)
}
.done-icon {
    zoom: 0.7;
    display: inline-block;
    width: 16px;
    height: 16px;
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAABRklEQVQ4jZWTsU7CUBSGv3tDJBIEFgMJbJrITlJ2006O6mJcICz4BMrk1PAGLKQjz2BSFkeb8BJGwsJCSWNSBxx627S1tvqP95zv3JNzzi8OhwNxTZZDDRgBBtAGBPAB2MDc1C0nni/CApPlsAbMgDvytQDGpm65UQEF24BWAIdyAMPULVeqh9k/YFTuDEA82QMNeCsiGuU6O39HamR9STCwXLUqTR60Z267A4RIhEaSYNq58LD3SLVcp9M4p1I6jocNSbCqSFIIrrv3tCrNBLz1NsxXU7yvz3h6u5T+8ershl7nkovTHkACdv39jw4lsI4/vL6/sPU2VMv1QhhYS4L9R3L9PfPVlK23KYIB7F/XWDs6iQrmqC/VbS/SEdffF8ELU7ec8BLHBOf5VzmKQQIoYxhZnWT9jPIBxNwYKsPOEGwq087f0sOCNnVoN8EAAAAASUVORK5CYII=)
}
.wo-icon {
    zoom: 0.7;
    display: inline-block;
    width: 16px;
    height: 16px;
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAQAAAC1+jfqAAAABGdBTUEAALGPC/xhBQAAACBjSFJNAAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAAAAmJLR0QAAKqNIzIAAAAJcEhZcwAADsQAAA7EAZUrDhsAAAAHdElNRQfjCwwKMRXHFSuqAAAAmElEQVQoFX3Br2oCARwA4O+KxTxBMRn3AMLYK1zwgs20IoMVg2+wsOSqYFwadoPBBxCTD2BbMl5RN/+EIZxy/L5PicS3jlDfXqbUs3dTM1sHmTtPVn4tfPowkcs9KHhzMFb3b2gnVdCz13U1tJMqaMi9ukp8Sd0YWUoENl4EWs6aAm1HobY/iUDNyaPQ2kBo4EdVoGKupdQF4IciBtkpV4wAAAAASUVORK5CYII=)
}

/*Folder Tree start*/
.treeview ul li{ background:#fff;border:none;}
.treeview ul li:first-child,.treeview ul li:last-child {border-radius:0;-webkit-border-radius:0;}
.treeview ul > li:nth-child(even){ background:#f2f6fb;}
.treeview span.icon{position:relative;display:inline-block;height: 20px; width: 46px;margin-right:0 !important;}
.treeview span.icon.node-icon {display: inline-block;height: 20px; width: 46px;}
.folder-expand:before{ background:url(../images/icons-sprite.png) no-repeat 0 -1705px; position:absolute; left:0; top:7px; content:""; width:13px; height:13px;}
.folder-collapse:before{ background:url(../images/icons-sprite.png) no-repeat 0 -1799px; position:absolute; left:0; top:7px; content:""; width:13px; height:13px;}

.node-selected .folder-expand:before{ background:url(../images/icons-sprite.png) no-repeat 0 -1735px;}
.node-selected .folder-collapse:before{ background:url(../images/icons-sprite.png) no-repeat 0 -1767px;}
.node-selected .default-folder-icon:before{ background:url(../images/icons-sprite.png) no-repeat 0 -1500px;}
.treeview ul li .badge{ color:#898989; font-size:15px; background:none !important; font-weight:normal;}
.treeview ul li.node-selected .badge { color: #fff;}

.default-folder-icon{ background:url(../images/icons-sprite.png) no-repeat 0 -1460px; left:10px; top:0; content:""; width:24px; height:25px;}
.default-folder-redicon{ background:url(../images/icons-sprite.png) no-repeat 0 -1540px; left:10px; top:0; content:""; width:24px; height:25px;}
.default-folder-Cicon{ background:url(../images/icons-sprite.png) no-repeat 0 -1580px; left:10px; top:0px; content:""; width:24px; height:25px;}
.default-folder-CEicon{ background:url(../images/icons-sprite.png) no-repeat 0 -1620px; left:10px; top:0; content:""; width:24px; height:25px;}
.default-folder-Eicon{ background:url(../images/icons-sprite.png) no-repeat 0 -2080px; left:10px; top:0; content:""; width:24px; height:25px;}
.default-file-icon{ background:url(../images/icons-sprite.png) no-repeat 0 -1663px; left:10px; top:0; content:""; width:24px; height:25px;}

.csgo-icon{ background:url(../images/icons-sprite.png) no-repeat 0 -2205px !important;}
.csgo-Cicon{ background:url(../images/icons-sprite.png) no-repeat 0 -2245px !important; }
.csgo-CEicon{ background:url(../images/icons-sprite.png) no-repeat 0 -2325px !important; }
.csgo-Eicon{ background:url(../images/icons-sprite.png) no-repeat 0 -2285px !important;}
.csgo-file-icon{background:url(../images/icons-sprite.png) no-repeat 0 -3159px !important;}

.dota2-icon{ background:url(../images/icons-sprite.png) no-repeat 0 -1540px !important;}
.dota2-Cicon{ background:url(../images/icons-sprite.png) no-repeat 0 -1580px !important; }
.dota2-CEicon{ background:url(../images/icons-sprite.png) no-repeat 0 -1620px !important; }
.dota2-Eicon{ background:url(../images/icons-sprite.png) no-repeat 0 -2080px !important;}
.dota2-file-icon{background:url(../images/icons-sprite.png) no-repeat 0 -1663px !important;}

.lol-icon{ background:url(../images/icons-sprite.png) no-repeat 0 -2365px !important;}
.lol-Cicon{ background:url(../images/icons-sprite.png) no-repeat 0 -2405px !important; }
.lol-CEicon{ background:url(../images/icons-sprite.png) no-repeat 0 -2485px !important; }
.lol-Eicon{ background:url(../images/icons-sprite.png) no-repeat 0 -2445px !important;}
.lol-file-icon{background:url(../images/icons-sprite.png) no-repeat 0 -3203px !important;}

.sc2-icon{ background:url(../images/icons-sprite.png) no-repeat 0 -2525px !important;}
.sc2-Cicon{ background:url(../images/icons-sprite.png) no-repeat 0 -2566px !important; }
.sc2-CEicon{ background:url(../images/icons-sprite.png) no-repeat 0 -2645px !important; }
.sc2-Eicon{ background:url(../images/icons-sprite.png) no-repeat 0 -2605px !important;}
.sc2-file-icon{background:url(../images/icons-sprite.png) no-repeat 0 -3247px !important;}

.hearthstone-icon{ background:url(../images/icons-sprite.png) no-repeat 0 -2685px !important;}
.hearthstone-Cicon{ background:url(../images/icons-sprite.png) no-repeat 0 -2725px !important; }
.hearthstone-CEicon{ background:url(../images/icons-sprite.png) no-repeat 0 -2805px !important; }
.hearthstone-Eicon{ background:url(../images/icons-sprite.png) no-repeat 0 -2765px !important;}
.hearthstone-file-icon{background:url(../images/icons-sprite.png) no-repeat 0 -3289px !important;}

.overwatch-icon{ background:url(../images/icons-sprite.png) no-repeat 0 -2845px !important;}
.overwatch-Cicon{ background:url(../images/icons-sprite.png) no-repeat 0 -2885px !important; }
.overwatch-CEicon{ background:url(../images/icons-sprite.png) no-repeat 0 -2965px !important; }
.overwatch-Eicon{ background:url(../images/icons-sprite.png) no-repeat 0 -2925px !important;}
.overwatch-file-icon{background:url(../images/icons-sprite.png) no-repeat 0 -3334px !important;}

.rocketleague-icon { background:url(../images/icons-sprite.png) no-repeat 0 -3583px !important; }
.rocketleague-Cicon { background:url(../images/icons-sprite.png) no-repeat 0 -3503px !important; }
.rocketleague-CEicon { background:url(../images/icons-sprite.png) no-repeat 0 -3543px !important; }
.rocketleague-Eicon { background:url(../images/icons-sprite.png) no-repeat 0 -3463px !important; }
.rocketleague-file-icon {background:url(../images/icons-sprite.png) no-repeat 0 -3623px !important; }

.r6s-icon { background:url(../images/icons-sprite.png) no-repeat 0 -3788px !important; }
.r6s-Cicon { background:url(../images/icons-sprite.png) no-repeat 0 -3708px !important; }
.r6s-CEicon { background:url(../images/icons-sprite.png) no-repeat 0 -3748px !important; }
.r6s-Eicon { background:url(../images/icons-sprite.png) no-repeat 0 -3668px !important; }
.r6s-file-icon {background:url(../images/icons-sprite.png) no-repeat 0 -3828px !important; }

.cod-icon { background:url(../images/icons-sprite.png) no-repeat 0 -3992px !important; }
.cod-Cicon { background:url(../images/icons-sprite.png) no-repeat 0 -3912px !important; }
.cod-CEicon { background:url(../images/icons-sprite.png) no-repeat 0 -3952px !important; }
.cod-Eicon { background:url(../images/icons-sprite.png) no-repeat 0 -3872px !important; }
.cod-file-icon {background:url(../images/icons-sprite.png) no-repeat 0 -4033px !important; }

.valorant-icon { background:url(../images/icons-sprite.png) no-repeat 0 -4196px !important; }
.valorant-Cicon { background:url(../images/icons-sprite.png) no-repeat 0 -4116px !important; }
.valorant-CEicon { background:url(../images/icons-sprite.png) no-repeat 0 -4155px !important; }
.valorant-Eicon { background:url(../images/icons-sprite.png) no-repeat 0 -4075px !important; }
.valorant-file-icon {background:url(../images/icons-sprite.png) no-repeat 0 -4238px !important; }

.vuetree-anchor  {
    display: inline-block;
    padding: 0;
    width: 92%;
    position:relative;
}
.vuetree-arrow-open {
    background: rgba(0, 0, 0, 0)
                    url("../images/icons-sprite.png")
                    no-repeat scroll
                    12px -1687px !important;
    height: 45px;
    width: 25px;
}
.vuetree-arrow-closed {
    background: rgba(0, 0, 0, 0)
                    url("../images/icons-sprite.png")
                    no-repeat scroll
                    15px -1782px !important;
    height: 45px;
    width: 25px;
}
.vuetree-icon {
    display: inline-block;
    text-decoration:  none;
    margin: 0;
    padding: 0;
    text-align: center;
    vertical-align: middle;
}
.vuetree-label {
    vertical-align: middle;
    padding-left: 4px;
}
.vuetree-folder {
    margin-left: 12px;
}
.vuetree-match {
    margin-left: 36px;
}
.vuetree-wholerow {

}
.vuetree-wholerow-selected {
    background: #428bca !important;
}
.vuetree-hidden-folder:after {
    position: absolute;
    top: 12px;
    right: 20px;
    background: url(../images/icons-sprite.png) no-repeat 0 -3430px;
    content: "";
    width: 25px;
    height: 18px;
}

.folder-tree-container > div > ul > li {
    margin: 0;
}

.jstree-default>.jstree-striped{background:none;}
.jstree-themeicon-custom {  width: 45px !important;}
.jstree-default .jstree-anchor {line-height: 45px; height: 45px; padding: 0; width:92%; position:relative;}
.jstree-default>.jstree-no-dots .jstree-closed>.jstree-ocl {  background-position: -4px 5px;}
.jstree-default .jstree-wholerow{height:45px;}
#treeview > ul > li a, #treeview-winner > ul > li a {position: relative; width: 92%;}
.jstree-default > .jstree-no-dots .jstree-closed > .jstree-ocl, .jstree-default > .jstree-no-dots .jstree-closed > .jstree-ocl{ background: rgba(0, 0, 0, 0) url("../images/icons-sprite.png") no-repeat scroll 15px -1782px !important; height: 45px; width: 25px;}
 .jstree-default > .jstree-no-dots .jstree-open > .jstree-ocl{ background: rgba(0, 0, 0, 0) url("../images/icons-sprite.png") no-repeat scroll 12px -1687px !important; height: 45px; width: 25px;}
#treeview > ul > li:nth-child(2n), #treeview-winner > ul > li:nth-child(2n) { background-color: #f2f6fb;}
.jstree-themeicon-custom { top: 10px;}
.jstree-default .jstree-wholerow-clicked, .jstree-wholerow-hovered{background:#428bca !important;}
/*.jstree-default .jstree-wholerow-clicked+a, .jstree-wholerow-hovered+a{color:#fff;}
.jstree-clicked{color:#fff;}
*/
.jstree-anchor > span { position: absolute; right: 0;}
.jstree-wholerow-hovered{background:none !important;}

.visible-tree{position:relative;}
.visible-tree:after{position:absolute;top:12px; right:20px; background:url(../images/icons-sprite.png) no-repeat 0 -3430px;
    content:""; width:25px; height:18px; }

.archived-tree{position:relative;}
.archived-tree:after{position:absolute;top:16px; right:20px;
    content:"(Archived)"; font-size: 12px; color:#000; width:50px; height:18px;line-height: 12px;}

.jstree-clicked.jstree-hovered{color:#3f3f3f !important;}
.jstree-default>.jstree-no-dots .jstree-node, .jstree-default>.jstree-no-dots .jstree-leaf>.jstree-ocl{max-width: 421px;}

/* .jstree-hovered{color:#fff !important;}

#treeview > ul > li.jstree-closed > .jstree-wholerow-hovered+i{ background: rgba(0, 0, 0, 0) url("../images/icons-sprite.png") no-repeat scroll 15px -1750px !important;}
#treeview > ul > li.jstree-open > .jstree-wholerow-hovered+i{ background: rgba(0, 0, 0, 0) url("../images/icons-sprite.png") no-repeat scroll 12px -1718px !important;}
 */


/*Folder Section Right start*/

.folder-sec-right{ margin:0; padding:0; float:left; width:66.6%;max-width:960px;}
.folder-right-header{ background-color:#f3f3f3;}
.folder-right-header h3{color:#3F3F3F; font-size:24px; padding: 33px 0 36px 20px; margin: 0; font-weight:400;}
.folder-right-header h3 > span{color: #898989; display: inline-block; margin-left: 10px;}
.folder-right-header h3 > a{color: #5AA3E8; text-decoration: underline;}
.folder-tab-sec{ margin:0; padding:0;}
.folder-tabs .nav-tabs > li:first-child{ margin-left:20px;}
.folder-tabs .nav-tabs > li > a{border:solid 1px #e5e5e5; border-bottom:none; border-radius:3px 3px 0 0;-webkit-border-radius:3px 3px 0 0; color: #B0B0B0;min-width:121px; padding: 13px 0 16px; text-align:center; text-shadow:1px 1px 0 #fff;}
.folder-tabs .nav-tabs>li.active>a, .folder-tabs .nav-tabs>li.active>a:hover, .folder-tabs .nav-tabs>li.active>a:focus{background-color:#fff; border-bottom: 0; color:#262626;}
.folder-tabs .nav-tabs > li > a:hover{background-color:#fff;}
.folder-tab-container{ background:#fff;}

/*Folder Edit and Event Section Start*/
.folder-edit-opt{border-bottom:solid 1px #e6e6e6;}
.folder-edit-opt > ul{ margin:0; padding:0;}
.folder-edit-opt > ul > li{ width:50%; float:left; text-align:center; padding:16px 0 11px 0;border-right:solid 1px #e6e6e6;}
.folder-checkbox { width: 100%; display: block; text-align: center; padding: 16px 0 11px 0; border-bottom: solid 1px #e6e6e6; background-color: #f2f6fb; }
.folder-edit-event-container{margin: 0 0 72px 0; position: relative; }
.edit-box, .event-box { float: left; width: 50%; min-height: 768px; }
.event-box { border-left: 1px solid #e6e6e6; border-right: 1px solid #e6e6e6; }
.edit-event-footer{ position:absolute; left:0; bottom:0; width:100%;}
.edit-event-footer .form-row-footer{ padding:20px; }
.edit-folder-form, .event-folder-form { padding: 20px 20px 17px; border-bottom: solid 1px #e6e6e6; }
.folder-sec-right .form-group{border-bottom: solid 1px #e6e6e6; padding:12px 0; margin:0;}
.folder-sec-right .form-group:last-child { border-bottom-style: none; }
.folder-sec-right .form-group:after{ clear:both; display:table; content:"";}
.folder-sec-right .form-group > label{ float:left;line-height: 32px; width:32%; margin:0;}
.folder-sec-right .form-group .control-field{ float:right; position: relative; width:67%;}
.folder-sec-right .form-group .control-field .form-control{border-color: #dfdfdf !important; height: 32px !important; padding: 2px 13px 2px 13px !important;}
.folder-sec-right .form-group .control-field textarea.form-control{height:auto !important; resize:none; border-radius: 0; -webkit-border-radius: 0;}
.folder-sec-right .form-group .control-field select {background: transparent url("../images/icons-sprite.png") no-repeat scroll right -954px !important; height: 32px !important;}
.input-file{width:100%;overflow:hidden;position:relative;}
.edit-folder-form .control-field img {
    max-width: 100%;
    margin-bottom: 20px;
}
.map-div:after {
    clear: both;
    display: table;
    content: "";
}
.map-div:first-child {
    margin: 0;
}
.bg-grey {background: #dddddd}
.map-div {margin-top: 20px;}
.input-file input[type="file"]{ position:absolute; left:-1000px;}
.input-file label, .remove-img-btn{ border:solid 1px #dfdfdf !important; color: #3f3f3f !important;cursor:pointer;float:left; font-size: 15px !important; height: 32px !important;line-height:28px;padding: 0 10px !important; text-overflow: ellipsis; text-align:center;width: 100%; -webkit-border-radius: 2px !important; -moz-border-radius: 2px !important; border-radius: 2px !important;-webkit-box-shadow: 0 2px 3px -1px rgba(0, 0, 0, 0.25)!important;-moz-box-shadow: 0 2px 3px -1px rgba(0, 0, 0, 0.25)!important;box-shadow: 0 2px 3px -1px rgba(0, 0, 0, 0.25)!important;}
.input-with-select{float:right; width:67%;}
.folder-form-cell{width:48.5%; float:left;}
.folder-form-cell input, .folder-form-cell select, .folder-sec-right .form-group .folder-form-cell .control-field{width:100%;}
.folder-form-cell:last-child{ float:right;}
.control-field .with-delete-icon{ width:89.2%; float:left;}
.folder-sec-right .control-field .remove-btn {padding-left: 0px;width: 10%; float:right; max-width:23px;}
.folder-sec-right .control-field .control-field-row{ margin-bottom:12px;}
.folder-sec-right .control-field .control-field-row:last-child{ margin-bottom:0px;}
.w-100p{width:100%;}
.folder-sec-right .control-field .col-half{width:46%;}
.folder-sec-right .control-field .col-half:first-child::after{right: -12%;}
.folder-sec-right .control-field .col-half:last-child{ float:right; max-width:inherit;}
.folder-sec-right .event-box .form-group p{font-style: italic; padding:8px 0 20px 0; width:100%;color:#898989;}
.folder-sec-right .form-group .control-field .form-control.number-input{ max-width:45px;height:32px !important; padding:0 5px !important; text-align:center;}
.competition-form { display: none; }

/*Folder Competitor Section Start*/
.competitor-row{position: relative;}
.competitor-col {border-right: 1px solid #e6e6e6; float: left; min-height: 768px; padding-top: 17px; width: 50%;}
.competitor-search-box{ padding:0 20px 20px;}
.delete-competitor-icon{height:21px;position:absolute; right: 6px; width:21px; }
.delete-competitor-icon a{display:block;text-indent:-999px; text-align:left; overflow:hidden;top:17px;}
.delete-competitor-icon a:after{background: transparent url("../images/icons-sprite.png") no-repeat scroll 6px -203px; content:""; position:absolute; left:0;top:0; width:24px; height:24px;}


/* Edit Sub folder */
.edit-subfolder{padding: 22px 20px 17px; max-width: 511px; position:relative;}
.edit-note{font-size:15px; font-style:italic; color:#898989;}
.m-t-6{margin-top:6px !important;}
.m-t-10{margin-top:10px !important;}
.m-t-26{margin-top:26px !important;}
.m-t-28{margin-top:28px !important;}
.p-t-28{padding-top:28px !important;}
.p-t-8px{padding-top:8px !important;}
.p-b-0px{padding-bottom:0 !important;}
.p-b-6px{padding-bottom:6px !important;}
.p-b-80px{padding-bottom:80px !important;}

.no-border{ border:none !important;}
.input-with-side-icon{float: left;width: 89.2%;}
.input-side-icon{float: right; max-width: 25px; padding-left: 0;width: 10%;}
.input-folder-icon a{background: rgba(0, 0, 0, 0) url("../images/icons-sprite.png") no-repeat scroll 0px -1457px; display: block; margin: 0; padding: 5px 0; text-indent: -9999px;}
.date-input{ width:60%; float:left;}
.time-input{ width:35%; float:left; margin-left:5%;}
.time-input input{text-align:center;}
.blue-link-icon{ position:relative; height: 20px; width: 25px; overflow:hidden;text-indent:-999px; text-align:left;display:inline-block;top:5px;}
.blue-link-icon::before {background: rgba(0, 0, 0, 0) url("../images/icons-sprite.png") no-repeat scroll 2px -2015px;content: "";height: 25px;left:0px;position: absolute; top: 0; width: 24px;}
.swap-cont{position:relative;}
.swap-icon{position:absolute; height: 32px; width: 32px; overflow:hidden; text-indent:-999px; text-align:left; display:inline-block; right:-48px; top: 33%;}
.swap-icon a::before {background: rgba(0, 0, 0, 0) url(../images/icons-sprite.png) no-repeat scroll 6px -2042px; border:solid 1px #dbdbdb; border-radius:3px;-webkit-border-radius:3px;content: "";height: 32px;left:0px;position: absolute; top: 0;width: 32px; box-shadow:0 1px 2px rgba(0,0,0.3);}
.edit-team{border-bottom: 1px solid #dcdcdc; height: 56px; margin-bottom: 8px; padding: 13px 0 13px 21px; position: relative;}
.folder-sec-right .form-group > label.label-home, .folder-sec-right .form-group > label.label-away{line-height: 55px;}
.swap-cont .add-member-row {position: absolute; z-index: 9;}
.swap-cont .add-player-row {width: 100%;margin: 0;}
.search-result-team{border-top: 1px solid #e6e6e6; padding: 23px 20px 0 20px;}
.search-result-team h4{color: #898989; font-size: 15px; font-weight: 500; margin: 0 0 24px 0;}
.search-result-team li{border-bottom: 1px solid #dcdcdc; height: 56px; margin-bottom: 8px; padding: 13px 0 13px 21px; position: relative;}
.btn-add-team{position: absolute; right: 0;}
.btn-add-team .btn{min-width: 90px;}
.tournament-edit-match.tounament-section::before{height: 89px;}
.tournament-edit-match .folder-right-header {background-color: transparent;}
.tournament-edit-match .folder-right-header h3{padding: 33px 0 29px 20px;}

/* -------------------------------------------------------- */
/* Tounaments - Qualifiers							    	*/
/* -------------------------------------------------------- */

.qualifiers{padding: 24px 11px 24px 12px;}

.qualifiers h2{font-size: 24px; font-weight: 400; margin-top: 0;}
.goback-game a{ font-size:14px; color:#5aa3e8; line-height:50px;}
.qualifiers .panel{background-color: transparent; border: 0; box-shadow: none; -webkit-box-shadow: none; -webkit-border-radius: 0; border-radius: 0;}
.qualifiers .panel-default > .panel-heading{background-color: transparent; border: 0; color: #3F3F3F; margin-bottom: 14px; padding: 10px; border-top-right-radius: 0; border-top-left-radius: 0;}
.qualifiers .panel-title > a {position: relative;}
.qualifiers .panel-title > a:after{border: 1px solid #dbdbdb; height: 32px; position: absolute; right: -40px; top: -5px; width: 32px; border-radius: 2px; -webkit-border-radius: 2px;}
.qualifiers .panel-title > a.accordion-toggle:after{background: url(../images/icons-sprite.png) no-repeat 8px -1871px; content: '';}
.qualifiers .panel-title.collapsed > a.accordion-toggle:after{background: url(../images/icons-sprite.png) no-repeat 8px -1899px; content: '';}

.qualifiers .panel-body{padding: 0; padding-bottom: 75px;}
.qualifiers .panel-default > .panel-heading + .panel-collapse > .panel-body{border: 0;}
.round-box{border: 1px solid #e6e6e6; float: left; margin-right: 24px; width: 288px;margin-bottom:20px;}
.round-box-header{background-color: #f3f3f3; font-size: 15px; font-weight: 500; padding: 15px 17px;}
.round-box-header span{color: #898989;}
.round-box-header a{float: right; text-indent: -9999px;}
.arrow-up-down{background:  url(../images/icons-sprite.png) no-repeat 0 -1939px; height: 23px; width: 17px;}
.arrow-up{background:  url(../images/icons-sprite.png) no-repeat 0 -1982px; height: 19px; width: 16px;}
.round-box-body{padding: 0 7px 8px 7px;}
.round-box-row{margin-top: 18px;}
.round-date-time{color: #898989; font-size: 11px; margin-bottom: 5px; padding-left: 15px;}
.round-date-time > span{float: right;}
.round-details{border: 1px solid #e6e6e6; position: relative;}
.round-team{border-bottom: 1px solid #e6e6e6; padding: 8px 0; position: relative; overflow: hidden;}
.round-team:hover{cursor: pointer;}
.bb-0{border-bottom: 0;}
.round-team-status{background-color: #c74527; color: #FFF; font-size: 12px; font-weight: 700; height: 47px; left: 0; line-height: 47px; position: absolute; text-align: center; top: 0; width: 16px;}
.round-team-logo{float: left; margin: 0 12px 0 28px; width: 30px;}
.round-team-name{float: right; line-height: 28px; width: 190px;}
.round-team-name-hover {background-color: #f3f3f3; left: 16px; height: 46px; padding-top: 6px; position: absolute; text-align: center; top: 0; width: 254px; transition: all 0.2s ease; transform: translateX(100%);}
.round-team-name-hover.show-hover{transform: translateX(0);}
.round-team-name-hover .btn {width: 94%;}
.round-team-name-hover .btn:hover{border-color: #dbdbdb;}
.round-winner-loser {position: absolute; right: -24px; top: 35px;}
.round-winner-loser > a{background:#f3f3f3 url(../images/icons-sprite.png) no-repeat 6px -1822px; border: 1px solid #e6e6e6; display: block; float: right; height: 24px; text-indent: -9999px; width: 24px; border-radius: 0 3px 3px 0; -webkit-border-radius: 0 3px 3px 0;}
.round-winner-loser > a:hover{background:#4d4d4d url(../images/icons-sprite.png) no-repeat 6px -1849px; border-color: #4d4d4d;}
.round-winner-loser ul {display: none; border: 1px solid #dbdbdb; right: 0; border-radius: 2px; -webkit-border-radius: 2px; position: absolute; top: 34px; width: 199px; z-index: 10;}
.round-winner-loser ul li{border-bottom: 1px solid #dbdbdb;position: relative; }
.round-winner-loser ul li:last-child{border-bottom: 0;}
.round-winner-loser ul li a{background-color:#FFF; color: #3F3F3F; display: block; font-size: 15px; font-weight: 400; padding: 15px 18px;}
.round-winner-loser ul li a:hover{background-color:#f3f3f3;}
.round-winner-loser ul li a.delete-link-icon {
    position: absolute;
    width: 20px;
    height: 20px;
    overflow: hidden;
    padding: 0 !important;
    margin: 0;
    text-indent: -9999px;
    z-index: 9;
    right: 5px;
    display: block;
    background: rgba(0,0,0,0) url(../images/icons-sprite.png) no-repeat 3px -745px;
    top: 17px;
}
.final-round{height: 235px; margin-top: 17px;}
.form-row-footer.bg-black{background-color:#323232;}
.btn-normal, .btn-normal:hover, .btn-normal:focus, .btn-normal.focus{background-color: transparent; color: #FFF;}
.form-row-footer.bg-black .text-left .btn-normal{font-size: 18px; font-weight: 400;}
.form-row-footer.bg-black .text-right .btn-normal{font-size: 15px;}

/* -------------------------------------------------------- */
/* Edit Folder Pop-up								    	*/
/* -------------------------------------------------------- */

.modal-content .modal-dialog .modal-content {background-color: #f3f3f3;}
.modal-content .modal-dialog .modal-body{background-color: #fff;}
.modal-content .add-folder-sec .pop-folder-path{ width:77%; margin-left:2.2%; float:left;}
.modal-content .add-folder-sec .pop-folder-path input{height:32px !important;}
.modal-content .add-folder-sec .add-folder-input{ margin-left:0;}
.modal-content .modal-xlg .modal-body{ padding:0;height:400px;}
.footer-opt { float: right; margin-right: 19.5%;}
.modal-content .modal-footer .btn{float:right;}


/* -------------------------------------------------------- */
/* Game Status       								    	*/
/* -------------------------------------------------------- */

.game-staus-score-header .team-logo{margin-right:9px;}
.game-score-status-cell{height: 202px;width: 100%; padding:0 20px;}
.game-status-leftcoll{width: 100%;}
.gstatus-leftcol-selectbox-small{width:100px; float:left; margin-right:10px;}
.gstatus-leftcol-selectbox-small select{float:left; height:30px !important;background:transparent url("../images/icons-sprite.png") no-repeat scroll right -955px !important;}
.gstatus-leftcol-selectbox-small select option{text-overflow: ellipsis;}
.gstatus-leftcol-radio-opt {float: right;}
.gstatus-leftcol-radio-opt .cus-radio input[type="radio"] + label{ margin-bottom:0;}
.game-staus-score-detail{float:left; width:55%;}
.game-staus-score-detail select{background:transparent url("../images/icons-sprite.png") no-repeat scroll right -955px !important; height:30px !important; width:100%; margin-bottom:10px;}
.game-staus-score-detail h3{font-size:24px; color:#3f3f3f; margin:20px 0 19px 0; text-align:left;font-weight:400; padding:0;}
.game-staus-score-detail .btn{ color:#7ebd27; font-size:15px; text-transform:uppercase; height:30px; line-height:30px;padding-top:0;}
.game-staus-score-detail .btn.game-finished{background-color:#f3f3f3; color:#3f3f3f;box-shadow:none;}
.game-staus-score-detail .set-live { color: #db2022; }

.game-staus-score-img{float:right; width:28%; margin:21px 0 0 0;}
.game-staus-score-img img{ max-width:100%;}
.game-staus-score .form-group{margin:23px 0 12px 0;}
.game-staus-score .form-group > label { float: left; line-height: 32px; margin: 0; width: 32%; padding:0;}
.game-staus-score .form-group .control-field {float: right; position: relative; width: 67%;}
.game-staus-score .form-group select{background:transparent url("../images/icons-sprite.png") no-repeat scroll right -955px !important; height:30px !important; width:100%;}
.gstatus-leftcol-radio-opt .cus-radio{ min-width:65px;}
.game-status-leftcoll .gstatus-leftcol-radio-opt{margin-left: 10px;}
.game-staus-score-detail.full-width-btn{width: 100%;}
.game-staus-score-detail.full-width-div{float: none; margin: 0 auto;}
.game-staus-score h3.text-center {text-align: center;}
.gstatus-leftcol-radio-opt.text-center-radio {text-align: center;
    float: none;}

/* -------------------------------------------------------- */
/* Game Status       								    	*/
/* -------------------------------------------------------- */



/* -------------------------------------------------------- */
/* Picks Bans 									    	*/
/* -------------------------------------------------------- */

.red-dropdown{ background-color:#d0011b;}
.pick-ban-section h4 {color: #898989; font-size: 15px;margin: 18px 0 10px 20px; text-transform: uppercase; font-weight:500;}
.pick-ban-list, .hero-distribution-sec{padding:0 19px;}
.pick-ban-list ul:after, .hero-distribution-sec ul li{clear:both;display:table; content:"";}
.pick-ban-list ul{ margin-bottom:25px;}
.pick-ban-list ul > li{ list-style:none; float:left; margin-right:3.1%; position:relative; width:17.5%;}
.pick-ban-list ul > li:nth-child(5n){margin-right:0;}
.pick-ban-img{width:100%; height:auto; padding:4px; border:solid 1px #e6e6e6; border-radius:50%;-webkit-border-radius:50%; overflow:hidden;}
.pick-ban-img img{max-width:100%; display:block;margin:0 auto;border-radius:50%;-webkit-border-radius:50%;}
.pick-ban-title{ color:#b0b0b0; font-size:15px; font-weight:400; text-align:center; margin-top: 6px;}

.hero-distribution-sec ul li{ padding:12px 20px; list-style:none; border-bottom:solid 1px #e6e6e6;width:100%;}
.hero-distribution-sec ul li label{color:#3f3f3f; float:left; font-size:15px;width:125px;max-width:30%;margin:0; padding:5px 0 0 0;}
.hero-distribution-sec .dis-selects{ width:61%; float:left;}
.hero-distribution-sec .dis-select-small{width:81px;max-width:32%; margin-right:8px; float:left;}
.hero-distribution-sec .dis-select-large{width:159px;max-width:63.5%;  float:left;}
.hero-distribution-sec .dis-select-x-large {float: right; text-align: right; width: 83%;}
.hero-distribution-sec .dis-select-small select, .hero-distribution-sec .dis-select-large select,  .hero-distribution-sec .dis-select-x-large select{height:32px !important; background: transparent url("../images/icons-sprite.png") no-repeat scroll right -953px !important;padding-right: 28px !important;}
.hero-distribution-sec .add-player-row {margin-top: 8px;width: 87.4%;}
.hide-border{ position:relative; background:#fff;}
.disable-game {background-color:#fff;border-radius: 50%; height: 29px; line-height: 29px; overflow: hidden; padding: 2px; position: absolute;  right: 0px; text-align: center; top: 45%; width: 29px;}
.disable-game span {display: block;width: 100%; height: 100%; position: relative;}
.disable-game span:after{ background-position:0 -2123px;width:100%; height:100%; overflow:hidden; position:absolute;left:0; top:0;}

.template-item > li > .sort { display: none; }
.template-item > li > .remove { display: none; }

/* -------------------------------------------------------- */
/* API-Errors 									    	*/
/* -------------------------------------------------------- */

.green-dropdown{ background-color:#0a8833;}
.maroon-dropdown{ background-color:#c74527;}
.bg-csgo{background-color: #ff9b00;}
.bg-lol{background-color: #0050d2;}
.bg-dota2{background-color: #eb0050;}
.bg-sc2{background-color: #00b4ff;}
.bg-hearthstone{background-color: #8c372d;}
.bg-overwatch{background-color: #fad23c;}
.bg-rocketleague { background-color: #14e682; }
.bg-r6s { background-color: #9d00ff; }
.bg-cod { background-color: #31c120; }
.bg-valorant { background-color: #F34983; }
.half-setting-select .add-field{ padding:0; poasition:relative;}
.half-setting-select .add-field input{height: 32px !important; font-size:15px;}
.half-setting-select .add-field .icon-clear{right:6px;top: 8px;}
.api-section{border-bottom:solid 1px #e6e6e6; border-top:solid 1px #e6e6e6;}
.warning-number{ color:#59a2e7;  font-size:15px; font-weight:400;text-decoration:underline;}
.light-color{ color:#898989;}
.add-api-warning{ position:absolute; top:50%; right:5px; margin-top:-12px;}
.add-api-warning button.btn{ min-width:80px;}
.api-dropdown {
    background-color: #fff;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2);
    border: solid 1px #dbdbdb;
    width: 212px;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    position: absolute;
    top: 42px;
    right: 0;
    display: none;
    z-index: 10; /* Should be on top of everything else. */
}
.api-dropdown-add{ background-color:#fff;box-shadow:0 4px 4px rgba(0, 0, 0, 0.2); border:solid 1px #dbdbdb; width:212px;border-radius:4px;-webkit-border-radius:4px; position:absolute;top:50px;right:0; display:none;}

.api-dropdown > ul, .api-dropdown-add > ul{padding:0; margin:0;}
.api-dropdown > ul > li, .api-dropdown-add > ul >li{border-bottom:solid 1px #dbdbdb; list-style:none;padding:0; min-height:20px;}
.api-dropdown > ul > li:last-child, .api-dropdown-add > ul >li:last-child{border:none;}
.api-dropdown > ul > li a, .api-dropdown-add > ul >li a{color:#3f3f3f;font-size:15px; padding:3px 8px; display:block}
.api-dropdown > ul > li:hover, .api-dropdown-add > ul >li:hover{ background-color:#f3f3f3;}
.api-w-box{ margin-bottom:5px;}
.error-icon{background:url('../images/icons-sprite.png') no-repeat 0 -2167px; height:21px; overflow:hidden;width:23px;display:inline-block; position:relative; top:5px; margin-left:3px;}
.api-w-box  .half-setting-select .add-field{font-weight:500;}
.api-w-box  .half-setting-select .add-field span.light-color{font-weight:400;}

.icon-good-connection{background: url(../images/icons-sprite.png) no-repeat 0 -3080px;
    position: absolute;
    width: 22px;
    height: 22px;
    right: 0;
    z-index: 99;
    top: 9px;}
.icon-bad-connection{background: url(../images/icons-sprite.png) no-repeat 0 -3120px;
    position: absolute;
    width: 22px;
    height: 22px;
    right: 0;
    z-index: 99;
    top: 9px;}
.icon-connection-unlinked{background: url(../images/icons-sprite.png) no-repeat 0 -3040px;
    position: absolute;
    width: 22px;
    height: 22px;
    right: 0;
    z-index: 99;
    top: 9px;}
.lm_tab{width: 90%}
.lm_header {border: solid 1px #ccc;
    border-bottom: none;}
.lm_content{box-sizing: border-box;
    max-width: 100%;}
.lm_header .lm_tab .lm_title{white-space: nowrap;padding-top:0;}
span.lm_title {padding-top: 14px;}
iframe {width: 100%;height: 85%}

.lm_header .lm_tab{ background-color:transparent;}
.lm_header .lm_tabs{ background-color:#fff;}
.lm_header .lm_tab .lm_title{background-color:transparent;width:79%;}


/*Update on 2016-12-20*/
#map-not-live {
  background-color: #fff;
  border: 1px solid #ccc;
  border-radius: 5px;-webkit-border-radius:5px;
  box-shadow: 0 3px 5px -3px #ccc;
  position: absolute;
  top: 125px;
    left: 50%;
    margin-left: -265px;
}

#map-not-live h4{text-align:center; padding:10px 0;}
#map-not-live p{ text-align:center; padding:10px 0;}
a.not-live-btn {
    background-color: #fff;
    border: 1px solid #dcdcdc;
    border-radius: 3px;
    color: #3f3f3f;
    display: inline-block;
    font-weight: 500;
    padding: 13px 21px;
    text-align: center;
    text-transform: uppercase;
}
a.not-live-btn span {
    background-color: #e90000;
    border-radius: 50%;
    display: inline-block;
    height: 16px;
    margin-right: 9px;
    position: relative;
    top: 2px;
    -webkit-border-radius: 50%;
    width: 16px;
}
a.not-live-btn:hover {
    background-color: #e90000;
}


.header-match-finish.green-tick {
  background: #fff url("../images/icons-sprite.png") no-repeat scroll 29px -3362px;
  width: auto;
}
.header-match-finish.green-tick a{color:#3f3f3f;}
.btn-add-player.edit-icon {
  box-shadow: 0 3px 3px -3px #ccc;
  font-size: 15px;
  text-transform: none;
}
.form-row-footer.dark {
  background-color: #313131;
}
.footer-tagline {
  color: #fff;
  font-size: 17px;
}
.hs-margin{margin: 20px 110px;}
.form-row-footer.dark .btn.btn-cancel{color:#fff;}

.btn-add-player.edit-icon span {
  position: relative;
  top: -3px;
}
 .perfect-scroll {
  overflow-x: hidden;position:relative;.
  width: 100%;
}


@media (max-width: 1023px) {
	.container, .sub-header, .top-band {width: 1440px;}
	body{overflow-x: scroll;width:1440px;}
	.login-box{margin-left: 15px; margin-right: 15px; padding: 5px 5px 20px 5px;}
	.login-box .form-horizontal .control-label{margin-left: 15px;}
	.sidebar{position:absolute; top:0;}

}
@media (min-width: 992px) and (max-width: 1024px) {
	.container {width: 100%;}
	.lineup-row{max-width: inherit; width: 84.5%;}
	.lineup-row-del{width: 15%;}
	.match-title, ul.nav-wizard, .col-490:first-child ul.lineup, .add-player, .add-player-row{margin-left: 0;}
	.player-name{width: 70%;}
	.remove .delete {background: url(../images/icons-sprite.png) no-repeat 6px -204px;}
	.col-dropdown select, .col-drop-down select{padding: 0 23px 0 10px !important;}
	.match-details-header{font-size: 18px;}
	.col-490 .match-details-header {padding: 22px 18px;}
	.add-player, .add-player-row{width: 84.2%;}
	.col-490:last-child .add-player, .col-490:last-child .add-player-row{width: 80%;}
	.form-row .form-group{width: 95%;}
	.form-row .form-group > label{width: 38.6%;}
	.col-half{max-width: 135px;}
	.w-315, .members-block .add-member-row {width: 291.25px;}
	.control-field.members-block.member-block-box {max-width: 362px; width: 362px;}
	.sidebar, .day-wise-matchs{width: 300px;}
	.right-container{padding-left: 300px;}
	.right-container.hide-sidebar .game-media li {width: 32.9% !important;}
	.match-title{ max-width:26%;}
	.match-settings{width: 154px;}
	.match-settings a, .header-timer span{padding-left: 43px;}
	.match-settings a:before, .header-timer span::before{left: 10px;}
	.header-player-name{padding: 0 10px;}
	.scoreboard-point-col {width: 33%;}
	.scordeboard-input-box{ width:62px;}
	.scordeboard-input-box input[type="text"], .scordeboard-input-box input[type="text"]:hover, .scordeboard-input-box input[type="text"]:focus{width:37px;}
	.header-player-name span{float:left; max-width:120px; margin:0 1px;}
	.header-match-finish {background-position:10px -1068px;}
	.header-match-finish.set-match a{padding-right: 20px; padding-left: 41px;}
	.match-warnings ul li{width: 32.65%;}
}


@media (min-width: 1025px) and (max-width: 1439px) {
	.sidebar, .day-wise-matchs{width: 300px;}
	.right-container{padding-left: 300px;}
	.game-media li{max-width: 499px;}
	.match-settings{width: 154px;}
	.match-title{ max-width:32%;}
	.match-settings a, .header-timer span{padding-left: 43px;}
	.match-settings a:before, .header-timer span::before{left: 10px;}
	.header-player-name{padding: 0 10px;}
	.scoreboard-point-col {width: 35.5%;}
	.scordeboard-input-box{ width:62px;}
	.scordeboard-input-box input[type="text"], .scordeboard-input-box input[type="text"]:hover, .scordeboard-input-box input[type="text"]:focus{width:37px;}
	.header-player-name span{float:left; max-width:120px; margin:0 1px;}
	.match-warnings ul li{width: 32.75%;}
	.hero-distribution-sec .dis-select-small{max-width: 37%;}
	.hero-distribution-sec .dis-select-large{max-width:56.5%;}
	.hero-distribution-sec .remove .delete { background: rgba(0, 0, 0, 0) url("../images/icons-sprite.png") no-repeat scroll 9px -204px;}

}

@media (min-width: 1025px) and (max-width: 1440px) {
	.container {width: 100%;}
	.col-490{width: 33%;}
	.col-458{width: 34%;}
	.lineup-row{max-width: inherit; width: 85%;}
	.lineup-row-del{width: 15%;}
	.player-name{width: 79%;}
    .scorebord-user-name .player-name{width: 87%;}
	.add-player, .add-player-row{max-width: inherit; width: 83.2%;}
    .hero-distribution-sec .add-player-row { width: 83.2%;}
	.col-490:last-child .add-player, .col-490:last-child .add-player-row{max-width: inherit; width: 81%;}
	.pick-ban-list ul > li {width: 17.5%;}

}
@media (min-width: 1025px) and (max-width: 1280px) {.match-title{ max-width:20%;}
.add-api-warning button.btn{ min-width:45px;}
}
@media (min-width: 1600px){
	.col-458{width: 32%;}
}

[v-cloak] {
    display: none;
}