/**
* OxfordSMS - Template
* @author    Ivan Komlev
* @copyright Copyright (C) 2020-2021 Ivan Komlev. All rights reserved.
* @license	 GNU/GPL
*/
/*
aside ul li{
	min-height:35px;
	padding: 2px 5px 2px 5px;
margin-right: 10px;
text-align: left;
word-wrap: break-word;
white-space: normal;
overflow-wrap: break-word;
overflow: hidden;
}
*/

:root {
 --primary:#010156;
 --secondary:#6d757e;
 --success:#448344;
 --info:#30638d;
 --warning:#ad6200;
 --danger:#a51f18;
 --light:#f9fafb;
 --dark:#353b41;
}

a{font-weight:500;text-decoration:none;

color: var(--topMenuBGColor);
}

.card{
	margin-bottom:20px;
}

.pagination{
	display:inline-block;
}
  .pagination ul > li {
	display:inline-block;
}

.pagination ul > li > a, .pagination ul > li > span {
    padding: 4px 12px;
    line-height: 20px;
    text-decoration: none;
    background-color: #fff;
    border: 1px solid #ddd;
}

.pagination ul > li > .active{
    font-weight:bold;
}

.controls .input-prepend{
	width:92%;
}

.controls .input-prepend .add-on{
	width:40px;
	height:30px;
}

.controls .input-prepend .add-on .element-invisible{
	display:none;
}


.dashboard-sidebar{
	background-color: var(--leftSideBG);
}

.aside_news{
	width:92%;
	margin: 0 auto;
}

.sidebar-block ul{
	margin-left:0;
	padding-left:0;
}

.sidebar-block li{
	list-style:none;
	margin-left:0;
	padding-left:0;
}

.sidebar-block{
	color: #24292e;
	background-color: #fafbfc;
	border: 1px solid;
	border-color: rgba(27,31,35,.15);
	box-shadow: 0 1px 0 rgba(27,31,35,.04),inset 0 1px 0 hsla(0,0%,100%,.25);
	transition: background-color .2s cubic-bezier(.3,0,.5,1);

	position: relative;
	display: inline-block;
	padding: 5px 16px;
	font-size: 14px;
	font-weight: 500;
	line-height: 20px;
	white-space: nowrap;
	vertical-align: middle;

	border-radius: 6px;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	
	white-space:normal !important;
}

@media only screen and (max-width: 500px) {
	.form-horizontal .control-label{
		width:auto !important;
	}
	.form-horizontal .controls{
		margin-left: 0 !important;
	}
}


@media only screen and (min-width: 770px) {
.dashboard-sidebar{	overflow:auto!important;}	
}


.OxfordSMSDashboard-AfterContent{
	max-width:100%;
	overflow-x: auto;
}

.form-horizontal .control-label{
	padding-top:0px;
}

.fusion-main-menu{
	width:100%;
}

/* Modal */

/* The Modal (background) */
.ctModal {
    display: none; /* Hidden by default */
    position: fixed; /* Stay in place */
    z-index: 32000; /* Sit on top */
    left: 0;
    top: 0;
    width: 100%; /* Full width */

    height: 100%; /* Full height */
    overflow: auto; /* Enable scroll if needed */
    background-color: rgb(0,0,0); /* Fallback color */
    background-color: rgba(0,0,0,0.4); /* Black w/ opacity */
}

/* Modal Content */
.ctModal_content {
    background-color: #fefefe;
	position: fixed; /* Stay in place */
    top:0;
	left:0;
    padding: 20px;
    border: 1px solid #888;
    width: 80%;
	max-width:800px;
}

.ctModal_content .tab-content{

	overflow-y: auto;
	overflow-x: hidden;
	height: 100%;
}


.ctModal_content .tab-content{

	overflow-y: auto;
	overflow-x: hidden;
	height: 100%;
}

/* The Close Button */
.ctModal_close {
    color: #aaaaaa;
    float: right;
    font-size: 28px;
    font-weight: bold;
}

