@font-face {
    font-family: RobotoCondensed-Regular;
    src: url(font/RobotoCondensed-Regular.ttf);
}
#pageloader {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(0,0,0,0.90);
    z-index: 999999;
    height: 100%;
    width: 100%;
}
#pageloader .table {
    display: table;
    height: 100%;
    text-align: center;
    width: 100%;
}
#pageloader .table .cell {
    display: table-cell;
    vertical-align: middle;
}
#pageloader .gmb-loader {
    font-size: 0;
    display: inline-block;
    position: relative;
    height: 40px;
    width: 40px;
}
#pageloader .gmb-loader div {
   animation: 1.75s ease 0s normal none infinite running gmb-bounce; -webkit-animation: 1.75s ease 0s normal none infinite running gmb-bounce;
   background: #00b8e2; border-radius: 50%; -webkit-border-radius: 50%; position: absolute; top: 50%; width: 10px; height: 10px;
}
#pageloader .gmb-loader div:nth-child(2) { animation-delay: 0.25s; -webkit-animation-delay: 0.25s; left: 50%;  margin-left: -5px; }
#pageloader .gmb-loader div:nth-child(3) { animation-delay: 0.5s; -webkit-animation-delay: 0.5s; right: 0; }

.modal-title-chPswd{
	font-size:24px;
}
#change_pswd.modal.fade.in{
	z-index:99999;
	display: block !important;
}
#change_pswd.modal{
	background-color:transparent !important;
	max-height:100% !important;
	width:100% !important;
}
#frmChangePswd .form-control{
	border:1px solid #ccc !important;
}
.btn-danger,.btn-danger:hover,.btn-danger:focus,.btn-danger.active{
	background-color: #fea700;
	border: 1px solid transparent;
}

.pageTitle {
    color: #27544b;
    float: left;
    font-size: 32px;
    font-weight: bold;
    margin-bottom: 0;
    margin-top: 30px;
    width: 80%;
}

.loginPage .header-wrapper img {
    max-width: 100%;
    width: 125px;
	float: left;
}
.pagesubtitle {
    color: #01080c;
    float: left;
    font-size: 22px;
}
body{
	 font-family: RobotoCondensed-Regular !important;
}
.header-wrapper{
	float: left;
    padding: 0 15px;
    width: 100%;
}
.displayTable{
   display: table;
    float: left;
    height: 100%;
    width: 100%;
}
.verticalHld {
    display: table-cell;
    vertical-align: middle;
}
.bg_outer{
	background: rgba(46, 130, 109, 0.59) none repeat scroll 0 0;
    padding: 20px;
    width: 100%;
	float:left;
}
.bg_inner{
	background-color: rgba(58, 132, 111, 0.66);
    padding: 20px;
	width: 100%;
	float:left;
}
.loginPage .pageContentWrapper{
	height: 500px;
    margin: 0 auto;
    width: 480px;
}

#page .header-wrapper {
    background-color: #344028;
    float: left;
    width: 100%;
}
.logoBlk {
    margin-top: 5px;
}
#page .header-wrapper img {
   display: none;
    margin-top: -5px;
    max-width: 100%;
        width: 24px;
    margin-right: 10px;
}
#page .header-wrapper img.active{
	display:inline-block;
}
#page .header-wrapper .logoBlk img{
    display: block;
	width: 56px;
}
#page .menuWrapper{
	    margin: 0 auto;
    text-align: center;
    width: auto;
    display: inline-block;
}
.header-wrapper .col-lg-8{
    text-align: center;
}
#page .menuIcon {
   background-color: #1e2911;
    border: 1px solid #448c81;
    color: #95ebae;
    cursor: pointer;
    display: block;
    float: left;
    font-size: 12px;
    font-weight: bold;
    letter-spacing: 0.5px;
    line-height: 32px !important;
    margin-bottom: 5px;
    margin-right: 10px;
    margin-top: 6px;
    text-transform: uppercase;
    width: auto;
    padding: 5px;
	text-decoration: none !important;
}
#page .menuIcon.active{
	background-color: #5f7e39;
    color: #fff;
}
#page .menuIcon.cmaster{
	line-height: 17px;
}
#page .menuIcon img {
    max-height: 100%;
    max-width: 100%;
}
#page .selectionBlk{
	background-color: rgba(24, 60, 89, 0.22);
    padding: 20px;
}
.menuTitle{
	color: #092715;
    font-size: 18px;
    font-weight: bold;
    margin-top: 10px;
    text-align: center;
    text-transform: uppercase;
}
.menuTitle.active{
	color: #9EFFBC;
}
.tableDataCnt{
    float: left;
    width: 100%;
}
.headerMsg span{
    color: #e9eaec;
    font-size: 16px;
}

