/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/*
Created on : Mar 25, 2014, 4:14:37 PM
Author     : khalid Al-araj
*/

body , button, p , span , div, h1 , h2 , h3 , h4 , h5 , a {
    text-transform: capitalize !important;
}
 .updateViewBytton , .updateViewBytton:hover {
    /*min-height: 27px;*/
    margin: 0 8px;
    text-align: center;
    display: inline-block;
    width:80px;
    background: #be364a none repeat scroll 0 0;
    border: 1px solid #931d2d;
    color: #ffffff;
    text-decoration: none;
}

/*------------------grid style--------------------*/
   div.ajaxloading {
    height: 95%; 
    width: 100%;
    background-color: #f5f5f5;
    background-image:url(../images/CalenderSpinner.png);
    background-position:  center center;
    background-repeat: no-repeat;
    opacity: .8;
    z-index: 1;
    position: absolute;
}
div.ajaxloading * {
    opacity: .8;
}

div.hideLoading{
display: none;
}
.grid-view
{
    padding: 15px 0;
}
.grid-view-loading
{
    background:url(../images/ajax-loader.gif) no-repeat;
    background-position: top;
}
.grid-view table.items
{
    background: white;
    border-collapse: collapse;
    width: 100%;
    border: 1px #D0E3EF solid;
    margin-top: 5px;
}

.grid-view table.items th, .grid-view table.items td
{
    font-size: 0.9em;
    border: 1px white solid;
    padding: 0.3em;
}

.grid-view table.items th
{
    color: white;
    background: url("bg.gif") repeat-x scroll left top white;
    text-align: center;
}

.grid-view table.items th a
{
    color: #EEE;
    font-weight: bold;
    text-decoration: none;
}
.grid-view table.items th a.asc
{
    background:url(up.gif) right center no-repeat;
    padding-right: 10px;
}

.grid-view table.items th a.desc
{
    background:url(down.gif) right center no-repeat;
    padding-right: 10px;
}
.grid-view table.items th:hover a:after {
    background-image: none;
}
.grid-view table.items tr.even{
    background: #f5f5f5;
}
.grid-view table.items tr.odd {
    background: #ecf0f1 none repeat scroll 0 0;
}

.grid-view table.items tr.selected{
    background: none repeat scroll 0 0 #87CEEB;
}
.grid-view table.items tr:hover.selected{
    background: #CCFF66;
}

.grid-view table.items tbody tr:hover
{
    background: #ECFBD4;
}

.grid-view .link-column img
{
    border: 0;
}

.grid-view .button-column img
{
    border: 0;
    width:16px;
    height:16px;
}

.grid-view .checkbox-column
{
    width: 15px;
}

.grid-view .summary
{
    margin: 0 0 5px 0;
    text-align: right;
}

.grid-view .empty
{
    font-style: normal;
}
.grid-view .button-column {
    text-align: center;
    width: 8%;
}
.grid-view .filters input,
.grid-view .filters select
{
    width: 100% !important;
    border: 1px solid #ccc;
}
/*.ui-dialog-TimeTable{
    position: relative;
    overflow: visible;
}
#unAllocatedialog{
    overflow: hidden;
}
#unAllocate-grid table tbody tr.ui-sortable-placeholder{
    position: absolute;
    z-index: 1000000;
}*/
/************************************************/
@font-face {
    font-family: Verdana, Geneva, sans-serif;
    font-weight: normal;
    font-style: normal;
}
.pager_mod{
    border-radius: 4px;
    display: inline-block;
    margin: 0;
    padding-left: 0;
}
.pager_mod ul{
    margin: 0px;
}
ul.yiiPager .first,
ul.yiiPager .last
{
    display:none;
}
.grid-view .pager ,.grid-view .pagination{
    margin: 5px 0 0;
    text-align: left;
    width: -moz-max-content;
    width: max-content;
    float: left;
}
ul.yiiPager li {
    display: inline-flex;
    line-height: normal;
}
.pager ul li.previous a,.pagination ul li.previous a{
    border-style:none;
    margin-top: 5px;
    margin-bottom: 5px;
}
.pager ul li.next a,.pagination ul li.next a{
    border-style:none;
    margin-top: 5px;
    margin-bottom: 5px;
}
.pager li.page > a,.pagination li.page > a {
    background: none;
    border: none;
    font-size: 13px;
    font-weight: 600;
    color: #4f4f4f;
    text-decoration: underline;
}
ul.yiiPager .selected a {
    background: #be364a none repeat scroll 0 0;
    border-radius: 2px;
    color: #ffffff;
    text-decoration: none;
}
.pagination li > a, .pagination li > span {
    background: none;
}

.pager li > a, .pager li > span {
    background: none;
}


.pager li > a span,.pagination li > a span{
    font-size: 14px;
    color:#4a8eb3;
}
.grid-view .summary {
    margin-top: 6px;
    width: 200px;
    display: inline-block;
    float: right;
}
.dropDown_pager {
    width: 300px;
}
.dropDown_pager span{
    color: #4f4f4f;
    font-size: 16px;
}
.dropDown_pager select{
    width: 75px;
    border: 1px solid #D4D4D4;
    border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    margin: 0 4px;
    min-width: 60px !important;
}
.header_top {
    background-color: #1b4165;
    border-bottom: 2px solid whitesmoke;
}
.logo_icon img{
    margin: 18px;
    max-height: 82px;
}
.text_logo_master {
    color: #edf0f3;
    font-family: "GE_SS_TV_Bold";
    font-weight: bolder;
}
.text_logo_child{
    font-family: 'GE_SS_TV_Bold';
    font-weight: 300;
    color: #edf0f3;
}
.menuRow1{
    float: left;
    margin-top: 28px;
    width: 60%;
}
.menuRow1 div{
    font-size: 100%;
    font-weight: 600;
    font-family: 'GE_SS_TV_Bold';
}
.label_welcome{
    bottom: 0;
    float: left;
    /*font-family: Helvetica;*/
    left: 25px;
    position: absolute;
    vertical-align: text-top;
}
.label_welcome p{
    color: #BE364A;
    font-size: 14px;
    font-family: "sky" , Helvetica, Arial, sans-serif;
}
.label_welcome a{
    color: #BE364A;
}
.menu_mainContent{
    background-color: #c9d2db;
    height: 90px;
}
.label_menu {
    color: #1b4165;
    display: block;
    font-family: "sky","GE_SS_TV_Bold";
    font-size: 100%;
    text-align: center;
    font-weight: 700;
}
.menu_header {
    background-color: #c9d2db;
    box-shadow: 0 40px 40px -40px #dfdfdf inset;
    display: block;
    min-height: 90px;
}
.navbar .nav > li > a {
    padding: 0;
    text-shadow: none;
    font-weight: 700;
}
.navbar .nav {
    float: none;
    margin: 0 30px 0 0;
}
.nav-menu{
    width: 100%;
}
.breadcrumb > li {
    text-shadow: none;
}
.sideBar{
    background-color: #be364a;
}
.menuSideBar{
    list-style-type: none;
    margin: 0;
    padding: 0;
}
a.collapseMenuBar:active,a.collapseMenuBar:focus,a.collapseMenuBar:hover{
    text-decoration: none;
}
.col_menuSideBar{
    /* min-width:232px;*/
    margin-top: 6px;
}
.menuItem {
    border-bottom: 1px solid #dd7b89;
    display: inline-block;
    font-family: "GE_SS_TV_Bold";
    font-size: 20px;
    font-weight: 900;
    height: 50px;
    line-height: 50px;
    margin-bottom: 6px;
    min-width: 100%;
    text-align: center;
    text-decoration: none;
    text-indent: 0;
}
.menuItem:hover ,.menuItem:focus{
    box-shadow: 0 4px 4px -3px #dd7b89;
    -moz-box-shadow: 0 4px 4px -3px #dd7b89;
    -webkit-box-shadow: 0 4px 4px -3px #dd7b89;
}

.menuIcon{
    display: inline-block;
    float: right;
    margin-right: 5px;
    max-width: 36px;
    margin-top:8px!important;
    color:white!important;
}
.menuIcon img{
    height: 32px;
    margin-left: 14px;
}
.menuItem a{
    text-decoration: none;
    text-decoration-line: none;
    display:block;
    width: 100%;
    height: 100%;
}
.menuItemActive {
    box-shadow: 0 5px 5px -3px #dd7b89;
    -moz-box-shadow: 0 5px 5px -3px #dd7b89;
    -webkit-box-shadow: 0 5px 5px -3px #dd7b89;
}
.menuItem img{
    color:#79acce;
}
.menuItem span{
    color: #f0f0f0;
    display: inline-block;
    font-size: 77%;
    font-weight: 500;
    line-height: normal;
    margin-bottom: 5px;
    text-align: right;
    vertical-align: bottom;
    width: 80%;
	
}

