body iframe{ display: none;}
#dp_swf_engine{ display: none;}

.accountContainer {
    background-image: url('../Content/Image/ivf.png');
    background-repeat: no-repeat;
    width: 1091px;
    height: 507px;
    border-radius: 5px;
}

.footerAccount {
    text-align: center;
    /*width :100% ;*/
    /*height: 300px;        

    width: 1091px;*/
}


/*---------------------------------------- Font Face --------------------------------------------*/
@font-face {
    font-family: 'BBCNassim';
    src: url('../service/fonts/fonts/BBCNassim.eot?#') format('eot'), /* IE6–8 */
    url('../service/fonts/fonts/BBCNassim.woff') format('woff'), /* FF3.6+, IE9, Chrome6+, Saf5.1+*/
    url('../service/fonts/fonts/BBCNassim.ttf') format('truetype'); /* Saf3—5, Chrome4+, FF3.5, Opera 10+ */
}
@font-face {
    font-family: 'BKoodakBold';
    src: url('../service/fonts/fonts/BKoodakBold.eot?#') format('eot'), /* IE6–8 */
    url('../service/fonts/fonts/BKoodakBold.woff') format('woff'), /* FF3.6+, IE9, Chrome6+, Saf5.1+*/
    url('../service/fonts/fonts/BKoodakBold.ttf') format('truetype'); /* Saf3—5, Chrome4+, FF3.5, Opera 10+ */
}
@font-face {
    font-family: 'BNazanin';
    src: url('../service/fonts/fonts/BNazanin.eot?#') format('eot'), /* IE6–8 */
    url('../fonts/fonts/BNazanin.woff') format('woff'), /* FF3.6+, IE9, Chrome6+, Saf5.1+*/
    url('../fonts/fonts/BNazanin.ttf') format('truetype'); /* Saf3—5, Chrome4+, FF3.5, Opera 10+ */
}
/*----------------------------------------- Header ----------------------------------------------*/
.logo {
    background-image: url('~/Content/Image/logo.gif');
    background-repeat: no-repeat;
    width: 236px;
    height: 168px;
    float: left;
}
#PersonMenuTop ul.dropdown-menu a span{ font-family: BNazanin;margin-right: 7px;}
ul.main > li:first-child{ margin: 15px -18px 0 34px;}

/*Added By Mahmoud Seyedkarimi*/

.userName {
    font-weight: bold;
    border-color: #525252;
}
.wellcome {
    border-color: greenyellow;
}

/* ---------------------------------------- Alert ------------------------------------------------*/
.alertUI{ text-align : right; width: 95%;     padding-right: 1%;  }