.blockTitle{
   float: left;
    font-size: 22px;
    line-height: 58px;
    margin-right: 30px;
}

.filterItems{
     float: left;
    width: 200px;
}
.actionIcon {
    float: left;
    width: 100%;
}
.indvIcon {
    float: right;
    margin-right: 5px;
}
/****  navigation style***/
.nav-wrapper {
    background: #20462F none repeat scroll 0 0;
    color: #fff;
    float: left;
    font-size: 16px;
    font-weight: normal;
    text-transform: capitalize;
    width: 100%;    
    margin-bottom: 40px;
	display:none;
}
.nav-wrapper.active{
	display:block;
}
.indvItem{
   border-right: 1px solid rgba(20, 21, 21, 0.84)
}
/****  table style***/
.content-wrapper{
    width:1120px;
    margin:0 auto;
}
.content-wrapper thead{
    background-color: #28713a !important;
    color:#fff;
    text-transform: capitalize;
    font-weight: normal;

}

tbody tr:nth-child(2n){
    background-color: #d4e1d8 !important;
}
tbody tr{
    color:#344028;
}
.CSSTable1 td{
    color: #344028;
}

.midtable .CSSTable1 tr:nth-child(2n+1):hover{
     background-color: #d4e1d8;
}

.menuBlock{
    float: left;
    text-align: center;
    width: 100%;
}

.menuBlock .menuItems{
    border-right: 2px solid rgba(21, 55, 33, 0.7);
    display: inline-block;
    padding: 5px 10px;
    position: relative;
    cursor:pointer;
	background-image:url("images/mainBtn.jpg");
    background-repeat: repeat;
    background-size: 100% 100%;
    margin-right: 0 !important;
}

.menuBlock .menuItems.active,.menuBlock .menuItems:hover{
	background-image:url("images/m_hover.jpg");    
}

.menuBlock .menuItems:last-child{
    border: none;
}

.submenu{
    bottom: -28px;
    position: absolute;
    width: 250px;
    display: none;
}

.submenu.active{
    display: block;
}

.submenuItems{
    background: #467847 none repeat scroll 0 0;
    border-right: 2px solid #99aab4;
    display: block;
    float: left;
    font-size: 13px;
    padding: 5px;
    width: auto;
	color: #fff;
	background-image:url("images/submenubg.png");
}
.submenuItems.active,.submenuItems:hover,.submenuItems:focus{
	
}
.displayTable.headerMsg{
    height: 60px;
	text-align:right;
}
#select-3-button{
     background: #20462f none repeat scroll 0 0 !important;
    border: medium none !important;
    box-shadow: none !important;
    color: #fff !important;
}

.menuItems a{
	color:inherit !important;
	text-decoration:none !important;
	white-space: nowrap;
}

.header-wrapper .row{
	padding-bottom:0;
	    margin-right: 0;
    margin-left: 0;
}

.headerMsg .userName{
	position: relative;
    top: -19px;
    font-size: 14px;
}
.cbp-spmenu-push{
	float:left;
	width:100%;
}

.mtitle {
    display: block;
    margin-bottom: 10px;
    margin-left: 1%;
    margin-top: 10px;
    overflow: visible;
    position: relative;
    transition: all 0.5s ease 0s;
    width: 98%;
    z-index: 999;
}

.midtable,.middle-grid{
	margin-left:10px;
	padding-right:10px;
}

.PageSelect{
	margin-bottom: 10px;
    margin-left: 10px;
}
.midtable{
	display:table;
	 width: 98%;
}

