/* cyrillic-ext */

@font-face {

  font-family: 'Open Sans';

  font-style: normal;

  font-weight: 400;

  src: local('Open Sans'), local('OpenSans'), url(https://fonts.gstatic.com/s/opensans/v10/K88pR3goAWT7BTt32Z01m1tXRa8TVwTICgirnJhmVJw.woff2) format('woff2');

  unicode-range: U+0460-052F, U+20B4, U+2DE0-2DFF, U+A640-A69F;

}

/* cyrillic */

@font-face {

  font-family: 'Open Sans';

  font-style: normal;

  font-weight: 400;

  src: local('Open Sans'), local('OpenSans'), url(https://fonts.gstatic.com/s/opensans/v10/RjgO7rYTmqiVp7vzi-Q5UVtXRa8TVwTICgirnJhmVJw.woff2) format('woff2');

  unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;

}

/* devanagari */

@font-face {

  font-family: 'Open Sans';

  font-style: normal;

  font-weight: 400;

  src: local('Open Sans'), local('OpenSans'), url(https://fonts.gstatic.com/s/opensans/v10/ttwNtsRpgsxVmgGGmiUOEltXRa8TVwTICgirnJhmVJw.woff2) format('woff2');

  unicode-range: U+02BC, U+0900-097F, U+1CD0-1CF6, U+1CF8-1CF9, U+200B-200D, U+20A8, U+20B9, U+25CC, U+A830-A839, U+A8E0-A8FB;

}

/* greek-ext */

@font-face {

  font-family: 'Open Sans';

  font-style: normal;

  font-weight: 400;

  src: local('Open Sans'), local('OpenSans'), url(https://fonts.gstatic.com/s/opensans/v10/LWCjsQkB6EMdfHrEVqA1KVtXRa8TVwTICgirnJhmVJw.woff2) format('woff2');

  unicode-range: U+1F00-1FFF;

}

/* greek */

@font-face {

  font-family: 'Open Sans';

  font-style: normal;

  font-weight: 400;

  src: local('Open Sans'), local('OpenSans'), url(https://fonts.gstatic.com/s/opensans/v10/xozscpT2726on7jbcb_pAltXRa8TVwTICgirnJhmVJw.woff2) format('woff2');

  unicode-range: U+0370-03FF;

}

/* vietnamese */

@font-face {

  font-family: 'Open Sans';

  font-style: normal;

  font-weight: 400;

  src: local('Open Sans'), local('OpenSans'), url(https://fonts.gstatic.com/s/opensans/v10/59ZRklaO5bWGqF5A9baEEVtXRa8TVwTICgirnJhmVJw.woff2) format('woff2');

  unicode-range: U+0102-0103, U+1EA0-1EF1, U+20AB;

}

/* latin-ext */

@font-face {

  font-family: 'Open Sans';

  font-style: normal;

  font-weight: 400;

  src: local('Open Sans'), local('OpenSans'), url(https://fonts.gstatic.com/s/opensans/v10/u-WUoqrET9fUeobQW7jkRVtXRa8TVwTICgirnJhmVJw.woff2) format('woff2');

  unicode-range: U+0100-024F, U+1E00-1EFF, U+20A0-20AB, U+20AD-20CF, U+2C60-2C7F, U+A720-A7FF;

}

/* latin */

@font-face {

  font-family: 'Open Sans';

  font-style: normal;

  font-weight: 400;

  src: local('Open Sans'), local('OpenSans'), url(https://fonts.gstatic.com/s/opensans/v10/cJZKeOuBrn4kERxqtaUH3VtXRa8TVwTICgirnJhmVJw.woff2) format('woff2');

  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215, U+E0FF, U+EFFD, U+F000;

}

/* cyrillic-ext */

@font-face {

  font-family: 'Open Sans';

  font-style: normal;

  font-weight: 600;

  src: local('Open Sans Semibold'), local('OpenSans-Semibold'), url(https://fonts.gstatic.com/s/opensans/v10/MTP_ySUJH_bn48VBG8sNSiUUniRZcd_wq8DYmIfsw2A.woff2) format('woff2');

  unicode-range: U+0460-052F, U+20B4, U+2DE0-2DFF, U+A640-A69F;

}

/* cyrillic */

@font-face {

  font-family: 'Open Sans';

  font-style: normal;

  font-weight: 600;

  src: local('Open Sans Semibold'), local('OpenSans-Semibold'), url(https://fonts.gstatic.com/s/opensans/v10/MTP_ySUJH_bn48VBG8sNSuXREeHhJi4GEUJI9ob_ak4.woff2) format('woff2');

  unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;

}

/* devanagari */

@font-face {

  font-family: 'Open Sans';

  font-style: normal;

  font-weight: 600;

  src: local('Open Sans Semibold'), local('OpenSans-Semibold'), url(https://fonts.gstatic.com/s/opensans/v10/MTP_ySUJH_bn48VBG8sNSo0Uz7fbu6RM5MPetubMKio.woff2) format('woff2');

  unicode-range: U+02BC, U+0900-097F, U+1CD0-1CF6, U+1CF8-1CF9, U+200B-200D, U+20A8, U+20B9, U+25CC, U+A830-A839, U+A8E0-A8FB;

}

/* greek-ext */

@font-face {

  font-family: 'Open Sans';

  font-style: normal;

  font-weight: 600;

  src: local('Open Sans Semibold'), local('OpenSans-Semibold'), url(https://fonts.gstatic.com/s/opensans/v10/MTP_ySUJH_bn48VBG8sNSvzy0yu4vcvNhe7QLuoE8rU.woff2) format('woff2');

  unicode-range: U+1F00-1FFF;

}

/* greek */

@font-face {

  font-family: 'Open Sans';

  font-style: normal;

  font-weight: 600;

  src: local('Open Sans Semibold'), local('OpenSans-Semibold'), url(https://fonts.gstatic.com/s/opensans/v10/MTP_ySUJH_bn48VBG8sNSs9-ZSaZ3mOOsU9E1f6DGWc.woff2) format('woff2');

  unicode-range: U+0370-03FF;

}

/* vietnamese */

@font-face {

  font-family: 'Open Sans';

  font-style: normal;

  font-weight: 600;

  src: local('Open Sans Semibold'), local('OpenSans-Semibold'), url(https://fonts.gstatic.com/s/opensans/v10/MTP_ySUJH_bn48VBG8sNSoZI5FoslwusAsZHK_V0XCI.woff2) format('woff2');

  unicode-range: U+0102-0103, U+1EA0-1EF1, U+20AB;

}

/* latin-ext */

@font-face {

  font-family: 'Open Sans';

  font-style: normal;

  font-weight: 600;

  src: local('Open Sans Semibold'), local('OpenSans-Semibold'), url(https://fonts.gstatic.com/s/opensans/v10/MTP_ySUJH_bn48VBG8sNShUOjZSKWg4xBWp_C_qQx0o.woff2) format('woff2');

  unicode-range: U+0100-024F, U+1E00-1EFF, U+20A0-20AB, U+20AD-20CF, U+2C60-2C7F, U+A720-A7FF;

}

/* latin */

@font-face {

  font-family: 'Open Sans';

  font-style: normal;

  font-weight: 600;

  src: local('Open Sans Semibold'), local('OpenSans-Semibold'), url(https://fonts.gstatic.com/s/opensans/v10/MTP_ySUJH_bn48VBG8sNSugdm0LZdjqr5-oayXSOefg.woff2) format('woff2');

  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215, U+E0FF, U+EFFD, U+F000;

}

/* cyrillic-ext */

@font-face {

  font-family: 'Open Sans';

  font-style: normal;

  font-weight: 700;

  src: local('Open Sans Bold'), local('OpenSans-Bold'), url(https://fonts.gstatic.com/s/opensans/v10/k3k702ZOKiLJc3WVjuplzCUUniRZcd_wq8DYmIfsw2A.woff2) format('woff2');

  unicode-range: U+0460-052F, U+20B4, U+2DE0-2DFF, U+A640-A69F;

}

/* cyrillic */

@font-face {

  font-family: 'Open Sans';

  font-style: normal;

  font-weight: 700;

  src: local('Open Sans Bold'), local('OpenSans-Bold'), url(https://fonts.gstatic.com/s/opensans/v10/k3k702ZOKiLJc3WVjuplzOXREeHhJi4GEUJI9ob_ak4.woff2) format('woff2');

  unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;

}

/* devanagari */

@font-face {

  font-family: 'Open Sans';

  font-style: normal;

  font-weight: 700;

  src: local('Open Sans Bold'), local('OpenSans-Bold'), url(https://fonts.gstatic.com/s/opensans/v10/k3k702ZOKiLJc3WVjuplzI0Uz7fbu6RM5MPetubMKio.woff2) format('woff2');

  unicode-range: U+02BC, U+0900-097F, U+1CD0-1CF6, U+1CF8-1CF9, U+200B-200D, U+20A8, U+20B9, U+25CC, U+A830-A839, U+A8E0-A8FB;

}

/* greek-ext */

@font-face {

  font-family: 'Open Sans';

  font-style: normal;

  font-weight: 700;

  src: local('Open Sans Bold'), local('OpenSans-Bold'), url(https://fonts.gstatic.com/s/opensans/v10/k3k702ZOKiLJc3WVjuplzPzy0yu4vcvNhe7QLuoE8rU.woff2) format('woff2');

  unicode-range: U+1F00-1FFF;

}

/* greek */

@font-face {

  font-family: 'Open Sans';

  font-style: normal;

  font-weight: 700;

  src: local('Open Sans Bold'), local('OpenSans-Bold'), url(https://fonts.gstatic.com/s/opensans/v10/k3k702ZOKiLJc3WVjuplzM9-ZSaZ3mOOsU9E1f6DGWc.woff2) format('woff2');

  unicode-range: U+0370-03FF;

}

/* vietnamese */

@font-face {

  font-family: 'Open Sans';

  font-style: normal;

  font-weight: 700;

  src: local('Open Sans Bold'), local('OpenSans-Bold'), url(https://fonts.gstatic.com/s/opensans/v10/k3k702ZOKiLJc3WVjuplzIZI5FoslwusAsZHK_V0XCI.woff2) format('woff2');

  unicode-range: U+0102-0103, U+1EA0-1EF1, U+20AB;

}

/* latin-ext */

@font-face {

  font-family: 'Open Sans';

  font-style: normal;

  font-weight: 700;

  src: local('Open Sans Bold'), local('OpenSans-Bold'), url(https://fonts.gstatic.com/s/opensans/v10/k3k702ZOKiLJc3WVjuplzBUOjZSKWg4xBWp_C_qQx0o.woff2) format('woff2');

  unicode-range: U+0100-024F, U+1E00-1EFF, U+20A0-20AB, U+20AD-20CF, U+2C60-2C7F, U+A720-A7FF;

}

/* latin */

@font-face {

  font-family: 'Open Sans';

  font-style: normal;

  font-weight: 700;

  src: local('Open Sans Bold'), local('OpenSans-Bold'), url(https://fonts.gstatic.com/s/opensans/v10/k3k702ZOKiLJc3WVjuplzOgdm0LZdjqr5-oayXSOefg.woff2) format('woff2');

  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215, U+E0FF, U+EFFD, U+F000;

}



/** New style **/

#cpanel, #cpanel_larg, #cpanel_ac {

  margin:0;

  padding:0;

}


#cpanel div.icon, #cpanel_larg div.icon, #cpanel_ac div.icon {

	text-align: center;

	margin-right: 8px;

	float: left;

	margin-bottom: 15px;

    padding: 0px 5px;

}



#cpanel div.icon a {

	background-color: #fff;

	background-position: -30px;

	display: block;

	float: left;

	height: 75px;

	width: 100px;

	color: #565656;

	vertical-align: middle;

	text-decoration: none;

	border: 1px solid #CCC;

    padding: 7px 10px 6px 10px !important;



	-webkit-border-radius: 5px;

	-moz-border-radius: 5px;

	border-radius: 5px;

	-webkit-transition-property:

		background-position,

		-webkit-border-bottom-left-radius,

		-webkit-box-shadow;

	-moz-transition-property:

		background-position,

		-moz-border-radius-bottomleft,

		-moz-box-shadow;

	-webkit-transition-duration: 0.8s;

	-moz-transition-duration: 0.8s;

}



#cpanel_larg div.icon a {

	background-color: #fff;

	background-position: -30px;

	display: block;

	float: left;

	height: 120px;

	width: 120px;

	color: #565656;

	vertical-align: middle;

	text-decoration: none;

	border: 1px solid #CCC;



	-webkit-border-radius: 5px;

	-moz-border-radius: 5px;

	border-radius: 5px;

	-webkit-transition-property:

		background-position,

		-webkit-border-bottom-left-radius,

		-webkit-box-shadow;

	-moz-transition-property:

		background-position,

		-moz-border-radius-bottomleft,

		-moz-box-shadow;

	-webkit-transition-duration: 0.8s;

	-moz-transition-duration: 0.8s;

	box-shadow: 0px 1px 1.5px rgba(0, 0, 0, 0.15), 0px 1px 0px #FFF inset;

}



#cpanel_ac div.icon a {

	background-color: #fff;

	background-position: -30px;

	display: block;

	float: left;

	height: 105px;

	width: 200px;

	color: #565656;

	vertical-align: middle;

	text-decoration: none;

	border: 1px solid #CCC;



	-webkit-border-radius: 5px;

	-moz-border-radius: 5px;

	border-radius: 5px;

	-webkit-transition-property:

		background-position,

		-webkit-border-bottom-left-radius,

		-webkit-box-shadow;

	-moz-transition-property:

		background-position,

		-moz-border-radius-bottomleft,

		-moz-box-shadow;

	-webkit-transition-duration: 0.8s;

	-moz-transition-duration: 0.8s;

	box-shadow: 0px 1px 1.5px rgba(0, 0, 0, 0.15), 0px 1px 0px #FFF inset;

}



#cpanel div.icon a:hover, #cpanel_larg div.icon a:hover,

#cpanel div.icon a:focus, #cpanel_larg div.icon a:focus,

#cpanel div.icon a:active, #cpanel_larg div.icon a:active {

	background-position: 0;

	-webkit-border-bottom-left-radius: 50% 20px;

	-moz-border-radius-bottomleft: 50% 20px;

	border-bottom-left-radius: 50% 20px;

	-webkit-box-shadow: -5px 10px 15px rgba(0, 0, 0, 0.25);

	-moz-box-shadow: -5px 10px 15px rgba(0, 0, 0, 0.25);

	box-shadow: -5px 10px 15px rgba(0, 0, 0, 0.25);

	position: relative;

	z-index: 10;

}



#cpanel img, #cpanel_larg img {

	padding: 1px 0 2px 0;

	margin: 0 auto;

    width: 40px;

    height: 30px;

}



#cpanel span, #cpanel_larg span {

	display: block;

	text-align: center;

    width: 100%;

    height: 40px;

    overflow: hidden;

    font-size: 11px;

}



#cpanel:after, #cpanel_larg:after {

  clear: left;

}



.clear {

  clear: both;

}

.h0 {

  height: 0px;

}



@-webkit-keyframes dancing-dots-jump {

  0% { top: 0; }

  55% { top: 0; }

  60% { top: -10px; }

  80% { top: 3px; }

  90% { top: -2px; }

  95% { top: 1px; }

  100% { top: 0; }

}

@-moz-keyframes dancing-dots-jump {

  0% { top: 0; }

  55% { top: 0; }

  60% { top: -10px; }

  80% { top: 3px; }

  90% { top: -2px; }

  95% { top: 1px; }

  100% { top: 0; }

}



.dancing-dots-text span span {

  -webkit-animation-duration: 1800ms;

  -webkit-animation-iteration-count: infinite;

  -webkit-animation-name: dancing-dots-jump;

  -moz-animation-duration: 1800ms;

  -moz-animation-iteration-count: infinite;

  -moz-animation-name: dancing-dots-jump;

  padding: 1px;

  position: relative;

}



.dancing-dots-text span span:nth-child(2) {

  -webkit-animation-delay: 100ms;

  -moz-animation-delay: 100ms;

}



.dancing-dots-text span span:nth-child(3) {

  -webkit-animation-delay: 300ms;

  -moz-animation-delay: 300ms;

}

.mystyle{

background-color: #F9F9F9;

height: 50px;

}

.mystyle > i {

    color: #000;

}

.theme-dark .mystyle{

background-color: #030;

height: 50px;

}



.theme-dark .mystyle > i {

    color: #FFF;

}

#sidebar-content div > img {

width:90%!important;

}



.textlong {

  white-space: nowrap;

  text-overflow: ellipsis;

}



.textlong_special {

  /*white-space: nowrap;

  text-overflow: ellipsis;

  width: 600px!important;

  height: 50px!important;  */

  padding-top: 5px!important;

  padding: 0;

  height: auto;

  /* line-height: 48px; */

  color: #fff;

  text-shadow: 0 1px 0 #000;

  font-size: 18px;

  /*width: 230px;*/

  text-overflow: ellipsis;

  white-space: nowrap;

  overflow-x: hidden;

  text-align: left;

  padding-left: 0;

  max-width: none;

  min-width: 150px;

  margin-left: 0!important;

  margin-right: 0;

  float: left;

}