.ctModal_close:hover,
.ctModal_close:focus {
    color: #000;
    text-decoration: none;
    cursor: pointer;
}



/* end of modal */
/*
.AccountDetails{
overflow:hidden !important;
}
*/
.dashboardmenuitembox, .dashboardmenuitembox p, .dashboardmenuitembox a{
	color: white !important;
	
}

#oxfordSMSDashboardYeraTermMonthBoxes_Mobile{
	width:100%;
}
.mobileSideBar select{
	width:100% !important;
}

.isbn{
	text-align:right;
}

.AccountDetails h4{
	text-align:center !important;
	font-size:18px;
}
	
.AccountDetails ul{
	margin-left:0px;
}
.AccountDetails > div > ul > li{
	list-style: none !important;
}

.AccountDetails > div > ul > li img{
	width:16px !important;
	height:16px;
	mergin-right:15px;
}
.oxfordSMSDashboardTabs > .btn{
	pointer: default !important;
}
.OxfordSMSSideBarClubs{
	vertical-align: middle;
	margin-top:10px;
	margin-bottom:10px;
}
.OxfordSMSSideBarClubs div{
	vertical-align: middle;
	display: inline-block;
	padding:0;
}

.OxfordSMSSideBarClubs img{
	width:78px;
	vertical-align: middle;
	margin:0px;
}

.OxfordSMSSideBarClubs ul{
	list-style: none;
}

.OxfordSMSSideBarClubs li{
	margin: 5px 0 5px 0;
	font-size:1.1em;
}

.OxfordSMSSideBarClubs li > span{
	font-weight: bold;
}

#oxfordSMSDashboardYeraTermMonthBoxes select{
	width:100% !important;
}
.OxfordSMSDashboard-AfterContent{
	margin-top:30px  !important;
}
.OxfordSMSDashboard-AfterContent h4{
	font-size:16px;
}

.OxfordSMSDashboard-AfterContent > .datagrid {border:none !important;}
.OxfordSMSDashboard-AfterContent > .datagrid {background: none; !important;}

.OxfordSMSDashboard-AfterContent > .datagrid table{border:none !important;}

.OxfordSMSDashboard-AfterContent > .datagrid table tbody tr th {background: none;border-bottom:1px solid #e1edf9;}
.OxfordSMSDashboard-AfterContent > .datagrid table tbody tr:nth-child(even) {background: #fafbfc;border-bottom:1px solid #e1edf9;}
.OxfordSMSDashboard-AfterContent > .datagrid table tbody tr:nth-child(odd) {background: #e1edf9;border-bottom:1px solid #e1edf9;}

.OxfordSMSDashboard-AfterContent > .datagrid table thead tr {border:none !important;}
.OxfordSMSDashboard-AfterContent > .datagrid table thead th {border:none !important;background:none !important;}
.OxfordSMSDashboard-AfterContent > .datagrid table tbody td {border:none !important;padding:10px;}
.OxfordSMSDashboard-AfterContent > .datagrid table tbody tr {border:none !important;}





.datagrid table{
	width:100%;
}

.dashboardPhoto{
	position: relative;
	text-align:center;
	margin-left:-10px;
	margin-bottom:10px;
}

.dashboardPhoto img{
	width:200px;
	margin-top:10px;
	
}

.dashboardHouseIcon{
	position:absolute;
	bottom:0;
	right:0;
}

.dashboardHouseIcon img{
	height:auto !important;
	max-width:50px;
}

.ctEditFormButton{
	width:100% !important;
	display: block;
	margin-bottom:15px !important;
}

.OxfordSMSMobileMenu div{
width:100%;
}

/* SIDE BAR */
.OxfordSMS-ctCatalogRecordCount
{
}

#oxfordSMSPageHeader, #oxfordSMSPageHeader_Mobile{
	margin-top:15px;
}


.oxfordSMSDashboardMenu, #oxfordSMSDashboardMenu, #oxfordSMSDashboardCTToolBar, #oxfordSMSDashboardCTToolBar_Mobile{
	margin-top:24px;
}

#oxfordSMSDashboardMenu button, #oxfordSMSDashboardMenu_Mobile button, #oxfordSMSDashboardCTToolBar button, #oxfordSMSDashboardCTToolBar_Mobile button{
	
	min-height:35px;
	padding:2px 5px 2px 5px;
	margin-right:10px;
	text-align:left;
	word-wrap: break-word;
	white-space: normal;
	overflow-wrap: break-word;
	overflow: hidden;
}