.loadAjax {
	
}
.search_field{
	right: 115px;
}
 .mtitle p{
	overflow:visible;
 }
 .modal-content .freeze,.modal-content .freze-match{
	position:absolute;
 }
 select,.styled-select{
	
 }
 .row{
	margin-left:0;
	margin-right:0;
 }

/*******responsive style modification ***********/
.mob_header-wrapper{
    display: none;
}
.login_error{
    margin-top: 0;
}
.genderWrap{
    left: -13px;
}
.uploadPhotoWrap{
    margin-top: -70px;
}
@media(max-width:1024px ){
    #page .header-wrapper .logoBlk img{
        display: inline-block;
    }
    .logoBlk{
       
    }
    .header-wrapper{
   
    }
    .mob_header-wrapper{
        display: block;
    }
    .logoBlk img{
        max-width: 100px;
    }
    .headerMsg{
        float: right;
        margin-top: -55px;
    }
    .headerMsg .userName{
    }
    #page .menuWrapper{
         background: #1e2911 none repeat scroll 0 0;
        left: 0;
        margin: 0 auto;
        position: absolute;
        text-align: center;
        top: 47px;
        width: auto;
        z-index: 100;
		display:none;
    }
    #page .menuWrapper.active{
        display: block;
    }
    #page .menuIcon{
        height: auto;
        width: 100%;
        border: 0;
    }
    #page .menuIcon.active{
         background-color: transparent;
    }
    #page .menuIcon.cmaster{
        line-height: 33px;
    }
    .searchOptionBox .col-lg-2{
        float: left;
        padding: 5px;
    }
    .searchBtnWrap{
        float: left;
        width: 100%;
        text-align: right;
        margin-bottom: 5px;
        padding-right: 5px;
    }
    .displayTable.headerMsg{
        text-align: right;
    }
     .searchOptionBox{
        margin: 0 !important;
    }
    .noPadTab{
        padding: 0 !important;
    }
    #formScreen .modal-dialog{
        width: 95% !important;
		    height: 96%;
    }
    .uploadPhotoWrap{
        margin-top: 0px;
    }
    .scancopylabel{
        display: block !important; 
    }
	
	/******* responsive rework ********/
	

}

@media(max-width:960px ){
	.pageTitle{
		width:64%;
	}
}

@media(max-width:640px ){
	.header-wrapper{
		margin-bottom: 10px;
	}	
	.header-wrapper img{
		width: 100px;
	}
	.pageTitle{
		font-size: 23px;
		width:64%;
	}
	.pagesubtitle{
		font-size: 14px;
	}
	#page .menu-wrapper{
		width:100%;
	}
	#page .menuIcon{
		margin: 0 auto 10px;
	}
    .loginPage .header-wrapper img{
        width: 100px;
    }
    .loginPage .pageContentWrapper{
        width: 100%;
    }
    
    .header-wrapper .col-lg-12,.header-wrapper .col-lg-12 .col-lg-2{
        padding: 0;
    }
        
    .hideMob{
        display: none;
    }
   
    #ff .col-sm-9,#ff .col-sm-6,#ff .col-sm-3,#ff .col-md-4,#ff .col-md-6,#ff .col-md-12{
        padding: 0;
    }
    .genderWrap{
        left: 0px;
    }
    .siteAlertPopupContainer{
        width: 350px;
    }
}