.isDisabled {
  color: currentColor;
  cursor: not-allowed;
  opacity: 0.5;
  text-decoration: none;
  pointer-events: none;
  cursor: default;
}
@media only screen and (max-width: 1260px){ .menuIcon {width: 33%;} .menuItem span{font-size: 16px;min-width: 32%;}}
@media only screen and (min-width: 768px) and (max-width: 1124px){
    .menuIcon {
        float: none;
        margin: 0 auto;
    }
}
@media only screen and (max-width: 768px) { .menuIcon {width: 100%;}}
.main_content{
    background-color: #F5F5F5;
    overflow: hidden;
}
.bodyContent{
    margin-top: 6px;
}
@media (max-width: 970px) { h2 {font-size: 26px;}h3{font-size: 22px; }p {font-size: 14px;}}
@media (max-width: 768px) { body {font-size:100%;}h2 {font-size: 24px;}h3{font-size: 20px; }p {font-size: 12px;}}
@media (max-width: 600px) { h2 {font-size: 22px;}h3{font-size: 18px; }p {font-size: 10px;}}
img, img.scale-with-grid { outline: 0; height: auto; }
.mainMenu-group {
    margin: 8px 0;
}
.mainMenu{
    max-width: 100px;
}
@media (max-width: 970px) {
    .mainMenu a span {font-size: 85%;}
    .mainMenu a span {height: 34px; }
    .label_welcome {font-size: 12px;}
}
.nav-menu li a:hover,.nav-menu li a:focus{
    background-color: transparent;
}
.icon_menu {
    display: block;
    height: 42px;
    margin: 0 auto;
}
.navbar-default {
    background-image: linear-gradient(to bottom, #DFDFDF 0%, #DFDFDF 100%);
    background-repeat: repeat-x;
    border-radius: 4px;
    box-shadow: none;
}
.navbar-default {
    background-color: #DFDFDF;
    border-color: #DFDFDF;
}
.navbar-header {
    width:100%;
}
.navbar-header div ul{
    width:100%;
}
.img_menu{
    width:25%;
    padding-left: 2px;
    padding-right: 2px;
}
.img_menu a{
    color: #EDF0F3;
    font-weight: 600;
}
.img_menu a:link{
    padding:0;
}
.img_menu img {
    width: 28px;
}
.navbar {
    margin-bottom: 0px;
}
.menuPosition{
    margin-right: 60px;
}
.left-inner-addon {
    position: relative;
    padding-right: 120px;
}
.left-inner-addon img {
    display: block;
    padding: 2px 7px;
    pointer-events: none;
    position: absolute;
}
.left-inner-addon img:hover {
    cursor: pointer;
}
.menuIcon_sub{
    display: inline-block;
    float: left;
    height: 42px;
    margin-left: 2px;
    width: 42px;
}
.navbar-collapse{
    padding-left: 0px;
    padding-right: 0px;
}
.breadcrumb {
    margin-bottom: 0;
    padding: 8px 0;
}
.breadcrumb li:first-child{
    margin-right: 10px;
}
.breadcrumb > li + li::before{
    color: #BE364A;
    content: " > ";
    padding: 0 5px;
    font-size: 18px;
}
.breadcrumb li a, .breadcrumb li span{
    font-family: GE_SS_TV_Bold;
    font-size: 16px;
    font-weight: 400;
    padding: 4px;
}
.breadcrumb li a{
    width: max-content;
    background-repeat:repeat-x;
    position: relative;
    white-space: nowrap;
    color: #BE364A;
}
.breadcrumb li:last-child span{
    color: #1b4165;
}

.grid-view table.items {
    border:none;
    text-align:center;
}
.grid-view table.items th {
    color: #fff;
    background-color: #1b4165;
    /*border: 1px solid #DDDDDD!important;*/
    text-align: center;
}
.grid-view table.items th, .grid-view table.items td {
    border:none;
    font-size: 14px;
    padding: 2px;
}
.grid-view table.items td {
    border: 1px solid #ddd;
    font-size: 16px;
    padding: 2px;
    word-break: break-word;
}
table thead th {
    background-color: #1b4165;
    border: medium none;
    color: #ffffff;
    font-size: 17px;
    text-align: center;
}
table thead td{
    border:1px solid #DFDFDF;
    border-collapse: collapse;
}
table thead td .form-control{
    border-radius: 8px;
    height: 28px;
    width: 98%;
}
table tbody td{
    border:1px solid #DFDFDF;
    border-collapse: collapse;
    text-align: center;
    font-size: 12px;
    color:#6F6F6F;
}
#dash-column tbody td{
    border: 0;
    text-align: center;
}
.listaction{
    margin-top: 0px;
    float: left;
    padding: 0;
}
.listaction a{
    text-decoration: none;
}
.listaction div{
    color:#4a8eb3;
    font-weight: 800;
    padding: 0;
    font-size: 15px;
    width: auto;
    width: max-content;
    width: -moz-max-content;
    width: -webkit-max-content;
    float: left;
    margin: 0 15px 0 0;
}
.listaction div a{
    color: #3d3d3d;
}
.listaction div.rightAlign{
    float: right;
}
.MenuLabel{
    margin: 0 5px;
}
.listaction div a img{
    height: 24px;
    width: auto;
}
.listaction1{
    min-width: max-content;
    min-width: -moz-max-content;
    min-width: -webkit-max-content;
    float: left;
    text-align: left;
}
.listaction2{
    width: 26%;
}
.listaction3{
    width: 30%;
}
.listaction1 img, .listaction2 img, .listaction3 img{
    margin: 0 4px 2px;
    width: 24px;
}
.listaction1 , .listaction2 , .listaction3 {
    color:#4a8eb3;
    font-weight: 800;
    padding: 0;
    font-size: 15px;
    width: -moz-max-content;
    width: -webkit-max-content;
    width: max-content;
    margin: 0 5px;
}
.grid-view table.items tbody tr:hover {
    background-color: #c4e3f3;
}
.grid-view table.items tbody tr.selected:hover {
    background-color: skyblue;
}
.table-striped > tbody > tr:nth-child(odd) > td,
.table-striped > tbody > tr:nth-child(odd) > th {
    background-color: #efefef;
}
.table-striped > tbody > tr:nth-child(even) > td,
.table-striped > tbody > tr:nth-child(even) > th {
    background-color: #fbfbfb;
}
#bs-example-navbar-collapse-1{
    padding: 0 4px;
}
.table > thead > tr > th, .table > tbody > tr > th, .table > tfoot > tr > th, .table > thead > tr > td, .table > tbody > tr > td, .table > tfoot > tr > td {
    padding: 4px;
}
.table > thead > tr > th {
    border-bottom: 0 solid #DDDDDD;
}
/********* lookup style **********/
label {
    color: #4f4f4f;
    font-size: 14px;
    margin-bottom: 15px;
    max-width: 200px;
    min-width: 200px;
    vertical-align: top;
}
.label_login{
    min-width: 130px;
    margin:0 5px 5px 15px;
}
label span{
    color: red;
}
.buttons{
    width: max-content;
    width: -moz-max-content;
    width: -webkit-max-content;
    margin: 15px auto;
    line-height: 24px;
}
select {
    border: 1px solid #D4D4D4;
    border-radius: 4px;
    height: 25px;
}
input[type='text'] , input[type='password'], input[type='file']{
    border: 1px solid #D4D4D4;
    height: 25px;
    font-family: inherit;
}
form input[type='text'] ,
form input[type='password'],
input[type='file'],
form select,
form .select2-container{
    width: 28%;

}
textarea {
    border: 1px solid #D4D4D4;
    margin-bottom: 10px;
    border-radius: 4px;
    resize: none;
}
/**
Edit style of create view
*/
.yiiTab div div.row label{
    width: 40%;
    min-width: 80px;
    vertical-align: top;
}


.yiiTab div div.row input[type='text'],
.yiiTab div div.row input[type='number'],
.yiiTab div div.row input[type='file'],
.yiiTab div div.row textarea,
.yiiTab div div.row select,
.yiiTab div div.row .select2-container,
.yiiTab div div.row .ui-multiselect{
    width: 50% !important;
    margin: 0;
    min-width: 130px;
}

.yiiTab div div.row input[type='file']{
    display: inline-block;
}