/* ---------------------------------------- Grid ------------------------------------------------*/
.SearchGrid { display: inline-block; position: absolute; top: -42px; margin-right: -10px; z-index: 2; border: 1px solid #A791E2; padding: 6px; background-color: #A791E2; border-radius: 5px 5px 0 0;}
.SearchGrid input[type=text] { height: 27px; width: 80%;display: inline-block; }  
.SearchGrid button{height: 27px; width: 18%;min-width: 18%;display: inline-block;}
.SearchGrid button i{ top: 3px;}

.searchGridColumn:hover{color: #cfcfcf;}
.panel-title { font-size: 14px; }
.panel { position: relative;  
         border-radius: 0px !important;  
         border-top-right-radius: 0px !important; 
         border-top-left-radius: 0px !important; }
.chkGrid, .chkGridTitle { width: 5%; }
.titrGrid, .titrGridTitle { width: 20%; }
.titrGrid span { font-size: 11pt; margin-top: 4px; width: 20px; display: block; float: right; }
.titr2Grid, .titr2GridTitle { width: 35%; }
.dateGrid, .dateGridTitle { width: 20%; }
.editGrid, .editGridTitle { width: 20%; }
.editGrid { cursor: pointer; }
.chkGridTitle, .titrGridTitle, .titr2GridTitle, .dateGridTitle, .editGridTitle { float: right; line-height: 12px;  text-align: center;}
.chkGrid, .titrGrid, .titr2Grid, .dateGrid, .editGrid { float: right; height: 25px; line-height: 25px; text-align: center; }

.headerGrid { height: 24px; } /*30px*/
.itemsGrid { height: 30px; padding: 1px 10px 25px 15px; font-size: 11pt; cursor: pointer; width: 100%; float: right; }
.itemsGrid:hover { background-color: #EEEEEE; }
.pagination-center { text-align: center; direction: ltr; }
#Paging { text-align: center !important; direction: ltr !important; }
#Paging ul { margin: 0; }
#Paging ul li { cursor: pointer; }
.list-group { min-height: 350px; margin-top: 0 !important; }
.panel-heading { margin-bottom: 0; }
.Grid { font: 9pt BNazanin; margin: 32px auto;}


.Grid .path{     
    text-align: center;
    
    font-size: 21px;  /*26px*/
    height: 26px;  /*Added*/

    background-color: #337ab7;    /*A791E2*/
    border-top-right-radius: 20px;
    border-top-left-radius: 20px;
    color: white;
    font-style: oblique;}

.headerform{     text-align: center;
    text-align: center;
    font-size: 26px;
    background-color: #A791E2;
    border-top-right-radius: 20px;
    border-top-left-radius: 20px;
    color: white;
    font-style: oblique;}


.titleAdd { width: 100%; margin-bottom: 10px; font-size: 10pt; }
    .titleAdd label:first-child { width: 29%; display: inline-block; font-size: 11pt; float: right;font-family: BNazanin; color: #000000;}
.titleAdd label { width: 70%; display: inline-block; font-size: 11pt; float: right;font-family: BNazanin;color: #1789BE; }
.titleAdd input[type=text], .titleAdd input[type=password] { height: 25px; width: 77%;display: inline-block;padding: 3px 4px;font-size: 16px;}
.smallInput input[type=text], .smallInput input[type=password] {width: 28%;  }
.titleAdd .normal-input { width: 20%; }
.titleAdd select { width: 77%;height: 25px; padding: 0px 4px;display: inline-block;font-size: 16px; }
.contentAdd { width: 100%; margin-bottom: 10px; float: right; }
.contentAdd label { margin-bottom: 10px; display: inline-block; font-size: 10pt; }
.contentAdd textarea { height: 90px; max-height: 90px; min-height: 90px; max-width: 100%; min-width: 100%; }
.nicEditor { width: 100%; min-height: 250px !important; height: 250px !important; }

.modal-body { position: relative; }
.modal-title{ font-family: BNazanin;}
.btn { min-width: 60px; }
.close { float: left; width: 20px !important; min-width: 20px !important; }
#page-wrapper .alert { padding: 5px; font-size: 9pt; margin-bottom: 5px; margin-top: 5px; }
#page-wrapper .nav > li { width: 20%; float: right; cursor: pointer; }
#page-wrapper .modal-header .close { margin: -10px; }
#page-wrapper .panel-footer { padding: 3px 0 0; height: 36px;text-align: center;}
#page-wrapper .panel-footer > a { float: right; margin: 4px 10px; }
.pagination { margin: 2px 0; padding: 0;direction: ltr; }
.pagination-sm > li > a, .pagination-sm > li > span { padding-top: 4px; font-size: 11px; }
.pagination li a { cursor: pointer; }
.panel-footer{ text-align: center;}
.panel-footer button{ float: right;margin-top: 8px;}
.list-group { position: relative;overflow: hidden; }
.alert{ padding: 5px; font-size: 15px;}
/*-------------------------------------------- Loading -------------------------------------------*/
.loading-back { width: 100%; height: 100%; position: absolute; z-index: 90000; top: 0; bottom: 0; right: 0; left: 0; text-align: center; background-color: #ffffff; opacity: 0.5; }
.loading-back-lg { width: 100%; height: 100%; background: url('../Content/Image/Loading-back.GIF') no-repeat center center; z-index: 99999; position: absolute;top: 0;left: 0;}
.loading-back-sm { width: 150px; height: 30px; background-color: #FFFFFF; z-index: 99999; position: absolute; top: 48%; left: 43%; border: 1px solid #0473DA; border-radius: 5px; }
.loading-lg { width: 100%; height: 100%; background: url('Image/Loading-lg.gif') no-repeat center center; z-index: 99999; position: absolute;top: 0;left: 0;}
.loading-me { width: 100%; height: 100%; background: url('Image/Loading-me.gif') no-repeat center center; z-index: 99999; position: absolute; }
.loading-menu { width: 100%; height: 100%; background: url('../Content/Image/Loading-menu.gif') no-repeat center center; z-index: 99999; position: absolute; }
.loading-sm { width: 100%; height: 100%; background: url('Image/Loading-sm.gif') no-repeat center center; z-index: 99999; position: absolute; }
.loading-xs { background: url('Image/Loading-sm.gif') no-repeat center center; z-index: 99999; width: 20px; height: 21px; left: -24px; top: 0; position: absolute; }
/*---------------------------------------------- Tree -------------------------------------------*/
div[data-angular-treeview] { -moz-user-select: -moz-none; -khtml-user-select: none; -webkit-user-select: none; -ms-user-select: none; user-select: none; /* default */ font-family: Tahoma; font-size: 9pt; color: #555; text-decoration: none; }
div[data-tree-model] ul { margin: 0; padding: 0; list-style: none; border: none; overflow: hidden; }
div[data-tree-model] li { position: relative; padding: 0 20px 0 0; line-height: 20px; }
div[data-tree-model] li .expanded { padding: 1px 10px; background: url("Image/folder.png") no-repeat;width: 15px;height: 14px;display: inline-block; }
div[data-tree-model] li .collapsed { padding: 1px 10px; background: url("Image/folder-closed.png") no-repeat;width: 15px;height: 14px;display: inline-block; }
div[data-tree-model] li .normal { padding: 1px 10px; background: url("Image/file.png") no-repeat; width: 15px;height: 14px; display: inline-block;}
div[data-tree-model] li i, div[data-tree-model] li span { font-size: 9pt; cursor: pointer; }
div[data-tree-model] li span { padding: 0 3px 0 0; }
div[data-tree-model] li span:hover { background-color: #FFCC00; border-radius: 5px; color: #000000; padding: 1px 5px 2px 5px; font-weight: bold; }
div[data-tree-model] li .selected { background-color: #21B6BD; font-weight: bold; padding: 1px 5px 2px 5px; border-radius: 5px; color: #ffffff; }
/*--------------------------------------------- Animate -----------------------------------------*/
.slide.ng-hide, .slide.ng-show {
    -webkit-transition:all cubic-bezier(0.250, 0.460, 0.450, 0.940) 1.5s;
    -moz-transition:all cubic-bezier(0.250, 0.460, 0.450, 0.940) 1.5s;
    -o-transition:all cubic-bezier(0.250, 0.460, 0.450, 0.940) 1.5s;
    transition:all cubic-bezier(0.250, 0.460, 0.450, 0.940) 1.5s;
}
.slide.ng-hide {
    position: relative;
    top: 0;
}
.slide.ng-hide.slide.ng-hide-active {
    position: absolute;
    top: -100px;
}
.slide.ng-show {
    position: absolute;
    top: 100px;
}
.slide.ng-show.slide.ng-show-active {
    position: relative;
    top: 0px;
}
.animate.ng-enter { -webkit-animation: enter 600ms cubic-bezier(0.445, 0.050, 0.550, 0.950); animation: enter 600ms cubic-bezier(0.445, 0.050, 0.550, 0.950); display: block; position: relative; }

@-webkit-keyframes enter {
    from { opacity: 0; height: 0px; right: -70px; }
    75% { right: 15px; }
    to { opacity: 1; height: 30px; right: 0px; }
}

@keyframes enter {
    from { opacity: 0; height: 0px; right: -70px; }
    75% { right: 15px; }
    to { opacity: 1; height: 30px; right: 0px; }
}

.animate.ng-leave { -webkit-animation: leave 600ms cubic-bezier(0.445, 0.050, 0.550, 0.950); animation: leave 600ms cubic-bezier(0.445, 0.050, 0.550, 0.950); display: block; position: relative; }

@-webkit-keyframes leave {
    to { opacity: 0; height: 0px; right: -70px; }
    25% { right: 15px; }
    from { opacity: 1; height: 30px; right: 0px; }
}

@keyframes leave {
    to { opacity: 0; height: 0px; right: -70px; }
    25% { right: 15px; }
    from { opacity: 1; height: 30px; right: 0px; }
}

.animate2.ng-enter,
.animate2.ng-leave { -webkit-transition: 400ms cubic-bezier(0.250, 0.250, 0.750, 0.750) all; -moz-transition: 400ms cubic-bezier(0.250, 0.250, 0.750, 0.750) all; -ms-transition: 400ms cubic-bezier(0.250, 0.250, 0.750, 0.750) all; -o-transition: 400ms cubic-bezier(0.250, 0.250, 0.750, 0.750) all; transition: 400ms cubic-bezier(0.250, 0.250, 0.750, 0.750) all; position: relative; display: block; }
.animate2.ng-leave.animate2.ng-leave-active,
.animate2.ng-enter { -webkit-transform: rotateX(90deg) rotateZ(90deg); -moz-transform: rotateX(90deg) rotateZ(90deg); -ms-transform: rotateX(90deg) rotateZ(90deg); -o-transform: rotateX(90deg) rotateZ(90deg); transform: rotateX(90deg) rotateZ(90deg); opacity: 0; height: 0px; }
.animate2.ng-enter.animate2.ng-enter-active,
.animate2.ng-leave { -webkit-transform: rotateX(0deg) rotateZ(0deg); -moz-transform: rotateX(0deg) rotateZ(0deg); -ms-transform: rotateX(0deg) rotateZ(0deg); -o-transform: rotateX(0deg) rotateZ(0deg); transform: rotateX(0deg) rotateZ(0deg); opacity: 1; height: 30px; }


.animate3.ng-enter,
.animate3.ng-leave { -webkit-transition: 500ms cubic-bezier(0.250, 0.250, 0.750, 0.750) all; -moz-transition: 500ms cubic-bezier(0.250, 0.250, 0.750, 0.750) all; -ms-transition: 500ms cubic-bezier(0.250, 0.250, 0.750, 0.750) all; -o-transition: 500ms cubic-bezier(0.250, 0.250, 0.750, 0.750) all; transition: 500ms cubic-bezier(0.250, 0.250, 0.750, 0.750) all; position: relative; display: block; }
.animate3.ng-leave.animate3.ng-leave-active,
.animate3.ng-enter { -webkit-transform: rotateX(-180deg) translatez(30px); -moz-transform: rotateX(-180deg) translatez(30px); -ms-transform: rotateX(-180deg) translatez(30px); -o-transform: rotateX(-180deg) translatez(30px); transform: rotateX(-180deg) translatez(30px); opacity: 0; height: 0px; }
.animate3.ng-enter.animate3.ng-enter-active,
.animate3.ng-leave { -webkit-transform: rotateX(0deg) translatez(30px); -moz-transform: rotateX(0deg) translatez(30px); -ms-transform: rotateX(0deg) translatez(30px); -o-transform: rotateX(0deg) translatez(30px); transform: rotateX(0deg) translatez(30px); opacity: 1; height: 30px; }

.animate4.ng-enter,
.animate4.ng-leave { -webkit-transition: 500ms cubic-bezier(0.250, 0.250, 0.750, 0.750) all; -moz-transition: 500ms cubic-bezier(0.250, 0.250, 0.750, 0.750) all; -ms-transition: 500ms cubic-bezier(0.250, 0.250, 0.750, 0.750) all; -o-transition: 500ms cubic-bezier(0.250, 0.250, 0.750, 0.750) all; transition: 500ms cubic-bezier(0.250, 0.250, 0.750, 0.750) all; position: relative; display: block; }
.animate4.ng-leave.animate4.ng-leave-active,
.animate4.ng-enter { -webkit-transform: rotateX(180deg) rotateZ(90deg); -moz-transform: rotateX(180deg) rotateZ(90deg); -ms-transform: rotateX(180deg) rotateZ(90deg); -o-transform: rotateX(180deg) rotateZ(90deg); transform: rotateX(180deg) rotateZ(90deg); opacity: 0; height: 0px; }
.animate4.ng-enter.animate4.ng-enter-active,
.animate4.ng-leave { -webkit-transform: rotateX(0deg) rotateZ(0deg); -moz-transform: rotateX(0deg) rotateZ(0deg); -ms-transform: rotateX(0deg) rotateZ(0deg); -o-transform: rotateX(0deg) rotateZ(0deg); transform: rotateX(0deg) rotateZ(0deg); opacity: 1; height: 30px; }

.animate5.ng-enter,
.animate5.ng-leave { -webkit-transition: 500ms cubic-bezier(0.250, 0.250, 0.750, 0.750) all; -moz-transition: 500ms cubic-bezier(0.250, 0.250, 0.750, 0.750) all; -ms-transition: 500ms cubic-bezier(0.250, 0.250, 0.750, 0.750) all; -o-transition: 500ms cubic-bezier(0.250, 0.250, 0.750, 0.750) all; transition: 500ms cubic-bezier(0.250, 0.250, 0.750, 0.750) all; position: relative; display: block; }
.animate5.ng-leave.animate5.ng-leave-active,
.animate5.ng-enter { -webkit-transform: skewX(30deg) skewY(30deg); -moz-transform: skewX(30deg) skewY(30deg); -ms-transform: skewX(30deg) skewY(30deg); -o-transform: skewX(30deg) skewY(30deg); transform: skewX(30deg) skewY(30deg); opacity: 0; height: 0px; }
.animate5.ng-enter.animate5.ng-enter-active,
.animate5.ng-leave { -webkit-transform: skewX(0deg) skewY(0deg); -moz-transform: skewX(0deg) skewY(0deg); -ms-transform: skewX(0deg) skewY(0deg); -o-transform: skewX(0deg) skewY(0deg); transform: skewX(0deg) skewY(0deg); opacity: 1; height: 30px; }

.animate6.ng-enter { -webkit-animation: enter 600ms cubic-bezier(0.445, 0.050, 0.550, 0.950); animation: enter 600ms cubic-bezier(0.445, 0.050, 0.550, 0.950); display: block; position: relative; }

@-webkit-keyframes enter {
    from { opacity: 0; height: 0px; right: -70px; }
    75% { right: 15px; }
    to { opacity: 1; height: 30px; right: 0px; }
}

@keyframes enter {
    from { opacity: 0; height: 0px; right: -70px; }
    75% { right: 15px; }
    to { opacity: 1; height: 30px; right: 0px; }
}

.animate6.ng-leave { -webkit-animation: leave 600ms cubic-bezier(0.445, 0.050, 0.550, 0.950); animation: leave 600ms cubic-bezier(0.445, 0.050, 0.550, 0.950); display: block; position: relative; }

@-webkit-keyframes leave {
    to { opacity: 0; height: 0px; right: -70px; }
    25% { right: 15px; }
    from { opacity: 1; height: 30px; right: 0px; }
}

@keyframes leave {
    to { opacity: 0; height: 0px; right: -70px; }
    25% { right: 15px; }
    from { opacity: 1; height: 30px; right: 0px; }
}

.animate7.ng-enter,
.animate7.ng-leave { -webkit-transition: 500ms cubic-bezier(0.390, 0.575, 0.565, 1.000) all; -moz-transition: 500ms cubic-bezier(0.390, 0.575, 0.565, 1.000) all; -ms-transition: 500ms cubic-bezier(0.390, 0.575, 0.565, 1.000) all; -o-transition: 500ms cubic-bezier(0.390, 0.575, 0.565, 1.000) all; transition: 500ms cubic-bezier(0.390, 0.575, 0.565, 1.000) all; position: relative; display: block; }
.animate7.ng-enter.animate7.ng-enter-active,
.animate7.ng-leave { opacity: 1; right: 0; height: 30px; }
.animate7.ng-leave.animate7.ng-leave-active,
.animate7.ng-enter { opacity: 0; right: -50px; height: 0px; }

.animate8.ng-enter,
.animate8.ng-leave { -webkit-transition: 500ms cubic-bezier(0.785, 0.135, 0.150, 0.860) all; -moz-transition: 500ms cubic-bezier(0.785, 0.135, 0.150, 0.860) all; -ms-transition: 500ms cubic-bezier(0.785, 0.135, 0.150, 0.860) all; -o-transition: 500ms cubic-bezier(0.785, 0.135, 0.150, 0.860) all; transition: 500ms cubic-bezier(0.785, 0.135, 0.150, 0.860) all; position: relative; display: block; }
.animate8.ng-leave.animate8.ng-leave-active,
.animate8.ng-enter { -webkit-transform: rotateY(80deg) translatez(80px); -moz-transform: rotateY(80deg) translatez(80px); -ms-transform: rotateY(80deg) translatez(80px); -o-transform: rotateY(80deg) translatez(80px); transform: rotateY(80deg) translatez(80px); opacity: 0; height: 0px; }
.animate8.ng-enter.animate8.ng-enter-active,
.animate8.ng-leave { -webkit-transform: rotateY(0deg) translatez(80px); -moz-transform: rotateY(0deg) translatez(80px); -ms-transform: rotateY(0deg) translatez(80px); -o-transform: rotateY(0deg) translatez(80px); transform: rotateY(0deg) translatez(80px); opacity: 1; height: 30px; }

.animate9.ng-enter,
.animate9.ng-leave { -webkit-transition: 500ms cubic-bezier(0.075, 0.820, 0.165, 1.000) all; -moz-transition: 500ms cubic-bezier(0.075, 0.820, 0.165, 1.000) all; -ms-transition: 500ms cubic-bezier(0.075, 0.820, 0.165, 1.000) all; -o-transition: 500ms cubic-bezier(0.075, 0.820, 0.165, 1.000) all; transition: 500ms cubic-bezier(0.075, 0.820, 0.165, 1.000) all; position: relative; display: block; }
.animate9.ng-enter.animate9.ng-enter-active,
.animate9.ng-leave { opacity: 1; top: 0; height: 30px; }
.animate9.ng-leave.animate9.ng-leave-active,
.animate9.ng-enter { opacity: 0; top: -50px; height: 0px; }

.animate10.ng-enter,
.animate10.ng-leave { -webkit-transition: 500ms cubic-bezier(0.250, 0.250, 0.750, 0.750) all; -moz-transition: 500ms cubic-bezier(0.250, 0.250, 0.750, 0.750) all; -ms-transition: 500ms cubic-bezier(0.250, 0.250, 0.750, 0.750) all; -o-transition: 500ms cubic-bezier(0.250, 0.250, 0.750, 0.750) all; transition: 500ms cubic-bezier(0.250, 0.250, 0.750, 0.750) all; position: relative; display: block; }
.animate10.ng-leave.animate10.ng-leave-active,
.animate10.ng-enter { -webkit-transform: scaleY(0); -moz-transform: scaleY(0); -ms-transform: scaleY(0); -o-transform: scaleY(0); transform: scaleY(0); height: 0px; opacity: 0; }
.animate10.ng-enter.animate10.ng-enter-active,
.animate10.ng-leave { -webkit-transform: scaleY(1); -moz-transform: scaleY(1); -ms-transform: scaleY(1); -o-transform: scaleY(1); transform: scaleY(1); height: 30px; opacity: 1; }

.animate11.ng-enter { -webkit-transition: 500ms cubic-bezier(0.390, 0.575, 0.565, 1.000) all; -moz-transition: 500ms cubic-bezier(0.390, 0.575, 0.565, 1.000) all; -ms-transition: 500ms cubic-bezier(0.390, 0.575, 0.565, 1.000) all; -o-transition: 500ms cubic-bezier(0.390, 0.575, 0.565, 1.000) all; transition: 500ms cubic-bezier(0.390, 0.575, 0.565, 1.000) all; position: relative; display: block; }
.animate11.ng-enter.animate11.ng-enter-active { opacity: 1; right: 0; height: 30px; }
.animate11.ng-enter { opacity: 0; right: -50px; height: 0px; }
/*-----------------------------------------Public EFormItem -------------------------------------------------*/
.red{ color: red;}
.EFormItem{width: 100%;}
.EFormItem select,.EFormItem input[type=text],.EFormItem textarea{ width: 140px ;margin-left: 10px;display: inline-block !important;border-color: #8284B6 !important;font-size: 16px;}
.lableValue{ width: 200px !important;}
.EFormItem .titleAdd{ width: auto;float: left;}
.EFormItem .subChild{float:left}
.EFormItem .titleAdd label{ width: 90px !important;}
.EFormItem .titleAdd{ margin-bottom: 5px;float: left;padding: 5px 10px 5px 0px;border-radius: 6px;}
.EFormItem .titleAdd:hover{ background-color: #EBEBEB;}
.EFormItem > button{ margin-top: 25px;}
.EFormItem .alert { width: 90%;}
.eformBtn { margin-top: 6px; margin-left: 1px; min-width: 27px; padding-top: 3px; }
.group1{ background-color: #ffffff;}
.group2{ background-color: #E8E8E8;margin-right: 60px;}
.group3{ background-color: #DFDFDF;margin-top: 3px;margin-bottom: 3px;}
.group4{ background-color: #D8D7D7;}
.group5{ background-color: #F5F5F5;margin-right: 60px;}
.group6{ background-color: #E8E8E8;margin-top: 3px;margin-bottom: 3px;}
.group7{ background-color: #DFDFDF;}
.group8{ background-color: #DFDFDF;}

.LargTextArea {width: 449px !important;direction: rtl;}
.LargTree {overflow: auto;height: auto !important;margin-left: 0;}

/*------------------------------------------embryo-----------------------------------------------------------*/
#FreezEmbryoSetDialog .modal-dialog{ width: 900px !important; }


#CtrlFreezEmbryoSet .titleAdd input[type="text"],#CtrlFreezEmbryoSet .titleAdd input[type="password"],#CtrlFreezEmbryoSet .titleAdd select  {
    height: 25px;
    width: 25%;
    display: inline-block;
    padding: 3px 4px;
    font-size: 16px;
}

#FreezActionSetDialog .modal-dialog{ width: 1200px !important; }
#FreezActionSetDialog{ height: 610px !important;}
#FreezActionServiceSetDialog {     overflow: hidden !important;overflow-y: hidden !important;  height: 610px !important;}
#FreezActionProductSetDialog  {     overflow: hidden !important;overflow-y: hidden !important; height: 610px !important; }
#FreezActionExpertSetDialog  {     overflow: hidden !important;overflow-y: hidden !important; height: 610px !important; }
#SendToCofferFreezActionDialog {     overflow: hidden !important;overflow-y: hidden !important; height: 610px !important;  }

/*---------------------------------------- MidWifery -------------------------------------------------------*/
#PatientMidWiferyDialog .nav-tabs > li{ float: left !important;font-size: 10px;}
#CtrlPatientMidWifery #PatientMidWiferyDialog .modal-dialog{width: 90%;}
#PeriodHistory .EFormItem .titleAdd label{width: 120px !important;}
#PatientExamMidWiferyDialog .nav-tabs > li{ float: left !important;font-size: 10px;}
#PatientExamMidWiferyDialog .modal-dialog{width: 98%;}


#PatientExamMidWiferyDialog .chkGridTitle .titrGridTitle .titr2GridTitle .dateGridTitle .editGridTitle{ float: left !important;}
#CtrlPatientMidWifery .tabHead{ cursor: pointer; }
#CtrlMidwiferyExam .titrGridTitle,#CtrlMidwiferyExam .editGridTitle { float: left !important; line-height: 5px; }

/*---------------------------------------- Orology ---------------------------------------------------------*/
#PatientOrologyDialog .nav-tabs > li{ float: left !important;font-size: 10px;}
#PatientOrologyDialog .modal-dialog{width: 90%;}
#CtrlPatientOrology .modal-dialog{width: 90%;}


#PatientOrologyExpertDialog .nav-tabs > li{ float: left !important;font-size: 10px;}
#PatientOrologyExpertDialog .modal-dialog{width: 90%;}
#PatientOrologyExpertDialog .modal-dialog{width: 90%;}
/*---------------------------------------- Woman -----------------------------------------------------------*/
#PatientWomanDialog .nav-tabs > li{ float: left !important;font-size: 10px;}


#CtrlPatientWoman .modal-dialog{width: 90%;}
#PlanWomanExpert textarea {
    border-color: blueviolet !important;
    border-width: 4px !important;
}
#PlanWomanExpert ul {
    padding-left: 15px !important;
}
#PlanWomanExpert ul li span {
    font-size: 16px !important;
}

/*---------------------------------------- Andrology -------------------------------------------------------*/
#PatientAndrologyDialog .nav-tabs > li{ float: left !important;font-size: 10px;}
#CtrlPatientAndrology .modal-dialog{width: 90%;}
#CtrlPatientAndrology .HasAllarm{ color: red;}
#CtrlPatientAndrology .tabHead{ cursor: pointer;}
/*-------------------------------------- Operation----------------------------------------------------------*/
#OperationWaitingShift #ReportOperationDialog .modal-dialog{ width: 800px !important; }
#OperationWaitingShift .tabHead{ cursor: pointer;}

#CtrlBaseInfoOperationSet .titleAdd{width: 50%;margin-left: 10%;float: right;}
#CtrlBaseInfoOperationSet .TimeItem input[type=text]{ width: 100% !important;}
#CtrlBaseInfoOperationSet .TimeItem label{float: right;}
#CtrlBaseInfoOperationSet .TimeFirstChild label{float: right;}
#CtrlBaseInfoOperationSet .TimeItem > div{width: 10%;}
#CtrlBaseInfoOperationSet .TitleTime {margin: 0px;float: right;}

#CtrlServiceInOperationSet .titleAdd{width: 40%;margin-left: 10%;float: right;}
#CtrlServiceInOperationSet .TimeItem input[type=text]{ width: 100% !important;}
#CtrlServiceInOperationSet .TimeItem label{float: right;}
#CtrlServiceInOperationSet .TimeFirstChild label{float: right;}
#CtrlServiceInOperationSet .TimeItem > div{width: 10%;}
#CtrlServiceInOperationSet .TitleTime {margin: 0px;float: right;}
#CtrlServiceInOperationSet .titleAdd input[type="text"], .titleAdd input[type="password"] {height: 25px;width: 63%;display: inline-block;padding: 3px 4px;font-size: 16px;}
#CtrlServiceInOperationSet .Grid .titr2GridCheckBox{float: right;}
#CtrlServiceInOperationSet .titleAdd select {width: 63%;height: 25px;padding: 0px 4px;display: inline-block;font-size: 16px;}

#CtrlProductInOperationSet .titleAdd{width: 50%;margin-left: 10%;float: right;}
#CtrlProductInOperationSet .TimeItem input[type=text]{ width: 100% !important;}
#CtrlProductInOperationSet .TimeItem label{float: right;}
#CtrlProductInOperationSet .TimeFirstChild label{float: right;}
#CtrlProductInOperationSet .TimeItem > div{width: 10%;}
#CtrlProductInOperationSet .TitleTime {margin: 0px;float: right;}


#ServiceOperationPriceDialog .modal-dialog{ width: 800px !important; }



#AppointmentOperationResultBaseList .btn{ min-width: 110px !important;}


/**************** Added For OperationList EForm  ****************************************/
#AnesthesiaDialog .modal-dialog{width: 70%;}
#AnesthesiaDialog .nav-tabs > li{ float: left !important;font-size: 10px;}

#OperationDialog .modal-dialog{ width: 70%;}
#OperationDialog .nav-tabs > li{ float: left !important; font-size: 10px;}

#LaboratoryDialog .modal-dialog{ width: 70%;}
#LaboratoryDialog .nav-tabs > li { float: left !important; font-size: 10px; }


/*------------------------------------------Ansur------------------------------------------------------------*/
#CtrlAnsureList .titleAdd{ width: 40%;margin-left: 10%;float: right;}
#CtrlAnsureList .titleAdd { width: 50% !important; }
#CtrlAnsureList input{ width: 50% !important; }

#ServiceInCofferAnsureDialog .modal-dialog{ width: 1024px !important; }

#ProductInCofferAnsureDialog .modal-dialog{ width: 1024px !important; }

/*------------------------------------------Supplemental Ansur-----------------------------------------------*/
#CtrlLetterPerson .titr2Grid  {height: auto;padding: 1px 10px 5px 15px;}
#CtrlLetterPerson .itemsGrid  {height: auto;  padding: 1px 10px 5px 15px;}

#ServiceInSAnsureGroupDialog .modal-dialog{ width: 1024px !important; }

#ProductInSAnsureGroupDialog .modal-dialog{ width: 1024px !important; }
#LetterPersonSetDialog .modal-dialog{ width: 800px !important; }
/*-----------------------------------------------------sonography------------------------------------------------------*/

#SonographyResultSetDialog .modal-dialog{ width: 1420px !important; }
/*#SonographyResultSetDialog { overflow: hidden !important;overflow-y: hidden !important; height: 610px !important; }*/

#CycleSonographySetDialog .modal-dialog{width: 80% ; }
#CycleSonographySetDialog { height: 710px ;}
#CtrlSonographyResultSet .Grid .headerGrid {
    height: 55px !important;                    /*100 to 89*/
    width: 1368px;
   
}
#CtrlSonographyResultSet .chkGridTitle, .titrGridTitle, .titr2GridTitle, .dateGridTitle, .editGridTitle { float: right; line-height: 5px; }  /*12 to 7*/
#CtrlSonographyResultSet .panel-title {font-size:  13px;}
#CtrlSonographyResultSet .Grid { font: 9pt BNazanin; margin: 0px auto;}
#CtrlSonographyResultSet input::-webkit-input-placeholder {
    color: #dfdfdf !important;
}
#CtrlSonographyResultSet input:-moz-placeholder {
    color: #dfdfdf !important;
}
#CtrlSonographyResultSet input::-moz-placeholder {
    color: #dfdfdf !important;
}
#CtrlSonographyResultSet input:-ms-input-placeholder {
    color: #dfdfdf !important;
}
#SonographyResultSetDialog button.close {    /*For Close Button Of Dialog*/
    position: absolute; top: 0px; left: 0px; padding: 0; margin: 0; opacity: 1; filter: alpha(opacity=100); color: #525252; text-shadow: 0 1px 0 #fff; 
}
#SonographyResultSetDialog h6.modal-title { font-size: 14px; line-height: 3px; height: 3px; margin: 0; padding: 0; font-weight: 600; }
#SonographyResultSetDialog .modal-dialog {
    right: 50%;
    left: auto;
    width: 600px;
    padding-top: 3px !important;
    padding-bottom: 30px;
}
#SonographyResultSetDialog .modal-content {
    min-height: 1100px;
}
#SonographyResultSetDialog .OpinionExperts {
    height: 90px;
}





#CtrlSonographyResultSet .Grid .list-group .Busereline {
    height: 20px !important;
    margin-bottom: 10px;
}

#CtrlSonographyResultSet .RFollicoles {
    height: 60px !important;
}

#SonographyResultSetDialog .modal-footer {
    margin-top: -15px;
    padding: 0px 20px 0px;
    text-align: left;
    border-top: 1px solid #e5e5e5;
}

#SonographyResultSetDialog .titleAdd {
    width: 100%;
    margin-bottom: 0px;
    font-size: 10pt;
    margin-top: 0px;
}

#SonographyResultSetDialog .list-group {
    margin-bottom: 0px;
    padding-right: 0;
    margin-top: 0px;        
    overflow: inherit;
} 
 
#SonographyResultSetDialog .modal-body {
    position: relative;
    height: 1139px;
}

#SonographyResultSetDialog input.txtInput:focus , 
input.txtInput:hover ,
input.chbInput:focus ,
input.chbInput:hover 
{
    outline: none !important;
    border:1px solid red;
    box-shadow: 0 0 10px #719ECE;
    background-color: rgba(4, 255, 32, 0.26);
}

#SonographyResultSetDialog .evenRow input {    
    background-color: #b4d3e8 ;
}
#SonographyResultSetDialog .evenRow input:not(:placeholder-shown) {
    background-color: rgba(4, 255, 32, 0.14);
}
#SonographyResultSetDialog .evenRow span ,
.evenRow input {
    color: mediumorchid;
}


