/*______________________________________________________________________________________________________*/
/*                                                                                                      */
/*                              media queries for common device breakpoints                             */
/*______________________________________________________________________________________________________*/

@media (min-width:320px) { /* and  (min-width:1025px) big landscape tablets, laptops, and desktops */ 

/*Corner Radial Menu*/
.close-button{
  display: none;
}
.dk-center {
  top: 50%;
  right: 50%;
  position: absolute;
  
  transform: translate(50%, -50%);
}

#dk-top {
  top: 0;
  right: 0;
  width: 100%;
  height: 40px;
  margin: 0;
  padding: 0;
  text-align: center;
  position: absolute;
  background-color: black;
  border-bottom: 2px solid gray;
  z-index: 8;
}

#dk-top h1 {
    line-height: 38px;
    margin: 0;
    padding: 0;
    position: relative;
    border: 1px solid saddlebrown; }

#dk-mbox {
  top: -1px;
  right: 0px;
  width: 10px;
  height: 10px;
  position: absolute;
  background-color: transparent;
  border: none;
}

.dk-button {
  width: 100px;
  height: 100px;
  background-color: lightblue;
  border: 2px solid silver;
  border-right: none;
  border-radius: 50px 0px 0px 50px;
  position: absolute;
  z-index: 10;
}

.dk-button img:nth-of-type(1) {
  width: 64px;
  opacity: 0;
  z-index: 10;
  transition: all 500ms linear;
}

.dk-button img:nth-of-type(2) {
  width: 64px;
  opacity: 1;
  z-index: 9;

  transition: all 500ms linear;
}

#dk-mbox:hover .dk-button img:nth-of-type(1) {
  opacity: 1;
  width: 74px;
}

#dk-mbox:hover .dk-button img:nth-of-type(2) {
  opacity: 1;
  width: 74px;
}

.dk-nav2 {
/*  Spinner Debug */
/*  top: 300px;   */
/*  left: 300px;  */
  width: 100px;
  height: 100px;
  background-color: rgb(50,150,225);
  border: none;
  border-radius: 50%;
  position: absolute;
  z-index: 9;
  
  transition: 1000ms ease-in-out 250ms;
}

.dk-nav2 a:nth-of-type(1) {
  width: 16px;
  top: 42px;
  right: 42px;
  position: absolute;
  transform: rotate(0deg) translateX(70px) rotate(0deg);
  
  transition: 1000ms ease-in-out 250ms;
}


.dk-nav2 a:nth-of-type(2) {
  width: 16px;
  top: 42px;
  right: 42px;
  position: absolute;
  transform: rotate(-25deg) translateX(70px) rotate(25deg);
  
  transition: 1000ms ease-in-out 250ms;
}


.dk-nav2 a:nth-of-type(3) {
  width: 16px;
  top: 42px;
  right: 42px;
  position: absolute;
  transform: rotate(-60deg) translateX(70px) rotate(60deg);
  
  transition: 1000ms ease-in-out 250ms;
}

.dk-nav2 a:nth-of-type(4) {
  width: 16px;
  top: 42px;
  right: 42px;
  position: absolute;
  transform: rotate(-85deg) translateX(70px) rotate(85deg);
  
  transition: 1000ms ease-in-out 250ms;
}

.dk-corner {
  top: 0;
  right: 0;
  width: 120px;
  height: 130px;
  position: absolute;
  background-color: black;
  border: 2px solid silver;
  border-right: none;
  border-radius: 65px 0px 0px 65px;
  transform: translateY(-14px);
  z-index: 8;

  transition: all 500ms ease-in-out 1000ms;
}

#dk-mbox:hover .dk-corner {
  width: 140px;
  transition: all 0.25s ease-in-out 0ms;
}

#dk-mbox:hover .dk-nav2 {
  transform: rotate(-150deg);
}

#dk-mbox:hover .dk-nav2 a:nth-of-type(1) {
  transform: rotate(0deg) translateX(70px) rotate(150deg);
  transition: 1000ms ease-in-out 250ms;
}

#dk-mbox:hover .dk-nav2 a:nth-of-type(2) {
  transform: rotate(-25deg) translateX(70px) rotate(175deg);
}

#dk-mbox:hover .dk-nav2 a:nth-of-type(3) {
  transform: rotate(-50deg) translateX(70px) rotate(200deg);
}

#dk-mbox:hover .dk-nav2 a:nth-of-type(4) {
  transform: rotate(-75deg) translateX(70px) rotate(225deg);
}
/*++++++++++++++++++++++++*/
#dk-mbox{
  right: 74px;
  top: -11px;
      transform: rotate(-45deg);
      position: fixed;
}
.dk-button, .dk-nav2, body{
  background-color: unset;
}
.dk-corner {
  top: 30px;
  right: -111px;
    width: 80px;
    height: 80px;
    background-color: rgb(138 168 176);
    transition: all 400ms ease-in-out 200ms;
    border-radius: 50% 0px 0px 50%;
    border: unset;
    box-shadow: -4px 0px 33px 9px rgba(49, 55, 50, 0.53), inset 0px 0px 2px 1px #a7bcc1;

}

#dk-mbox:hover .dk-button {
    width: 80px;
    height: 80px;
    top: 20px;
  right: -66px;
}
#dk-mbox:hover .dk-corner {
    width: 160px;
    transition: all 0.25s ease-in-out 0ms;
    height: 160px;
    top: -8px;
  right: -108px;
  /*box-shadow: -4px 0px 100px 145px rgba(49, 55, 50, 0.53), inset 0px 0px 2px 1px #a7bcc1;*/
}
#dk-mbox:hover .dk-nav2{
  z-index: 9;
  top: 7px;
  left: -3px;
}
.dk-nav2 {
    transition: 200ms ease-in-out 250ms;
      top: 35px;
left: 43px;

}
.dk-button {
    width: 60px;
    height: 60px;
    top: 36px;
  right: -74px;
    border-radius: 50% 0px 0px 50%;
    background-color: #ffffff;
    border: unset;
    box-shadow: -3px 0px 6px 1px #8aa8b0;
    transition: all 400ms ease-in-out 100ms;
}
.dk-nav2 a{
  color: #ffffff;
  cursor: pointer;
}
.dk-nav2 a:hover{
  cursor: pointer;
  color: #313732;

  text-shadow: 0px 0px 7px #ffffff;
}

.dk-center {
    /*width: 22px;*/
    padding: 18px 3px ;  
    top: unset;
    right: unset;
    position: absolute;
    transform: rotate(45deg);
    color: #8AA8B0;
    transition: all 400ms cubic-bezier(0.4, 0, 1, 1);
    font-size: 22px !important;
}
#dk-mbox:hover .dk-center {
   font-size: 28px !important;
   padding: 28px 15px;  
   color: #f6672f;
}
/*++++++++++++++++++++++++++++*/
.dk-nav2 a:nth-of-type(1) {
    transform: rotate(0deg) translateX(66px) rotate(170deg);
    transition: 400ms ease-in-out 250ms;
}
  #dk-mbox:hover .dk-nav2 a:nth-of-type(1) {
    transform: rotate(0deg) translateX(66px) rotate(195deg);
    transition: transform 400ms ease-in-out 250ms;
}

.dk-nav2 a:nth-of-type(2) {
  transform: rotate(-25deg) translateX(70px) rotate(195deg);
    transition: transform 400ms ease-in-out 250ms;
}
#dk-mbox:hover .dk-nav2 a:nth-of-type(2) {
    transform: rotate(-25deg) translateX(70px) rotate(220deg);
}

.dk-nav2 a:nth-of-type(3) {
    transform: rotate(-50deg) translateX(70px) rotate(220deg);
    transition: transform 400ms ease-in-out 250ms;
    /* transition: 100ms ease-in-out 250ms; */
}
#dk-mbox:hover .dk-nav2 a:nth-of-type(3) {
    transform: rotate(-50deg) translateX(70px) rotate(245deg);
}

.dk-nav2 a:nth-of-type(4) {
    transform: rotate(-71deg) translateX(70px) rotate(245deg);
    transition: transform 400ms ease-in-out 250ms;
}
#dk-mbox:hover .dk-nav2 a:nth-of-type(4) {
  transform: rotate(-71deg) translateX(70px) rotate(270deg);
}
/*End Corner Radial Menu*/


    .pages-list{
    position: fixed;
      right: 15px;
      bottom: calc(100vh - 0px);
  }
      .list-box{
    height: calc(100vh - 150px);
    top: 0px;
  }
      .listbox-content{
    max-height: calc(100vh - 200px);
  }

	     /*--------- Old res code ----------*/