.yiiTab div div.row input[type='text'],
.yiiTab div div.row input[type='number'],
.yiiTab div div.row input[type='file'],
.yiiTab div div.row textarea,
.yiiTab div div.row select{
    padding-right: 4px;
    padding-left: 4px;
}
/************ end form create view tyle ****/
.table-responsive textarea ,
.table-responsive input[type='text'] ,
.table-responsive input[type='file'] ,
.table-responsive select,
.table-responsive .select2-container,
.table-responsive .ui-multiselect{
    min-width: 225px;
}
.table-responsive .ui-multiselect , .table-responsive select{
    width: 28% !important;
}
.table-responsive .customForm textarea ,
.table-responsive .customForm input[type='text'] ,
.table-responsive .customForm input[type='file'] ,
.table-responsive .customForm select,
.table-responsive .customForm .select2-container,
.table-responsive .customForm .ui-multiselect{
    min-width: 130px !important;
    width: 52% !important;
}
input[type='text'],input[type='file'],select{
    padding: 0 5px;
}
.table-responsive{
    padding: 15px 10px;
    overflow: hidden;
}
.table-responsive .row{
    margin-left: auto;
    margin-right: auto;
}
.table-responsive form .row{
    margin-left: auto;
    margin-right: auto;
}
.left-inner-addon input {
    padding-right: 40px;
    box-shadow: 0 0 4px 1px;
    margin-top: 10px;
    width: 75%;
    height: 31px;
    font-family: "Arabic Typesetting";
    font-size: 20px;
}
input[type="submit"],.btn-submit{
    background: #be364a none repeat scroll 0 0;
    border: 1px solid #931d2d;
    color: #ffffff;
    display: inline-block;
    min-height: 27px;
    margin: 0 8px;
    text-align: center;
    width: max-content;
    width: -moz-max-content;
    width: -webkit-max-content;
    min-width: 90px;
}
input[type="submit"]:disabled{
    background:#D66271;
}
.btn_link,.btn_cancel, input.btn_link[type="submit"] {
    background: #9c9c9c none repeat scroll 0 0;
    border: 1px solid #8e8e8e;
    color: #ffffff;
    display: inline-block;
    min-height: 27px;
    margin: 0 8px;
    text-align: center;
    width: max-content;
    width: -moz-max-content;
    width: -webkit-max-content;
    min-width: 90px;
    padding: 0 10px;
    vertical-align: middle;
}
.btn_cancel:hover,.btn_cancel:focus,
.btn_link:hover,.btn_link:focus{
    text-decoration: none;
    color: #ffffff;
}
.errorMessage{
    display: none;
}
.errorSummary{
    border: 1px solid #cc0000;
    background-color: #fff3f2;
    margin-bottom: 15px;
    width: 100%;
}
.errorSummary p , .errorMsg{
    color: #cc0000;
    margin: 1px 4px;
    display: inline-block;
}
.errorSummary ul li{
    color: #cc0000;
}
.errorSummary img{
    display: inline-block;
    margin: 1px 5px;
}
.errorRow{
    background-color: #FBC2C4;
}
.selectedRow{
    background-color: #9fcae7;
}
/************** Modules mens style **********/
.submenu{
    list-style-type: none;
    width: auto;
    padding-right: 0;
}
.submenu li a{
    font-size: 14px;
    /*font-family: "Arabic Typesetting";*/
	font-family:"sky";
    color: #666767;
}
.submenu li a span{
    width: 42px;
    display: inline-block;
    margin-bottom: 5px;
}
.submenu li a span img {
    display: inline-block;
    margin: 0 5px 2px;
}
.submenuActive{
    text-decoration-line: underline;
    text-decoration-color: #107ba7;
    text-decoration-style: solid;
    -moz-text-decoration-line: underline;
    -moz-text-decoration-color: #107ba7;
    -moz-text-decoration-style: solid;
}
.menulevel1 {
    display: inline-block;
    vertical-align: top;
    border-left: 1px solid #D9D9D9;
    height: auto;
    padding-left: 15px;
}
.Shape_14 {
    /* background-color: #D9D9D9;*/
    display: inline-block;
    height: 60%;
    margin: 0 30px;
    position: absolute;
    width: 1px;
    z-index: 218;
}
.menulevel2{
    display: inline-block;
    margin: 6px 35px;

}
/*************** tabs style **************/
.yiiTab ul.tabs {
    background: #1b4165 none repeat scroll 0 0;
    font: bold 12px Verdana,sans-serif;
    height: 34px;
    margin: 0;
    padding: 2px 0;
}
.yiiTab ul.tabs li {
    display: inline;
    list-style: none outside none;
    margin: 0 0.5px;
    color: rgb( 69, 143, 187 );
    border: none;
    line-height: 30px;
}
.yiiTab ul.tabs a:link {
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
    color: #ffffff;
    font-size: 14.5px;
    font-weight: 100;
}
.yiiTab ul.tabs a:hover {
    background: none;
}
.yiiTab ul.tabs a.active {
    background: #efefef none repeat scroll 0 0;
    border-bottom: medium none;
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
    color: #1b4165;
    padding-bottom: 12px;
}
.yiiTab ul.tabs a {
    background: none;
    border-color: #4F81BD #4F81BD -moz-use-text-color;
    border-image: none;
    border-style: none;
    border-width: inherit;
    margin: 0 0 0 3px;
    padding: 2px 0.5em;
    text-decoration: none;
}
.yiiTab ul.tabs li a{
    font-family: "GE_SS_TV_Bold";
}
.yiiTab div.view {
    background: #efefee none repeat scroll 0 0;
    border-bottom-left-radius: 4px;
    border-bottom-right-radius: 4px;
    border-color: #eeeeee;
    border-style: solid;
    border-width: 4px;
    margin: 0;
    min-height: 260px;
    padding: 8px;
}
a:hover, a:active, a:focus {
    outline: 0;
}
.buttonsTabs {
    left: 20%;
    line-height: 24px;
    margin: 30px auto;
    width: 218px;
}
/*************** flash messages *************/
div.flash-error, div.flash-notice, div.flash-success{
    padding:.8em;
    margin-bottom:1em;
    border:2px solid #ddd;
}
div.flash-error{
    background:#FBE3E4;
    color:#8a1f11;
    border-color:#FBC2C4;
}
div.flash-notice{
    background:#FFF6BF;
    color:#514721;
    border-color:#FFD324;
}
div.flash-success{
    background:#E6EFC2;
    border-color:#C6D880;
    color:#5F962A;
    font-size:15px;
    font-weight: bold;
}
div.flash-error a{
    color:#8a1f11;
}
div.flash-notice a{
    color:#514721;
}
div.flash-success a{
    color:#264409;
}
.flash-success img{
    width: 16px;
    margin-bottom: 3px;
    height:16px;
}
.button-column img{
    margin: 0 2px;
}
.update img, .delete img {
    height: 19px;
    width: 19px;
}
/*************** login style ***************/
.grid {
    float: right;
    display: inline;
}

.grid-rv{
	float: left;
    display: inline;
	text-align:left;
}
.row_header {
    height: 376px;
    font-family: 'GE_SS_TV_Bold';
}
.site_text{
    font-family: 'GE_SS_TV_Bold';
}
.site_title {
    /*font-family: 'GE_SS_TV_Bold';*/
    color: #146E93;
    text-shadow: 1px 1px 5px #73A0B2;
    font-size: 36px;
}
.site_description {
    /*font-family: 'GE_SS_TV_Bold';*/
    color: #0D6A90;
}
.error_login {
    background-color: #fff3f2;
    border: 1px solid #cc0000;
    color: #cc0000;
    float: right;
    font-family: Arial,Helvetica,sans-serif;
    font-size: 13px;
    height: 38px;
    margin-bottom: 10px;
    padding: 10px;
    width: 400px;
}
.error_img{
    background-image: url('../images/Error.png');
    background-repeat: no-repeat;
    width:14px;
    height:15px;
    padding:0;
    margin:0;
}
.p_error {
    margin-right: 10px;
    font-size: 13px;
    font-family: Arial, Helvetica, sans-serif;
    width:90%;
}
.loginBody{
    margin-top: 8%;
}
.versionLoginLabel{
    clear: both;
    float: left;
    margin-left: 10px;
    font-size: 15px;
    font-weight: 600;
    color: #2d2828b3;
 }
 .versionFooter{
    float: left;
    margin: 5px 15px;
    font-size: 12px;
    color: #fff;
 }