#SonographyResultSetDialog .oddRow input{    
    background-color: aliceblue ;    
}
#SonographyResultSetDialog .oddRow input:not(:placeholder-shown) {
    background-color: rgba(4, 255, 32, 0.14);
}
#SonographyResultSetDialog .oddRow span 
                            .oddRow input {
    color: darkgoldenrod;
}

#SonographyResultSetDialog .special input:not(:placeholder-shown) {
    background-color: greenyellow !important;
}
#SonographyResultSetDialog .special input:focus,
.special input:hover {
    background-color: greenyellow !important;
}


#CtrlSonographyWaitingShiftList .hasDayValues{ background-color: lightcyan;}

#PatientExamSonographyDialog .modal-dialog { width: 100% !important; }
#PatientExamSonographyDialog  { overflow: hidden !important;overflow-y: hidden !important; height: 610px !important; }
/*#CtrlSonographyResultSet input .FieldVal :hover {
    width: 45px;
    height: 20px;
    background-color: #d8cdf7;
}*/

/*#CtrlSonographyResultSet .Endom {
    height: 30px !important;
    width: 40px;
}*/


/*----------------------------------------------- Financial -------------------------------------------------*/
#CtrlCach .well .titleAdd{ width: 40%;margin-left: 10%;float: right;}
#CtrlCach .well .checkboxSearch{ width: 50%;}
#CtrlCach .well .titleCheckBox{ width: 1% !important;}
#CtrlCach .well .checkboxSearch .itemCheckBox{ width: 40%;float: right;}
#CtrlCach .well .checkboxSearch label{ float: none !important;width: 60%;}
#CtrlCach .well .checkboxSearch input{ margin-left: 60px;}