.header-dropdown{/*display: none;*/}
.dropdown-menu.all-btns{display: none;}
.header-link.all-as{display: block; padding-top: 2px;}
.dropdown-menu.all-btns{color: #000; left: inherit; right: 0px; width: 350px; padding: 5px;max-height: calc(100vh - 60px);overflow: auto;}
.all-as .fa{font-size: 20px; width: 20px; height: 20px;}
.all-as .NM-dropdown{box-shadow: none; padding-top: 2px;}
.all-btns i ,.all-btns label{color: #000;}
.all-btns label{font-size: 13px;font-weight: bold;}
.all-li{width: 100%;display: inline-block;}
/*.dropdown-menu.header-dropdown{display: block;
position: inherit;
    border: none;
    box-shadow: none;
    width: 100%;
    top: 0 !important;
    padding: 0;
    margin: 0;
}*/
.dropdown-menu.header-dropdown{display: none;
position: absolute;
        border: 1px solid rgba(0, 0, 0, .15);
    box-shadow: 0 6px 36px rgba(0, 0, 0, 0.5);
    width: inherit;
    top: 23px !important;
}
.alert-droplist{
    width: 100% !important;
    border: none !important;
    background: transparent !important;
    padding-top: 0px !important;
        padding-bottom: 0px !important;
        max-height: 200px !important;height: inherit;
}
.open .header-link label:after,.open .header-link label:before{display: none !important;}
.dropdown-menu.d-user{
  display: block;
    position: inherit;
    background-color: transparent;
    box-shadow: none;
    border: none;
    width: 100%;
    font-size: 14px;

}
.dropdown.d-user-list{width: inherit;}
.NM-dropdown {box-shadow: inset 3px 0px 0px #000, 0px 0px 0px #B3B3B3;}
.all-li.paded{    margin-bottom: 5px;}

	     /*--------- end Old res code ----------*/







body{
	background-color: #DEDEDE !important;
	padding: 0;
	margin: 0;
	font-size: .85em;
	color: #313732 !important;
  font-family: 'Hind Madurai', NotoKufiArabic, sans-serif !important;
  direction: ltr;
}
*, *:before, *:after {
    -ms-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}
*, *:hover, *:focus, *:active *:visited{outline: none !important;}
h1, .h1, h2, .h2, h3, .h3 {
    margin: 0 !important;
}
h3, .h3 {
    font-size: 16px !important;
}
.NM-dropdown i{display: inline-block;}
.row{
	margin-left: 0 !important;
	margin-right: 0 !important;
}

.col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 {

    padding-right: 5px !important;
    padding-left: 5px !important;
}
.NM-wrapper{

}
.NM-header{
	height: 36px; 
	width: 100%;
	padding: 0;
	margin: 0;
	background-color: #313732;
	box-shadow: inset 0px -1px 0px #fff;
}
.header-logo{
	width: 182px;
	height: 35px;
    float: left;
    display: block;
    background-image: url("images/Mcc-logo2.svg");
    background-repeat: no-repeat;
    background-position: 50%;
    background-size: 100%;
    margin: 1px 0 0 7px;
}
.header-logotext{
	padding: 9px 0;
	margin: 0;
	color: #fff;
	/*font-family: "Roboto Condensed", "Oswald", "Helvetica Neue", Helvetica, Arial, sans-serif;*/
    text-transform: uppercase;
    font-weight: normal;
    font-size: 16px;
    float: left;
}
.header-dropdown{
	float: right;
	padding: 5px 0;
}
.NM-dropdown{
	float: left;
	padding: 0px 7px;
	box-shadow: inset 1px 0px 0px #000, -1px 0px 0px #B3B3B3;
}
.NM-1child{
	box-shadow: none;
}

.NM-dropdown i{
	/*color: #fff;*/
	width: 16px;
	height: 16px;
	font-size: 16px;
}
.NM-dropdown label{
	/*color: #fff;*/
	font-size: 18px;
    font-weight: normal;
	margin-bottom: 0px;
    padding: 0 4px 0 0;
}
/*.NM-dropdown span{
	display: none;
}*/


.NM-main-contener{
	position: relative;
	z-index: 1;
}
.NM-main-contener:before{
	content: "";
	position: absolute;
	width: 100%;
	top: 0;
	left: 0;
	height: 69px;
	z-index: -1;

	background: rgb(138,168,176);
	background: -moz-linear-gradient(top,  rgba(255,255,255,1) 0%, rgba(222,222,222,1) 100%);
	background: -webkit-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(222,222,222,1) 100%);
	background: linear-gradient(to bottom,  rgba(255,255,255,1) 0%,rgba(222,222,222,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#8aa8b0', endColorstr='#dedede',GradientType=0 );

}
.top-search-hed {
        position: relative;
    /*border-left: 1px solid #000000;
    box-shadow: -1px 0px 0px #b3b3b3;*/
    /* margin-left: 10px; */
    padding: 2px 5px 0px 10px;
    margin-right: 0px;
}
.top-search{
    background-color: #394054;
    border: none;
    /*-webkit-box-shadow: inset 0px 1px 3px 0px rgba(0, 0, 0, 0.8), 0px 0px 0px 1px #000;
    -moz-box-shadow: inset 0px 1px 3px 0px rgba(0, 0, 0, 0.8), 0px 0px 0px 1px #000;
    box-shadow: inset 0px 1px 3px 0px rgba(0, 0, 0, 0.8), 0px 0px 0px 1px #000;*/
    border-radius: 5px;
    padding: 3px;
    padding-left: 35px;
    padding-right: 10px;
    color: #ffffff;
    -webkit-transition: width ease-in 0.2s;
    transition: width ease-in 0.2s;
    -webkit-transition: all width ease-in 0.2s ease-out;
    -moz-transition: all width ease-in 0.2s ease-out;
    -o-transition: all width ease-in 0.2s ease-out;
    transition: all width ease-in 0.2s ease-out;
    width: 100px;
    font-size: 12px;
}
.top-search-hed:before {
    content: "\f002";
    font-family: 'FontAwesome';
    font-size: 12px;
    display: block;
    color: #fff;
    top: 6px;
    left: 20px;
    position: absolute;z-index: 1;
}
.top-search-hed .top-search::-webkit-input-placeholder { /* Chrome/Opera/Safari */
  color: #fff;
}
.top-search-hed .top-search::-moz-placeholder { /* Firefox 19+ */
  color: #fff;
}
.top-search-hed .top-search:-ms-input-placeholder { /* IE 10+ */
  color: #fff;
}
.top-search-hed .top-search:-moz-placeholder { /* Firefox 18- */
  color: #fff;
}
.header-dropdown .dropdown{float: left;    z-index: 2!important;}
.header-dropdown .dropdown button{background-color: transparent; border: none; padding: 0;}
.i-arow:after{
	content: "\f0d7";
	font: normal normal normal 14px/1 FontAwesome;
	color: #fff;
	font-size: 10px;
}
.form-group {
    margin-bottom: 5px !important;
}
/*.modal-body {
    padding: 5px !important;
}*/
li.ui-state-default.ui-state-hidden[role=tab]:not(.ui-tabs-active) {display: none;}

.fa-bars .badge.alert-animated{
    position: absolute;
    left: -15px;
    font-size: 12px;
    /* min-width: 2px; */
    border-radius: 18px;
    padding: 4px 4px;
    background-color: #e42a2a;
    text-shadow: 0px 1px 0px #000;
    font-family: 'Hind Madurai', sans-serif !important;
    top: 2px;
    width: 20px;
    height: 20px;
}
.badge.alert-animated{
    background-color: #e42a2a;
  animation: blinker 1s linear infinite;
}

@keyframes blinker {  
  50% { background-color: #777777; }
}
.all-li{float: left;}
.ui-datepicker{z-index: 2222 !important;}

/*----------------------------------------*/
/*/////////// Loding.. ////////////*/
.pace {
  -webkit-pointer-events: none;
  pointer-events: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
}

.pace-inactive {
  display: none;
}

.pace .pace-progress {
  background: #f26101;
  position: fixed;
  z-index: 2000;
  top: 0;
  right: 100%;
  width: 100%;
  height: 2px;
}

.pace .pace-progress-inner {
  display: block;
  position: absolute;
  right: 0px;
  width: 100px;
  height: 100%;
  box-shadow: 0 0 10px #f26101, 0 0 5px #f26101;
  opacity: 1.0;
  -webkit-transform: rotate(3deg) translate(0px, -4px);
  -moz-transform: rotate(3deg) translate(0px, -4px);
  -ms-transform: rotate(3deg) translate(0px, -4px);
  -o-transform: rotate(3deg) translate(0px, -4px);
  transform: rotate(3deg) translate(0px, -4px);
}

.pace .pace-activity {
  display: block;
  position: fixed;
  z-index: 2000;
    top: 11px;
    left: 200px;
  width: 14px;
  height: 14px;
  border: solid 2px transparent;
  border-top-color: #f26101;
  border-left-color: #f26101;
  border-radius: 10px;
  -webkit-animation: pace-spinner 400ms linear infinite;
  -moz-animation: pace-spinner 400ms linear infinite;
  -ms-animation: pace-spinner 400ms linear infinite;
  -o-animation: pace-spinner 400ms linear infinite;
  animation: pace-spinner 400ms linear infinite;
}

@-webkit-keyframes pace-spinner {
  0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); }
  100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); }
}
@-moz-keyframes pace-spinner {
  0% { -moz-transform: rotate(0deg); transform: rotate(0deg); }
  100% { -moz-transform: rotate(360deg); transform: rotate(360deg); }
}
@-o-keyframes pace-spinner {
  0% { -o-transform: rotate(0deg); transform: rotate(0deg); }
  100% { -o-transform: rotate(360deg); transform: rotate(360deg); }
}
@-ms-keyframes pace-spinner {
  0% { -ms-transform: rotate(0deg); transform: rotate(0deg); }
  100% { -ms-transform: rotate(360deg); transform: rotate(360deg); }
}
@keyframes pace-spinner {
  0% { transform: rotate(0deg); transform: rotate(0deg); }
  100% { transform: rotate(360deg); transform: rotate(360deg); }
}










.loader_red {
  height: 2px;
  width: 100%;
  position: fixed;
  overflow: hidden;
  background-color: transparent;    box-shadow: 0px 1px 3px #000;
}
.loader_red:before{
  display: block;
  position: absolute;
  content: "";
  left: -200px;
  width: 200px;
  height: 4px;
  background-color: red;
  animation: loading 2s linear infinite;
  box-shadow: 0px 0px 45px 33px red;
}
.loader_yellow {
  height: 2px;
  width: 100%;
  position: fixed;
  overflow: hidden;
  background-color: transparent;    box-shadow: 0px 1px 3px #000;
}
.loader_yellow:before{
  display: block;
  position: absolute;
  content: "";
  left: -200px;
  width: 200px;
  height: 4px;
  background-color: yellow;
  animation: loading 2s linear infinite;
  box-shadow: 0px 0px 45px 33px yellow;
}
.loader_green {
  height: 2px;
  width: 100%;
  position: fixed;
  overflow: hidden;
  background-color: transparent;    box-shadow: 0px 1px 3px #000;
}
.loader_green:before{
  display: block;
  position: absolute;
  content: "";
  left: -200px;
  width: 200px;
  height: 4px;
  background-color: #05e885;
  animation: loading 2s linear infinite;
  box-shadow: 0px 0px 45px 33px #05e885;
}
.loader_green_fixed {
  height: 2px;
  width: 100%;
  position: fixed;
  overflow: hidden;
  background-color: #05e885;    box-shadow: 0px 1px 3px #000;
  
}


@keyframes loading {
    from {left: -200px; width: 30%;}
    50% {width: 30%;}
    70% {width: 70%;}
    80% { left: 50%;}
    95% {left: 120%;}
    to {left: 100%;}
}

/*-----------------------------------*/
.fulliframe{
  width: 100vw !important;
  height: 100vh !important;
  position: fixed;
  z-index: 99998;
  top: 0;
  left: 0;
}
/*----------------------------------------*/
/*//////////// tabs //////////////*/
/* Tabbed Styles */
/*.fa.close-button{
  width: 60px;
    height: 60px;
    background-color: #fff;
    color: #8AA8B0;
    position: fixed;
    background-size: 14px;
    top: -30px;
    right: -30px;
    text-align: center;
    font-size: 18px;
    z-index: 99999;
    box-shadow: -3px 0px 6px -1px #8AA8B0;
    border-radius: 50%;
    padding: 33px 21px 0 0;
    display: none;
    -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}
.fa.close-button:hover{
  cursor: pointer;
  width: 80px;
  height: 80px;
  font-size: 28px;
  padding: 36px 20px 0 0;
  color: #f6672f;
  box-shadow: -3px 0px 6px 1px #8AA8B0;
  -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}*/
.fa.full-button{
  width: 13px;
    height: 16px;
    background-color: #fff;
    color: #8AA8B0;
    position: absolute;
    background-size: 14px;
    top: 7px;
    right: 14px;
    text-align: center;
    font-size: 13px;
    z-index: 4;
    box-shadow: -3px 0px 6px #fff;
    display: none;
}
.fa.full-button:hover {color: #f6672f;}
li.ui-corner-top:hover .fa.full-button{display: inline-block;}
.fa.help-button{
	width: 13px;
    height: 16px;
    background-color: #fff;
    color: #3b93ff;
    position: absolute;
    background-size: 14px;
    top: 5px;
    right: 27px;
    text-align: center;
    font-size: 15px;
    z-index: 4;
    box-shadow: -3px 0px 6px #fff;
    display: none;
}
li.ui-corner-top:hover .fa.help-button{display: inline-block;}
li.ui-corner-top.active.ui-tabs-active .fa.help-button, li.ui-corner-top.active.ui-tabs-active .fa.full-button{display: inline-block;}
li.ui-corner-top.active.ui-tabs-active .pt-list-option {opacity: 1;}
.tabbed.darck-tabs>ul.ui-tabs-nav li.tab-disables-code{opacity: 0.5 !important; cursor: default;}
.a-counts{padding-right: 5px !important;}
.tabs-count{
font-size: 10px;
    font-weight: normal;
    background-color: rgba(97, 113, 117, 0.59);
    border-radius: 3px;
    padding: 1px 3px 0 !important;
    box-shadow: inset 0px 0px 3px rgba(0, 0, 0, 0.22), 0px 0px 0px 1px #5d6669;
    color: #fff;
    position: absolute;
    right: 2px;
    top: 4px;
    line-height: 13px;
    text-align: center;
    font-family: 'Hind Madurai', sans-serif;
    z-index: 3;
}
.tabs-count:after{
	content: "\f00d";
    font: normal normal normal 14px/1 FontAwesome;
    /* background-color: #748b90; */
    opacity: 0;
    position: absolute;
    /* width: 10px; */
    /* height: 10px; */
    display: block;
    top: 0;
    right: 0;
    font-size: 12px;
    line-height: 14px;
    color: #313732;
}
.pages-tabs:hover .tabs-count:after{
opacity: 1;
}
.tabs-count:after:hover{
	color: red;
}
.pages-tabs:hover .tabs-count{
	box-shadow: none;
	color: transparent;
	background-color: transparent;
}
.fa.tab-close{
  position: absolute; 
      top: 6px;
    right: 1px;
  cursor: pointer;
  z-index: 3;
  color: #8AA8B0;
  font-size: inherit !important;
  width: 12px;
}
.tab-close:hover{color: #F26101;}
.Module-tabs{
  position: relative;
  z-index: 13;
}
.tabbed {
  /*width: 80%;
  min-width: 400px;
  margin: 0 auto;
  margin-bottom: 68px;
  border-bottom: 4px solid #000;
  overflow: hidden;*/
  transition: border 250ms ease;
}
.tabbed ul.ui-tabs-nav {
  margin: 0px;
  padding: 0px;
  overflow: hidden;
  float: left;
  padding-left: 20px;
  list-style-type: none;
/*  margin-top: -24px;
  margin-left: 193px;*/
}
#tabs-Moduels .tabbed ul.ui-tabs-nav ,#tabs-Pages .tabbed ul.ui-tabs-nav ,#tabs-Patient .tabbed ul.ui-tabs-nav {padding-left: 40px;}
.tabbed ul.ui-tabs-nav * {
  margin: 0px;
  padding: 0px;
  outline: none;
}
.tabbed ul.ui-tabs-nav li a{
	outline: none;
}
.tabbed ul.ui-tabs-nav li {
  display: block;
  height: 24px;
  float: left;
  padding: 2px 13px 0px;
  background-color: #FFF;
  margin-right: 33px;
  z-index: 2;
  position: relative;
  cursor: pointer;
  color: #777;

  text-transform: uppercase;
  /*font: 600 13px/20px roboto, "Open Sans", Helvetica, sans-serif;*/

  transition: all 250ms ease;
}
.tabbed ul.ui-tabs-nav li:before,
.tabbed ul.ui-tabs-nav li:after {
  display: block;
  content: " ";
  position: absolute;
  top: 0;
  height: 100%;
  width: 14px;  
  background-color: #FFF;
  transition: all 250ms ease;
}
.tabbed ul.ui-tabs-nav li:before {
  right: -7px;
  transform: skew(23deg, 0deg);
  box-shadow: rgba(0,0,0,.1) 3px 2px 5px, inset rgba(255,255,255,.09) -1px 0;
}
.tabbed ul.ui-tabs-nav li:after {
  left: -7px;
  transform: skew(-23deg, 0deg);
  box-shadow: rgba(0,0,0,.1) -3px 2px 5px, inset rgba(255,255,255,.09) 1px 0;
}
.tabbed ul.ui-tabs-nav li:hover,
.tabbed ul.ui-tabs-nav li:hover:before,
.tabbed ul.ui-tabs-nav li:hover:after {
  background-color: #F4F7F9;
  color: #444;
}
.tabbed ul.ui-tabs-nav li.active {
  z-index: 3;
}
.tabbed ul.ui-tabs-nav li.active,
.tabbed ul.ui-tabs-nav li.active:before,
.tabbed ul.ui-tabs-nav li.active:after {
  background-color: #000;
  color: #fff;
}

/* Round Tabs */
.tabbed.round ul.ui-tabs-nav li {
  border-radius: 8px 8px 0 0;
}
.tabbed.round ul.ui-tabs-nav li:before {
  border-radius: 0 6px 0 0;
}
.tabbed.round ul.ui-tabs-nav li:after {
  border-radius: 6px 0 0 0;
}

/* Skins */
/* # darck-tabs*/.search_li:before,.search_li:after{display: none !important;}
.tabbed.darck-tabs>ul.ui-tabs-nav{/*width: 100%;*/
	margin-top: -25px;position: inherit;
  margin-left: 193px;

box-shadow: none;
    width: inherit;
}
.tabbed.darck-tabs>ul.ui-tabs-nav:after{display: none;}
.search_li{ float: right !important; margin: -32px 50px 0 0 !important;}
.tabbed.darck-tabs>ul.ui-tabs-nav li,
.tabbed.darck-tabs>ul.ui-tabs-nav li:before,
.tabbed.darck-tabs>ul.ui-tabs-nav li:after {
	box-shadow:none;


  background: rgb(255,255,255);
background: -moz-linear-gradient(top,  rgba(255,255,255,1) 0%, rgba(167,202,211,1) 8%, rgba(138,168,176,1) 74%, rgba(71,78,79,1) 100%);
background: -webkit-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(167,202,211,1) 8%,rgba(138,168,176,1) 74%,rgba(71,78,79,1) 100%);
background: linear-gradient(to bottom,  rgba(255,255,255,1) 0%,rgba(167,202,211,1) 8%,rgba(138,168,176,1) 74%,rgba(71,78,79,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#474e4f',GradientType=0 );
    height: 23px;
    padding-top: 2px;
    -webkit-transition: height 0.1s; /* Safari */
    transition: height 0.1s; min-width: inherit;
}
.tabbed.darck-tabs>ul.ui-tabs-nav li:hover,
.tabbed.darck-tabs>ul.ui-tabs-nav li:hover:before,
.tabbed.darck-tabs>ul.ui-tabs-nav li:hover:after {
  /* background: rgb(255,255,255);
background: -moz-linear-gradient(top,  rgba(255,255,255,1) 0%, rgba(167,202,211,1) 34%, rgba(138,168,176,1) 74%, rgba(87,95,96,1) 100%);
background: -webkit-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(167,202,211,1) 34%,rgba(138,168,176,1) 74%,rgba(87,95,96,1) 100%);
background: linear-gradient(to bottom,  rgba(255,255,255,1) 0%,rgba(167,202,211,1) 34%,rgba(138,168,176,1) 74%,rgba(87,95,96,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#575f60',GradientType=0 ); */
background: linear-gradient(to top, rgba(222,222,222,1) 0%,rgba(255,255,255,1) 100%);
}
.tabbed.darck-tabs>ul.ui-tabs-nav li.tab-disables-code:hover,
.tabbed.darck-tabs>ul.ui-tabs-nav li.tab-disables-code:hover:before,
.tabbed.darck-tabs>ul.ui-tabs-nav li.tab-disables-code:hover:after {
  box-shadow: inset 0px -1px 0px #fff;


  background: rgb(255,255,255);
background: -moz-linear-gradient(top,  rgba(255,255,255,1) 0%, rgba(167,202,211,1) 8%, rgba(138,168,176,1) 74%, rgba(71,78,79,1) 100%);
background: -webkit-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(167,202,211,1) 8%,rgba(138,168,176,1) 74%,rgba(71,78,79,1) 100%);
background: linear-gradient(to bottom,  rgba(255,255,255,1) 0%,rgba(167,202,211,1) 8%,rgba(138,168,176,1) 74%,rgba(71,78,79,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#474e4f',GradientType=0 );

}
.tabbed.darck-tabs>ul.ui-tabs-nav li:before,
  .tabbed.darck-tabs>ul.ui-tabs-nav li:after{display: block;}

.tabbed.darck-tabs>ul.ui-tabs-nav li.active,
.tabbed.darck-tabs>ul.ui-tabs-nav li.active:before,
.tabbed.darck-tabs>ul.ui-tabs-nav li.active:after {
	box-shadow: inset 0px 0px 0px #fff;height: 25px;
	-webkit-transition: height 0.1s; /* Safari */
    transition: height 0.1s;

  /* background: rgb(255,255,255);
background: -moz-linear-gradient(top,  rgba(255,255,255,1) 0%, rgba(167,202,211,1) 15%, rgba(138,168,176,1) 77%);
background: -webkit-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(167,202,211,1) 15%,rgba(138,168,176,1) 77%);
background: linear-gradient(to bottom,  rgba(255,255,255,1) 0%,rgba(167,202,211,1) 15%,rgba(138,168,176,1) 77%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#8aa8b0',GradientType=0 ); */
background: linear-gradient(to bottom, rgba(222,222,222,1) 0%,rgba(255,255,255,1) 100%);
}


.tabbed.darck-tabs>ul.ui-tabs-nav li a:after, .tabbed.darck-tabs>ul.ui-tabs-nav li a:before{
    display: block;
    content: " ";
    position: absolute;
    top: 0;
    height: 100%;
    width: 35px;
    background-color: transparent;
    transition: all 250ms ease;
    z-index: 1;
}
.tabbed.darck-tabs>ul.ui-tabs-nav li a:before {
    border-radius: 0 6px 0 0;
}
.tabbed.darck-tabs>ul.ui-tabs-nav li a:after {
    border-radius: 6px 0 0 0;
}
.tabbed.darck-tabs>ul.ui-tabs-nav li a:before {display: block;
    right: -7px;
    transform: skew(23deg, 0deg);
    box-shadow: rgba(0,0,0,.1) 3px 2px 5px, inset rgba(255,255,255,.09) -1px 0;
}
.tabbed.darck-tabs>ul.ui-tabs-nav li a:after {display: block;
    left: -7px;
    transform: skew(-23deg, 0deg);
    box-shadow: rgba(0,0,0,.1) -3px 2px 5px, inset rgba(255,255,255,.09) 1px 0;
}


.tabbed.wight-tabs>ul.ui-tabs-nav li a:after, .tabbed.wight-tabs>ul.ui-tabs-nav li a:before{
    display: block;
    content: " ";
    position: absolute;
    top: 0;
    height: 100%;
    width: 35px;
    background-color: transparent;
    transition: all 250ms ease;
    z-index: 1;
}
.tabbed.wight-tabs>ul.ui-tabs-nav li a:before {
    border-radius: 0 6px 0 0;
}
.tabbed.wight-tabs>ul.ui-tabs-nav li a:after {
    border-radius: 6px 0 0 0;
}
.tabbed.wight-tabs>ul.ui-tabs-nav li a:before {display: block;
    right: -7px;
    transform: skew(23deg, 0deg);
    box-shadow: rgba(0,0,0,.1) 3px 2px 5px, inset rgba(255,255,255,.09) -1px 0;
}
.tabbed.wight-tabs>ul.ui-tabs-nav li a:after {display: block;
    left: -7px;
    transform: skew(-23deg, 0deg);
    box-shadow: rgba(0,0,0,.1) -3px 2px 5px, inset rgba(255,255,255,.09) 1px 0;
}



.tabbed.darck-tabs>ul.ui-tabs-nav li a{
  color: rgba(57, 64, 84, 0.7);
  text-decoration: none;
  font-size: 12px;
  font-weight: bold;
  padding: 4px 0px;
}
.tabbed.darck-tabs>ul.ui-tabs-nav li:hover a{
  color: #394054;
}
.tabbed.darck-tabs>ul.ui-tabs-nav li.tab-disables-code:hover a{
  color: rgba(255, 255, 255, 0.7);
  cursor: default;
}
.tabbed.darck-tabs>ul.ui-tabs-nav li.active a{
  color: #394054;
}



/*---------------------------------*/
/* # wight-tabs*/
.tabbed.wight-tabs ul.ui-tabs-nav{
	margin-top: 0px;
  margin-left: 0px;
  margin-right: 0 !important;
  width: 100%;
}
.tabbed.wight-tabs ul.ui-tabs-nav li,
.tabbed.wight-tabs ul.ui-tabs-nav li:before,
.tabbed.wight-tabs ul.ui-tabs-nav li:after {
	box-shadow: inset 0px -1px 0px #8AA8B0;


  background: rgb(255,255,255);
background: -moz-linear-gradient(top,  rgba(255,255,255,1) 45%, rgba(222,222,222,1) 100%);
background: -webkit-linear-gradient(top,  rgba(255,255,255,1) 45%,rgba(222,222,222,1) 100%);
background: linear-gradient(to bottom,  rgba(255,255,255,1) 45%,rgba(222,222,222,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#dedede',GradientType=0 );


}
.tabbed.wight-tabs ul.ui-tabs-nav li:hover,
.tabbed.wight-tabs ul.ui-tabs-nav li:hover:before,
.tabbed.wight-tabs ul.ui-tabs-nav li:hover:after {
	background: rgb(255,255,255);
background: -moz-linear-gradient(top,  rgba(255,255,255,1) 0%, rgba(255,255,255,1) 100%);
background: -webkit-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(255,255,255,1) 100%);
background: linear-gradient(to bottom,  rgba(255,255,255,1) 0%,rgba(255,255,255,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ffffff',GradientType=0 );


}
.tabbed.wight-tabs ul.ui-tabs-nav li.active,
.tabbed.wight-tabs ul.ui-tabs-nav li.active:before,
.tabbed.wight-tabs ul.ui-tabs-nav li.active:after {
	box-shadow: inset 0px 0px 0px #8AA8B0;
	
	background: rgb(255,255,255);
background: -moz-linear-gradient(top,  rgba(255,255,255,1) 0%, rgba(255,255,255,1) 100%);
background: -webkit-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(255,255,255,1) 100%);
background: linear-gradient(to bottom,  rgba(255,255,255,1) 0%,rgba(255,255,255,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ffffff',GradientType=0 );

}
.tab-close.fa.fa-times:before{text-shadow: -3px 0px 1px #fff;}
#tabs-Pages .tabbed.wight-tabs ul.ui-tabs-nav li.active i.tab-close:after,
#tabs-Pages .tabbed.wight-tabs ul.ui-tabs-nav li:hover i.tab-close:after{
  content: "";
    width: 37px;
    height: 18px;
    display: block;
    background-color: #fff;
    position: absolute;
    right: 0px;
    top: -2px;z-index: -1;
}


#tabs-Patient .tabbed.wight-tabs ul.ui-tabs-nav li.active i.tab-close:after,
#tabs-Patient .tabbed.wight-tabs ul.ui-tabs-nav li:hover i.tab-close:after{
  content: "";
    width: 37px;
    height: 18px;
    display: block;
    background-color: #fff;
    position: absolute;
    right: 0px;
    top: -2px;z-index: -1;
}
body.R-T-L #tabs-Pages .tabbed.wight-tabs ul.ui-tabs-nav li.active i.tab-close:after, body.R-T-L #tabs-Pages .tabbed.wight-tabs ul.ui-tabs-nav li:hover i.tab-close:after{left: 0px;right: inherit;}

body.R-T-L #tabs-Patient .tabbed.wight-tabs ul.ui-tabs-nav li.active i.tab-close:after, body.R-T-L #tabs-Patient .tabbed.wight-tabs ul.ui-tabs-nav li:hover i.tab-close:after{left: 0px;right: inherit;}

#tabs-Patient .tabbed.wight-tabs ul.ui-tabs-nav li:first-child a:after{display: none;}
.tabbed.wight-tabs ul.ui-tabs-nav li a{
  color: rgba(49, 55, 50, 0.7);
  text-decoration: none;
  font-size: 11px;
  font-weight: bold;
  padding: 6px 2px;
      line-height: 12px;
    display: block;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    max-width: 17.6vw;min-width: 7.6vw ;
}
#tabs-Patient .tabbed.wight-tabs ul.ui-tabs-nav li:first-child a{min-width: inherit;}
.tabbed.wight-tabs ul.ui-tabs-nav li:hover a{
  color: #313732;
}
.tabbed.wight-tabs ul.ui-tabs-nav li.active a{
  color: #313732;
}
.wight-tabs-bar{
	position: relative;
	width: 100%;
    display: block;
    float: left;
    padding: 0px 0px 0;

}
.wight-tabs-bar:before{
	content: "";
	position: absolute;
	/*width: 100%;
	height: 10px;
	display: block;
	background-color: red;*/
	box-shadow: 0px 19px 22px 3px rgba(0, 0, 0, 0.35);
    z-index: -1;
    top: 0px;

    height: 30px;
	width: 100%;
	display: block;
	/*float: left;*/
	box-shadow:  0px -1px 0px #8AA8B0;

	background: -moz-linear-gradient(top,  rgba(255,255,255,1) 13%, rgba(255,255,255,0) 100%);
background: -webkit-linear-gradient(top,  rgba(255,255,255,1) 13%,rgba(255,255,255,0) 100%);
background: linear-gradient(to bottom,  rgba(255,255,255,1) 13%,rgba(255,255,255,0) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#00ffffff',GradientType=0 );
}
.tab-row{
	width: 100%;
	    display: block;
    float: left;
    padding: 0px 7px 0;
}
.tabpad{
	padding-top: 14px;
}













/*----------------------------*/
/* dock - top */
.dock {
	position: relative; 
	height: 50px; 
	text-align: center;
	z-index: 10;
}
.dock-container {
	position: absolute;
	height: 50px;
	/*background: url(../images/dock-bg2.gif);*/
	padding-left: 20px;
	/*width: 100%;*/
	    overflow: inherit;
}
a.dock-item {
	display: block;
	width: 40px;
	color: #000;
	position: absolute;
	top: 0px;
	text-align: left;
	text-decoration: none;
	/*font: bold 12px Arial, Helvetica, sans-serif;*/
	/*width: 40px !important;*/padding: 0;
}
.dock-item img {
	border: none; 
	margin: 5px 10px 0px; 
	width: 100%; 
}
.dock-item span {
	display: none; 
	position: absolute;
	/*padding-left: 20px;*/
	padding: 0px 7px;

	color: #313732;
    background-color: #fff;
    background-repeat: repeat-x;
    
    -webkit-box-shadow: inset 0px 1px 2px 0px rgba(255, 255, 255, 0.3), 0px 2px 2px 0px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: inset 0px 1px 2px 0px rgba(255, 255, 255, 0.3), 0px 2px 2px 0px rgba(0, 0, 0, 0.1);
    box-shadow: inset 0px 1px 2px 0px rgba(255, 255, 255, 0.3), 0px 2px 2px 0px rgba(0, 0, 0, 0.1);
    text-shadow: 1px 1px 1px rgba(255, 255, 255, 0.4);
    background-image: linear-gradient(to bottom, #fff 0%, #f4f3ed 100%);
    border-left: 1px solid #bab9b8;
    border-right: 1px solid #bab9b8;
    border-top: 1px solid #bab9b8;
    border-bottom: 1px solid #a1a09e;

    border-radius: 3px;
    margin-left: 13px;
    white-space: nowrap;


    text-align: left;

    top: -10px;
    line-height: 1;
/*    z-index: 9999;
*/

}

.dock-item span:before{
	content: "";
    width: 0px;
    height: 0px;
    border-left: 8px solid transparent;
    border-right: 8px solid transparent;
    border-top: 8px solid #f4f3ed;
    display: block;
    top: 14px;
    left: 13px;
    position: absolute;
    z-index: 1;
} 
.dock-item span:after{
	content: "";
    width: 0px;
    height: 0px;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-top: 11px solid #a1a09e;

    display: block;
    top: 12px;
    left: 13px;
    position: absolute;
    z-index: -2;

} 
.dock-item.active:before{
    content: "";
    /* background-color: rgb(49, 55, 50); */
    width: 100%;
    height: 76%;
    display: block;
    position: absolute;
    z-index: -1;
    border-radius: 20%;
    margin-left: 10px;
    margin-top: 2px;
    box-shadow: inset 0px 2px 8px 0px rgb(49, 55, 50), 0px 1px 0px 0.4px #fff;
}





/*1024px*/








#tabs-Moduels>.Module-tabs{display: block;
    margin-top: 0;
    height: inherit;

    background: transparent;
}
#tabs-Moduels>.Module-tabs>.ui-tabs-nav {
  width: inherit;
  padding: inherit;
  max-height: inherit;
  overflow: hidden;
  display: flex;
  height: 34px;
  max-width: calc(100% - 40px) !important;
  overflow: auto;
  overflow-y: hidden;
}
#tabs-Moduels>.tabbed.wight-tabs ul.ui-tabs-nav li.active{
  /*background: #fff;*/
  box-shadow: inset 0px 0px 0px #8AA8B0;
  background: rgb(255,255,255);
    background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 100%);
    background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(255,255,255,1) 100%);
    background: linear-gradient(to bottom, rgba(255,255,255,1) 0%,rgba(255,255,255,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ffffff',GradientType=0 );
 /*background: linear-gradient(to bottom, rgba(255,255,255,1) 0%,rgba(242,242,242,1) 3%,rgba(242,242,242,1) 3%,rgba(247,247,247,1) 100%);*/
}
#tabs-Moduels>.Module-tabs>.ui-tabs-nav>li:hover{
  background: rgb(255,255,255);
    background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 100%);
    background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(255,255,255,1) 100%);
    background: linear-gradient(to bottom, rgba(255,255,255,1) 0%,rgba(255,255,255,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ffffff',GradientType=0 );
}
#tabs-Moduels>.Module-tabs>.ui-tabs-nav>li{
  width: inherit;
  margin: 0 13px 0px 0;
    border-radius: 8px 8px 0 0;
    /*border: 1px solid #ccc;*/
        border: none;
    height: 24px;
    padding: 2px 14px 0px;
    box-shadow: inset 0px -1px 0px #8AA8B0;
    /*box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.1);*/
    background: rgb(255,255,255);
    background: -moz-linear-gradient(top, rgba(255,255,255,1) 45%, rgba(222,222,222,1) 100%);
    background: -webkit-linear-gradient(top, rgba(255,255,255,1) 45%,rgba(222,222,222,1) 100%);
    background: linear-gradient(to bottom, rgba(255,255,255,1) 45%,rgba(222,222,222,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#dedede',GradientType=0 );
}
#tabs-Moduels>.Module-tabs>.ui-tabs-nav li a{
      max-width: 17.6vw;min-width: inherit;
    font-size: 11px;
    padding: 6px 2px;
}
#tabs-Moduels>.Module-tabs>.ui-tabs-nav>li a:before,#tabs-Moduels>.Module-tabs>.ui-tabs-nav>li a:after{display: block;}
#tabs-Moduels>.Module-tabs>.ui-tabs-nav>li:before,#tabs-Moduels>.Module-tabs>.ui-tabs-nav>li:after{display: block;}
#tabs-Moduels>.Module-tabs>.tab-content{
  width: inherit;
  float: inherit;
}
#tabs-Moduels>.Module-tabs>.tab-content .tab-row .widget .widget-content {
    max-height: calc(100vh - 210px);
}
.back-btn-mo{
font-size: 24px;
    color: #313732;
    text-shadow: 0px 1px 0px #fff;
    border: none;
    background-color: transparent;
}
.head-back-mo{
  display: none;width: 100%;float: left;background-color: transparent; height: 40px;
}
#tabs-Moduels .wight-tabs-bar:before{display: block;}
#tabs-Moduels>.Module-tabs>.tab-content .wight-tabs-bar{padding: 10px 0px 0;}
.FV-ico:after{content: "favorite" ; display: none;  padding: 0px 21px 0;  line-height: 23px;}


/* dock2 - bottom */
#dock2 {
	width: 100%;
	bottom: 0px;
	position: absolute;
	left: 0px;
}
.dock-container2 {
	position: absolute;
	height: 50px;
	/*background: url(../images/dock-bg.gif);*/
	padding-left: 20px;
}
a.dock-item2 {
	display: block; 
	font: bold 12px Arial, Helvetica, sans-serif;
	width: 40px; 
	color: #000; 
	bottom: 0px; 
	position: absolute;
	text-align: center;
	text-decoration: none;
}
.dock-item2 span {
	display: none;
	padding-left: 20px;
}
.dock-item2 img {
	border: none; 
	margin: 5px 10px 0px; 
	width: 100%; 
}











/*--------------------------*/
/*-content*/

.widget {
    -webkit-box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.1);
    box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.1);
    border-radius: 6px;

    margin-bottom: 10px;
}
.widget-blue .widget-title {
    background-color: #ededed;
    color: #fff;
    box-shadow: inset 0px 1px 0px white;
    background: rgb(255,255,255);
    background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(242,242,242,1) 3%, rgba(242,242,242,1) 3%, rgba(247,247,247,1) 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,1)), color-stop(3%,rgba(242,242,242,1)), color-stop(3%,rgba(242,242,242,1)), color-stop(100%,rgba(247,247,247,1)));
    background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(242,242,242,1) 3%,rgba(242,242,242,1) 3%,rgba(247,247,247,1) 100%);
    background: -o-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(242,242,242,1) 3%,rgba(242,242,242,1) 3%,rgba(247,247,247,1) 100%);
    background: -ms-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(242,242,242,1) 3%,rgba(242,242,242,1) 3%,rgba(247,247,247,1) 100%);
    background: linear-gradient(to bottom, rgba(255,255,255,1) 0%,rgba(242,242,242,1) 3%,rgba(242,242,242,1) 3%,rgba(247,247,247,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f7f7f7',GradientType=0 );
}
.widget .widget-title {
    border-radius: 6px 6px 0px 0px;
    position: relative;
}
.widget-blue .widget-title {
    background-color: #3498db;
    border-left: 1px solid #fff;
    border-right: 1px solid #fff;
}
.widget .widget-title {
    padding: 5px 10px;
    border-bottom: 1px dashed #cbcbcb;
    margin: 0px;
    color: #313732;
    font-weight: bold;
    font-size: 14px;
        height: 33px;
}
.tab-row .widget .widget-title{
	font-size: 12px;
    height: 29px;
    line-height: 21px;
}
.widget .widget-content {
    border-left: 1px solid #fff;
    border-right: 1px solid #fff;
    border-bottom: 1px solid #fff;
    border-radius: 0px 0px 6px 6px;
    background-repeat: repeat-x;
    -webkit-box-shadow: inset 0px -2px 2px 0px #fff;
    -moz-box-shadow: inset 0px -2px 2px 0px #fff;
    box-shadow: inset 0px -2px 2px 0px #fff;
    background-image: linear-gradient(to bottom, #fff 0%, #f9f9f9 100%);
    border-top-style: none;
    border-top-color: inherit;
    border-top-width: medium;
}
.widget .widget-content {
    border: 1px solid #f9f9f9;
    border-top: none;
    background-color: #f9f9f9;
    padding: 5px 7px;
    overflow: auto;
    /*min-height: calc(100vh - 200px);*/
    
}
.tab-row .widget .widget-content{
	max-height: calc(100vh - 180px);
}
.btn-default {
    color: #313732;
    background-color: #f4f3ed;
    background-repeat: repeat-x;
    
    -webkit-box-shadow: inset 0px 1px 2px 0px rgba(255, 255, 255, 0.3), 0px 2px 2px 0px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: inset 0px 1px 2px 0px rgba(255, 255, 255, 0.3), 0px 2px 2px 0px rgba(0, 0, 0, 0.1);
    box-shadow: inset 0px 1px 2px 0px rgba(255, 255, 255, 0.3), 0px 2px 2px 0px rgba(0, 0, 0, 0.1);
    text-shadow: 1px 1px 1px rgba(255, 255, 255, 0.4);
    background-image: linear-gradient(to bottom, #fff 0%, #f4f3ed 100%);
    border-left-color: #bab9b8;
    border-right-color: #bab9b8;
    border-top-color: #bab9b8;
    border-bottom: 1px solid #a1a09e;
}
/*.btn {
    display: inline-block;
    padding: 8px 20px;
    margin-bottom: 0;
    font-size: 14px;
    font-weight: normal;
    line-height: 1.428571429;
    text-align: center;
    vertical-align: middle;
    cursor: pointer;
    border: 1px solid transparent;
    border-radius: 4px;
    white-space: nowrap;
    -o-user-select: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}*/
.btn-default:hover{
    cursor: pointer;
    background: #f9f8ef;
    background: -webkit-gradient(linear, 0 0, 0 bottom, from(#fff), to(#f9f8ef));
    background: -moz-linear-gradient(#fff, #f9f8ef);
    background: linear-gradient(#fff, #f9f8ef);
    box-shadow: inset 0 0 0 1px #fff, 0px 2px 11px -4px rgba(0, 0, 0, 0.63);
    border: solid 1px #adadad;
    -webkit-transition: background ease-out 3s;
    -moz-transition: background ease-out 3s;
    -o-transition: background ease-out 3s;
    transition: background ease-out 3s;
}
.btn-default:active, .btn-default:focus{
    cursor: pointer;
    background-image: linear-gradient(to bottom, #fff 0%, #f4f3ed 100%);
    background-color: #f4f3ed;
    box-shadow: inset 0 0 0 1px #fff, 0px 2px 11px -4px rgba(0, 0, 0, 0.63);
    -webkit-transition: background ease-out 3s;
    -moz-transition: background ease-out 3s;
    -o-transition: background ease-out 3s;
    transition: background ease-out 3s;

    border-left-color: #bab9b8;
    border-right-color: #bab9b8;
    border-top-color: #bab9b8;
    border-bottom: 1px solid #a1a09e;
}



.text-10{font-size: 10px;}
.text-12{font-size: 12px;}
.text-14{font-size: 14px;}
.text-overflow{
	text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    display: block;
}

.svg-ico{
	display: block;
}
.i-ico-16{
	width: 16px;
	height: 16px;
}
.i-ico-24{
	width: 24px;
	height: 24px;
}
.i-ico-24{
	width: 24px;
	height: 24px;
}
.i-ico-32{
	width: 32px;
	height: 32px;
}
.i-ico-64{
  width: 64px;
  height: 64px;
}
.page-btn-box{
	width: 100%;
	    padding: 10px;
}
.page-btn-box i{
	/*background-color: #313732;*/
    margin: 0 auto;
}
.page-btn-box i img{
  width: 64px;
  height: 64px;
}
/*.page-btn-box i img{
	background-image: url("images/none-img.png");
	background-position: 50%;
	background-repeat: no-repeat;
	    background-size: 85%;
}*/

.page-box{padding: 6px !important;}
/* .widget-controls>a>img{
	width: 16px !important;
	height: 16px !important;
} */
.widget .widget-controls {
  height: 32px !important;
    float: right;
    /* margin-right: 8px; */
    background: linear-gradient(to bottom, #ffffff 0%,#f3f3f3 71%,#f3f3f3 71%,#ededed 98%,#ffffff 100%);
    padding: 5px;
    margin-top: -5px;
    box-shadow: inset 0px 2px 2px 0px rgba(255, 255, 255, 0.1), 0px 1px 3px 0px rgba(0, 0, 0, 0.2);
    display: block; width:inherit; 
}
.dashborad-date .dx-texteditor-input{
  height: 17px;
}


.func-ico{
  background-image: url("images/func-ico.png");
  background-repeat: no-repeat;
  background-position: 50%;
  width: 35px;
  height: 28px;
  display: block;
  background-size: 27px;margin-top: -5px !important;
}
.menu-ico{
  background-image: url("images/menu-ico.png");
  background-repeat: no-repeat;
  background-position: 50%;
  width: 35px;
  height: 28px;
  display: block;
  background-size: 27px;margin-top: -5px !important;
}
.EMR-ico{
  background-image: url("images/EMR-ico.png");
  background-repeat: no-repeat;
  background-position: 50%;
  width: 35px;
  height: 28px;
  display: block;
  background-size: 27px;margin-top: -5px !important;
}
.DB-ico{
  background-image: url("images/DB-ico.png");
  background-repeat: no-repeat;
  background-position: 50%;
  width: 17px;
  height: 19px;
  display: block;
  background-size: 15px;margin-top: 0px !important;
}
.EM-ico{
  background-image: url("images/emer-tab.png");
  background-repeat: no-repeat;
  background-position: 50%;
  width: 18px;
  height: 19px;
  display: block;
  background-size: 16px;margin-top: 0px !important;
}
.FV-ico{
  background-image: url("images/favoret-ico.png");
  background-repeat: no-repeat;
  background-position: 50%;
  width: 17px;
  height: 19px;
  display: block;
      margin-top: -7px !important;
}
.mess-ico{
  background-image: url("images/mess-ico.png");
  background-repeat: no-repeat;
  background-position: 50%;
  width: 35px;
  height: 28px;
  display: block;
  background-size: 27px;margin-top: -5px !important;
}
.task-ico{
  background-image: url("images/task-ico.png");
  background-repeat: no-repeat;
  background-position: 50%;
  width: 35px;
  height: 28px;
  display: block;
  background-size: 27px;margin-top: -5px !important;
}
div#main_doc .widget-content {
    /* height: 38.8vh !important; */
    height: calc(50vh - 67px);
}
.nurse-task div#main_doc .widget-content {
    /* height: 38.8vh !important; */
    height: calc(50vh - 78px);
}

#DivDashBoardData .col-md-6 {
  padding: 0 5px;
}
.page-header .top-search, .widget-controls .top-search {
    background-color: transparent;
    border: none;
    -webkit-box-shadow: inset 0px 1px 3px 0px rgba(0, 0, 0, 0.4);
    -moz-box-shadow: inset 0px 1px 3px 0px rgba(0, 0, 0, 0.4);
    box-shadow: inset 0px 1px 3px 0px rgba(0, 0, 0, 0.4);
    border-radius: 5px;
    padding: 3px;
    /*padding-left: 35px;
    padding-right: 10px;*/
    text-align: center;
    color: #333;
    -webkit-transition: width ease-in 0.2s;
    transition: width ease-in 0.2s;
    -webkit-transition: all width ease-in 0.2s ease-out;
    -moz-transition: all width ease-in 0.2s ease-out;
    -o-transition: all width ease-in 0.2s ease-out;
    transition: all width ease-in 0.2s ease-out;
    width: 100px;
    font-size: 12px;
    height: 23px;
}
.search_li .top-search {
    width: 200px !important;
    height: 24px;
}
.search_li .top-search:focus {
    width: 300px !important;
    height: 24px;
    background-color: #394054;
}
button, input, select[multiple], textarea {
    background-image: none;
}
#tabs-DashBorads{
	padding: 6px 0px 0;
	    height: calc(100vh - 37px);
    overflow: auto;
    width: 100%;
}
.main_iframe_mainmenu{
  width: 100vw;
  border: none;
  height: calc(100vh - 105px);
  display: block;
}

.col-md-12.dashboardColumn {
  padding: 0 !important;
}

.main_iframe_EM{
	width: 100%;
    border: none;
    height: calc(100vh - 37px);
    margin-top: 0px;
    padding-top: 10px;
    display: block;
}
#FramNurseTask.main_iframe_EM{height: calc(100vh - 37px);}
#DivDashBoardData .chosen-container{
	width: 100% !important;
}


.consultations-box {

    padding: 10px 5px 0;
}
.chosen-container{width: 100% !important;}
.dropdown-menu.d-user{left: inherit;right: 0px;}


.endifr{
	border: none;
    width: 100%;
    padding: 0;
    margin: 0;
    height: calc(100vh - 400px);
    border-radius: 5px;
}
.fa.fa-bars{
	color: #fff;
	    font-size: 24px;
    margin-top: -5px;
}
.End-click .dropdown-menu.header-dropdown{display: none;}

.widget-fullsize .widg-full-btn{display: inline-block;}
.widget-fullsize{
    width: 100% !important;
}
.widget-fullsize.treesection{
    width: 100% !important;
}

body div#main_doc .widget-fullsize .widget-content{
    height: calc(100vh - 122px) !important;
    -webkit-transition: width 1s, height 1s; /* Safari */
    transition: width 1s, height 1s; 

        -webkit-transition-timing-function: ease;
    transition-timing-function: ease; 
}








/*_______________________ARABIC STYLE_________________________*/

body.R-T-L{direction: rtl; /*font-family: arial !important;*/}
body.R-T-L .header-logo{float: right;}
body.R-T-L .header-logotext{float: right;}
body.R-T-L .pull-right{float: left !important;/*margin-left: 30px;*/}
body.R-T-L .top-search-hed.pull-right{margin-left: 30px;}
body.R-T-L .all-li{float: right;}
body.R-T-L .dropdown-menu.all-btns{left: 0px;right: inherit;}
body.R-T-L .tabbed ul.ui-tabs-nav{float: right;}
body.R-T-L .tabbed.darck-tabs>ul.ui-tabs-nav{margin-right: 193px; margin-left: inherit;}
body.R-T-L .tabbed ul.ui-tabs-nav li{float: right;}
body.R-T-L .pace .pace-activity {left: inherit; right: 200px;}
body.R-T-L .tab-close{right: inherit; left: 1px;}
body.R-T-L .widget .widget-controls {float: left;}
body.R-T-L #DivNusring_OPTList .widget-title h3 a, body.R-T-L #DivNusring_NewList .widget-title h3 a, body.R-T-L #DivOutPatients .widget-title h3 a, body.R-T-L #DivConsultationsOut .widget-title h3 a, body.R-T-L #DivInPatientList .widget-title h3 a, body.R-T-L #DivConsultationsIn .widget-title h3 a{padding-left: 0px; padding-right: 27px;}
body.R-T-L .widget-title i.OUT-ico, body.R-T-L .widget-title i.INP-ico, body.R-T-L .widget-title i.COUT-ico, body.R-T-L .widget-title i.CIN-ico, body.R-T-L .widget-title i.NSNew-ico, body.R-T-L .widget-title i.NSOPT-ico{margin-right: -5px; margin-left: 0px;}
body.R-T-L .pt-list-group{text-align: right;}
body.R-T-L .pt-list-time{right: inherit; left: 0px;}
body.R-T-L .pt-list-option{right: inherit; left: 0px;}
body.R-T-L .Patient{text-align: right;}
body.R-T-L .widg-filter-btn{float: right;}
body.R-T-L .Pager-l-btn{background-image: url("../images/gen/control_start_blue.png");}
body.R-T-L .Pager-n-btn{background-image: url("../images/gen/control_playback_blue.png");}
body.R-T-L .Pager-p-btn{background-image: url("../images/gen/control_play_blue.png");}
body.R-T-L .Pager-f-btn{background-image: url("../images/gen/control_end_blue.png");}
body.R-T-L .dx-menu-base{text-align: right;}
body.R-T-L .dx-menu-item.dx-menu-item-has-text .dx-icon{margin-left: -14px; margin-right: inherit;}
body.R-T-L .col-md-1, body.R-T-L .col-md-2, body.R-T-L .col-md-3, body.R-T-L .col-md-4, body.R-T-L .col-md-5, body.R-T-L .col-md-6, body.R-T-L .col-md-7, body.R-T-L .col-md-8, body.R-T-L .col-md-9, body.R-T-L .col-md-10, body.R-T-L .col-md-11, body.R-T-L .col-md-12{float: right;}
body.R-T-L .fav-star{left: inherit; right: 0px; background-position: top right;}
body.R-T-L .tabs-count{right: inherit; left: 2px}
body.R-T-L .a-counts {padding-left: 5px !important; padding-right: 0px !important;}
body.R-T-L .close{float: left;}
/*body.R-T-L .dock-container{padding-left: 0px; padding-right: 20px;}*/
body.R-T-L .dock-item span:after , body.R-T-L .dock-item span:before{top: 13px; left: inherit; right: 17px;}
body.R-T-L .stat:after , body.R-T-L .mypatient:after{right: -6px !important; left: inherit !important; border-radius: 0 3px 4px 0 !important;}
body.R-T-L .dropdown-menu.header-dropdown{left: 0px !important; right: inherit;}
body.R-T-L .alert span{right: inherit; left: 5px;}
body.R-T-L .dropdown-menu > li > a{text-align: right;}
body.R-T-L .alert-droplist .alert{text-align: right; direction: rtl;}
body.R-T-L .widg-full-btn{float: right;}
body.R-T-L .dock-item.active:before{margin-right: 10px; margin-left: inherit;}
body.R-T-L .chosen-container .chosen-drop{left: inherit; right: -9999px}
body.R-T-L .chosen-container.chosen-with-drop .chosen-drop{left: inherit; right: 0}
body.R-T-L .tooltip_label{padding-left: 5px; padding-right: inherit;}
body.R-T-L .widget-fullsize .Patient, body.R-T-L .onesections .Patient{float: right;}
body.R-T-L .fullscreenbuttons a {padding: 11px 40px 12px 0px; background-position: 100% 50%; margin: 0 29px 0 10px;}
body.R-T-L .search_li {float: left !important;}
body.R-T-L .sessioncount{right: inherit; left: 6px;}
.pt-list-time div{float: right;}

body.R-T-L .col-md-4.page-box {width: 33.33333333%;}
body.R-T-L .que_menu {float: left;}
body.R-T-L .fa.help-button{left: 27px; right: inherit;}
body.R-T-L .fa.full-button{left: 14px; right: inherit;}
body.R-T-L #tabs-Pages .tabbed.wight-tabs ul.ui-tabs-nav li.active a{padding-left: 34px;}
body.R-T-L #tabs-Patient .tabbed.wight-tabs ul.ui-tabs-nav li.active a{padding-left: 34px;}
body.R-T-L #tabs-Patient .tabbed.wight-tabs ul.ui-tabs-nav li:first-child a{padding-left: 0px;}
/*body.R-T-L .fa.close-button{
      right: inherit;
    left: -30px;
    box-shadow: 3px 0px 6px -1px #8AA8B0;
    padding: 33px 0 0 21px;
}
body.R-T-L .fa.close-button:hover{
  padding: 36px 0 0 20px ;
  box-shadow: 3px 0px 6px 1px #8AA8B0;

}*/
body.R-T-L .widget-title>.fa.help-button{float: left;margin: 0 6px 0 -4px;}
body.R-T-L .pages-list{left: 15px;right: inherit;}
body.R-T-L .list-btn-pos{left: 15px; right: inherit;}
body.R-T-L .list-box{left: 0px;right: inherit;}
body.R-T-L #main_doc .col-md-6{width: 50%;}
body.R-T-L .NM-header > .header-dropdown {float: left;}








.qu-lable{display: block;}



}

@media (min-width:1220px) { /* hi-res laptops and desktops */ 


/*Corner Radial Menu*/
.close-button{
  display: none;
}
.dk-center {
  top: 50%;
  right: 50%;
  position: absolute;
  
  transform: translate(50%, -50%);
}

#dk-top {
  top: 0;
  right: 0;
  width: 100%;
  height: 40px;
  margin: 0;
  padding: 0;
  text-align: center;
  position: absolute;
  background-color: black;
  border-bottom: 2px solid gray;
  z-index: 8;
}

#dk-top h1 {
    line-height: 38px;
    margin: 0;
    padding: 0;
    position: relative;
    border: 1px solid saddlebrown; }

#dk-mbox {
 /* top: -1px;
  right: 0px;*/
  width: 10px;
  height: 10px;
  /*position: absolute;*/
  background-color: transparent;
  border: none;
}