.login-seprator {
    border-right: 1px solid #989999;
    display: block;
    height: 200px;
    margin: 45px auto;
    width: 1px;
}
.login-box {
    background-color: #be364a;
    border: 1px solid #cccccc;
    border-radius: 0;
    float: right;
    margin: 0 15px;
    width: 400px;
    height: auto;
/*    height: 296px;*/
}
.login365-box {
    background-color: #be364a;
    border: 1px solid #cccccc;
    border-radius: 0;
    float: right;
    margin: 0 15px;
    width: 80%;
    height: auto;
/*    height: 296px;*/
}
.noorspace-logo {
    float: left;
    margin: 12% 10px;
}
.right_box {
    padding-top: 50px;
    width: 74%;
    padding-right :5px;
}
.login_label {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 16px;
    color: #0d6a90;
    vertical-align: middle;
    float: right;
    padding: 0;
    margin: 0;
    margin-right: 14px;
    min-width: 100px;
    width: max-content;
}
.input_custom {
    border: 1px solid #E4E4E4;
    background-color: #FFFFFF;
    min-width: 150px;
    height: 24px;
    color: #3a3a3a;
    font-size: 13px;
    font-family: Arial, Helvetica, sans-serif;
    -webkit-border-radius: 1px;
    -moz-border-radius: 1px;
    border-radius: 1px;
    padding: 0;
}
.left_box {
    padding-top: 36px;
    width: 26%;
}
.img_lock {

    margin-right: 16px;
    width:75px;
    height:99px;
    background-image: url('../images/Vector-Smart-Object.png');
    background-repeat: no-repeat;
}
.login_btn {
    background-color: #8d2a39;
    border: 1px solid #862a38;
    border-radius: 0;
    color: #f5f5f5;
    font-size: 16px;
    font-weight: 600;
    margin-top: 2px;
    outline: 0 none;
    width:200px;
/*    padding: 40px 0 0 0;
    margin: 0;
    font-family: GE SS TV Bold;
    font-size: 25px;
    color: #12739b;
    margin: 40px 0 0 0;
    font-family: GE_SS_TV_Bold;
    font-size: 25px;
    color: #12739b;
    background-color: transparent;
    background-image: url('../images/login-Icon1.png');
    background-repeat: no-repeat;
    background-size: 29px 30px;
    width: 90px;
    padding: 0;
    text-align: right;*/
}
.myform_group {
    padding-bottom: 15px;
    width: 100%;
}
.clear_div {
    clear: both;
    display: block;
    overflow: hidden;
    visibility: hidden;
    width: 0;
    height: 0;
}
/************ Arrow style ********/
.grid-view table.items th a.asc {
    background: url("../images/arrow_up.gif") no-repeat scroll right center rgba(0, 0, 0, 0);
}
.grid-view table.items th a.desc {
    background: url("../images/arrow_down.gif") no-repeat scroll right center rgba(0, 0, 0, 0);
}
.bootstrap-timepicker {
    display: inline;
    width: 50%;
}
.bootstrap-timepicker input{
    width: 100%;
}
.bootstrap-timepicker-widget table td {
    border: 0 none;
    height: 10px;
}
.bootstrap-timepicker-widget.dropdown-menu {
    padding: 0;
    width: 90%;
}
.bootstrap-timepicker-widget table {
    direction: ltr;
}
.ui-datepicker {
    width: 18em;
}
.success_recovery {
    height: 65px;
    border: 2px solid #ddd;
    background-color: #E6EFC2;
    color: #5F962A;
    font-size: 13px;
    font-family: Arial, Helvetica, sans-serif;
    padding: 20px;
    border-color:#C6D880;
    font-size:15px;
    font-weight: bold;
    margin-left: 370px;
/*    margin-right: 370px;
margin-right:0px;*/
/*    width:52%;*/
}
.success_recovery2 {
    height: auto;
    border: 2px solid #ddd;
    background-color: #E6EFC2;
    color: #5F962A;
    font-size: 13px;
    font-family: Arial, Helvetica, sans-serif;
    padding: 20px 15px 18px 11px;
    border-color:#C6D880;
    font-size:15px;
    font-weight: bold;
/*    margin-left: 370px;*/
    width:100%;
}
.recovery_btn{
    padding: 0px 0 7px 3px;
    width: 109px;
    margin: 25px -12px 0 0;
    font-family: GE SS TV Bold;
    font-size: 25px;
    color: #12739b;
    font-family: GE_SS_TV_Bold;
    font-size: 25px;
    color: #12739b;
    background-color: transparent;
    background-image: url('../images/login-Icon1.png');
    background-repeat: no-repeat;
    background-size: 29px 30px;
    text-align: right;
}
.recovery_div{
    padding: 0 13px 0 0;
}
/******* change password *****/
.formChangePassword{
    margin: 20px;
    padding-top: 32px;
}
.wrapper {
    margin: 20px auto;
    width: 300px;
    height: 310px;
    background: white;
    padding: 10px;

    -webkit-border-radius:10px;
    -moz-border-radius:10px;
    border-radius:10px;

    -webkit-box-shadow: 0px 0px 8px rgba(0,0,0,0.3);
    -moz-box-shadow: 0px 0px 8px rgba(0,0,0,0.3);
    box-shadow: 0px 0px 8px rgba(0,0,0,0.3);

    box-shadow: 0px 0px 8px rgba(0,0,0,0.3);
    position: relative;
    z-index: 90;
}

.ribbon-wrapper {
    height: 60px;
    margin: -2px -12px;
    overflow: hidden;
    position: absolute;
    width: 448px;
}