#CtrlCashSet .titleAdd{ width: 40%;margin-left: 10%;float: right;}
#CtrlCashSet .middleTitleAdd label{width: 20%;}
#CtrlCashSet .middleTitleAdd label:first-child{width: 70%;}
#CtrlCashSet .splitter { border-bottom: 1px solid #CECECE; margin-bottom: 10px; }
#CtrlCashSet .list-group{ min-height: 120px;max-height: none;}

#CtrlNoCashSet .middleTitleAdd label{width: 20%;}
#CtrlNoCashSet .middleTitleAdd label:first-child{width: 70%;}
#CtrlNoCashSet .splitter { border-bottom: 1px solid #CECECE; margin-bottom: 10px; }
#CtrlNoCashSet .list-group{ min-height: 120px;max-height: none;}

#CtrlReturnSet .titleAdd{ width: 40%;margin-left: 10%;float: right;}
#CtrlReturnSet .middleTitleAdd label{width: 20%;}
#CtrlReturnSet .middleTitleAdd label:first-child{width: 70%;}
#CtrlReturnSet .splitter { border-bottom: 1px solid #CECECE; margin-bottom: 10px; }
#CtrlReturnSet .list-group{ min-height: 120px;max-height: none;}

#CtrlOrderDiscountSet .titleAdd{ width: 40%;margin-left: 10%;float: right;}
#CtrlOrderDiscountSet .middleTitleAdd label{width: 20%;}
#CtrlOrderDiscountSet .middleTitleAdd label:first-child{width: 70%;}
#CtrlOrderDiscountSet .splitter { border-bottom: 1px solid #CECECE; margin-bottom: 10px; }
#CtrlOrderDiscountSet .list-group { min-height: 150px !important; }