.dk-button {
  width: 100px;
  height: 100px;
  background-color: lightblue;
  border: 2px solid silver;
  border-right: none;
  border-radius: 50px 0px 0px 50px;
  position: absolute;
  z-index: 10;
}

.dk-button img:nth-of-type(1) {
  width: 64px;
  opacity: 0;
  z-index: 10;
  transition: all 500ms linear;
}

.dk-button img:nth-of-type(2) {
  width: 64px;
  opacity: 1;
  z-index: 9;

  transition: all 500ms linear;
}

#dk-mbox:hover .dk-button img:nth-of-type(1) {
  opacity: 1;
  width: 74px;
}

#dk-mbox:hover .dk-button img:nth-of-type(2) {
  opacity: 1;
  width: 74px;
}

.dk-nav2 {
/*  Spinner Debug */
/*  top: 300px;   */
/*  left: 300px;  */
  width: 100px;
  height: 100px;
  background-color: rgb(50,150,225);
  border: none;
  border-radius: 50%;
  position: absolute;
  z-index: 9;
  
  transition: 1000ms ease-in-out 250ms;
}

.dk-nav2 a:nth-of-type(1) {
  width: 16px;
  top: 42px;
  right: 42px;
  position: absolute;
  transform: rotate(0deg) translateX(70px) rotate(0deg);
  
  transition: 1000ms ease-in-out 250ms;
}