.ribbon {
    font-weight: bold;
    color: #333;
    font-size: 15px;
    text-align: center;
    text-shadow: white 0px 1px 0px;
    position: relative;
    padding: 7px 0 ;
    left: -5px;
    top: 13px;
    width: 95%;
    background: #ffffff; /* Old browsers */
    background: -moz-linear-gradient(top, #ffffff 0%, #f6f6f6 47%, #ededed 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(47%,#f6f6f6), color-stop(100%,#ededed)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #ffffff 0%,#f6f6f6 47%,#ededed 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #ffffff 0%,#f6f6f6 47%,#ededed 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #ffffff 0%,#f6f6f6 47%,#ededed 100%); /* IE10+ */
    background: linear-gradient(to bottom, #ffffff 0%,#f6f6f6 47%,#ededed 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ededed',GradientType=0 ); /* IE6-9 */
    color:#6a6340;
    box-shadow: 0px 0px 3px 2px rgba(0,0,0,0.3);
}

.ribbon::before {
    border-left: 7px solid transparent;
    border-right: 0 solid transparent;
    border-top: 10px solid #939393;
    bottom: -10px;
    content: "";
    position: absolute;
    left: 0px;
}
.ribbon::after {
    border-left: 0 solid transparent;
    border-right: 7px solid transparent;
    border-top: 10px solid #939393;
    bottom: -10px;
    content: "";
    position: absolute;
    right: 0px;
}
/******* end change password ***/
.changePassword_label{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 16px;
    color:white;
/*    color: #0d6a90;*/
    vertical-align: middle;
    float: right;
/*    padding:3px 5px 5px 0px;*/
/*    margin: 0;*/
    margin-right: 14px;
/*    min-width: 110px;*/
    width: max-content;
    margin: 0 25px 0 0;
    min-width: 139px;
    padding: 6px 40px 5px 0;
    text-align: right;
}
.dynamic_error{
    border: 1px solid #cc0000;
    background-color: #fff3f2;
    float: right;
    width: 400px;
    color: #CC0000;
    font-size: 13px;
    font-family: Arial, Helvetica, sans-serif;
    padding: 10px;
    margin-bottom: 10px;
}

.header_title{
    display: block;
    font-family: 'GE_SS_TV_Bold';
    font-size: 110%;
    color:#107BA7;

}

.Record_Gurdian{
    background-color: #FFD1B2;

}
.addAction{
    color: #4A8EB3;
    font-size: 15px;
    font-weight: 800;
    padding: 0;
    min-width: -moz-max-content;
}
.addAction a{
    text-decoration: none;
}
.addAction img{
    margin: 0 4px 5px;
    width: 18px;
}
.button-image{
    cursor: pointer;
}
.master-school {
    margin-right: 78px;
    margin-top: 16px;
}
.master-school-label{
    min-width: 85px;
}

.ui-datepicker td .ui-state-default {
    width: 30px;
}
.ui-multiselect-checkboxes label input{
    outline: 0 none;
    width:25px;
}
.school_donation_button{
    background:#be364a none repeat scroll 0 0;
    border: 1px solid #931d2d;
    color: #FFFFFF;
    display: inline-block;
    min-height: 27px;
    margin: 0 8px;
    text-align: center;
    width: -moz-max-content;
    min-width: 90px;
    cursor: pointer;

    /*width: max-content;*/
    /*width: -webkit-max-content;*/
}
.delete_btn {
    background-image: url("../images/dbtn.png");
    border: 1px solid #3d6a8e;
    border-radius: 5px;
    color: #ffffff;
    display: inline-block;
    font-size: 18px;
    height: 25px;
    margin: 0 8px;
    text-align: center;
    width: 90px;
    vertical-align: top;
}
.Active_btn_link{
    width: 137px;
    height: 25px;
    border: 1px solid #909090;
    background-image: url('../images/btn_link.png');
    margin: 0 418px 0 8px;
    text-align: center;
    border-radius: 5px;
    font-size: 18px;
    color: #FFFFFF;
    display: inline-block;
    /* position: absolute;*/
}
.SchoolYear{
    color: #6eb2ea;
    display: inline-block;
    font-weight: bold;
}


label.ui-corner-all{
    margin-bottom: -5px;
}


.Reports-header-title{
    text-align: left;
    float:left;
    font-size: 18px;
    color:#486f91;
    width:50%;
}
.add_button{
    float: right;
    width:50%;
}


.report-grid table.items input,.report-grid table.items select
{
    width: 130px !important;
}
.report-grid{
    position: relative;
    width:100%;
    overflow-x:auto;
}
.customTable tr td{
    background-color: #a3b3b7;
    color:#fbfbfb;
    font-size: 14px;
}
.NotAuthMsg{
    font-size: 18px;
    color: #3d3d3d;
    vertical-align: text-top;
    font-family: Tahoma;
}


/************ Data view *********/

table.detail-view th, table.detail-view td {
    border: 1px solid #e3e3e3;
    color: #333333;
    font-size: 14px;
    padding: 3px 6px;
    vertical-align: top;
    text-align: right;
}
table.detail-view tr th {
    background: none repeat scroll 0 0 #efefef;
}
table.detail-view tr td {
    background: none repeat scroll 0 0 #fafafa;
}
.detailview-header {
    background: #1b4165 none repeat scroll 0 0;
    color: #ffffff;
    font-size: 18px;
    padding: 2px 10px;
    text-align: right;
}
.items select{
    vertical-align: middle;
}
#ReportPeint{display:none; margin:0 auto;}


#printable { display: none; }
#ReportPeintF{display: none;}
#ReportPeint{display: none;}
@media print
{

    .table tbody td{border: none; border-collapse: separate;}
    #bn,#printP,.header_top,.col_menuSideBar,.breadcrumb,.menu_header,.last ,.btn_link,.keys,#titelprint1,.Active_btn_link { display: none; overflow-x:hidden; }
    .bodyContent {border: none;overflow-x:hidden;}
    .header_top{border: none;overflow-x:hidden;  }
    .table-responsive{border: none;overflow-x:hidden; }
    .detail-view { display: block !important; width: 100%;}
    table.detail-view th{ width: 200px; }
    table.detail-view td{ width: 300px; }
    #maincontent{
        display: block;
        width: 100%;
    }
    #ReportPeint,#ReportPeintF{display:block; margin: 0 auto; }

    .ReportPeint,.img-responsive,.center-block,.container{margin: 0 auto !important; display: block !important;}
    .body{overflow-x:hidden;}
    .detailview-header{  font-size: 25px; }
    .grid-view table.items td{border: 2px solid #DFDFDF;}
    #footer td{border: none; text-align:left;
               padding:0;
    }
    a[href]:after {
        content: none !important;
    }

}
/******** Confirm Dialog **/
.ui-dialog .ui-dialog-buttonpane {
    background-color: #FEFEFE;
    background-image: none;
    border-radius: 0 0 6px 6px;
    border-top: 1px solid #ddd;
    border-width: 0;
    margin: 2px;
    padding: 0 15px;
    text-align: left;
    /* width: 50%;*/
}
.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset {
    display: block;
    float: none;
    margin: 0 auto;
    width: max-content;
    width: -moz-max-content;
    width: -webkit-max-content;
}
.ui-dialog .ui-dialog-buttonpane button {
    border: 1px solid #cccccc;
    cursor: pointer;
    margin: 0.5em auto;
    background: #46617a none repeat scroll 0 0;
    border-radius: 2px;
    color: #FEFEFE;
    min-width: 100px;
    text-align:center;
    font-size: 14px;
    font-weight: bold;
    display: block;
}
.ui-dialog .ui-dialog-title {
    margin-bottom: 0;
    margin-top: 0;
    padding: 0;
}

#dvUserChangePassword{
    width: 413px;
    text-align: center;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 20px;
    vertical-align: central;
    font-weight: bold;
}


.row-navigation-up{
    position: absolute;
    top: 42%;
    right: 50%;
    cursor: pointer;
}
.row-navigation-down{
    position: absolute;
    top: 58%;
    right: 50%;
    cursor: pointer;
}

.img-nav-gray{
    -webkit-filter: grayscale(100%); filter: grayscale(100%);
}
.img-nav-rGray{
    -webkit-filter: grayscale(0%);filter: none;
}

#reportGrid{
    overflow-x: auto;
}

.table_alias{
    readonly : true
}
.nopadding {
    padding: 0 !important;
    margin: 0 !important;
}
.top5 { margin-top:5px; }
.top7 { margin-top:7px; }
.top10 { margin-top:10px; }
.top15 { margin-top:15px; }
.top20 { margin-top:20px; }
.top30 { margin-top:30px; }
.navbar-sideMenu .navbar-toggle .icon-bar {
    background-color: #ffffff;
}
.navbar-sideMenu .navbar-collapse, .navbar-sideMenu .navbar-form {
    border-color: #101010;
}
.CustomConfirm {
    width: 25% !important;
}
.CustomConfirm .ui-dialog-buttonpane{
    width: auto !important;
}
.CustomConfirm .ui-dialog-buttonpane .ui-dialog-buttonset button{
    display: inline-block;
    margin: 5px 10px 5px 15px;
    float: none;
    left: 0;
    right: 0;
}
.grid-view .items input, .grid-view .items select {
    min-width: 10% !important;
}
.grid-view .items select{
    min-width: 90px !important;
}
@media only screen and (max-width: 768px){
    .navbar-header div ul{
        width: auto;
    }
    .img_menu{
        width: 100%;
    }
    .img_menu img{
        margin: 0 4px;
    }
}
#SelectLibrarymenu,#SelectStaffMenu,#SelectStudentProcedureMenu{
    margin: 0 4px;
}
.bootstrap-timepicker-widget table td input {
    min-width: 25px !important;
}
.droplistaction{
    margin: 0 5px;
    padding: 0;
    width: -moz-max-content;
    width: max-content;
}
.droplistaction li a {
    color: #4a8eb3;
    font-size: 13px;
    font-weight: 800;
}
.droplistaction img{
    margin: 0 4px 2px;
    width: 18px;
}
.numericSelect{
    width:25% !important;
}
.Cleanlabel{
    max-width: 100% !important;
}
.customBR{
    content: "";
    display: block;
    margin: 5px;
}
input[type="submit"].PDFSubmit{
    background-image: url('../images/pdf.png');
    background-repeat: no-repeat;
    color: #999;
    display: inline-block;
    height: 35px;
    margin: 0 8px;
    text-align: center;
    width: 95px;
    border: none;
    background-color: transparent;
}
.ui-multiselect-checkboxes label{
    max-width: 260px;
}
.ui-multiselect-checkboxes label span{
    display: inline-block;
    vertical-align: top;
    width: 85%;
}
.JconfirmMsg{
    font-family:GESSTextLight-Light, sans-serif;
}
/*.grid-view table.items th a {
    color: #eee;
    font-weight: bold;
    overflow: hidden;
    text-decoration: none;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 76px;
}
.grid-view table.items th a:hover {
    min-width: 180px;
    white-space:normal;
}*/
.popover-content , .popover-title{
    text-align: right;
}
.center-error{
    margin: 25px auto;
    width: max-content;
    width: -moz-max-content;
    width: -webkit-max-content;
}
.exlabel{
    max-width: 110px;
    min-width: 125px;
}
.regHeader{
    float: none;
    margin: 15px auto;
    text-align: center;
}
.regLayout{
    box-shadow: 0 40px 40px -40px #dfdfdf inset;
}
.regTitle {
    font-family: 'GE_SS_TV_Bold';
    color: #3a3b3a;
    /* text-shadow: 1px 1px 5px #73A0B2;
     text-shadow: 1px 1px 5px #73A0B2;*/
    font-size: 22px;
}
.regBtn{
    padding-top: 4%;
    -moz-box-shadow:0 5px 10px 0 #cccccc;
    -webkit-box-shadow:0 5px 10px 0 #cccccc;
    box-shadow:0 5px 10px 0 #cccccc;
    background-color:transparent;
    -webkit-border-top-left-radius:8px;
    -moz-border-radius-topleft:8px;
    border-top-left-radius:8px;
    -webkit-border-top-right-radius:8px;
    -moz-border-radius-topright:8px;
    border-top-right-radius:8px;
    -webkit-border-bottom-right-radius:8px;
    -moz-border-radius-bottomright:8px;
    border-bottom-right-radius:8px;
    -webkit-border-bottom-left-radius:8px;
    -moz-border-radius-bottomleft:8px;
    border-bottom-left-radius:8px;
    text-indent:0px;
    border:1px solid #dcdcdc;
    float: none;
    margin: 0 auto;
    width: 189px;
    line-height: 50px;
    display: block;
}
.regBtn:hover{
    text-decoration: none;
    background-color: #EDEDED;
}
.regContainer{
    float: none;
    margin: 0 auto;
    width: 75%;
}
.regFrom{
    margin: 25px auto;
}
.regFrom form{
    margin: 5px auto;
    text-align: center;
}
.regFrom form label{
    display: block;
    margin: 10px auto;
    max-width: unset;
    min-width: unset;
    text-align: right;
    width: 45%;
}
.regFrom form input[type="text"],
.regFrom form input[type="password"],
.regFromform select,
.regFromform .select2-container {
    width: 45%;
}
.regFrom form .errorSummary{
    text-align: right;
}
.regCaptcha {
    float: none; margin: 0 13%;
}
@media only screen and (min-width: 270px) and (max-width: 767px){
    .regFrom form label,
    .regFrom form input[type="text"],
    .regFrom form input[type="password"],
    .regFromform select,
    .regFromform .select2-container{
        min-width: 145px;
        width: 100%;
    }
    .regCaptcha{
        padding: 0;
        margin: 0;
    }
}
@media only screen and (min-width: 768px) and (max-width: 996px){
    .regCaptcha{
        margin: 0;
    }
}