#CtrlBank .panel-footer button{ display: block;float: none;margin-top: 0;}

#CtrlAccount .panel-footer button{ display: block;float: none;margin-top: 0;}

#CtrlAccountSet .titleAdd{width: 40%;margin-left: 10%;float: right;}
#CtrlAccountSet .titleAdd2 { width: 100%; float: right; margin-bottom: 10px; font-size: 10pt; }
#CtrlAccountSet .titleAdd label{ width: 35%;}
#CtrlAccountSet .titleAdd2 label { width: 14%; display: inline-block; font-size: 11pt; float: right; font-family: BNazanin; }
#CtrlAccountSet .titleAdd select,#CtrlAccountSet .titleAdd input[type=text]{ width: 60%;}
#CtrlAccountSet .titleAdd2 select, #CtrlAccountSet .titleAdd2 input[type=text]{ width: 74%; display: inline-block; padding: 3px 4px; font-size: 16px; height: 25px; }
#CtrlAccountSet .titleAdd2 textarea{width: 74%; display: inline-block; padding: 3px 4px; font-size: 16px;}
#CtrlAccountSet .checkboxLabel label{ width: 60%;}
#CtrlAccountSet .treeLabel label{ width: 30%;}




/*----------------------------------------------------Appointment--------------------------------------------------------*/
.ShiftItem span{ display: inline-block;}
.ShiftItem .titleAdd label{ width: 35%;}
.ShiftItem .titleAdd input[type=text]{ width: 58%;}
.TimeItem input[type=text]{ width: 100% !important;}
.TimeItem label{margin: 40px 2px 0px;padding-right: 20px;}
.TimeFirstChild label{padding-right: 0px;}
.TimeItem > div{width: 58%;}
.TitleTime {margin: 40px 2px 0px;float: right;}

.ExpertPresenceTitle { clear: right; height: 40px; margin-right: 2%;}
.ExpertPresenceTitle .ExpertPresenceDropDown { width: 22%; margin-left: 3%; float: right; }
.ExpertPresenceTitle .ExpertPresenceDropDown label { float: right; margin-left: 7%; padding-top: 8px; }
.ExpertPresenceTitle .ExpertPresenceDropDown select { width: 60%; float: right; }
#CtrlExpertPresenceSchedule .list-group{ overflow-y: auto !important;}
#CtrlExpertPresenceSchedule .Grid .itemsGrid{ min-height: 60px;}
#CtrlExpertPresenceSchedule .Grid .titr2Grid{ line-height: 55px !important;min-height: 55px;}
#CtrlExpertPresenceSchedule .itemsGrid{ height: auto;padding:0;}
#CtrlExpertPresenceSchedule .chkGrid,#CtrlExpertPresenceSchedule  .titrGrid,#CtrlExpertPresenceSchedule  .titr2Grid,#CtrlExpertPresenceSchedule  .dateGrid,#CtrlExpertPresenceSchedule  .editGrid{ height: auto;}
#CtrlExpertPresenceSchedule .Grid{ width: 85%;float: left;}
#CtrlExpertPresenceSchedule .ExpertList{ width: 15%;margin-left: 1%;float: right; margin: 32px auto;}
#CtrlExpertPresenceSchedule .ExpertRow { width: 95%; height: 35px; margin-top: 5px;margin-bottom: 0;border-width: 1px;margin-right: 2%;}
#CtrlExpertPresenceSchedule .ExpertRowSchedule {font-size: 9pt !important; width: 95%; height: 25px; margin-top: 5px;margin-bottom: 5px;border-width: 1px;line-height: 15px;background: #B8E495;color: #3D723D;}
#CtrlExpertPresenceSchedule .panel > .list-group .list-group-item:last-child{ border-bottom: 1px solid #93b9d8;}

#CtrlExpertPresenceSchedule .TimeFirstChild label{float: right;}

#CtrlExpertInfo .ExpertInfo .titleAdd{ margin-bottom: 5px;float: right;padding: 5px 10px 5px 0px;border-radius: 6px;}
#CtrlExpertInfo .ExpertInfo .titleAdd:hover{ background-color: #EBEBEB;}

#CtrlWaitingShift #WaitingShiftDialog .modal-dialog{ width: 1200px !important;}
#CtrlWaitingShift #SendToFinancialDialog .modal-dialog { width: 600px !important;}

#CtrlWaitingShift #FolderDialog .modal-dialog { width: 1168px !important;}

#CtrlWaitingShift .ExpertPresenceTitle { height: 40px; margin-right: 7%;margin-top: 50px;}
#CtrlWaitingShift .ExpertPresenceTitle .ExpertPresenceDropDown { width: 30%; margin-left: 3%; float: right; }
#CtrlWaitingShift .ExpertPresenceTitle .ExpertPresenceDropDown label { float: right; margin-left: 7%; padding-top: 8px; }
#CtrlWaitingShift .ExpertPresenceTitle .ExpertPresenceDropDown select { width: 60%; float: right; }
#CtrlWaitingShift .titleAdd label{ width: 25%;}
#CtrlWaitingShift .titleAdd select,#CtrlWaitingShift .titleAdd input[type=text]{ width: 60%;}
#CtrlWaitingShift .SearchGrid input[type=text]{ width: 79%;}