/*********** blue3 theme css *************/
body.blue_theme3,body.blue_theme3 .tabContentBlock{
	background: #2A353B !important;
}
body.blue_theme3 .navMenu__items .menuItems.current a,body.blue_theme3 .navMenu__items .menuItems:hover a,body.blue_theme3 .navMenu__items .menuItems:focus a{
	color : #FF4B0A !important
}
body.blue_theme3 .topHeader,body.blue_theme3 .eventsListHeader{
	background-color : #2B3644;
}
body.blue_theme3 #filter-menu-dropdown,body.blue_theme3 .filterBlock .unitSubBlock .unitSubCol{
	background-color : #2B3644 !important;
}
body.blue_theme3 #filter-menu-dropdown .unitTitle:hover,body.blue_theme3 #filter-menu-dropdown .unitTitle:focus,body.blue_theme3 #filter-menu-dropdown .unitTitle.open,body.blue_theme3 .infoBlock.active,body.blue_theme3 .unitSubBlock .reset__btn,body.blue_theme3 .filterBlock .unitSubBlock.active,body.blue_theme3 .unit_filterItems.active label,body.blue_theme3  .unit_filterItems .inputSearchResult .resultItems.active label,body.blue_theme3 .liveTaggingControlsWrap .inputSearchResult,body.blue_theme3 .rightBlockWrapper.tagsListContainer .tagItems{
	background : #384049;
}
body.blue_theme3 .filterBlock .unitSubBlock.active,body.blue_theme3 .unit_filterItems.active label,body.blue_theme3  .unit_filterItems .inputSearchResult .resultItems.active label,body.blue_theme3 .liveTaggingControlsWrap .inputSearchResult{
	background: #FFF;
    color: #222;
}
body.blue_theme3 .sessionFilterBlock .filterBlock .unitSubBlock.active,body.blue_theme3 .liveTaggingControlsWrap .tabContentFilterWrap,body.blue_theme3 .playerFilterContentWrap .unitSubBlock.active,body.blue_theme3 .tagsListContainer .unitSubBlock.active{
	background : transparent;
}
body.blue_theme3 .pagContent{
	background-color: #2A353B !important;
}
body.blue_theme3 .rightBlockWrapper.tagsListContainer .tagItems.active {
    background-color: #FF7F27;
}
body.dark__bg.blue_theme3 .video__section .cd-popup-container:not(.fullview) .mcDetails {
    background-color: #2B3644;
}
body.dark__bg.blue_theme3 .video__section #videoWrap{
	background-color: #2A353B;
}
body.blue_theme3 .pageblock.pageListBlock.active .filterBlock{
	background-color: #2B3644;
}
body.blue_theme3 .pageblock.pageListBlock .tabContentBlock table thead{
	background-color: #252934 !important;
}
body.blue_theme3 .pageblock.pageListBlock .tabContentFilterWrap .unitSubBlock.active{
	background : transparent;
}
body.blue_theme3 .pageblock.pageListBlock .tabContentBlock table td{
	border-bottom: 1px solid #2B3644;
}
body.blue_theme3 .siteAlertPopup.videoPreviewPopup.active,body.blue_theme3  .siteAlertPopup.videoPreviewPopup .siteAlertPopupContainer,body.blue_theme3  .videoCommentsList,body.blue_theme3 .playListOverlay .popupListWrap .popupListItem.active{
	    background-color: #2B3644 !important;
}
body.blue_theme3 .siteAlertPopup.videoComparisionPopup.active,body.blue_theme3  .siteAlertPopup.videoComparisionPopup .siteAlertPopupContainer,body.blue_theme3  .siteAlertPopup.videoComparisionPopup .mediaContainer{
	    background-color: #2B3644 !important;
}
body.blue_theme3 .commonPlayerControl{
	background-color: #384049 !important;
}
body.blue_theme3 .commentsInputBlock{
	background-color: #2A353B ;
}
body.blue_theme3 .currentPlayListName{
	background-color: #384049 ;
}
body.blue_theme3 .commentsItems{
	background-color: #384049 !important;
}
body.blue_theme3 .shareListOverlay,body.blue_theme3 .playListOverlay{
	    background: rgb(92 103 117 / 80%) 0% 0% no-repeat padding-box;
}
body.blue_theme3 .thumb-caption{
	background: rgb(91 102 115 / 82%);
}

body.blue_theme3 .unit_filterItems .filterLabel,body.blue_theme3  .unit_filterItems .inputSearchResult .resultItems label,body.blue_theme3   .tabContentBlock table th{
	color: #FFF;
}