.btn-imp{
    text-align: left;
}
#student-mark-grid td.Student{
    text-align: right;
    padding: 0 10px;
}
#Step3Result table tbody td{
    vertical-align: top;
}
#timetableblock{
    direction: ltr;
}
#timetablecontianer{
    right: 17px;
}
#timetable{
    direction: rtl;
}
.img_login {
    background-image: url("../images/pna_login_logo.png");
    background-repeat: no-repeat;
    margin-top: 30px;
    width: 245px;
    height: 145px;
}
.gridlogin {
    /* float: right; */
    display: inline;
}
.web-portal-title{
    border: 1px solid #eee;
    color: #107ba7;
    font-family: GE_SS_TV_Bold;
    font-size: 18px;
    font-weight: bolder;
    padding: 2px 8px;
}
.adImage{
    margin: 0 auto;
    width: 110px;
}
.adTitle{
    color: #367792;
    font-family: GE_SS_TV_Bold;
    font-size: 18px;
    font-weight: bold;
    vertical-align: top;
}
.adContent{
    color: #333333;
    font-size: 16px;
}
.pic-container{
    display: block;
    min-height: 110px;
}
.user-pic{
    background-color: #f5f5f5;
    border: 2px solid #888;
    border-radius: 100%;
    display: block;
    height: 85px;
    margin: 15px auto;
    width: 85px;
}
.user-pic img{
    display: block;
    margin: 0 auto;
    padding: 0 0;
    width: 100%;
    height: 80px;
}
img.placeHolder{
    display: block;
    margin: 0 auto;
    padding: 19px 0;
    height: 102px;
    width: auto;
}
.collapse-img{
    float: left;
    opacity: 0.6;
}
.collapse-img:hover,.collapse-img:focus{
    opacity: 0.85;
    cursor: pointer;
}
.user-profile-after-collapse{
    height: 90px;
}
.user-pic-after-collapse{
    height: 65px;
    margin: 15px 5px;
    width: 65px;
}
.user-pic-after-collapse img{
    height: 60px;
}
body {
    background-color: #f5f5f5;
}
.footer{
    background-color: #313131;
    bottom: 0;
    height: 28px;
    position: fixed;
    width: 100%;
    z-index: 3;
}
.copyRight{
    color: #a7a7a7;
    float: right;
    margin: 5px 15px;
	font-family:'GE_SS_TV_Bold';
	font-size:12px;
}
.container_layout{
    margin-bottom: 28px;
}
input.login-control,
select.login-control,
input.login-control[type="text"],
input.login-control[type="password"]{
    border: 1px solid #cccccc;
    border-radius: 0;
    font-size: 14px;
    font-weight: 600;
    height: 30px;
    width: 100%;
}
.login{
    display: block;
    margin: 35px auto;
    width: 85%;
}
.login .has-feedback .form-control {
    padding-left: 42px;
    padding-right: 15px;
    padding-top: 0;
    padding-bottom: 0;
}
.login .has-feedback .form-control-feedback {
    top: 0;
    width: 34px;
    right: auto;
    left: 0;
}
.feedback-user,.feedback-password{
    margin-top: 3px;
}
.feedback-user:before{
    background-image: url("../images/feedback-user.png");
    background-repeat: no-repeat;
    background-size: 18px 20px;
    display: inline-block;
    width: 18px;
    height: 20px;
    content:"";
}
.feedback-password:before{
    background-image: url("../images/feedback-password.png");
    background-repeat: no-repeat;
    background-size: 18px 20px;
    display: inline-block;
    width: 18px;
    height: 20px;
    content:"";
}
.help-links{
    margin-top: 30px;
}
.login-help-link{
    color: #f5f5f5;
    display: block;
    font-size: 15px;
    font-weight: 600;
    margin-top: 5px;
    text-decoration: underline;
    width: -moz-max-content;
    width: -webkit-max-content;
    width: max-content;
}
.login-help-link:hover, .login-help-link:focus {
    color: #FFFFFF;
}
input[type="submit"].btn-login,.btn-login{
    background-color: #8d2a39;
    border: 1px solid #862a38;
    border-radius: 0;
    color: #f5f5f5;
    font-size: 16px;
    font-weight: 600;
    margin-top: 15px;
    outline: 0;
}
.btn-login:active:focus{
    outline: 0;
}
input[type="submit"].btn-login:hover,
input[type="submit"].btn-login:focus,
.btn-login:hover,
.btn-login:focus{
    background-color: #962E3E;
    color: #f5f5f5;
    border: 1px solid #862a38;
    box-shadow: none;
    outline: 0;
}
input[type="submit"],
.btn_link,
.btn_cancel,
input.btn_link[type="submit"],
input[type="button"] {
    font-size: 15px;
    font-weight: 700;
}
.login_username{
    color: #F5F5F5;
}
.glyphicon-flash::before {
    color: #c6c6c6;

}
select:disabled,
input[type='text']:disabled,
input[type='file']:disabled,
.select2-container-disabled,
.select2-container.select2-container-disabled .select2-choice,
.select2-container.select2-container-disabled .select2-choice .select2-arrow {
    background-color: #e6e6e6;
}
label {
    min-width: 235px;
    word-wrap: break-word;
}
.school-session{
    float: left;
    margin-left: 45px;
    min-width:  59%;

}
.favorite .open > a, .favorite .open > a:hover, .favorite .open > a:focus {
    background-color: transparent;
    border-color: transparent;
}
.favoriteContent{
    padding: 10px 15px;
    float: right;
    max-width: 320px;
}
.formfavorite label{
    margin: 0;
    max-width: 100%;
    opacity: 0.8;
    text-align: right;
    width: 100%;
}
.favorite div.dropdown a{
    font-family: "sky","Helvetica Neue",Helvetica,Arial,sans-serif;
}
.formfavorite input[type='text'], .formfavorite input[type='file']{
    display: block;
    font-size: 12px;
    font-weight: 300;
    width: 95%;
}
.formfavorite div.items ul{
    margin: 0;
    padding: 0;
}
.formfavorite div.items ul hr{
    margin: 8px;
}
li.favoriteItem{
    list-style: none;
}
li.favoriteItem a{
    background-color: #e8e8e8;
    color: #1b4165;
    width: 300px;
}