.dk-nav2 a:nth-of-type(2) {
  width: 16px;
  top: 42px;
  right: 42px;
  position: absolute;
  transform: rotate(-25deg) translateX(70px) rotate(25deg);
  
  transition: 1000ms ease-in-out 250ms;
}


.dk-nav2 a:nth-of-type(3) {
  width: 16px;
  top: 42px;
  right: 42px;
  position: absolute;
  transform: rotate(-60deg) translateX(70px) rotate(60deg);
  
  transition: 1000ms ease-in-out 250ms;
}

.dk-nav2 a:nth-of-type(4) {
  width: 16px;
  top: 42px;
  right: 42px;
  position: absolute;
  transform: rotate(-85deg) translateX(70px) rotate(85deg);
  
  transition: 1000ms ease-in-out 250ms;
}

.dk-corner {
  top: 0;
  right: 0;
  width: 120px;
  height: 130px;
  position: absolute;
  background-color: black;
  border: 2px solid silver;
  border-right: none;
  border-radius: 65px 0px 0px 65px;
  transform: translateY(-14px);
  z-index: 8;

  transition: all 500ms ease-in-out 1000ms;
}

#dk-mbox:hover .dk-corner {
  width: 140px;
  transition: all 0.25s ease-in-out 0ms;
}

#dk-mbox:hover .dk-nav2 {
  transform: rotate(-150deg);
}