#CtrlWaitingShift #WaitingShiftToDayDialog .modal-dialog{ width: 1300px !important;}
#CtrlWaitingShiftSet .titleAdd{ width: 40%;margin-left: 10%;float: right;}
#CtrlWaitingShiftSet .list-group{ overflow-y: auto !important;}
#CtrlWaitingShiftSet .Grid .itemsGrid{ min-height: 60px;}
#CtrlWaitingShiftSet .Grid .titr2Grid{ line-height: 55px !important;min-height: 55px;}  
#CtrlWaitingShiftSet .itemsGrid{ height: auto;padding:0;}
#CtrlWaitingShiftSet .chkGrid,#CtrlWaitingShiftSet  .titrGrid,#CtrlWaitingShiftSet  .titr2Grid,#CtrlWaitingShiftSet  .dateGrid,#CtrlWaitingShiftSet  .editGrid{ height: auto;}
#CtrlWaitingShiftSet .ExpertList{ width: 29%;margin-left: 1%;float: right; margin: 32px auto;}
#CtrlWaitingShiftSet .ExpertRow { width: 90%; height: 35px; margin-top: 5px;margin-bottom: 0;border-width: 1px;margin-right: 5%;}

#CtrlWaitingShiftSet .ExpertRowSchedule {font-size: 9pt !important; width: 90%; height: 25px; margin-top: 5px;margin-bottom: 5px;border-width: 1px;line-height: 15px;background: #B8E495;color: #3D723D;}
#divSchdules .divDialogBox {
    width: 37%;
    height: 33%;
    background: lightgoldenrodyellow;
    position: absolute;
    opacity: 0.78;
    display: none;
    margin-top: -5px;
    margin-bottom: 2%;
    /* margin-left: 11%; */
    border-radius: 5px;
    box-shadow: 2px 2px 1px silver;
    padding: 2px;
    text-align: right;
}

#divSchdules .divDialogWarningBox {
    width: 37%;
    height: 33%;
    background: #fde0e0;
    position: absolute;
    opacity: 0.78;
    display: none;
    margin-top: -5px;
    margin-bottom: 2%;
    /* margin-left: 11%; */
    border-radius: 5px;
    box-shadow: 2px 2px 1px silver;
    padding: 2px;
    text-align: right;
}


#CtrlWaitingShiftSet .dropdown-menu { position: inherit; width: 60%; margin-right: 35%; }
#CtrlWaitingShiftStatus .titleAdd { width: 80% !important; }
#CtrlWaitingShiftStatus input[type=text]  { width: 20% !important; }
#CtrlWaitingShiftStatus .titleAdd select{ width: 20% !important; }

#CtrlWaitingShiftToDaySet .titleAdd{ width: 40%;margin-left: 10%;float: right;}
#CtrlWaitingShiftToDaySet .list-group{ height: 200px !important;min-height: 200px !important;}
#CtrlWaitingShiftToDaySet .Grid .itemsGrid{ min-height: 60px;}
#CtrlWaitingShiftToDaySet .Grid .titr2Grid{ line-height: 55px !important;min-height: 55px;}
#CtrlWaitingShiftToDaySet .itemsGrid{ height: auto;padding:0;}
#CtrlWaitingShiftToDaySet .chkGrid,#CtrlWaitingShiftToDaySet  .titrGrid,#CtrlWaitingShiftToDaySet  .titr2Grid,#CtrlWaitingShiftToDaySet  .dateGrid,#CtrlWaitingShiftToDaySet  .editGrid{ height: auto;}
#CtrlWaitingShiftToDaySet .ExpertList{ width: 29%;margin-left: 1%;float: right; margin: 32px auto;}
#CtrlWaitingShiftToDaySet .ExpertRow { width: 90%; height: 35px; margin-top: 5px;margin-bottom: 0;border-width: 1px;margin-right: 5%;}
#CtrlWaitingShiftToDaySet .ExpertRowSchedule {font-size: 8px; width: 90%; height: 25px; margin-top: 5px;margin-bottom: 5px;border-width: 1px;line-height: 15px;background: #B8E495;color: #3D723D;}
#CtrlWaitingShiftToDaySet .dropdown-menu { position: inherit; width: 60%; margin-right: 35%; }
#CtrlWaitingShiftToDaySet .divDialogBox {
    width: 70px;
    height: 30px;
    background: lightgoldenrodyellow;
    position: absolute;
    opacity: 0.82;
    display: none;
    margin-top: -8px;
    margin-left: 20px;  
    border-radius: 5px;
    box-shadow: 2px 2px 1px silver;
    padding: 2px;    
}

#CtrlWaitingShiftStatus .titleAdd { width: 80% !important; }
#CtrlWaitingShiftStatus input[type=text] { width: 20% !important; }



#ServiceDialog .modal-dialog{ width: 800px !important; }
/*----------------------------------------- Reception ---------------------------------------------------------------------------*/
.ProfileItem select,.ProfileItem input[type=text],.ProfileItem textarea{ width: 90% !important;margin-left: 10px;display: inline-block !important;border-color: #CFCFCF !important;font-size: 16px;}
.lableValue{ width: 80% !important;}
.ProfileItem .titleAdd label{ width: 95% !important;}
.ProfileItem .titleAdd{ margin-bottom: 5px;float: right;padding: 5px 10px 5px 0px;border-radius: 6px;}
.ProfileItem .titleAdd:hover{ background-color: #EBEBEB;}
.ProfileItem > button{ margin-top: 25px;}
.ProfileItem .alert { width: 90%;}

.PersonImage div{ margin-left: 20px;width: 150px; float: right;}
.PersonImage div:first-child{ margin-right: 33px;}

#FolderSet div{ width: 32%;float: right;}
#FolderSet label{ width: 33%;}
#FolderSet input[type=text],#FolderSet  select{ width: 60%;}
#CtrlFolder .modal-dialog{ width: 940px;}
#CtrlFolder .itemsGrid{ height: auto;padding: 1px 10px 5px 15px;}
#CtrlFolder .list-group{ max-height: none;}
#CtrlFolder .titr2Grid{ height: auto;}
#FolderSetPerson{ margin-top: 60px;position: relative;}
#FolderSetPerson > div { width: 100%;}
#FolderSetPerson > div ng-form > div{width: 22%;float: right;}
#FolderSetPerson > div ng-form > div:last-child{width: 10%;float: right;}
#FolderSetPerson label{ width: 33%;}
#FolderSetPerson input[type=text],#FolderSetPerson  select{ width: 58%;}

#CtrlFolderType .panel-footer button{ display: block;float: none;margin-top: 0;}

#CtrlFolderState .panel-footer button{ display: block;float: none;margin-top: 0;}
/*--------------------------------------------- Login  -------------------------------------------------------------------------------------------------*/
.BoxLoginUser{width: 100%;float: right;}
.LoginUser { 
    text-align: center;
    margin: 135px auto;
    width: 439px;
    font: 9pt BNazanin;
}

.Registers { height: 330px; width: 330px; }
.LoginUser div.LableOdd, .LoginUser div.ValueOdd, .LoginUser div.LableEven, .LoginUser div.ValueEven { height: 20px; margin-bottom: 4px; float: right; font: 9pt/20px BNazanin; }
    .LoginUser input[type=text], .LoginUser input[type=password] { border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px; border: 1px solid #8F8D8D; height: 20px; line-height: 16px; text-align: right; min-width: 92%; font-size:large; }
.LableOdd { width: 110px; text-align: right; margin-top: 5px; }
.ValueOdd { width: 250px; margin-top: 5px; clear: left; text-align: right; }
.LableEven { width: 110px; text-align: right; margin-top: 5px; }
.ValueEven { width: 250px; margin-top: 5px; clear: left; text-align: right; }
.LoginUser input[type=button] { width: 90px; margin-top: -2px; }
.LoginUser #forgot { width: 150px; }
.LoginUser #reset { width: 100px; }
    .DivCaptcha{padding-bottom: 28%; }
.ValueCaptcha { width: 240px; margin-top: 5px; height: 100px; margin-bottom: 5px; float: right; margin-right: 10px; text-align: right; }
.ValueCaptcha .captClass { margin-bottom: 5px; height: 14px; width: 240px; float: right; }
.ValueCaptcha #captchaP { height: 50px; margin-bottom: 5px; width: 240px; float: right; }
#reloadCaptcha { margin: 0 5px 0 0; width: 24px; height: 100%; float: right; cursor: hand; cursor: pointer; background: url('Images/Reload.gif') no-repeat; }
#reloadCaptcha:hover { background: url('Images/ReloadHover.gif') no-repeat; }
.ValueCaptcha #captchaP #captchaImg { float: right; width: 200px; height: 50px; text-align: right; }
.LableCaptcha { width: 100px; text-align: right; margin-top: 5px; height: 20px; margin-bottom: 5px; float: right; font: 9pt/20px BNazanin; clear: right; }
 
/*----------------------------------------  UmbilicalCordBlood Contract ----------------------------------------------------------------*/
#ContractSet div {
    width: 32%;
    float: right;
}
#ContractSet label{ width: 33%;}
#ContractSet input[type=text],#ContractSet  select{ width: 60%;}
#ctrlContract .modal-dialog{ width: 940px;}
#ctrlContract .itemsGrid{ height: auto;padding: 1px 10px 5px 15px;}
#ctrlContract .list-group{ max-height: none;}
#ctrlContract .titr2Grid{ height: auto;}
#ContractSetParent { margin-top: 60px;position: relative;}
#ContractSetParent > div { width: 100%;}
#ContractSetParent > div ng-form > div{width: 22%;float: right;}
#ContractSetParent > div ng-form > div:last-child{width: 10%;float: right;}
#ContractSetParent label{ width: 33%;}
#ContractSetParent input[type=text],#ContractSetParent  select{ width: 58%;}

#ctrlContractState .panel-footer button{ display: block;float: none;margin-top: 0;}

/*----------------------------------------  UmbilicalCordBlood Parent ----------------------------------------------------------------*/
#CtrlParent .modal-dialog{ width: 940px;}
#CtrlParent .itemsGrid{ height: auto;padding: 1px 10px 5px 15px;}
#CtrlParent .list-group{ max-height: none;}
#CtrlParent .titr2Grid{ height: auto;}



/*-----------------------------------------------------------------------------------------------------*/
/*-----------------------------------------------------------------------------------------------------*/
/*----------------------------------------  Top Menu  ----------------------------------------   */


/*----------------------------------------  Appointment Person  ----------------------------------------   */
#CtrlAppointmentPersonList #AppointmentAgreementDialog .modal-dialog {
    width: 1000px !important;
}

#CtrlAppointmentPersonList #AddAppointmentDialog .modal-dialog {
    width: 700px !important;    
}