li.favoriteItem a p{
    text-align: right;
    white-space: normal;
    word-wrap: break-word;
}
li.favoriteItem a:hover,li.favoriteItem a:focus{
    background-color: #e8e8e8;
    cursor: pointer;

}
li.favoriteItem small{
    display: block;
    font-family: sans-serif;
    font-size: 10px;
    text-align: left;
}
.favorite .items{
    max-height: 380px;
    overflow: auto;
    scroll-behavior: smooth;
}
p.notify{
    background: #be364a none repeat scroll 0 0;
    border: 1px solid #990619;
    border-radius: 100%;
    color: #ffffff;
    display: block;
    font-size: 11px;
    font-weight: 300;
    height: 30%;
    margin: -54% 37%;
    min-width: 20%;
    padding: 1px 3px;
    position: absolute;
    text-align: center;
    vertical-align: middle;
}
/******* drop down notify *********/
div#note{
    border-radius: 0;
    margin: 13px -100px;
    min-width: 300px;
    min-height: 250px;
}
.NotifyContent{
    float: right;
    padding: 5px 0 0;
    width: 100%;
    margin: 0;
    padding: 0;
}
.NotifyContent div.items ul{
    min-height: 250px;
}
p.seeall{
    text-align: center;
    color: #be364a;
    margin: 4px 0 0;
}
li.notifyItem{
    list-style: none;
    border-bottom: 1px solid #d7d7d7;
    margin-top: 15px;
    padding-bottom: 5px;
    padding-top: 5px;
}
.NotifyContent div.items ul{
    margin-bottom: 50px;
}
li.notifyItem a{
    background-color: #e8e8e8;
    color: #313131;
    font-size: 13px;
    font-weight: 600;
    width: 300px;
}
li.unread{
    background: #E3EFF2;
}

li.notifyItem p, li.notifyItem a p{
    text-align: right;
    white-space: normal;
    word-wrap: break-word;
    padding: 0 10px;
    margin: 0;
}
li.notifyItem a:hover,li.notifyItem a:focus{
    background-color: #e8e8e8;
    cursor: pointer;

}
.notifyItem p span{
    color: #be364a;
    font-size: 12px;
    font-weight: 600;
}
a#seeall{
    background: #f5f5f5 none repeat scroll 0 0;
    border-top: 1px solid #d7d7d7;
    bottom: -5px;
    height: 30px;
    position: absolute;
    text-decoration: none;
    width: 298px;
}
a#seeall p.seeall:hover ,a#seeall p.seeall:focus{
    color: #C40505;
}
.arrow-up {
    border-bottom: 10px solid #ffffff;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    float: none;
    height: 0;
    margin: -10px 47%;
    position: absolute;
    top: 0;
}
p#dateNotify,p#sender{
    color: #757575;
    font-size: 12px;
}
ul li:last-child{
    border-bottom: 0;
}
.dialogText{
    padding-right: 30px;
}

.selectCategory {
    margin-left: 31px;
}
.select2-input{
    padding-right: 25px !important;
}
.select2-chosen {
    padding-right: 10px !important;
}
table .detail-view tbody tr td{
    display: block;
    word-break: break-all;
}
.select2-search {
    display: inline-block;
    margin: 0;
    min-height: 26px;
    padding-left: 2px;
    padding-right: 1px;
    position: relative;
    white-space: nowrap;
    width: 100%;
    z-index: 10000;
}
.ui-dialog .ui-dialog-title {
       float: right!important;   
       color:white!important;
}
.ui-dialog .ui-dialog-titlebar-close
{
     right: 97% !important;
     color:white!important;
}
table.detail-view tr td{
    word-break: break-all;
}

.ui-widget-header{
    background: #1B4165;
}
.ui-widget-header .ui-icon{
    background-image:  url(images/ui-icons_ffffff_256x240.png);
    /*color:white!important;*/
}
.ui-widget-content{
    border: #d5d5d5 solid 1px;
}

a:hover, a:focus{
    color:#af344e;
}

.yiiTab ul.tabs{
    border-bottom: 1px solid #7B7B7B;
}

.ui-tabs .ui-tabs-nav li.ui-tabs-active a {
    height: 34px;
    margin: 0;

}
.ui-tabs .ui-tabs-nav {
    border-bottom: 1px solid #7B7B7B;
    background: #1b4165 none repeat scroll 0 0;
}

    .ui-tabs .ui-tabs-nav li a, .ui-tabs-collapsible .ui-tabs-nav  {
        cursor: pointer;color: #ffffff;background:none;font-weight:normal;margin-bottom:-1px;
    }
li.ui-tabs-active a {
    color: #1b4165 none repeat scroll 0 0;
}

.ui-tabs .ui-tabs-nav li.ui-tabs-active a {
    color:#1b4165;
}
.ui-tabs {
    padding: 0
}
.fc-agenda-slots td div {
     height: 40px !important;
     
}
.fc-header{
   border: hidden; 
   background-color:#F5F5F5;
}
.fc-header-left{
    border: hidden;  
}
.fc-header-center{
     border: hidden;  
}
.fc-content{
    z-index: 0;
    background:white;
}

.fc-fri fc-col0 fc-widget-header{
    font-size: 10px;
}

.ui-tabs .ui-tabs-nav li {
    float:right;
}




.material-chip {
  display: inline-block;
  color: rgba(0, 0, 0, 0.6);
  background-color: #e0e0e0;
  height: 32px;
  line-height: 32px;
  padding: 0 12px;
  font-weight: 700;
  margin: 5px;
  font-size: 14px;
  border-radius: 16px;
  position: relative;
  cursor: pointer;
  z-index: 100;
}

.material-chip img,
.material-chip .color-chip {
  width: 32px;
  height: 32px;
  border-radius: 16px;
  float: right;
  margin: 0 -12px 0 4px;
  text-align: center;
  color: white;
  background-color: #e0e0e0;
}
.material-chip > .fa-close,
.material-chip > .fa-caret-down {
  line-height: 32px;
  color: rgba(0, 0, 0, 0.6);
  cursor: pointer;
  margin-left: 4px;
}

  /* ====== media ====== */