#dk-mbox:hover .dk-nav2 a:nth-of-type(1) {
  transform: rotate(0deg) translateX(70px) rotate(150deg);
  transition: 1000ms ease-in-out 250ms;
}

#dk-mbox:hover .dk-nav2 a:nth-of-type(2) {
  transform: rotate(-25deg) translateX(70px) rotate(175deg);
}

#dk-mbox:hover .dk-nav2 a:nth-of-type(3) {
  transform: rotate(-50deg) translateX(70px) rotate(200deg);
}

#dk-mbox:hover .dk-nav2 a:nth-of-type(4) {
  transform: rotate(-75deg) translateX(70px) rotate(225deg);
}
/*++++++++++++++++++++++++*/
#dk-mbox{
  right: 74px;
  top: -11px;
      transform: rotate(-45deg);
      position: fixed;
      z-index: 2;
}
.dk-button, .dk-nav2, body{
  background-color: unset;
}
.dk-corner {
  top: 30px;
  right: -111px;
    width: 80px;
    height: 80px;
    background-color: rgb(138 168 176);
    transition: all 400ms ease-in-out 200ms;
    border-radius: 50% 0px 0px 50%;
    border: unset;
    box-shadow: -4px 0px 33px 9px rgba(49, 55, 50, 0.53), inset 0px 0px 2px 1px #a7bcc1;

}

#dk-mbox:hover .dk-button {
    width: 80px;
    height: 80px;
    top: 20px;
  right: -66px;
}
#dk-mbox:hover .dk-corner {
    width: 160px;
    transition: all 0.25s ease-in-out 0ms;
    height: 160px;
    top: -8px;
  right: -108px;
  /* box-shadow: -4px 0px 100px 145px rgba(49, 55, 50, 0.53), inset 0px 0px 2px 1px #a7bcc1;*/
}
#dk-mbox:hover .dk-nav2{
  z-index: 9;
  top: 7px;
  left: -3px;
}
.dk-nav2 {
    transition: 200ms ease-in-out 250ms;
      top: 35px;
left: 43px;

}
.dk-button {
    width: 60px;
    height: 60px;
    top: 36px;
  right: -74px;
    border-radius: 50% 0px 0px 50%;
    background-color: #ffffff;
    border: unset;
    box-shadow: -3px 0px 6px 1px #8aa8b0;
    transition: all 400ms ease-in-out 100ms;
}
.dk-nav2 a{
  color: #ffffff;
  cursor: pointer;
}
.dk-nav2 a:hover{
  cursor: pointer;
  color: #313732;

  text-shadow: 0px 0px 7px #ffffff;
}

.dk-center {
    /*width: 22px;*/
    padding: 18px 3px ;  
    top: unset;
    right: unset;
    position: absolute;
    transform: rotate(45deg);
    color: #8AA8B0;
    transition: all 400ms cubic-bezier(0.4, 0, 1, 1);
    font-size: 22px !important;
}
#dk-mbox:hover .dk-center {
   font-size: 28px !important;
   padding: 28px 15px ;  
   color: #f6672f;
}
/*++++++++++++++++++++++++++++*/
.dk-nav2 a:nth-of-type(1) {
    transform: rotate(0deg) translateX(66px) rotate(170deg);
    transition: 400ms ease-in-out 250ms;
}
  #dk-mbox:hover .dk-nav2 a:nth-of-type(1) {
    transform: rotate(0deg) translateX(66px) rotate(195deg);
    transition: transform 400ms ease-in-out 250ms;
}

.dk-nav2 a:nth-of-type(2) {
  transform: rotate(-25deg) translateX(70px) rotate(195deg);
    transition: transform 400ms ease-in-out 250ms;
}
#dk-mbox:hover .dk-nav2 a:nth-of-type(2) {
    transform: rotate(-25deg) translateX(70px) rotate(220deg);
}

.dk-nav2 a:nth-of-type(3) {
    transform: rotate(-50deg) translateX(70px) rotate(220deg);
    transition: transform 400ms ease-in-out 250ms;
    /* transition: 100ms ease-in-out 250ms; */
}
#dk-mbox:hover .dk-nav2 a:nth-of-type(3) {
    transform: rotate(-50deg) translateX(70px) rotate(245deg);
}

.dk-nav2 a:nth-of-type(4) {
    transform: rotate(-71deg) translateX(70px) rotate(245deg);
    transition: transform 400ms ease-in-out 250ms;
}
#dk-mbox:hover .dk-nav2 a:nth-of-type(4) {
  transform: rotate(-71deg) translateX(70px) rotate(270deg);
}
/*End Corner Radial Menu*/
			/*--------- Old res code ----------*/
.header-dropdown{display: block; float: inherit;}
.dropdown-menu.all-btns{
    display: inline-block;
    background-color: transparent;
    box-shadow: none;
    border: none;
    /* width: inherit; */
    /* min-width: 273px; */
    float: right;
    padding: 0;
    margin: 0;
    color: #fff;
    /* width: inherit; */
    width: initial;
    /* right: 120px; */
    /* right: 0px; */
    left: inherit;
    overflow: inherit;
    max-height: inherit;
    /* min-width: 10px; */
    width: auto;
    position: inherit;
}
.header-link.all-as{display: none;}
.dropdown.all-head{width: 100%;float: inherit;}
.all-btns i ,.all-btns label{color: #fff;}
.all-btns label{font-size: inherit;font-weight: normal;}
.all-li{width: inherit;display: block; float: left;}
.dropdown-menu.header-dropdown{display: none;}

.dropdown-menu.header-dropdown{display: none;
position: absolute;
        border: 1px solid rgba(0, 0, 0, .15);
    box-shadow: 0 6px 36px rgba(0, 0, 0, 0.5);
    width: inherit;
    top: 23px !important;
}
.alert-droplist{
  padding-top: 10px !important;
    width: 400px !important;
    border-bottom: 1px solid #bbb !important;
    max-height: calc(100vh - 280px) !important;height: inherit;
    
  }
.open .header-link label:after,.open .header-link label:before{display: block;}
.dropdown-menu.d-user {
    position: absolute ;
    
    display: none ;
    
    background-color: #fff ;

    border: 1px solid rgba(0, 0, 0, .15) ;

    -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, .175) ;
    box-shadow: 0 6px 12px rgba(0, 0, 0, .175) ;
    width: inherit;
}
.dropdown.d-user-list{width: initial;}
.NM-dropdown {box-shadow: inset 1px 0px 0px #000, -1px 0px 0px #B3B3B3;}
.all-li.paded{    margin-bottom: 0px;}
	     /*--------- end Old res code ----------*/


.endifr{border: none;
    width: 400px;
    padding: 0;
    margin: 0;
    height: calc(100vh - 100px);
    border-radius: 5px;}







body{
	background-color: #DEDEDE !important;
	padding: 0;
	margin: 0;
	font-size: .85em;
	color: #313732 !important;
	font-family: 'Hind Madurai', NotoKufiArabic, sans-serif !important;
  direction: ltr;
}
*, *:before, *:after {
    -ms-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}
*, *:hover, *:focus, *:active *:visited{outline: none !important;}
h1, .h1, h2, .h2, h3, .h3 {
    margin: 0 !important;
}
h3, .h3 {
    font-size: 16px !important;
}
.NM-dropdown i{display: inline-block;}
.row{
	margin-left: 0 !important;
	margin-right: 0 !important;
}

.col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 {

    padding-right: 5px !important;
    padding-left: 5px !important;
}
.NM-wrapper{

}
.NM-header{
	height: 55px;
	width: 100%;
	padding: 0;
	margin: 0;
	/* background-color: #313732; */
	box-shadow: inset 0px -1px 0px #fff;
  background:linear-gradient(0deg, rgba(57, 64, 84, 1), rgba(57, 64, 84, 1)), url(images/blacknwhite.jpg);
  background-size:cover;
  background-blend-mode: multiply;
}
.header-logo{
	width: 300px;
	height: 36px;
    float: left;
    display: block;
    background-image: url("images/Mcc-logo2.svg");
    background-repeat: no-repeat;
    background-position: top;
    background-size: 100%;
    margin: -1px 0 0 5px;
}
.header-logotext{
	padding: 9px 0;
	margin: 0;
	color: #fff;
	/*font-family: "Roboto Condensed", "Oswald", "Helvetica Neue", Helvetica, Arial, sans-serif;*/
    text-transform: uppercase;
    font-weight: normal;
    font-size: 16px;
    float: left;
}
.header-dropdown{
	float: right;
	padding: 5px 0;
}
.NM-dropdown{
	float: left;
	padding: 0px 7px;
	box-shadow: inset 1px 0px 0px #000, -1px 0px 0px #B3B3B3;
}
.NM-1child{
	box-shadow: none;
}

.NM-dropdown i{
	/*color: #fff;*/
	width: 16px;
	height: 16px;
}
.NM-dropdown label{
	/*color: #fff;*/
	font-size: 13px;
    font-weight: normal;
	margin-bottom: 0px;
    padding: 0 4px 0 0;
}
/*.NM-dropdown span{
	display: none;
}*/


.NM-main-contener{
	position: relative;
	z-index: 1;
}
.NM-main-contener:before{
	content: "";
	position: absolute;
	width: 100%;
	top: 0;
	left: 0;
	height: 69px;
	z-index: -1;

	/* background: rgb(138,168,176);
	background: -moz-linear-gradient(top,  rgba(138,168,176,1) 0%, rgba(222,222,222,1) 100%);
	background: -webkit-linear-gradient(top,  rgba(138,168,176,1) 0%,rgba(222,222,222,1) 100%);
	background: linear-gradient(to bottom,  rgba(138,168,176,1) 0%,rgba(222,222,222,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#8aa8b0', endColorstr='#dedede',GradientType=0 ); */

}
.top-search-hed {
        position: relative;
    /*border-left: 1px solid #000000;
    box-shadow: -1px 0px 0px #b3b3b3;*/
    /* margin-left: 10px; */
    padding: 2px 5px 0px 10px;
    margin-right: 0px;
}
.top-search{
    background-color: #394054;
    border: none;
    /*-webkit-box-shadow: inset 0px 1px 3px 0px rgba(0, 0, 0, 0.8), 0px 0px 0px 1px #000;
    -moz-box-shadow: inset 0px 1px 3px 0px rgba(0, 0, 0, 0.8), 0px 0px 0px 1px #000;
    box-shadow: inset 0px 1px 3px 0px rgba(0, 0, 0, 0.8), 0px 0px 0px 1px #000;*/
    border-radius: 5px;
    padding: 3px;
    padding-left: 35px;
    padding-right: 10px;
    color: #ffffff;
    -webkit-transition: width ease-in 0.2s;
    transition: width ease-in 0.2s;
    -webkit-transition: all width ease-in 0.2s ease-out;
    -moz-transition: all width ease-in 0.2s ease-out;
    -o-transition: all width ease-in 0.2s ease-out;
    transition: all width ease-in 0.2s ease-out;
    width: 100px;
    font-size: 12px;
}
.top-search-hed:before {
    content: "\f002";
    font-family: 'FontAwesome';
    font-size: 12px;
    display: block;
    color: #fff;
    top: 6px;
    left: 20px;
    position: absolute;z-index: 1;
}
.top-search-hed .top-search::-webkit-input-placeholder { /* Chrome/Opera/Safari */
  color: #fff;
}
.top-search-hed .top-search::-moz-placeholder { /* Firefox 19+ */
  color: #fff;
}
.top-search-hed .top-search:-ms-input-placeholder { /* IE 10+ */
  color: #fff;
}
.top-search-hed .top-search:-moz-placeholder { /* Firefox 18- */
  color: #fff;
}
.header-dropdown .dropdown{float: left;    z-index: 2!important;}
.header-dropdown .dropdown button{background-color: transparent; border: none; padding: 0;}
.i-arow:after{
	content: "\f0d7";
	font: normal normal normal 14px/1 FontAwesome;
	color: #fff;
	font-size: 10px;
}
.form-group {
    margin-bottom: 5px !important;
}
/*.modal-body {
    padding: 5px !important;
}*/
li.ui-state-default.ui-state-hidden[role=tab]:not(.ui-tabs-active) {display: none;}

.fa-bars .badge.alert-animated{
    position: absolute;
    left: -15px;
    font-size: 12px;
    /* min-width: 2px; */
    border-radius: 18px;
    padding: 4px 4px;
    background-color: #e42a2a;
    text-shadow: 0px 1px 0px #000;
    font-family: 'Hind Madurai', sans-serif !important;
    top: 0px;
    width: 20px;
    height: 20px;
}
.badge.alert-animated{
    background-color: #e42a2a;
  animation: blinker 1s linear infinite;
}

@keyframes blinker {  
  50% {background-color: #777777; }
}
.all-li{float: left;}
.ui-datepicker{z-index: 2222 !important;}

/*----------------------------------------*/
/*/////////// Loding.. ////////////*/
.pace {
  -webkit-pointer-events: none;
  pointer-events: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
}

.pace-inactive {
  display: none;
}

.pace .pace-progress {
  background: #f26101;
  position: fixed;
  z-index: 2000;
  top: 0;
  right: 100%;
  width: 100%;
  height: 2px;
}

.pace .pace-progress-inner {
  display: block;
  position: absolute;
  right: 0px;
  width: 100px;
  height: 100%;
  box-shadow: 0 0 10px #f26101, 0 0 5px #f26101;
  opacity: 1.0;
  -webkit-transform: rotate(3deg) translate(0px, -4px);
  -moz-transform: rotate(3deg) translate(0px, -4px);
  -ms-transform: rotate(3deg) translate(0px, -4px);
  -o-transform: rotate(3deg) translate(0px, -4px);
  transform: rotate(3deg) translate(0px, -4px);
}

.pace .pace-activity {
  display: block;
  position: fixed;
  z-index: 2000;
    top: 11px;
    left: 200px;
  width: 14px;
  height: 14px;
  border: solid 2px transparent;
  border-top-color: #f26101;
  border-left-color: #f26101;
  border-radius: 10px;
  -webkit-animation: pace-spinner 400ms linear infinite;
  -moz-animation: pace-spinner 400ms linear infinite;
  -ms-animation: pace-spinner 400ms linear infinite;
  -o-animation: pace-spinner 400ms linear infinite;
  animation: pace-spinner 400ms linear infinite;
}

@-webkit-keyframes pace-spinner {
  0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); }
  100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); }
}
@-moz-keyframes pace-spinner {
  0% { -moz-transform: rotate(0deg); transform: rotate(0deg); }
  100% { -moz-transform: rotate(360deg); transform: rotate(360deg); }
}
@-o-keyframes pace-spinner {
  0% { -o-transform: rotate(0deg); transform: rotate(0deg); }
  100% { -o-transform: rotate(360deg); transform: rotate(360deg); }
}
@-ms-keyframes pace-spinner {
  0% { -ms-transform: rotate(0deg); transform: rotate(0deg); }
  100% { -ms-transform: rotate(360deg); transform: rotate(360deg); }
}
@keyframes pace-spinner {
  0% { transform: rotate(0deg); transform: rotate(0deg); }
  100% { transform: rotate(360deg); transform: rotate(360deg); }
}