#oxfordSMSDashboardMenu img,#oxfordSMSDashboardMenu_Mobile img,.oxfordSMSDashboardMenu_Mobile img, #oxfordSMSDashboardCTToolBar img,#oxfordSMSDashboardCTToolBar_Mobile img
{
	width:16px;
	height:16px;
	margin-right:10px;
}

.oxfordSMSDashboardMenu img
{
	width:16px;
	height:16px;
	margin-right:10px;
}


#oxfordSMSDashboardCTSearchBoxes select,#oxfordSMSDashboardCTSearchBoxes_Mobile select, #oxfordSMSDashboardCTSearchBoxes input, #oxfordSMSDashboardCTSearchBoxes_Mobile input{
	width:100%;
	margin-bottom:15px;
}


/* end of the side bar */



/* Unset Bootstrap conflicting classes */
/*
.btn, .btn-outline{
	all: unset;
	*/
/*	text-align:center;
	border-color: unset;
	
	box-shadow: unset;
	transition: unset;


	background-image: unset;
	background-repeat: unset;	
*/
/*
	box-sizing: border-box;
}
*/

.btn{background-color:var(--ButtonColor)}
/*input+.btn:hover{background-color:var(--ButtonColor) !important;}*/

.btn-primary{background-color:var(--primaryButtonColor) !important;}
.btn-primary:hover{background-color:var(--primaryButtonHoverColor) !important;}
input+.btn-success{background-color:var(--successButtonColor) !important;}
input+.btn-success:hover{background-color:var(--successButtonHoverColor) !important;}

.btn:hover{
	opacity: 0.8;
}

.dropdown-menu{
	all: unset;
}

.well2{
	all: unset;
}

form{
	margin: unset;
}

label{
	margin-bottom: unset;
}

/*
select, textarea, input[type="text"], input[type="password"], input[type="datetime"], input[type="datetime-local"], input[type="date"], input[type="month"], input[type="time"], input[type="week"], input[type="number"], input[type="email"], input[type="url"], input[type="search"], input[type="tel"], input[type="color"], .uneditable-input {
	
	padding-top: unset;
	padding-bottom: unset;
	margin-bottom: unset;
	
}
*/


/* end of unset */

.avatar{
	width:20px;
	height:20px;
}
.componentheading, h2{
	font-size:2em;
	font-weight:bold;
}

#selectorBox{
	margin-bottom:10px;
}


#selectorBox h3 select{
	font-size:18px;
}
.pagination{
	text-align:center;
}
/*
select, textarea, input[type="text"], input[type="password"], input[type="datetime"], input[type="datetime-local"], input[type="date"], input[type="month"], input[type="time"], input[type="week"], input[type="number"], input[type="email"], input[type="url"], input[type="search"], input[type="tel"], input[type="color"], .uneditable-input {
	
	height:30px;
	width:95%;
	max-width:600px;
	
}
*/

.dashboard ul{
	margin-left:0;
}

.dashboard li{
	list-style:none;
}

.control-label, .control-label label{
	display: inline-block;
	text-align:left; /* to overwrite bootstrat 3.2 */
}


.controls2{
	display: inline-block;
}

.menu-profilemenu span{
	vertical-align:middle;
}

.menu-profilemenu img{
	width:16px;
	height:16px;
	vertical-align:middle;
	margin-right:5px;
}

.NavBreadcrumbs{
	margin-left:0px;
	display:inline-block;
}
.NavBreadcrumbs div{
	display:inline-block;
	margin-right:0;
}
.NavBreadcrumbs ul{
	margin-right:0;
	margin-left:0;
}