body.blue_theme3 .playlistCommentsIcon{
	background-color: #384049 ;
}
body.blue_theme3 .tabItems.active {
    color: #FF4B0A !important;
}
#page.blue_theme3 .header-wrapper {
    background-color: #2A353B !important;
}
#page.blue_theme3 .nav-wrapper{
	    background-color: #1e262f;
}
#page.blue_theme3 .header-wrapper.officialsTypeMenu{
	 background-color: #1e262f !important;
}
#page.blue_theme3 .nav-wrapper.officialsTypeMenu{
	 background-color:transparent;
	     margin-top: 10px;
    margin-bottom: 10px;
}
#page.blue_theme3 .menuBlock .menuItems,#page.blue_theme3 .submenuItems{
	background: #0D1115;
}
#page.blue_theme3 .menuBlock .menuItems.active,#page.blue_theme3  .menuBlock .menuItems:hover{
	background : #FF4B0A;
}
#page.blue_theme3 .menuIcon.active{
	background-color : #384049;
	    border: 1px solid #0D1115;
		color: #FFF;
}
#page.blue_theme3 .menuIcon{
	background-color : #384049;
	    border: 1px solid #0D1115;
		color: #a0a7af;
}

#page.blue_theme3 .hint{
	color : #FFF;
}
body.blue_theme3 .unit_filterItems label{
	margin-top :0;
}

body.blue_theme3 tbody tr{
	color : #FFF;
}

body.blue_theme3 .table-striped > tbody > tr:nth-child(odd) > td,body.blue_theme3  .table-striped > tbody > tr:nth-child(odd) > th{
	color : #252934;
}
body.blue_theme3 tbody tr:nth-child(2n){
	background-color : #dedbdb !important;
	color: #252934;
}

body.blue_theme3 .content-wrapper thead{
	background-color: #2B3644 !important;
}

body.blue_theme3 .mtitle h3{
	color : #FFF;
}

/*********** Side menu theme css *************/
body.sideMenuTheme .tabContentBlock{
	background: #2A353B !important;
}
body.sideMenuTheme .navMenu__items .menuItems.current a,body.sideMenuTheme .navMenu__items .menuItems:hover a,body.sideMenuTheme .navMenu__items .menuItems:focus a{
	color : #FF4B0A !important
}
body.sideMenuTheme .topHeader,body.sideMenuTheme .eventsListHeader{
	background-color : #2B3644;
}
body.sideMenuTheme #filter-menu-dropdown,body.sideMenuTheme .filterBlock .unitSubBlock .unitSubCol{
	background-color : #2B3644 !important;
}
body.sideMenuTheme  #pageLeftBlock{
	    background: #2B3644  !important;
}
body.sideMenuTheme #filter-menu-dropdown .unitTitle:hover,body.sideMenuTheme #filter-menu-dropdown .unitTitle:focus,body.sideMenuTheme #filter-menu-dropdown .unitTitle.open,body.sideMenuTheme .infoBlock.active,body.sideMenuTheme .unitSubBlock .reset__btn,body.sideMenuTheme .filterBlock .unitSubBlock.active,body.sideMenuTheme .unit_filterItems.active label,body.sideMenuTheme  .unit_filterItems .inputSearchResult .resultItems.active label,body.sideMenuTheme .liveTaggingControlsWrap .inputSearchResult,body.sideMenuTheme .rightBlockWrapper.tagsListContainer .tagItems{
	background : #384049;
}
body.sideMenuTheme .filterBlock .unitSubBlock.active,body.sideMenuTheme .unit_filterItems.active label,body.sideMenuTheme  .unit_filterItems .inputSearchResult .resultItems.active label,body.sideMenuTheme .liveTaggingControlsWrap .inputSearchResult{
	background: #FFF;
    color: #222;
}
body.sideMenuTheme .sessionFilterBlock .filterBlock .unitSubBlock.active,body.sideMenuTheme .liveTaggingControlsWrap .tabContentFilterWrap,body.sideMenuTheme .playerFilterContentWrap .unitSubBlock.active,body.sideMenuTheme .tagsListContainer .unitSubBlock.active{
	background : transparent;
}
body.sideMenuTheme .pagContent{
	background-color: #2A353B !important;
}
body.sideMenuTheme .rightBlockWrapper.tagsListContainer .tagItems.active {
    background-color: #FF7F27;
}
body.dark__bg.sideMenuTheme .video__section .cd-popup-container:not(.fullview) .mcDetails {
    background-color: #2B3644;
}
body.dark__bg.sideMenuTheme .video__section #videoWrap{
	background-color: #2A353B;
}
body.sideMenuTheme .pageblock.pageListBlock.active .filterBlock{
	background-color: #2B3644;
}
body.sideMenuTheme .pageblock.pageListBlock .tabContentBlock table thead{
	background-color: #252934 !important;
}
body.sideMenuTheme .pageblock.pageListBlock .tabContentFilterWrap .unitSubBlock.active{
	background : transparent;
}
body.sideMenuTheme .pageblock.pageListBlock .tabContentBlock table td{
	border-bottom: 1px solid #2B3644;
}
body.sideMenuTheme .siteAlertPopup.videoPreviewPopup.active,body.sideMenuTheme  .siteAlertPopup.videoPreviewPopup .siteAlertPopupContainer,body.sideMenuTheme  .videoCommentsList,body.sideMenuTheme .playListOverlay .popupListWrap .popupListItem.active{
	    background-color: #2B3644 !important;
}
body.sideMenuTheme .siteAlertPopup.videoComparisionPopup.active,body.sideMenuTheme  .siteAlertPopup.videoComparisionPopup .siteAlertPopupContainer,body.sideMenuTheme  .siteAlertPopup.videoComparisionPopup .mediaContainer{
	    background-color: #2B3644 !important;
}
body.sideMenuTheme .commonPlayerControl{
	background-color: #384049 !important;
}
body.sideMenuTheme .commentsInputBlock{
	background-color: #2A353B ;
}
body.sideMenuTheme .currentPlayListName{
	background-color: #384049 ;
}
body.sideMenuTheme .commentsItems{
	background-color: #384049 !important;
}
body.sideMenuTheme .shareListOverlay,body.sideMenuTheme .playListOverlay{
	    background: rgb(92 103 117 / 80%) 0% 0% no-repeat padding-box;
}
body.sideMenuTheme .thumb-caption{
	background: rgb(91 102 115 / 82%);
}