#CtrlAppointmentSet .titleAdd {
    width: 100%;
    margin-left: 10%;
    float: right;
    display: inline-flex; /* adjusted */
    white-space: nowrap;
}

#CtrlAppointmentSet .panel { 
    position: relative;  
    border-radius: 0px !important;  
    border-top-right-radius: 5px !important; 
    border-top-left-radius: 5px !important;
    width: 100%;
}

#CtrlAppointmentSet .Grid {
     font: 9pt BNazanin; 
     margin: 0px auto;
    cursor: default;
}

#CtrlAppointmentSet .itemsGrid {
    cursor: default;
}

#CtrlAppointmentSet .modal-content {
    position: relative; 
    min-height: 715px;
}

#CtrlAppointmentSet .list-group {
    overflow-y: auto !important;
}

#divSchdules .alert {
    margin: 2px 2px 6px;
    border-radius: 6px;
    /*height: 25px;*/
    cursor: pointer;
    padding: 0px;
}

#divSchdules .alert:hover {
    background-color: #00ff7f;

    font-size: 17px;
}

#AddAppointmentDialog .nextStep {
    /*background-image: url('/Content/Image/nxt-Step.png');*/
    /*background-color: chartreuse !important;*/
    font-size: 17px;
    font-weight: bold;   
}

#AddAppointmentDialog .pager {
    padding-right: 0;
    margin: 5px 0;
    text-align: center;
    list-style: none;
}

#divSearchFields .titleAdd {
    /*width: 75%;*/
    margin-bottom: 10px;
    font-size: 10pt;
}


#divSearchBtn {
    width: 17%;  
}

#divSearchBtn .btn {
    min-width: 100%;
    min-height: 90%;
}

#divSearchBtn .btn-xs, .btn-group-xs > .btn {
    padding: 1px 5px;
    font-size: 13px;
    line-height: 1.8;
    border-radius: 3px;
}


.panelLogin {
    margin-bottom: 20px;
    background-color: #FFE;
    border: 2px solid transparent;
    border-radius: 4px;
    -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, .05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, .05);
}

#divSearchFields .titleAdd input[type=text] {
    height: 25px; 
    width: 79%;
    display: inline-block;
    padding: 0px 1px;
    font-size: 16px;
}

#divSearchFields .titleAdd select {
     width: 79%;
     height: 25px; 
     padding: 0px 1px;
     display: inline-block;
     font-size: 16px;
}

#divSearchFields #ChargeServiceID {
    width: 55%; 
}

#divSearchFields {    
    width: 82%;
}

#divSearchFields .titleAdd label:first-child {
     width: 25%; 
     display: inline-block; 
     font-size: 11pt; 
     float: right;
     font-family: BNazanin; 
     color: #000000;
}

#divExpertSchedule .itemsGrid {
     height: 28%; 
    padding: 1px 0px 18px 0px; 
     font-size: 11pt; 
     cursor: pointer; 
     width: 100%; 
     float: right;
}

#divSearchBox {
    display: flex;
}

#divResultBox {
    display: flex;
    margin-top: 1%;
}

#divExpertSchedule {
    /*margin-top: 1%;
    margin-bottom: 4%;*/
    width: 83%;
    padding-left: 4%;
}

#divStep {
    width: 17%;
    /*margin-top: 1%;
    margin-bottom: 4%;*/
}

#divStep img {
    padding: 0px; 
    border: 1px solid #efefef;

    width: 92%;
    height: 95%;
}
/************************  Steps ******************************/
#divSteps {
    display: flex;
    min-height: 100%;
    margin-top: 2%;
    min-width: 100%;
}

#divFormStep {
    width: 65%;
    height: 100%;
}

#divPreStep {
    width: 18%;
    min-height: 100%;
}

#divNextStep {
    width: 18%;
    min-height: 100%;
}

#divNextStep img {
    padding: 0px;
    border: 1px solid #efefef;
    width: 85%;
    height: 63%;
}


#divPreStep img {
    padding: 0px;
    border: 1px solid #efefef;
    width: 85%;
    height: 63%;
}

/************************  Confirm Step ******************************/
#divGatewayList {
    text-align: center;
}

    
/************************ Payment Set  *********************************/

#divPaymentSetNxtStep {
    min-width: 17%;
}

#divPaymentSetNxtStep img {
    padding: 0px;
    border: 1px solid #efefef;
    width: 92%;
    height: 100%;
}


/**************************************************************************/


#ulStepTabs .activeTab:hover {
     background: #3695d5; 
     border-top-color: #3695d5; 
     border-left-color: #3695d5; 
     border-right-color: #3695d5; 
     color: #fff; 
     font-weight: bold; 
     text-shadow: 0 1px 0 rgba(0,0,0,0.3); 
     box-shadow: inset 1px 1px 1px rgba(255,255,255,0.2),inset -1px -1px 1px rgba(0,0,0,0.2); 
     -moz-box-shadow: inset 1px 1px 1px rgba(255,255,255,0.2),inset -1px -1px 1px rgba(0,0,0,0.2); 
     -webkit-box-shadow: inset 1px 1px 1px rgba(255,255,255,0.2),inset -1px -1px 1px rgba(0,0,0,0.2);
}

#ulStepTabs .activeTab a{
    color: #8fa0ff;
    cursor: default;
    background-color: #fff7f7;
    border: 1px solid #ddd;
    border-bottom-color: transparent;
    font-size: 14px;
    font-weight: bold;
}

#ulStepTabs  a {
    color: #bfc5ca;
    outline: 0 !important;
}

#ulStepTabs .nav-tabs > li > a {
    padding: 6px 8px;
    color: #bfc5ca;
    outline: 0 !important;
}

#btnCloseRequest .close {
    float: left;
    font-size: 21px;
    font-weight: bold;
    line-height: 1;
    color: #000;
    text-shadow: 0 1px 0 #fff;
    filter: alpha(opacity=20);
    opacity: 0.5;

    background: none;
}

#btnCloseRequest button.close {
    -webkit-appearance: none;
    padding: 0;
    cursor: pointer;  
    border: 0;
}


.appointmentSteps {
    min-height: 596px;
    height: 100%;
}

#divLoginPanel .panel-body {
    padding: 5px;
}

/*********************** RegisterPerson *************************************/
#BoxRegisterPerson .titleAdd {
    width: 90%;
    margin-bottom: 6px;
    font-size: 10pt;
}

/*********************** ShiftService ********************************************/

.divCheckPersonCode 
{
    height: 12vh; 
    margin: auto; 
    width: 94%; 
    border: 4px solid #FFFFE3; 
    border-radius: 12px; 
    padding: 18px; 
    display: table; 
    text-align: -webkit-center;
}

.divShiftService 
{
    height: 72vh; 
    margin: auto; 
    width: 94%; 
    border: 4px solid #FFFFE3; 
    border-radius: 12px; 
    padding: 10px; 
    display: table; 
}

.shiftServiceTitle
{
    text-align: center;
    font-size: x-large;
    text-shadow: 0px 3px #b3ff6a;
}


#divSearchPersonCode 
{
    display:flex;
    width:45%;
}

#divSearchPersonCode .titleAdd label:first-child {
    width: 19%;
    display: inline-block;
    font-size: x-large; /*13pt;*/
    float: right;
    font-family: BNazanin;
    color: #000000;
}

#divSearchPersonCode .titleAdd input[type=text] {
    height: 37px;
    width: 37%;
    display: inline-block;
    padding: 0px 1px;
    font-size: xx-large; /*16px;*/
}

#ShiftServiceGroup .btn  , .btnShiftService
{
    margin-bottom : 2.5%; 
    min-width:30%;
    padding: 2.5%;  /*14px 12px;*/
    font-size: 33px;
    font-weight: bold;
    width: 45%;
    height: auto;
    
    background-color: #8e63e6;
    text-align:center; 
    margin-left:2%; 
    border-radius:48px;
    margin-right:2.5%;
    color:#fffba7;    

    box-shadow: 0px 13px 32px -12px rgba(0,0,0,0.4);
    cursor: pointer;
    transition: all ease-in-out 300ms;
}