.NavBreadcrumbs li{
list-style:none;
}

.breadcrumb-none li{
	list-style:none;
}

.breadcrumb-none li:before{
	margin-left:10px;
	margin-right:6px;
	content: "/";
}

.breadcrumb-none li:first-child {
    display:none;
}

.dashboardmenusimple a
{
	display: none;

}


.dashboardmenuitembox{
	display: inline-block;
	margin:15px;
	text-align:center;
	
}

.dashboardmenuitembox img{
	text-align:center;
	width:80px;
}

.dashboardmenuitemimage{border-radius:20px;	display: inline-block;	width:80px;height:80px;overflow:hidden;}

.dashboardmenuitemimage img{
	text-align:center;
	width:80px;
}

.dashboardmenuitembox button{
	
	width:150px;
	height:150px;
	text-align:center;
	
}
.dashboardmenuitembox p{
font-size:16px !important;
width:120px;
white-space:normal;
text-align:center;
}

.dashboardblock{
	text-align: center;
}

.dashboardblock .dashboardmenuitembox span{
font-size:16px !important;
width:120px;
white-space:normal;
display: block;
}
/*
.dashboardmenuitembox img{
	width:64px;
	height:64px;
}
*/

.leftSideFooter{
	position: absolute;
	bottom:10px;
	left:10px;
}


/* --------------------------------- LOADER --------------------- */
/* Center the loader */
#loader {
  position: absolute;
  left: 50%;
  top: 50%;
  z-index: 1;
  width: 150px;
  height: 150px;
  margin: -75px 0 0 -75px;
  border: 16px solid #f3f3f3;
  border-radius: 50%;
  border-top: 16px solid #3498db;
  width: 120px;
  height: 120px;
  -webkit-animation: spin 2s linear infinite;
  animation: spin 2s linear infinite;
}

@-webkit-keyframes spin {
  0% { -webkit-transform: rotate(0deg); }
  100% { -webkit-transform: rotate(360deg); }
}

@keyframes spin {
  0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}

/* Add animation to "page content" */
.animate-bottom {
  position: relative;
  -webkit-animation-name: animatebottom;
  -webkit-animation-duration: 1s;
  animation-name: animatebottom;
  animation-duration: 1s
}

@-webkit-keyframes animatebottom {
  from {  opacity:0 } 
  to { opacity:1 }
}

@keyframes animatebottom { 
  from{  opacity:0 } 
  to{  opacity:1 }
}

#oxfordSMSDashboard {
  display: none;
}


/* ---------------       ALERT ---------- */
.alert {
	padding: 8px 35px 8px 14px;
	margin-bottom: 18px;
	text-shadow: 0 1px 0 rgba(255,255,255,0.5);
	background-color: #fcf8e3;
	border: 1px solid #fbeed5;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
}
.alert,
.alert h4 {
	color: #c09853;
}
.alert h4 {
	margin: 0;
}
.alert .close {
	position: relative;
	/*top: -2px;
	right: -21px;
	line-height: 18px;*/
}
.alert-success {
	background-color: #dff0d8;
	border-color: #d6e9c6;
	color: #468847;
}
.alert-success h4 {
	color: #468847;
}
.alert-danger,
.alert-error {
	background-color: #f2dede;
	border-color: #eed3d7;
	color: #b94a48;
}
.alert-danger h4,
.alert-error h4 {
	color: #b94a48;
}
.alert-info {
	background-color: #d9edf7;
	border-color: #bce8f1;
	color: #3a87ad;
}
.alert-info h4 {
	color: #3a87ad;
}
.alert-block {
	padding-top: 14px;
	padding-bottom: 14px;
}
.alert-block > p,
.alert-block > ul {
	margin-bottom: 0;
}
.alert-block p + p {
	margin-top: 5px;
}
/*
.alert-heading{
	margin-top:20px !important;
}
*/


/* --------------------------------------------------- */

#dashboard .jbDocImages img{
	
	box-shadow: rgb(38, 57, 77) 0px 20px 30px -10px;
}