.loader_red {
  height: 2px;
  width: 100%;
  position: fixed;
  overflow: hidden;
  background-color: transparent;    box-shadow: 0px 1px 3px #000;
}
.loader_red:before{
  display: block;
  position: absolute;
  content: "";
  left: -200px;
  width: 200px;
  height: 4px;
  background-color: red;
  animation: loading 2s linear infinite;
  box-shadow: 0px 0px 45px 33px red;
}
.loader_yellow {
  height: 2px;
  width: 100%;
  position: fixed;
  overflow: hidden;
  background-color: transparent;    box-shadow: 0px 1px 3px #000;
}
.loader_yellow:before{
  display: block;
  position: absolute;
  content: "";
  left: -200px;
  width: 200px;
  height: 4px;
  background-color: yellow;
  animation: loading 2s linear infinite;
  box-shadow: 0px 0px 45px 33px yellow;
}
.loader_green {
  height: 2px;
  width: 100%;
  position: fixed;
  overflow: hidden;
  background-color: transparent;    box-shadow: 0px 1px 3px #000;
}
.loader_green:before{
  display: block;
  position: absolute;
  content: "";
  left: -200px;
  width: 200px;
  height: 4px;
  background-color: #05e885;
  animation: loading 2s linear infinite;
  box-shadow: 0px 0px 45px 33px #05e885;
}
.loader_green_fixed {
  height: 2px;
  width: 100%;
  position: fixed;
  overflow: hidden;
  background-color: #05e885;    box-shadow: 0px 1px 3px #000;
  
}


@keyframes loading {
    from {left: -200px; width: 30%;}
    50% {width: 30%;}
    70% {width: 70%;}
    80% { left: 50%;}
    95% {left: 120%;}
    to {left: 100%;}
}

/*-----------------------------------*/
.fulliframe{
  width: 100vw !important;
  height: 100vh !important;
  position: fixed;
  z-index: 99998;
  top: 0;
  left: 0;
      background-color: #DEDEDE;
}
/*----------------------------------------*/
/*//////////// tabs //////////////*/
/* Tabbed Styles */
/*.fa.close-button{
  width: 60px;
    height: 60px;
    background-color: #fff;
    color: #8AA8B0;
    position: fixed;
    background-size: 14px;
    top: -30px;
    right: -30px;
    text-align: center;
    font-size: 18px;
    z-index: 99999;
    box-shadow: -3px 0px 6px -1px #8AA8B0;
    border-radius: 50%;
    padding: 33px 21px 0 0;
    display: none;
    -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}
.fa.close-button:hover{
  cursor: pointer;
  width: 80px;
  height: 80px;
  font-size: 28px;
  padding: 36px 20px 0 0;
  color: #f6672f;
  box-shadow: -3px 0px 6px 1px #8AA8B0;
  -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}*/