body.sideMenuTheme .unit_filterItems .filterLabel,body.sideMenuTheme  .unit_filterItems .inputSearchResult .resultItems label,body.sideMenuTheme   .tabContentBlock table th{
	color: #FFF;
}

body.sideMenuTheme .playlistCommentsIcon{
	background-color: #384049 ;
}
body.sideMenuTheme .tabItems.active {
    color: #FF4B0A !important;
}
#page.sideMenuTheme .header-wrapper {
    background-color: #232B36 !important;
	    position: fixed;
    z-index: 1000;
	background-image:url("../images/menu_bg.png");
	background-repeat:no-repeat;
	background-position:right center;
	    padding-top: 3px;
    padding-bottom: 10px;
	
}
.menu_nav{
	background-image:url("../images/menu_nav.png");
	background-repeat: no-repeat;
    background-size: 20px;
    background-position: 5px center;
	width:30px;
	height : 20px;
	position: absolute;
    left: -11px;
    top: 14px;
    cursor: pointer;
    z-index: 100;
}
#page.sideMenuTheme .nav-wrapper{
	    background-color: #1e262f;
}
#page.sideMenuTheme .header-wrapper.officialsTypeMenu{
	 background-color: #1e262f !important;
}
#page.sideMenuTheme .nav-wrapper.officialsTypeMenu{
	 background-color:transparent;
	     margin-top: 10px;
    margin-bottom: 10px;
}
#page.sideMenuTheme .menuBlock .menuItems,#page.sideMenuTheme .submenuItems{
	background: #0D1115;
}
#page.sideMenuTheme .menuBlock .menuItems.active,#page.sideMenuTheme  .menuBlock .menuItems:hover{
	background : #FF4B0A;
}
#page.sideMenuTheme .menuIcon.active{
	background-color : #384049;
	    border: 1px solid #0D1115;
		color: #FFF;
}
#page.sideMenuTheme .menuIcon{
	background-color : #384049;
	    border: 1px solid #0D1115;
		color: #a0a7af;
}

#page.sideMenuTheme .hint{
	color : #FFF;
}
body.sideMenuTheme .unit_filterItems label{
	margin-top :0;
}

body.sideMenuTheme tbody tr{
	color : #FFF;
}

body.sideMenuTheme .table-striped > tbody > tr:nth-child(odd) > td,body.sideMenuTheme  .table-striped > tbody > tr:nth-child(odd) > th{
	color : #252934;
}
body.sideMenuTheme tbody tr:nth-child(2n){
	background-color : #dedbdb !important;
	color: #252934;
}