.media {margin:10px auto;padding:10px; max-width:100%;border-radius:5px; border:1px solid #efefef}
.media .media {margin-left: 0;}
.media, .bd {overflow:hidden; zoom:1;}
.media .img {float:left; margin-right: 10px;}
.media .img img{
  display:block;
  border-radius:50%;
}
.media .imgExt{float:right; margin-left: 10px;}
.media .media .img img {
  width: 50px;
  height: auto;
}
.status {
    background: white;
}
.comment {
    background: #EFEFEF;
}
.comment .comment {
    background: #FFFFFF;
}

.updated-time {
  font-size:14px;
  color:#bbb;
  margin-top:-0.8rem;
}
.left-right-direction-ltr{
right:2rem;
}
.left-right-direction{
left:2rem;
}

.align-middle {
    vertical-align: middle;
}


i._1x {
    font-size:12pt!important;
}
i._1-25x {
    font-size:15pt!important;
}
i._1-5x {
    font-size:18pt!important;
}
i._1-75x {
    font-size:20pt!important;
}
i._2x {
    font-size:24pt!important;
}
i._2-5x {
    font-size:30pt!important;
}
i._3x {
    font-size:36pt!important;   
}
i._4x {
    font-size:48pt!important;   
}

/* This means target all [i] elements that has a class begining with "smis" */
i[class^="smis"]{
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: 'smis' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;

  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

i[class^="glyphicon"]{
  /* use !important to prevent issues with browser extensions that change fonts */
  position: relative;
  top: 1px;
  display: inline-block;
  font-family: 'Glyphicons Halflings' !important;
  font-style: normal;
  font-weight: normal;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

i[class^="fa"]{
  /* use !important to prevent issues with browser extensions that change fonts */
  position: relative;
  top: 1px;
  display: inline-block;
  font: normal normal normal 14px/1 'FontAwesome' !important;
  line-height: 1;
  text-rendering: auto;
  font-size: inherit;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
i[class^="jstree-icon"]{
  /* use !important to prevent issues with browser extensions that change fonts */
  position: relative;
  top: 1px;
  display: inline-block;
  font-family: 'Glyphicons Halflings' !important;
  line-height: 1;
  text-rendering: auto;
  font-size: inherit;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.modal-backdrop {
    position: inherit;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1040;
    background-color: #000000;
}

/**
* naji karajah 
* 8 oct 2017
* for student transportation in student and parent view
*/
.studentTransportationContainer{
        margin-bottom: 30px;
        background-color: white;
        width: 90%;
        float:right;
        border-radius: 5px;
        border: 1px solid #d2d2d2;
        padding-bottom: 20px;
        box-shadow:rgba(0,0,0,0.25) 1px 1px 6px 0px;
    }
    .busIcon{
        position: absolute;
        right:-10px;
        top:10px;
    }
    .studentTransportationColumnData{
        position: relative;
    }
    .studentTransportationContainer label{
        min-width: 170px;
    }
    .busIcon{
        float: left;
    }
    .studentTransportationName {
        margin-top: 30px;
        margin-bottom: 50px;
        font-size: 17px;
        font-weight: bold;

    }
    .studentTransportationToFromSchool label{
        min-width: 120px;
        width: 120px;
        vertical-align: baseline;
    }
    .studentTransportationToFromSchool i{
        padding: 5px;
    }
    .borderButtom{
      position: relative;
      z-index : 1;
    }
    .borderButtom:before{
      content : "";
      position: absolute;
      bottom  : 0;
      height  : 1px;
      width   : 80%;  /* or 100px */
      border-bottom:1px solid rgba(85, 85, 85, 0.48);
    }
    .borderLeft{
        padding-right: 70px;
    }
    .borderLeft:before{

      position: absolute;
      content: " ";
      bottom: 35px;
      right:0px;
      height: 60%;
      width: 1px;
      background-color: rgba(85, 85, 85, 0.48);
    }

    .marginTop {
        margin-top: 20px;
    }
    .empty-smis{
        text-align: center;
    }

    .marginFix{
        margin: 0px 4px;
    }

    .transportationInfoLabel{
        float: right;
        vertical-align: bottom;
        margin-bottom: 0px;
        margin-top: 5px;
        width: 43%!important;
        min-width: 50px!important;
    }
    .items  td { 
        height: 45px;
    }
    .transportationInfoDataSpan{
        /*width: 60%!important;*/
        float: right;
    }

    .bootstrap-timepicker-meridian{
        width: 70%important;
    }
    /*
    ** Electronic Librarc Css
    */
    .electronicLibraryItem{
    border-left: 1px solid #eee;
    border-bottom: 1px solid #eee;
    padding-top: 15px;
    min-height: 25rem;
    /*background-color: moccasin;*/
    padding:0px;
    margin: 10px;
    width: 100%;
}
#blogslistview .pager {
    display: inline-block;
}
.electronicLibraryItem img{
    height: 80px;
    width: 155px;
    /*margin-top: 8px;*/
}
.electronicLibraryItem label{
    min-width: 30px;
}
.ELstudentTransportationContainer{
    /* margin-bottom: 30px; */
     background-color: white; 
    float: right;
    border-radius: 5px;
    border: 1px solid #d2d2d2;
   /* padding-bottom: 20px;*/
    box-shadow: rgba(0,0,0,0.25) 1px 1px 6px 0px;
    text-align: center;
}
.authorRow{
    padding: 0px 5px;
    margin-top: 5px;
}
.authorRow label{
    font-weight: inherit;
}
.categoryRow{
    font-weight: bold;
    padding: 0px 5px;
    font-size: 13px; 
}
.marginTop{
    margin-top: 15px;
}
.ELHeaderRow{
    min-height: 50px;
    /*position: relative;*/
    top: 10px;
    color: #2182d8;
    padding-left: 10px;
    padding-right: 10px;
    padding-top: 5px;
}
.ELHeaderRow h4 {
    bottom: 0px;
    margin-top: 10px;
    /*position: absolute;*/
}
.ELDownloadBtn {
    margin-top: 20px;
}
.ELDownloadBtnRow a{
    padding: 5px 12px;
    border-radius: 4px;
    color: white;
    text-decoration: none;
}

.ELsearchContainer .row input{
    border: 1px solid #D4D4D4;
    min-width: 225px;
    border-radius: 4px;
}
.ELsearchContainer .row input[type=button]{
    min-width: 100px;
    width: 100%;
    color: #fff;
}
.ELsearchContainer .row label{
    min-width: 120px;
    vertical-align: baseline;

}
.skyFontFamily{
    font-family:'sky'!important;
}
/**
** naji
** EFitness Module
**/
.fitnessTable{
    width: 100%;
}
.fitnessTable thead th{
    color: #fff;
    background-color: #af344e;
    border: 1px #ffffff solid
}


.sponsor_txt{
	font-family: "GE_SS_TV_Bold";
	font-size:24px;
	color:#3a3a3a;
	margin-bottom:-100px;
	padding-left: 18px;
    padding-right: 18px;
}

.copyRight-lft{
	float: left;
    margin: 5px 15px;
	color: #a7a7a7;
	font-family:'GE_SS_TV_Bold';
	font-size:12px;
}

.EFitnessMeasuresDifferenceHeaderDivs div{
    display: inline-block;
   /* margin:0px 5px;*/
    float: right;
    width: 50%;
}


    .weightHeightMesauresTable.creationTable input{
        min-width: 50px!important;
        width: 50px!important;
    }
    .weightHeightMesauresTable thead tr th:nth-child(4),
    .weightHeightMesauresTable thead tr th:nth-child(5),
    .weightHeightMesauresTable thead tr th:nth-child(6) {
        padding: 5px 0px 0px 0px;
        
    }

    th .EFitnessMeasuresDifferenceHeaderDivs{
        border-top: 1px solid white;
        margin-top: 5px;

    }
    th .EFitnessMeasuresDifferenceHeaderDivs div{
        padding: 5px 0px;
        /*border-left: 1px solid white;*/
    }
    th .EFitnessMeasuresDifferenceHeaderDivs div:nth-of-type(1){
        border-left: 1px solid white;
    }

    .weightHeightMesauresRow .EFitnessMeasuresDifferenceHeaderDivs div:nth-of-type(1){
        border-left: 1px solid #DFDFDF;
    }
    .EFitnessMeasuresTD {
        padding: 0px;
        position: relative;
    }

    .weightHeightMesauresRow .EFitnessMeasuresTD .EFitnessMeasuresDifferenceHeaderDivs .cellView{
        padding-top: 10px;
    }


    .weightHeightMesauresRow .EFitnessMeasuresDifferenceHeaderDivs{
      position: absolute;
      top:0;
      right:0;
      width: 100%;
      height: 100%;
    }
    .weightHeightMesauresRow .EFitnessMeasuresDifferenceHeaderDivs div{
        height: 100%;
        padding-top: 5px;
    }


/*
* 14 Nov
*/
.EFitnessInsertingTabs ul{
    background: #474747 none repeat scroll 0 0;
    margin-top: 25px;
}

.EFitnessInsertingTabs ul li a{
    color: white;
    cursor: pointer!important;
}

.EFitnessInsertingTabs ul li a:focus{
    color: black;
}
.EFitnessInsertingTabs ul li a:hover{
    color: black;
}
.EFitnessInsertingTabs .tab-content{
    margin-top: 30px;
}
.fitnessTable{
    margin-top: 30px;
}

.fitnessTable .fitnessTableHeaderDivs div{
    display: inline-block;
    float: right;
} 

.fitnessTable .fitnessTableHeaderDivs div:nth-child(1),
.fitnessTable .fitnessTableHeaderDivs div:nth-child(3){
    width: 40%;
} 

.fitnessTable .fitnessTableHeaderDivs div:nth-child(2){
    width: 20%;
}


.fitnessTable th .fitnessTableHeaderDivs{

    border-top: 1px solid white;
    height: 40px;
    padding-top: 10px;
}

.fitnessTable th .fitnessTableHeaderTypeDivs{
    height: 50px;
    display: table;
    width: 100%;
}

.fitnessTable th .fitnessTableHeaderTypeDivs span{
    display: table-cell;
    vertical-align: middle;
}

table.fitnessTable thead th{
    font-size:13px
}


.testResultFitnessTable tr td:nth-child(1) {
    width: 15%;
}
.testResultFitnessTable tr td:nth-child(2),
.testResultFitnessTable tr td:nth-child(3){
    width: 5%;
}
.testResultFitnessTable tr td:nth-child(4),
.testResultFitnessTable tr td:nth-child(5),
.testResultFitnessTable tr td:nth-child(6),
.testResultFitnessTable tr td:nth-child(7),
.testResultFitnessTable tr td:nth-child(8)
 {
    width: 13%;
}
.testResultFitnessTable tr td:nth-child(9),
.testResultFitnessTable tr td:nth-child(10) {
    width: 5%;
}




#EFitnessTabs .view {
    min-height: 400px;
}
#EFitnessTabs .view .NoResult {
    padding-top:20px!important;
}

.pageViewEditButtonRow {
    margin-bottom: 20px;
}


/* naji
 Efitness
 19 feb 2018
 */
 .chooseAll{
     vertical-align: middle;
     margin-right: 4px;
 }
.search .open > a, .search .open > a:hover, .search .open > a:focus {
    background-color: transparent;
    border-color: transparent;
}
.JstreeSubTitle {
    color:#51e077;float: left;
}