#ShiftServiceGroup .btnShiftService:hover
{
    box-shadow: 0px 37px 20px -20px rgba(0,0,0,0.2);
    transform: translate(0px, -10px) scale(1.08); 
}
 
.personCodeHover :hover{
    outline: none;
    border-color: #9ecaed;
    box-shadow: 0 0 10px #9ecaed;
}

#divCheckPersonCode .alertUI {
    text-align: right;
    width: 40%;
    padding-right:0%; 
    font-size:x-large;
}

#divCheckPersonCode .alert{
    font-size:smaller;
}

#divPersonInfo .titleAdd label:first-child{
    font-size:x-large;
}

#divPersonInfo .titleAdd label {
    font-size:x-large;
}

/*************************  Top Menu **********************************/
.topnav {
    overflow: hidden;
    background-color: white;
}

.topnav a {
    float: right;
    color: black;
    text-align: center;
    padding: 5px 16px;
    text-decoration: none;
    font-size: 15px;
}

.topnav a:hover {
    background-color: lavenderblush;
    color: black;
    text-decoration: underline;
}

.topnav a.active {
    background-color: lavenderblush;
    color: black;
    text-decoration: underline;
}
/************************* Request Shift Service **********************************/
#frmShiftServiceSet {
    background-color: #fffce2;
}

#RequestShiftServiceDialog    .modal-title {
    font-size:large ;
}

#CtrlShiftServiceSet .alertUI {
    text-align: right;    
    padding-right:0%; 
    font-size:x-large;
}

#CtrlShiftServiceSet .alert{
    font-size:smaller;
}


#CtrlShiftServiceSet .titleAdd label:first-child {
    width:27%;
    font-size:x-large;
}


#CtrlShiftServiceSet .titleAdd label {
    font-size:x-large;
    width:63%;
}

#CtrlShiftServiceSet .titleAdd select {
    height : 35px; 
    font-size: x-large;
    width:63%;
    border-radius: 9px;
}


#CtrlShiftServiceSet .titleAdd input[type=text]{
    height : 35px; 
    font-size: x-large;
    width:63%;
    border-radius: 9px;
    border-color: red;
}

#divGatewayList img{
    border-radius: 14px;
    border: 2px solid #efefef;
    box-shadow: 0px 13px 32px -12px rgba(0,0,0,0.4);
    margin:2%;
}

#divGatewayList img:hover{    
    box-shadow: 0px 37px 20px -20px rgba(0,0,0,0.2);
    transform:  translate(0px, -10px) scale(1.08); 
    -webkit-transition: transform 0.5s ease-in-out;

}

#divPayTypes .btn
{
    margin-bottom: 2.5%;
    min-width: 97%;
    padding: 6px;
    font-size: x-large;
    font-weight: inherit;
    width: 45%;
    height: auto;
    background-color: #a686e8;
    text-align: center;    
    border-radius: 14px;
    margin-right: 0%;
    margin-top: 5%;
    color: #fffeed;
    box-shadow: 0px 13px 32px -12px rgba(0,0,0,0.4);
    cursor: pointer;
    transition: all ease-in-out 300ms;
}

#divPayTypes .btn:hover
{
    box-shadow: 0px 37px 20px -20px rgba(0,0,0,0.2);
    transform: translate(0px, -10px) scale(1.0); 
}

/********* Request Shift Service Result ************/

#frmShiftServiceSetResult {
    background-color:#fffce2;
}

#RequestShiftServiceResultDialog   .modal-title {
    font-size:large ;
}

#RequestShiftServiceResultDialog .titleAdd label:first-child {
    width:27%;
    font-size:x-large;
}


#RequestShiftServiceResultDialog .titleAdd label {
    font-size:x-large;
    width:63%;
}

#RequestShiftServiceResultDialog .alertUI {
    text-align: right;
    width: 95%;
    padding-right:0%; 
    font-size:x-large;
} 

#RequestShiftServiceResultDialog .alert{
    font-size:x-large;
}

#divBtns  .btn{
   margin-bottom: 2.5%;
    min-width: 23%;
    padding: 6px;
    font-size: x-large;
    font-weight: inherit;
    /* width: 12%; */
    height: auto;
    /* background-color: #a686e8; */
    text-align: center;
    border-radius: 14px;
    margin-right: 0;
    margin-top: 1%;
    color: #fffeed;
    box-shadow: 0px 13px 32px -12px rgba(0,0,0,0.4);
    cursor: pointer;
    transition: all ease-in-out 300ms;
}

/*----------------------------------------  Embryo FreezPersonList ----------------------------------------   */
#CtrlFrzPersonList #FreezAgreementDialog .modal-dialog {
    width: 1000px !important;
}

#CtrlFrzPersonList #ChargeFreezDialog .modal-dialog {
    width: 700px !important;
}

#ChargeFreezDialog .nextStep {
    font-size: 17px;
    font-weight: bold;
}

#ChargeFreezDialog .pager {
    padding-right: 0;
    margin: 5px 0;
    text-align: center;
    list-style: none;
}


/**/
/*********************** Mobile Veresion ***********************************/
@media only screen and (max-width: 850px) 
{
    .accountContainer {
        background-image: url('../Content/Image/ivf.png');
        background-size: contain;
        background-repeat: no-repeat;
        border-radius: 5px;
        width: auto !important;
        height: auto !important;
        max-width: 100%;
    }

    .footerAccount {
        text-align: center;
        /*width :100% ;*/
        /*height: 300px;        

    width: 1091px;*/
    }

    .panelLogin {
        margin-bottom: 0px;
        background-color: #FFE;
        border: 2px solid transparent;
        border-radius: 4px;
        -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, .05);
        box-shadow: 0 1px 1px rgba(0, 0, 0, .05);
    }

    .LoginUser { 
        text-align: center;
        margin-top: 8% ;
        width: auto;
        font: 9pt BNazanin;
    }

    .container {
        padding-right: 0px;
        padding-left: 0px; 
        /* margin-right: auto; */
        /* margin-left: auto; */
    }

    .modal-body {     
        padding: 15px;
    }

    .LableOdd { width: 18%; text-align: right; margin-top:1%; }
    .ValueOdd { width: 81%; margin-top: 1%; clear: left; text-align: right; }

    .LableEven {width: 18%; text-align: right; margin-top: 1%; }
    .ValueEven {width: 81%; margin-top: 1%; clear: left;  text-align: right; }

    .ValueCaptcha {
        width: auto;
        margin-top: 1%;
        height: 100px;
        margin-bottom: 5px;
        float: right;
        margin-right: 14%;
        text-align: right;
    }

    .LoginUser input[type=button] {
        width: 90px;
        margin-top: 2%;
    }

    .DivCaptcha{
        padding-bottom: 115px;
    }


    /*** AppointmentPersonList ***************/
    #BoxRegisterPerson .titleAdd {
        width: 100%;
        margin-bottom: 6px;
        font-size: 10pt;
    }

    #divAppPrsn {        
        
        padding-top: 30%;
    }

    .Grid .path {
        font-size: 14px;
    }

    .panel-title {
        font-size: 10px;
    }

    .itemsGrid {
        
        font-size: 10px;
    }

    #CtrlAppointmentPersonList #AppointmentAgreementDialog .modal-dialog{
        position: relative;
        display: flex;
        overflow-y: auto;
        overflow-x: auto;
        width: auto !important;
        min-width: 100%;
        margin: auto !important;
    }

    #CtrlAppointmentPersonList #AddAppointmentDialog .modal-dialog {
        position: relative;
        display: flex;
        overflow-y: auto;
        overflow-x: auto;
        width: auto !important;
        min-width: 100%;
        margin: auto !important;
    }

    #ulStepTabs {
        display:inline-grid;
        width: 80%;
    }

    #divSearchFields .titleAdd label:first-child {        
        font-size: 12px !important;        
    }

    #divSearchFields .titleAdd select {        
        font-size: 12px !important;
    }

    #ulStepTabs .nav-tabs > li {
        margin-bottom: -8px !important;
    }

    #divExpertSchedule .panel-heading {
        padding: 10px 0px;
    }

    #divSchdules .alert{     
        font-size: 12px;
    }

    #divSchdules .alert:hover {     
        font-size: 14px;
    }

    #divSchdules  {
         position: initial !important;
    }

    .titleAdd label:first-child {     
        font-size: 12px;
    }

    .titleAdd label {
        font-size: 12px;
    }

    .titleAdd select {
        font-size: 12px;
    }
    
    /**** List Of Appointments **********************************************************/
    #CtrlAppointmentPersonList .Grid .itemsGrid  .btn
    {
        min-width:35px;
    }

    /****************  Freez Person List ******************************/
    #CtrlFrzPersonList #FreezAgreementDialog .modal-dialog {
        position: relative;
        display: flex;
        overflow-y: auto;
        overflow-x: auto;
        width: auto !important;
        min-width: 100%;
        margin: auto !important;
    }

    #CtrlFrzPersonList #ChargeFreezDialog .modal-dialog {
        position: relative;
        display: flex;
        overflow-y: auto;
        overflow-x: auto;
        width: auto !important;
        min-width: 100%;
        margin: auto !important;
    }

    #divFrzPrsn {
        padding-top: 30%;
    }

}