.fa.full-button{
  width: 13px;
    height: 16px;
    background-color: #fff;
    color: #8AA8B0;
    position: absolute;
    background-size: 14px;
    top: 7px;
    right: 14px;
    text-align: center;
    font-size: 13px;
    z-index: 4;
    box-shadow: -3px 0px 6px #fff;
    display: none;
}
.fa.full-button:hover {color: #f6672f;}
li.ui-corner-top:hover .fa.full-button{display: inline-block;}
.fa.help-button{
	width: 13px;
    height: 16px;
    background-color: #fff;
    color: #3b93ff;
    position: absolute;
    background-size: 14px;
    top: 5px;
    right: 27px;
    text-align: center;
    font-size: 15px;
    z-index: 4;
    box-shadow: -3px 0px 6px #fff;
    display: none;
}
li.ui-corner-top:hover .fa.help-button{display: inline-block;}
li.ui-corner-top.active.ui-tabs-active .fa.help-button, li.ui-corner-top.active.ui-tabs-active .fa.full-button{display: inline-block;}
li.ui-corner-top.active.ui-tabs-active .pt-list-option {opacity: 1;}
.tabbed.darck-tabs>ul.ui-tabs-nav li.tab-disables-code{opacity: 0.5 !important; cursor: default;}
.a-counts{padding-right: 5px !important;}
.tabs-count{
font-size: 10px;
    font-weight: normal;
    background-color: rgba(97, 113, 117, 0.59);
    border-radius: 3px;
    padding: 1px 3px 0 !important;
    box-shadow: inset 0px 0px 3px rgba(0, 0, 0, 0.22), 0px 0px 0px 1px #5d6669;
    color: #fff;
    position: absolute;
    right: 2px;
    top: 4px;
    line-height: 13px;
    text-align: center;
    font-family: 'Hind Madurai', sans-serif;
    z-index: 3;
}
.tabs-count:after{
	content: "\f00d";
    font: normal normal normal 14px/1 FontAwesome;
    /* background-color: #748b90; */
    opacity: 0;
    position: absolute;
    /* width: 10px; */
    /* height: 10px; */
    display: block;
    top: 0;
    right: 0;
    font-size: 12px;
    line-height: 14px;
    color: #313732;
}
.pages-tabs:hover .tabs-count:after ,.Messages-tabs:hover .tabs-count:after{
opacity: 1;
}
.tabs-count:after:hover{
	color: red;
}
.pages-tabs:hover .tabs-count ,.Messages-tabs:hover .tabs-count{
	box-shadow: none;
	color: transparent;
	background-color: transparent;
}
.fa.tab-close{
  position: absolute; 
      top: 6px;
    right: 1px;
  cursor: pointer;
  z-index: 3;
  color: #8AA8B0;
  font-size: inherit !important;
}
.tab-close:hover{color: #F26101;}
.Module-tabs{
  position: relative;
  z-index: 13;
}
.tabbed {
  /*width: 80%;
  min-width: 400px;
  margin: 0 auto;
  margin-bottom: 68px;
  border-bottom: 4px solid #000;
  overflow: hidden;*/
  transition: border 250ms ease;
}
.tabbed ul.ui-tabs-nav {
  margin: 0px;
  padding: 0px;
  overflow: hidden;
  float: left;
  padding-left: 48px;
  list-style-type: none;
/*  margin-top: -24px;
  margin-left: 193px;*/
}
.tabbed ul.ui-tabs-nav * {
  margin: 0px;
  padding: 0px;
  outline: none;
}
.tabbed ul.ui-tabs-nav li a{
	outline: none;
}
.tabbed ul.ui-tabs-nav li {
  display: block;
  height: 24px;
  float: left;
  padding: 2px 13px 0px;
  background-color: #FFF;
  margin-right: 33px;
  z-index: 2;
  position: relative;
  cursor: pointer;
  color: #777;

  text-transform: uppercase;
  /*font: 600 13px/20px roboto, "Open Sans", Helvetica, sans-serif;*/

  transition: all 250ms ease;
}
.tabbed ul.ui-tabs-nav li:before,
.tabbed ul.ui-tabs-nav li:after {
  display: block;
  content: " ";
  position: absolute;
  top: 0;
  height: 100%;
  width: 14px;  
  background-color: #FFF;
  transition: all 250ms ease;
}
.tabbed ul.ui-tabs-nav li:before {
  right: -7px;
  transform: skew(23deg, 0deg);
  box-shadow: rgba(0,0,0,.1) 3px 2px 5px, inset rgba(255,255,255,.09) -1px 0;
}
.tabbed ul.ui-tabs-nav li:after {
  left: -7px;
  transform: skew(-23deg, 0deg);
  box-shadow: rgba(0,0,0,.1) -3px 2px 5px, inset rgba(255,255,255,.09) 1px 0;
}
.tabbed ul.ui-tabs-nav li:hover,
.tabbed ul.ui-tabs-nav li:hover:before,
.tabbed ul.ui-tabs-nav li:hover:after {
  background-color: #F4F7F9;
  color: #444;
}
.tabbed ul.ui-tabs-nav li.active {
  z-index: 3;
}
.tabbed ul.ui-tabs-nav li.active,
.tabbed ul.ui-tabs-nav li.active:before,
.tabbed ul.ui-tabs-nav li.active:after {
  background-color: #000;
  color: #fff;
}

/* Round Tabs */
.tabbed.round ul.ui-tabs-nav li {
  border-radius: 8px 8px 0 0;
}
.tabbed.round ul.ui-tabs-nav li:before {
  border-radius: 0 6px 0 0;
}
.tabbed.round ul.ui-tabs-nav li:after {
  border-radius: 6px 0 0 0;
}

/* Skins */
/* # darck-tabs*/.search_li:before,.search_li:after{display: none !important;}
.tabbed.darck-tabs>ul.ui-tabs-nav{/*width: 100%;*/
	margin-top: -25px;position: inherit;
  margin-left: 12px;
  width: inherit;
  box-shadow: none;
}
.tabbed.darck-tabs>ul.ui-tabs-nav:after{display: none;}
.search_li{ float: right !important; margin: -31px 0 0 !important;}
.tabbed.darck-tabs>ul.ui-tabs-nav li,
.tabbed.darck-tabs>ul.ui-tabs-nav li:before,
.tabbed.darck-tabs>ul.ui-tabs-nav li:after {
	box-shadow: none;


  /* background: rgb(255,255,255);
background: -moz-linear-gradient(top,  rgba(255,255,255,1) 0%, rgba(167,202,211,1) 8%, rgba(138,168,176,1) 74%, rgba(71,78,79,1) 100%);
background: -webkit-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(167,202,211,1) 8%,rgba(138,168,176,1) 74%,rgba(71,78,79,1) 100%);
background: linear-gradient(to bottom,  rgba(255,255,255,1) 0%,rgba(167,202,211,1) 8%,rgba(138,168,176,1) 74%,rgba(71,78,79,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#474e4f',GradientType=0 ); */
    height: 23px;
    padding-top: 2px;
    -webkit-transition: height 0.1s; /* Safari */
    transition: height 0.1s; min-width: inherit;
    background: linear-gradient(to bottom, rgba(222,222,222,1) 0%,rgba(255,255,255,1) 100%);
}
.tabbed.darck-tabs>ul.ui-tabs-nav li:hover,
.tabbed.darck-tabs>ul.ui-tabs-nav li:hover:before,
.tabbed.darck-tabs>ul.ui-tabs-nav li:hover:after {
  background: rgb(255,255,255);
background: -moz-linear-gradient(top,  rgba(255,255,255,1) 0%, rgba(167,202,211,1) 34%, rgba(138,168,176,1) 74%, rgba(87,95,96,1) 100%);
background: -webkit-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(167,202,211,1) 34%,rgba(138,168,176,1) 74%,rgba(87,95,96,1) 100%);
background: linear-gradient(to bottom,  rgba(255,255,255,1) 0%,rgba(167,202,211,1) 34%,rgba(138,168,176,1) 74%,rgba(87,95,96,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#575f60',GradientType=0 );
background: linear-gradient(to top, rgba(222,222,222,1) 0%,rgba(255,255,255,1) 100%);
}
.tabbed.darck-tabs>ul.ui-tabs-nav li.tab-disables-code:hover,
.tabbed.darck-tabs>ul.ui-tabs-nav li.tab-disables-code:hover:before,
.tabbed.darck-tabs>ul.ui-tabs-nav li.tab-disables-code:hover:after {
  box-shadow: inset 0px -1px 0px #fff;


  background: rgb(255,255,255);
background: -moz-linear-gradient(top,  rgba(255,255,255,1) 0%, rgba(167,202,211,1) 8%, rgba(138,168,176,1) 74%, rgba(71,78,79,1) 100%);
background: -webkit-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(167,202,211,1) 8%,rgba(138,168,176,1) 74%,rgba(71,78,79,1) 100%);
background: linear-gradient(to bottom,  rgba(255,255,255,1) 0%,rgba(167,202,211,1) 8%,rgba(138,168,176,1) 74%,rgba(71,78,79,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#474e4f',GradientType=0 );

}
.tabbed.darck-tabs>ul.ui-tabs-nav li:before,
  .tabbed.darck-tabs>ul.ui-tabs-nav li:after{display: block;}

.tabbed.darck-tabs>ul.ui-tabs-nav li.active,
.tabbed.darck-tabs>ul.ui-tabs-nav li.active:before,
.tabbed.darck-tabs>ul.ui-tabs-nav li.active:after {
	box-shadow: inset 0px 0px 0px #fff;height: 25px;
	-webkit-transition: height 0.1s; /* Safari */
    transition: height 0.1s;

  /* background: rgb(255,255,255);
background: -moz-linear-gradient(top,  rgba(255,255,255,1) 0%, rgba(167,202,211,1) 15%, rgba(138,168,176,1) 77%);
background: -webkit-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(167,202,211,1) 15%,rgba(138,168,176,1) 77%);
background: linear-gradient(to bottom,  rgba(255,255,255,1) 0%,rgba(167,202,211,1) 15%,rgba(138,168,176,1) 77%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#8aa8b0',GradientType=0 ); */
background: linear-gradient(to bottom, rgba(222,222,222,1) 0%,rgba(255,255,255,1) 100%);
}


.tabbed.darck-tabs>ul.ui-tabs-nav li a:after, .tabbed.darck-tabs>ul.ui-tabs-nav li a:before{
    display: block;
    content: " ";
    position: absolute;
    top: 0;
    height: 100%;
    width: 35px;
    background-color: transparent;
    transition: all 250ms ease;
    z-index: 1;
}
.tabbed.darck-tabs>ul.ui-tabs-nav li a:before {
    border-radius: 0 6px 0 0;
}
.tabbed.darck-tabs>ul.ui-tabs-nav li a:after {
    border-radius: 6px 0 0 0;
}
.tabbed.darck-tabs>ul.ui-tabs-nav li a:before {display: block;
    right: -7px;
    transform: skew(23deg, 0deg);
    box-shadow: rgba(0,0,0,.1) 3px 2px 5px, inset rgba(255,255,255,.09) -1px 0;
}
.tabbed.darck-tabs>ul.ui-tabs-nav li a:after {display: block;
    left: -7px;
    transform: skew(-23deg, 0deg);
    box-shadow: rgba(0,0,0,.1) -3px 2px 5px, inset rgba(255,255,255,.09) 1px 0;
}




.tabbed.wight-tabs>ul.ui-tabs-nav li a:after, .tabbed.wight-tabs>ul.ui-tabs-nav li a:before{
    display: block;
    content: " ";
    position: absolute;
    top: 0;
    height: 100%;
    width: 35px;
    background-color: transparent;
    transition: all 250ms ease;
    z-index: 1;
}
.tabbed.wight-tabs>ul.ui-tabs-nav li a:before {
    border-radius: 0 6px 0 0;
}
.tabbed.wight-tabs>ul.ui-tabs-nav li a:after {
    border-radius: 6px 0 0 0;
}
.tabbed.wight-tabs>ul.ui-tabs-nav li a:before {display: block;
    right: -7px;
    transform: skew(23deg, 0deg);
    box-shadow: rgba(0,0,0,.1) 3px 2px 5px, inset rgba(255,255,255,.09) -1px 0;
}
.tabbed.wight-tabs>ul.ui-tabs-nav li a:after {display: block;
    left: -7px;
    transform: skew(-23deg, 0deg);
    box-shadow: rgba(0,0,0,.1) -3px 2px 5px, inset rgba(255,255,255,.09) 1px 0;
}





.tabbed.darck-tabs>ul.ui-tabs-nav li a{
  color: rgba(57, 64, 84, 0.7);
  text-decoration: none;
  font-size: 12px;
  font-weight: bold;
  padding: 4px 0px;
}
.tabbed.darck-tabs>ul.ui-tabs-nav li:hover a{
  color: #394054;
}
.tabbed.darck-tabs>ul.ui-tabs-nav li.tab-disables-code:hover a{
  color: rgba(255, 255, 255, 0.7);
  cursor: default;
}
.tabbed.darck-tabs>ul.ui-tabs-nav li.active a{
  color: #394054;
}



/*---------------------------------*/
/* # wight-tabs*/
.tabbed.wight-tabs ul.ui-tabs-nav{
	margin-top: 0px;
  margin-left: 0px;
  margin-right: 0 !important;
  width: 100%;
}
.tabbed.wight-tabs ul.ui-tabs-nav li,
.tabbed.wight-tabs ul.ui-tabs-nav li:before,
.tabbed.wight-tabs ul.ui-tabs-nav li:after {
	box-shadow: inset 0px -1px 0px #8AA8B0;


  background: rgb(255,255,255);
background: -moz-linear-gradient(top,  rgba(255,255,255,1) 45%, rgba(222,222,222,1) 100%);
background: -webkit-linear-gradient(top,  rgba(255,255,255,1) 45%,rgba(222,222,222,1) 100%);
background: linear-gradient(to bottom,  rgba(255,255,255,1) 45%,rgba(222,222,222,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#dedede',GradientType=0 );


}
.tabbed.wight-tabs ul.ui-tabs-nav li:hover,
.tabbed.wight-tabs ul.ui-tabs-nav li:hover:before,
.tabbed.wight-tabs ul.ui-tabs-nav li:hover:after {
	background: rgb(255,255,255);
background: -moz-linear-gradient(top,  rgba(255,255,255,1) 0%, rgba(255,255,255,1) 100%);
background: -webkit-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(255,255,255,1) 100%);
background: linear-gradient(to bottom,  rgba(255,255,255,1) 0%,rgba(255,255,255,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ffffff',GradientType=0 );


}
.tabbed.wight-tabs ul.ui-tabs-nav li.active,
.tabbed.wight-tabs ul.ui-tabs-nav li.active:before,
.tabbed.wight-tabs ul.ui-tabs-nav li.active:after {
	box-shadow: inset 0px 0px 0px #8AA8B0;
	
	background: rgb(255,255,255);
background: -moz-linear-gradient(top,  rgba(255,255,255,1) 0%, rgba(255,255,255,1) 100%);
background: -webkit-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(255,255,255,1) 100%);
background: linear-gradient(to bottom,  rgba(255,255,255,1) 0%,rgba(255,255,255,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ffffff',GradientType=0 );

}
.tab-close.fa.fa-times:before{text-shadow: -3px 0px 1px #fff;}
#tabs-Pages .tabbed.wight-tabs ul.ui-tabs-nav li.active i.tab-close:after,
#tabs-Pages .tabbed.wight-tabs ul.ui-tabs-nav li:hover i.tab-close:after{
	content: "";
    width: 37px;
    height: 18px;
    display: block;
    background-color: #fff;
    position: absolute;
    right: 0px;
    top: -2px;z-index: -1;
}
body.R-T-L #tabs-Pages .tabbed.wight-tabs ul.ui-tabs-nav li.active i.tab-close:after, body.R-T-L #tabs-Pages .tabbed.wight-tabs ul.ui-tabs-nav li:hover i.tab-close:after{left: 0px;right: inherit;}


#tabs-Patient .tabbed.wight-tabs ul.ui-tabs-nav li.active i.tab-close:after,
#tabs-Patient .tabbed.wight-tabs ul.ui-tabs-nav li:hover i.tab-close:after{
  content: "";
    width: 37px;
    height: 18px;
    display: block;
    background-color: #fff;
    position: absolute;
    right: 0px;
    top: -2px;z-index: -1;
}
body.R-T-L #tabs-Patient .tabbed.wight-tabs ul.ui-tabs-nav li.active i.tab-close:after, body.R-T-L #tabs-Patient .tabbed.wight-tabs ul.ui-tabs-nav li:hover i.tab-close:after{left: 0px;right: inherit;}



#tabs-Patient .tabbed.wight-tabs ul.ui-tabs-nav li:first-child a:after{display: none;}
.tabbed.wight-tabs ul.ui-tabs-nav li a{
  color: rgba(49, 55, 50, 0.7);
  text-decoration: none;
  font-size: 11px;
  font-weight: bold;
  padding: 6px 2px;
      line-height: 12px;
    display: block;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    max-width: 17.6vw;min-width: 7.6vw ;
}
#tabs-Patient .tabbed.wight-tabs ul.ui-tabs-nav li:first-child a{min-width: inherit;}
.tabbed.wight-tabs ul.ui-tabs-nav li:hover a{
  color: #313732;
}
.tabbed.wight-tabs ul.ui-tabs-nav li.active a{
  color: #313732;
}
.wight-tabs-bar{
	position: relative;
	width: 100%;
    display: block;
    float: left;
    padding: 0px 0px 0;

}
.wight-tabs-bar:before{
	content: "";
	position: absolute;
	/*width: 100%;
	height: 10px;
	display: block;
	background-color: red;*/
	box-shadow: 0px 19px 22px 3px rgba(0, 0, 0, 0.35);
    z-index: -1;
    top: 0px;

    height: 30px;
	width: 100%;
	display: block;
	/*float: left;*/
	box-shadow:  0px -1px 0px #8AA8B0;

	background: -moz-linear-gradient(top,  rgba(255,255,255,1) 13%, rgba(255,255,255,0) 100%);
background: -webkit-linear-gradient(top,  rgba(255,255,255,1) 13%,rgba(255,255,255,0) 100%);
background: linear-gradient(to bottom,  rgba(255,255,255,1) 13%,rgba(255,255,255,0) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#00ffffff',GradientType=0 );
}
.tab-row{
	width: 100%;
	    display: block;
    float: left;
    padding: 0px 7px 0;
}
.tabpad{
	padding-top: 14px;
}















/*----------------------------*/
/* dock - top */
.dock {
	position: relative; 
	height: 50px; 
	text-align: center;
	z-index: 10;
}
.dock-container {
	position: absolute;
	height: 73px;
	/*background: url(../images/dock-bg2.gif);*/
	padding-left: 20px;
	/*width: 100%;*/
	    overflow: auto;
      width: 100vw !important;

}
body.R-T-L .dock-container{
  /* right: inherit !important; 
  left: unset !important; */
  padding-left: unset !important;
  padding-right: 20px !important;
  display: flex !important;
 }

 body.R-T-L .dock-item {
  position: unset;
  display: inline-block;
  width: 42px !important;
 }

 body.R-T-L .dock-item img {
  width: 42px;
 }

a.dock-item {
	display: block;
	width: 40px;
	color: #000;
	position: absolute;
	top: 0px;
	text-align: left;
	text-decoration: none;
	/*font: bold 12px Arial, Helvetica, sans-serif;*/
	/*width: 40px !important;*/padding: 0;
}
.dock-item img {
	border: none; 
	margin: 5px 10px 0px; 
	width: 100%; 
}
.dock-item span {
	display: none; 
	position: absolute;
	/*padding-left: 20px;*/
	padding: 0px 7px;

	color: #313732;
    background-color: #fff;
    background-repeat: repeat-x;
    
    -webkit-box-shadow: inset 0px 1px 2px 0px rgba(255, 255, 255, 0.3), 0px 2px 2px 0px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: inset 0px 1px 2px 0px rgba(255, 255, 255, 0.3), 0px 2px 2px 0px rgba(0, 0, 0, 0.1);
    box-shadow: inset 0px 1px 2px 0px rgba(255, 255, 255, 0.3), 0px 2px 2px 0px rgba(0, 0, 0, 0.1);
    text-shadow: 1px 1px 1px rgba(255, 255, 255, 0.4);
    background-image: linear-gradient(to bottom, #fff 0%, #f4f3ed 100%);
    border-left: 1px solid #bab9b8;
    border-right: 1px solid #bab9b8;
    border-top: 1px solid #bab9b8;
    border-bottom: 1px solid #a1a09e;

    border-radius: 3px;
    margin-left: 13px;
    white-space: nowrap;

text-align: left;


    top: -10px;
    line-height: 1;
/*    z-index: 9999;
*/

}

.dock-item span:before{
	content: "";
    width: 0px;
    height: 0px;
    border-left: 8px solid transparent;
    border-right: 8px solid transparent;
    border-top: 8px solid #f4f3ed;
    display: block;
    top: 14px;
    left: 13px;
    position: absolute;
    z-index: 1;
} 
.dock-item span:after{
	content: "";
    width: 0px;
    height: 0px;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-top: 11px solid #a1a09e;

    display: block;
    top: 12px;
    left: 13px;
    position: absolute;
    z-index: -2;

} 
.dock-item.active:before{
    content: "";
    /* background-color: rgb(49, 55, 50); */
    width: 100%;
    height: 76%;
    display: block;
    position: absolute;
    z-index: -1;
    border-radius: 20%;
    margin-left: 10px;
    margin-top: 2px;
    box-shadow: inset 0px 2px 8px 0px rgb(49, 55, 50), 0px 1px 0px 0.4px #fff;
}



/*1220px*/
#tabs-Moduels>.Module-tabs{display: block;
margin-top: 0;
    background-color: transparent;
    height: inherit;

}
#tabs-Moduels>.Module-tabs>.ui-tabs-nav {
	width: inherit;
}
#tabs-Moduels>.Module-tabs>.ui-tabs-nav>li{
	width: inherit;
}
#tabs-Moduels>.Module-tabs>.ui-tabs-nav li a{max-width: inherit;min-width: inherit;}
#tabs-Moduels>.Module-tabs>.ui-tabs-nav>li a:before,#tabs-Moduels>.Module-tabs>.ui-tabs-nav>li a:after{display: block;}
#tabs-Moduels>.Module-tabs>.ui-tabs-nav>li:before,#tabs-Moduels>.Module-tabs>.ui-tabs-nav>li:after{display: block;}
#tabs-Moduels>.Module-tabs>.tab-content{
	width: inherit;
	float: inherit;
}
.back-btn-mo{
}
.head-back-mo{
  display: none;
      float: left;
    width: 100%;
    background-color: #fff;
}




/* dock2 - bottom */
#dock2 {
	width: 100%;
	bottom: 0px;
	position: absolute;
	left: 0px;
}
.dock-container2 {
	position: absolute;
	height: 50px;
	/*background: url(../images/dock-bg.gif);*/
	padding-left: 20px;
}
a.dock-item2 {
	display: block; 
	font: bold 12px Arial, Helvetica, sans-serif;
	width: 40px; 
	color: #000; 
	bottom: 0px; 
	position: absolute;
	text-align: center;
	text-decoration: none;
}
.dock-item2 span {
	display: none;
	padding-left: 20px;
}
.dock-item2 img {
	border: none; 
	margin: 5px 10px 0px; 
	width: 100%; 
}











/*--------------------------*/
/*-content*/

.widget {
    -webkit-box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.1);
    box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.1);
    border-radius: 6px;

    margin-bottom: 10px;
}
.widget-blue .widget-title {
    background-color: #ededed;
    color: #fff;
    box-shadow: inset 0px 1px 0px white;
    background: rgb(255,255,255);
    background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(242,242,242,1) 3%, rgba(242,242,242,1) 3%, rgba(247,247,247,1) 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,1)), color-stop(3%,rgba(242,242,242,1)), color-stop(3%,rgba(242,242,242,1)), color-stop(100%,rgba(247,247,247,1)));
    background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(242,242,242,1) 3%,rgba(242,242,242,1) 3%,rgba(247,247,247,1) 100%);
    background: -o-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(242,242,242,1) 3%,rgba(242,242,242,1) 3%,rgba(247,247,247,1) 100%);
    background: -ms-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(242,242,242,1) 3%,rgba(242,242,242,1) 3%,rgba(247,247,247,1) 100%);
    background: linear-gradient(to bottom, rgba(255,255,255,1) 0%,rgba(242,242,242,1) 3%,rgba(242,242,242,1) 3%,rgba(247,247,247,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f7f7f7',GradientType=0 );
}
.widget .widget-title {
    border-radius: 6px 6px 0px 0px;
    position: relative;
}
.widget-blue .widget-title {
    background-color: #3498db;
    border-left: 1px solid #fff;
    border-right: 1px solid #fff;
}
.widget .widget-title {
    padding: 5px 10px;
    border-bottom: 1px dashed #cbcbcb;
    margin: 0px;
    color: #313732;
    font-weight: bold;
    font-size: 14px;
        height: 33px;
}
.tab-row .widget .widget-title{
	font-size: 12px;
    height: 29px;
    line-height: 21px;
}
.widget .widget-content {
    border-left: 1px solid #fff;
    border-right: 1px solid #fff;
    border-bottom: 1px solid #fff;
    border-radius: 0px 0px 6px 6px;
    background-repeat: repeat-x;
    -webkit-box-shadow: inset 0px -2px 2px 0px #fff;
    -moz-box-shadow: inset 0px -2px 2px 0px #fff;
    box-shadow: inset 0px -2px 2px 0px #fff;
    background-image: linear-gradient(to bottom, #fff 0%, #f9f9f9 100%);
    border-top-style: none;
    border-top-color: inherit;
    border-top-width: medium;
}
.widget .widget-content {
    border: 1px solid #f9f9f9;
    border-top: none;
    background-color: #f9f9f9;
    padding: 5px 7px;
    overflow: auto;
    /*min-height: calc(100vh - 200px);*/
    
}
.tab-row .widget .widget-content{
	max-height: calc(100vh - 188px);
}
.btn-default {
    color: #313732;
    background-color: #f4f3ed;
    background-repeat: repeat-x;
    
    -webkit-box-shadow: inset 0px 1px 2px 0px rgba(255, 255, 255, 0.3), 0px 2px 2px 0px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: inset 0px 1px 2px 0px rgba(255, 255, 255, 0.3), 0px 2px 2px 0px rgba(0, 0, 0, 0.1);
    box-shadow: inset 0px 1px 2px 0px rgba(255, 255, 255, 0.3), 0px 2px 2px 0px rgba(0, 0, 0, 0.1);
    text-shadow: 1px 1px 1px rgba(255, 255, 255, 0.4);
    background-image: linear-gradient(to bottom, #fff 0%, #f4f3ed 100%);
    border-left-color: #bab9b8;
    border-right-color: #bab9b8;
    border-top-color: #bab9b8;
    border-bottom: 1px solid #a1a09e;
}
/*.btn {
    display: inline-block;
    padding: 8px 20px;
    margin-bottom: 0;
    font-size: 14px;
    font-weight: normal;
    line-height: 1.428571429;
    text-align: center;
    vertical-align: middle;
    cursor: pointer;
    border: 1px solid transparent;
    border-radius: 4px;
    white-space: nowrap;
    -o-user-select: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}*/
.btn-default:hover{
    cursor: pointer;
    background: #f9f8ef;
    background: -webkit-gradient(linear, 0 0, 0 bottom, from(#fff), to(#f9f8ef));
    background: -moz-linear-gradient(#fff, #f9f8ef);
    background: linear-gradient(#fff, #f9f8ef);
    box-shadow: inset 0 0 0 1px #fff, 0px 2px 11px -4px rgba(0, 0, 0, 0.63);
    border: solid 1px #adadad;
    -webkit-transition: background ease-out 3s;
    -moz-transition: background ease-out 3s;
    -o-transition: background ease-out 3s;
    transition: background ease-out 3s;
}
.btn-default:active, .btn-default:focus{
    cursor: pointer;
    background-image: linear-gradient(to bottom, #fff 0%, #f4f3ed 100%);
    background-color: #f4f3ed;
    box-shadow: inset 0 0 0 1px #fff, 0px 2px 11px -4px rgba(0, 0, 0, 0.63);
    -webkit-transition: background ease-out 3s;
    -moz-transition: background ease-out 3s;
    -o-transition: background ease-out 3s;
    transition: background ease-out 3s;

    border-left-color: #bab9b8;
    border-right-color: #bab9b8;
    border-top-color: #bab9b8;
    border-bottom: 1px solid #a1a09e;
}



.text-10{font-size: 10px;}
.text-12{font-size: 12px;}
.text-14{font-size: 14px;}
.text-overflow{
	text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    display: block;
}

.svg-ico{
	display: block;
}
.i-ico-16{
	width: 16px;
	height: 16px;
}
.i-ico-24{
	width: 24px;
	height: 24px;
}
.i-ico-24{
	width: 24px;
	height: 24px;
}
.i-ico-32{
	width: 32px;
	height: 32px;
}
.i-ico-64{
  width: 64px;
  height: 64px;
}
.page-btn-box{
	width: 100%;
	    padding: 10px;
}
.page-btn-box i{
	/*background-color: #313732;*/
    margin: 0 auto;
}
.page-btn-box i img{
  width: 64px;
  height: 64px;
}
/*.page-btn-box i img{
	background-image: url("images/none-img.png");
	background-position: 50%;
	background-repeat: no-repeat;
	    background-size: 85%;
}*/

.page-box{padding: 6px !important;}

.widget .widget-controls {
  height: 32px !important;
    float: right;
    /* margin-right: 8px; */
    background: linear-gradient(to bottom, #ffffff 0%,#f3f3f3 71%,#f3f3f3 71%,#ededed 98%,#ffffff 100%);
    padding: 5px;
    margin-top: -5px;
    box-shadow: inset 0px 2px 2px 0px rgba(255, 255, 255, 0.1), 0px 1px 3px 0px rgba(0, 0, 0, 0.2);
    display: block; width:inherit; 
}
.dashborad-date .dx-texteditor-input{
  height: 17px;
}


.func-ico{
  background-image: url("images/func-ico.png");
  background-repeat: no-repeat;
  background-position: 50%;
  width: 35px;
  height: 28px;
  display: block;
  background-size: 27px;margin-top: -5px !important;
}
.menu-ico{
  background-image: url("images/menu-ico.png");
  background-repeat: no-repeat;
  background-position: 50%;
  width: 35px;
  height: 28px;
  display: block;
  background-size: 27px;margin-top: -5px !important;
}
.EMR-ico{
  background-image: url("images/EMR-ico.png");
  background-repeat: no-repeat;
  background-position: 50%;
  width: 35px;
  height: 28px;
  display: block;
  background-size: 27px;margin-top: -5px !important;
}
.DB-ico{
  background-image: url("images/DB-ico.png");
  background-repeat: no-repeat;
  background-position: 50%;
  width: 17px;
  height: 19px;
  display: block;
  background-size: 15px;margin-top: 0px !important;
}
.EM-ico{
  background-image: url("images/emer-tab.png");
  background-repeat: no-repeat;
  background-position: 50%;
  width: 18px;
  height: 19px;
  display: block;
  background-size: 16px;margin-top: 0px !important;
}
.FV-ico{
  background-image: url("images/favoret-ico.png");
  background-repeat: no-repeat;
  background-position: 50%;
  width: 17px;
  height: 19px;
  display: block;
      margin-top: -7px !important;
}
div#main_doc .widget-content {
    /* height: 38.8vh !important; */
    height: calc(50vh - 77px);
}
.nurse-task div#main_doc .widget-content {
    /* height: 38.8vh !important; */
    height: calc(50vh - 77px);
}

#DivDashBoardData .col-md-6 {
  padding: 0 5px;
}
.page-header .top-search, .widget-controls .top-search {
    background-color: transparent;
    border: none;
    -webkit-box-shadow: inset 0px 1px 3px 0px rgba(0, 0, 0, 0.4);
    -moz-box-shadow: inset 0px 1px 3px 0px rgba(0, 0, 0, 0.4);
    box-shadow: inset 0px 1px 3px 0px rgba(0, 0, 0, 0.4);
    border-radius: 5px;
    padding: 3px;
    /*padding-left: 35px;
    padding-right: 10px;*/
    text-align: center;
    color: #333;
    -webkit-transition: width ease-in 0.2s;
    transition: width ease-in 0.2s;
    -webkit-transition: all width ease-in 0.2s ease-out;
    -moz-transition: all width ease-in 0.2s ease-out;
    -o-transition: all width ease-in 0.2s ease-out;
    transition: all width ease-in 0.2s ease-out;
    width: 100px;
    font-size: 12px;
    height: 23px;
}
.search_li .top-search {
    width: 200px !important;
    height: 24px;
}
.search_li .top-search:focus {
    width: 300px !important;
    height: 24px;
    background-color: #394054;
}
button, input, select[multiple], textarea {
    background-image: none;
}
#tabs-DashBorads{
	padding: 6px 0px 0;
	    height: calc(100vh - 57px);
    overflow: auto;
    width: 100%;
}
.main_iframe_mainmenu{
  width: 100vw;
  border: none;
  height: calc(100vh - 105px);
  display: block;
}

.col-md-12.dashboardColumn {
  padding: 0 !important;
}

.main_iframe_EM{
	width: 100%;
    border: none;
    height: calc(100vh - 56px);
    margin-top: 0px;
    padding-top: 10px;
}
#FramNurseTask.main_iframe_EM{height: calc(100vh - 56px);}
.P-Events_iframe{
   width: 100%;
    border: none;
    height: calc(100vh - 74px);
    margin: 0px;
    padding: 0px;
}
#DivDashBoardData .chosen-container{
	width: 100% !important;
}


.consultations-box {

    padding: 10px 5px 0;
}
.chosen-container{width: 100% !important;}
.dropdown-menu.d-user{left: inherit;right: 0px;}


.endifr{
	border: none;
    width: 400px;
    padding: 10px 0 0 0;
    margin: 0;
    height: calc(100vh - 100px);
    border-radius: 5px;
}
.fa.fa-bars{
	color: #fff;
	    font-size: 24px;
    margin-top: -5px;
}
.End-click .dropdown-menu.header-dropdown{display: none;}

.widget-fullsize .widg-full-btn{display: inline-block;}
.widget-fullsize{
    width: 100% !important;
}
.widget-fullsize.treesection{
    width: 100% !important;
}

body div#main_doc .widget-fullsize .widget-content{
    height: calc(100vh - 147px) !important;
    -webkit-transition: width 1s, height 1s; /* Safari */
    transition: width 1s, height 1s; 

        -webkit-transition-timing-function: ease;
    transition-timing-function: ease; 
}



#DivPatientsRemoteMonitor .pt-list-group{
height: 62px;
}




/*_______________________ARABIC STYLE_________________________*/

body.R-T-L{direction: rtl; /*font-family: arial !important;*/}
body.R-T-L .header-logo{float: right;}
body.R-T-L .header-logotext{float: right;}
body.R-T-L .pull-right{float: left !important;/*margin-left: 0px;*/}
body.R-T-L .top-search-hed.pull-right{margin-left: 0px;}
body.R-T-L .all-li{float: right;}
body.R-T-L .dropdown-menu.all-btns{left: 0px;right: inherit;}
body.R-T-L .tabbed ul.ui-tabs-nav{float: right;}
body.R-T-L .tabbed.darck-tabs>ul.ui-tabs-nav{margin-right: 0px; margin-left: inherit;}
body.R-T-L .tabbed ul.ui-tabs-nav li{float: right;}
body.R-T-L .pace .pace-activity {left: inherit; right: 200px;}
body.R-T-L .tab-close{right: inherit; left: 1px;}
body.R-T-L .widget .widget-controls {float: left;}
body.R-T-L #DivNusring_OPTList .widget-title h3 a, body.R-T-L #DivNusring_NewList .widget-title h3 a, body.R-T-L #DivOutPatients .widget-title h3 a, body.R-T-L #DivConsultationsOut .widget-title h3 a, body.R-T-L #DivInPatientList .widget-title h3 a, body.R-T-L #DivConsultationsIn .widget-title h3 a{padding-left: 0px; padding-right: 27px;}
body.R-T-L .widget-title i.OUT-ico, body.R-T-L .widget-title i.INP-ico, body.R-T-L .widget-title i.COUT-ico, body.R-T-L .widget-title i.CIN-ico, body.R-T-L .widget-title i.NSNew-ico, body.R-T-L .widget-title i.NSOPT-ico{margin-right: -5px; margin-left: 0px;}
body.R-T-L .pt-list-group{text-align: right;}
body.R-T-L .pt-list-time{right: inherit; left: 0px;}
body.R-T-L .pt-list-option{right: inherit; left: 0px;}
body.R-T-L .Patient{text-align: right;}
body.R-T-L .widg-filter-btn{float: right;}
body.R-T-L .Pager-l-btn{background-image: url("../images/gen/control_start_blue.png");}
body.R-T-L .Pager-n-btn{background-image: url("../images/gen/control_playback_blue.png");}
body.R-T-L .Pager-p-btn{background-image: url("../images/gen/control_play_blue.png");}
body.R-T-L .Pager-f-btn{background-image: url("../images/gen/control_end_blue.png");}
body.R-T-L .dx-menu-base{text-align: right;}
body.R-T-L .dx-menu-item.dx-menu-item-has-text .dx-icon{margin-left: -14px; margin-right: inherit;}
body.R-T-L .col-md-1, body.R-T-L .col-md-2, body.R-T-L .col-md-3, body.R-T-L .col-md-4, body.R-T-L .col-md-5, body.R-T-L .col-md-6, body.R-T-L .col-md-7, body.R-T-L .col-md-8, body.R-T-L .col-md-9, body.R-T-L .col-md-10, body.R-T-L .col-md-11, body.R-T-L .col-md-12{float: right;}
body.R-T-L .fav-star{left: inherit; right: -4px; background-position: top right;}
body.R-T-L .tabs-count{right: inherit; left: 2px}
body.R-T-L .a-counts {padding-left: 5px !important; padding-right: 0px !important;}
body.R-T-L .close{float: left;}
/*body.R-T-L .dock-container{padding-left: 0px; padding-right: 20px;}*/
body.R-T-L .dock-item span:after , body.R-T-L .dock-item span:before{top: 13px; left: inherit; right: 17px;}
body.R-T-L .stat:after , body.R-T-L .mypatient:after{right: -6px !important; left: inherit !important; border-radius: 0 3px 4px 0 !important;}
body.R-T-L .dropdown-menu.header-dropdown{left: 0px !important; right: inherit;}
body.R-T-L .alert span{right: inherit; left: 5px;}
body.R-T-L .dropdown-menu > li > a{text-align: right;}
body.R-T-L .alert-droplist .alert{text-align: right; direction: rtl;}
body.R-T-L .widg-full-btn{float: right;}
body.R-T-L .dock-item.active:before{margin-right: 10px; margin-left: inherit;}
body.R-T-L .chosen-container .chosen-drop{left: inherit; right: -9999px}
body.R-T-L .chosen-container.chosen-with-drop .chosen-drop{left: inherit; right: 0}
body.R-T-L .tooltip_label{padding-left: 5px; padding-right: inherit;}
body.R-T-L .widget-fullsize .Patient, body.R-T-L .onesections .Patient{float: right;}
body.R-T-L .fullscreenbuttons a {padding: 11px 40px 12px 0px; background-position: 100% 50%; margin: 0 29px 0 10px;}
body.R-T-L .search_li {float: left !important;}
body.R-T-L .sessioncount{right: inherit; left: 6px;}
.pt-list-time div{float: right;}

body.R-T-L .col-md-4.page-box {width: 33.33333333%;}
body.R-T-L .que_menu {float: left;}
body.R-T-L .fa.help-button{left: 27px; right: inherit;}
body.R-T-L .fa.full-button{left: 14px; right: inherit;}
body.R-T-L #tabs-Pages .tabbed.wight-tabs ul.ui-tabs-nav li.active a{padding-left: 34px;}
body.R-T-L #tabs-Patient .tabbed.wight-tabs ul.ui-tabs-nav li.active a{padding-left: 34px;}
body.R-T-L #tabs-Patient .tabbed.wight-tabs ul.ui-tabs-nav li:first-child a{padding-left: 0px;}
body.R-T-L .fa.close-button{
      right: inherit;
    left: -30px;
    box-shadow: 3px 0px 6px -1px #8AA8B0;
    padding: 33px 0 0 21px;
}
body.R-T-L .fa.close-button:hover{
  padding: 36px 0 0 20px ;
  box-shadow: 3px 0px 6px 1px #8AA8B0;

}
body.R-T-L .widget-title>.fa.help-button{float: left;margin: 0 6px 0 -4px;}
body.R-T-L .pages-list{left: 15px;right: inherit;}
body.R-T-L .list-btn-pos{left: 15px; right: inherit;}
body.R-T-L .list-box{left: 0px;right: inherit;}
body.R-T-L #main_doc .col-md-6{width: 50%;}
body.R-T-L .dropdown-menu.d-user {left: 0px;right: inherit;}
body.R-T-L .dx-treeview .dx-treeview-node{padding-left: 10px !important;}



.qu-lable{display: block;}


}
@media (min-width:1281px) { /* hi-res laptops and desktops */ 

}










::-webkit-scrollbar {
  width: 9px;
  height: 9px;
}
::-webkit-scrollbar-button {
  width: 0px;
  height: 0px;
}
::-webkit-scrollbar-thumb {
  background: rgba(138, 168, 176, 0.6);
  border: 0px none #ffffff;
  border-radius: 10px;
}
::-webkit-scrollbar-thumb:hover {
  background:  rgba(138, 168, 176, 0.9);
}
::-webkit-scrollbar-thumb:active {
  background: #f26101;
}
::-webkit-scrollbar-track {
  background: rgba(49, 55, 50, 0.1);
  border: 0px none #ffffff;
  border-radius: 10px;
}
::-webkit-scrollbar-track:hover {
  background: rgba(49, 55, 50, 0.15);
}
::-webkit-scrollbar-track:active {
  background: rgba(49, 55, 50, 0.15);
}
::-webkit-scrollbar-corner {
  background: transparent;
}





.tab-pane.tab-row{padding: 0;}





.que_menu{
		display: block !important;
    border-radius: 50%;
    padding: 3px 0px 0;
    width: 20px !important;
    height: 20px !important;
    box-shadow: 0px 0px 7px #00000073;
    float: right;
    position: initial !important;
    margin: 0 -4px 0 6px;
    margin-right: 10px;
	}
	.que_menu:hover{cursor: pointer;}


	.que_menu{
		display: block !important;
    border-radius: 50%;
    padding: 3px 0px 0;
    width: 20px !important;
    height: 20px !important ;
    box-shadow: 0px 0px 7px #00000073 !important;
    float: right;
    right: 10px;
	}








	.list-btn-pos{
		/*background-color: #313732;*/
		border-radius: 50%;
		width: 25px;
		height: 25px;
		display: block;
		position: absolute;
		z-index: 31;
    	right: -10px;
    	/*bottom: calc(-100vh + 128px);*/
        top: 70px;
    	/*box-shadow: 0px 0px 40px 0px rgba(138, 168, 176, 0.65);*/
	}

	.list-box{
		background-color: #ffffff;
		border-radius: 9px;
		width: 20vw;
/*		height: calc(100vh - 150px);*/
		/*display: block;*/
		position: absolute;
		z-index: 30;
		right: 0;
        top:110px;
		box-shadow: 0px 0px 40px 0px rgba(138, 168, 176, 0.65);
        /*display:none;*/
	}


	.list-btn{
		background-color: transparent;
		border: none;
		background-repeat: no-repeat;
		background-position: 50% 50%;
		width: 100%;
    	height: 100%;
    	background-size: 50%;
	}
    .list-btn i {
        transition: 0.2s;
        color: #607176;
    }
    .list-btn:hover i {
        transition: 0.2s;
        color: #313732;
    }
    .openlist {
        background-image: url("images/openlist.png");
    }
	.editlist{background-image: url("images/editlist.png");}
	.savelist{background-image: url("images/savelist.png");}

	/*.listbox-show{display: none;}
	.listbox-edit{display: none;}*/
		
	
	.listbox-search{
		padding: 10px;
		box-shadow: 0px 4px 12px -6px #8aa8b0;
	}
	.listbox-content{
		list-style: none;
		padding: 10px;
		margin: 0;
		overflow: auto;
/*		max-height: calc(100vh - 230px);*/
	}

	.listbox-edit .listbox-content li:hover {opacity: 1;}
	.listbox-show .listbox-content li:hover {
	    cursor: pointer;
	    background: #f9f8ef;
	    background: -webkit-gradient(linear, 0 0, 0 bottom, from(#fff), to(#f9f8ef));
	    background: -moz-linear-gradient(#fff, #f9f8ef);
	    background: linear-gradient(#fff, #f9f8ef);
	    box-shadow: inset 0 0 0 1px #fff, 0px 2px 11px -4px rgba(0, 0, 0, 0.63);
	    /*border: solid 1px #adadad;*/
	    border-radius: 3px;
	    -webkit-transition: background ease-out 3s;
	    -moz-transition: background ease-out 3s;
	    -o-transition: background ease-out 3s;
	    transition: background ease-out 3s;
	}
	.listbox-content li{
		height: 60px;
		padding: 5px 0;
		box-shadow: 0px 1px 0px 0px rgba(138, 168, 176, 0.30);

		-webkit-transition: background ease-out 3s;
	    -moz-transition: background ease-out 3s;
	    -o-transition: background ease-out 3s;
	    transition: background ease-out 3s;
	
	}
	.listbox-content li i{
		padding: 0 5px;
	}
	.listbox-content li i img {
    	width: 50px;
    	height: 50px;
    	float: left;
	}
	.listbox-content li span{
		margin: 17px 0;
		padding: 0 15px;
	}
	.listbox-show li{
		opacity: 1;
	}
	.listbox-edit li.select-checked{
		opacity: 1;
	}
	.listbox-edit li{
		opacity: 0.5;
	}
	.listbox-select{
		background-color: transparent;
		border: none;
		background-image: url("images/select-uncheck.png");
		width: 20px;
    	height: 20px;
    	background-repeat: no-repeat;
    	background-position: 50% 50%;
    	margin: 14px 5px 0 0;
    	float: left;
	}
	.select-checked .listbox-select{background-image: url("images/select-checked.png") !important;}



.listbox-hideItem {
    display:none;
}


.listbox-showItem {
    display:block;
}


div#simple-treeview .dx-scrollable-native.dx-scrollable-native-generic {
  overflow: auto;
}


.tooltipster-noir.tooltipster-base {
	transition-delay: 1.5s !important; 
}


#DivDashBoardData .widget-controls {
  display: flex !important;
  justify-content: space-between;
}

#DivOutPatients.col-md-4 .widget-controls {
  display: flex !important;
  max-width: 70%;
  overflow-x: auto;
  overflow-y: hidden;
  height: 40px !important;
}

#DivOutPatients.col-md-4 .widget .widget-title {
  height: 43px;
}

#DivOutPatients.col-md-4 .widget-controls .sort-group {
  display: flex;
}

#contentOutPatList ul.pt-filter {
  display: flex;
  position: absolute;
  right: 15px;
  box-shadow: none;
  align-items: center;
  top: 33px;
  z-index: 1;
  margin-bottom: 0;
  justify-content: space-between;
  width: 40%;
}

#contentOutPatList ul.pt-filter .filter-adv-hid {
  display: none;
}

.extra_padding {
  padding-top: 50px;
  transition: 0.15s all ease;
}

.dock-item .tooltip-inner {
  white-space: nowrap;
}
/* #DivOutPatients.widget-fullsize #contentOutPatList ul.pt-filter {
  display: none;
} */

.new-dock {
  display: block;
  height: 65px;
  width: 100%;
  overflow: auto;
  overflow-y: hidden;
}

.new-dock-container {
  display: flex;
  padding: 6px;
}

.new-dock-item img {
  width: 44px;
  transition: transform 200ms ease-in-out;
  transform-origin: center;
}

.new-dock-item:hover img {
  transform: scale(1.3);
}