body.sideMenuTheme .content-wrapper thead{
	background-color: #2B3644 !important;
}

body.sideMenuTheme .mtitle h3{
	
}
body.sideMenuTheme table.dataTable{
	width : 99% !important;
}
body.sideMenuTheme .dataTables_wrapper .dataTables_filter{
	margin-right : 1% !important;
}
body.sideMenuTheme .cbp-spmenu-push{
	width: calc(100% - 190px);
	margin-left: 180px;
	margin-top:52px !important;
	padding-top: 10px;
}
body.sideMenuTheme .cbp-spmenu-push.fullwidth{
	margin-left:0;
	width:100%;
}
.sideMenuBar{
	float: left;
    width: 180px;
    background-color: #344050;
    color: #FFF;
    height: 100%;
    position: fixed;
    top: 49px;
	left:0;
	background-image:url("../images/menu_bg.png");
	background-repeat:no-repeat;
	background-position:center bottom;
	padding-top: 10px;
}
.sideMenuBar.inactive{
	display:none;
}

.sideMenuBar .menuItems{
   transition-duration: 1s;
}
.sideMenuBar .menuItems.active{
	background-color: #3F4B5C;
}
.sideMenuBar .menuItems a{
	white-space: normal;
	width: 100%;
    display: block;
}
.sideMenuBar .openSubmenu{
	float: right;
	font-size : 15px;
	padding-right : 10px;
	background-image : url("../images/sub_menu_nav.png");
	background-repeat:no-repeat;
	width: 15px;
    height: 15px;
    margin-right: 10px;
	margin-top: 9px;
    background-size: 10px;
}
.sideMenuBar .openSubmenu svg{
	fill:#FFF;
}
.sideMenuBar .openSubmenu.active{
	display:inline-block;
}
.sideMenuBar .closeSubmenu{
	float: right;
	font-size : 14px;
	padding-right : 16px;
	display:none;
}
.sideMenuBar .menuItems.active .closeSubmenu{
	display:inline-block;
}
.sideMenuBar .menuItems.active .openSubmenu{
	display:none;
}
.sideMenuBar .menuItemsInnerWrap{
	padding-top: 12px;
    padding-bottom: 12px;
    padding-left: 40px;
	background-repeat: no-repeat;
    background-size: 21px;
    background-position: 7px center;
	cursor:pointer;
}

.masterMenu .menuItemsInnerWrap{
	background-image : url("../../images/master-icon.png");
}
.dashboardMenu .menuItemsInnerWrap{
	background-image : url("../../images/teamroom-icon.png");
}
.practiceMenu .menuItemsInnerWrap{
	background-image : url("../../images/practics-icon.png");
}
.matchMenu .menuItemsInnerWrap{
	background-image : url("../../images/match.png");
}
.knowledgeLabMenu .menuItemsInnerWrap{
	background-image : url("../../images/knowlage-icon.png");
}
.teamroomMenu .menuItemsInnerWrap{
	background-image : url("../../images/teamroom-icon.png");
}
.changePwdMenu .menuItemsInnerWrap{
	background-image : url("../../images/settings.png");
}
.logoutMenu .menuItemsInnerWrap{
	background-image : url("../../images/logout.png");
}

.menuItems.active .menuItemsInnerWrap{
	border-bottom: 1px solid #4d5b6f;
    border-left: 3px solid #FD4A09;
}

.sideMenuBar .subMenuItems{
	padding: 5px;
    padding-left: 57px;
    cursor: pointer;
	padding-right: 10px;
	border-bottom: 1px solid #4d5b6f;
}
.sideMenuBar .subMenuItems:hover,.sideMenuBar .subMenuItems:active,.sideMenuBar .subMenuItems:visited,.sideMenuBar .subMenuItems.active{
	background-color: #d05f36;
}
.sideMenuBar .menuItems .subMenu{
	display : none;
}
.sideMenuBar .menuItems.active .subMenu{
	display : block;
	max-height: 300px;
    overflow: auto;
}

body.sideMenuTheme .cbp-spmenu-push{
	
}

.header-wrapper .logoBlk{
	    width: auto;
    margin-left: 10px;
	margin-top: 3px;
	    padding-left: 15px;
		float: left;
}
.header-wrapper .top-icon{
	    display: inline-block;
    float: right;
}
.userName{
	    float: right;
    display: inline-block;
    line-height: 40px;
    color: #FFF;
    margin-right: 10px;
}

@media (max-width: 1024px) {
	body.sideMenuTheme .cbp-spmenu-push{
		margin-left:0;
		width:100%;
	}
	.sideMenuBar{
		position:fixed;
		z-index: 20000;
		top: 53px;
		width: 100%;
	}
	.menu_nav{
		left: -14px;
	}
	 .header-wrapper .col-lg-12 .col-lg-2{
		width : 16.66666667%;
		float:right;
	}
	 .header-wrapper .col-lg-12 .col-lg-2 .userName{
		display:none;
	}
	.hideTab{
		display:none !important;
	}
	.light-box-team.modal-body,.modal-body{
		overflow-y: scroll !important;
		height: 80% !important;
		    float: left;
			width: 100%;
	}
	#ccplayers .modal-dialog{
		max-width:95%;
	}
	#form_group_players,.playerGroupNameFormField{
		width:100% !important;
	}
	.venueFormField{
		padding-left:15px !important;
	}
	.sideMenuBar .menuItems .subMenu a{
		padding-top: 8px;
		padding-bottom: 8px;
	}
	.sideMenuBar .menuItemsInnerWrap{
		padding-bottom:20px;
		padding-top:20px;
	}
}

@media (min-width: 768px) and (max-width: 1366px) {
	
	
	body.sideMenuTheme.mobileDevice .cbp-spmenu-push{
		margin-left:0;
		width:100%;
	}
	.mobileDevice .sideMenuBar{
		position:fixed;
		z-index: 20000;
		top: 53px;
		width: 100%;
	}
	.mobileDevice .menu_nav{
		left: -14px;
	}
	 .mobileDevice .header-wrapper .col-lg-12 .col-lg-2{
		width : 16.66666667%;
		float:right;
	}
	.mobileDevice .header-wrapper .col-lg-12 .col-lg-2 .userName{
		display:none;
	}
	.mobileDevice .hideTab{
		display:none !important;
	}
	.mobileDevice .light-box-team.modal-body,.modal-body{
		overflow-y: scroll !important;
		height: 80% !important;
		    float: left;
			width: 100%;
	}
	.mobileDevice #ccplayers .modal-dialog{
		max-width:95%;
	}
	.mobileDevice #form_group_players,.playerGroupNameFormField{
		width:100% !important;
	}
	.mobileDevice .venueFormField{
		padding-left:15px !important;
	}
	.mobileDevice .sideMenuBar .menuItems .subMenu a{
		padding-top: 8px;
		padding-bottom: 8px;
	}
	.mobileDevice .sideMenuBar .menuItemsInnerWrap{
		padding-bottom:20px;
		padding-top:20px;
	}
	
	.mobileDevice .sideMenuBar .menuItems .subMenu a{
		padding-top: 15px;
		padding-bottom: 15px;
		font-size:20px;
	}
	.mobileDevice .menu_nav{
		left: -5px;
	}
	.mobileDevice .sideMenuBar .menuItemsInnerWrap{
		font-size:20px;
	}
	.mobileDevice .sideMenuBar .openSubmenu,.mobileDevice .sideMenuBar .closeSubmenu{
		font-size:24px;
	}
}


@media (max-width: 768px) {
	body.sideMenuTheme #filter-menu-dropdown,body.sideMenuTheme .filterBlock .unitSubBlock .unitSubCol{
	background-color : #171d25 !important;
	}
	body.sideMenuTheme  #pageLeftBlock{
			background: #171d25  !important;
	}
}

@media (max-width: 640px) {
	.bg_outer{
		padding:10px;
		max-width: 350px !important;
	}
	.dataTables_wrapper label{
		float:left;
		    margin-right: 10px;
	}
	.mobColumns{
		width:60px !important;
	}
	.card .header{
		min-width:100%;
	}
	.dataTables_wrapper .dataTables_length{
		margin-left:0;
	}
	
	
	
}